@refinitiv-ui/efx-grid 6.0.90 → 6.0.92

package/lib/core/es6/grid/components/CellFloatingPanel.js

@@ -6,7 +6,7 @@ import ElementWrapper from "./ElementWrapper.js";
 /** @constructor
 * @extends {ElementWrapper}
 */
-var CellFloatingPanel = function () {
+let CellFloatingPanel = function () {
 	this._items = [];
 	this._element = null;
 };
@@ -35,7 +35,7 @@ CellFloatingPanel.prototype.containItem = function (icon) {
 * @param {number=} opt_order The greater the order, the farther the position to the right
 */
 CellFloatingPanel.prototype.insertItem = function (item, opt_order) {
-	var items = this._items;
+	let items = this._items;
 	if(items.indexOf(item) > -1) {
 		return; // There is no need to insert the same icon
 	}
@@ -55,13 +55,13 @@ CellFloatingPanel.prototype.insertItem = function (item, opt_order) {
 * @return {Element|null} removed element
 */
 CellFloatingPanel.prototype.removeItem = function (elemRef) {
-	var items = this._items;
-	var targetIndex = -1;
+	let items = this._items;
+	let targetIndex = -1;
 	if (!elemRef) {
 		targetIndex = items.length - 1;
 	} else {
-		for(var i = items.length; --i >= 0;) {
-			var ch = items[i];
+		for(let i = items.length; --i >= 0;) {
+			let ch = items[i];
 			if (typeof elemRef === "string") {
 				if(ch.classList.contains(elemRef)) {
 					targetIndex = i;
@@ -75,7 +75,7 @@ CellFloatingPanel.prototype.removeItem = function (elemRef) {
 			}
 		}
 	}
-	var removedItem = null;
+	let removedItem = null;
 	if (targetIndex > -1) {
 		removedItem = items.splice(targetIndex, 1)[0];
 	}
@@ -85,7 +85,7 @@ CellFloatingPanel.prototype.removeItem = function (elemRef) {
 /** @public
 */
 CellFloatingPanel.prototype.clearItems = function () {
-	var items = this._items;
+	let items = this._items;
 	if (!items.length) {
 		return;
 	}
@@ -110,8 +110,8 @@ CellFloatingPanel._iconComparer = function(elemA, elemB) {
 /** @private
 */
 CellFloatingPanel.prototype._updatePanelItems = function() {
-	var items = this._items;
-	var elem = this._element;
+	let items = this._items;
+	let elem = this._element;
 	if (!items.length) {
 		return;
 	}
@@ -121,7 +121,7 @@ CellFloatingPanel.prototype._updatePanelItems = function() {
 	while (elem.lastChild) {
 		elem.removeChild(elem.lastChild);
 	}
-	for (var i = 0; i < items.length; i++) {
+	for (let i = 0; i < items.length; i++) {
 		elem.appendChild(items[i]);
 	}
 };

package/lib/core/es6/grid/components/CellSpan.js

@@ -3,7 +3,7 @@
 * @param {number} x
 * @param {number} y
 */
-var CellSpan = function (x, y) {
+let CellSpan = function (x, y) {
 	this.indexX = x;
 	this.indexY = y;
 };
@@ -45,7 +45,7 @@ CellSpan.prototype.unregister = function (allSpans, occupiedMap) {
 * @param {boolean} bool
 */
 CellSpan.prototype._register = function (allSpans, occupiedMap, bool) {
-	var at = allSpans.indexOf(this);
+	let at = allSpans.indexOf(this);
 	if(bool) {
 		if(at < 0) {
 			allSpans.push(this);
@@ -56,11 +56,11 @@ CellSpan.prototype._register = function (allSpans, occupiedMap, bool) {
 		}
 	}
 
-	var obj = bool ? this : null;
-	var endCol = this.indexX + this.colSpan;
-	var endRow = this.indexY + this.rowSpan;
-	for (var c = this.indexX; c < endCol; ++c) {
-		for (var r = this.indexY; r < endRow; ++r) {
+	let obj = bool ? this : null;
+	let endCol = this.indexX + this.colSpan;
+	let endRow = this.indexY + this.rowSpan;
+	for (let c = this.indexX; c < endCol; ++c) {
+		for (let r = this.indexY; r < endRow; ++r) {
 			occupiedMap[c + "," + r] = obj;
 		}
 	}

package/lib/core/es6/grid/components/CellSpans.js

@@ -1,7 +1,7 @@
 import CellSpan from "./CellSpan.js";
 
 /** @constructor */
-var CellSpans = function () {
+let CellSpans = function () {
 	this._spans = [];
 	this._occupiedMap = {};
 };
@@ -11,7 +11,7 @@ var CellSpans = function () {
 * @return {boolean} Return true if there is any change
 */
 CellSpans.prototype.removeColumn = function (at) { // Use when a column is removed
-	var dirty = false;
+	let dirty = false;
 	if(this.removeSpanByColIndex(at)) {
 		dirty = true;
 	}
@@ -34,10 +34,10 @@ CellSpans.prototype.freezeMapping = function (bool) {
 /** @private
 */
 CellSpans.prototype._mapCellSpans = function () {
-	var cellSpans = this._spans;
+	let cellSpans = this._spans;
 	this._spans = [];
 	this._occupiedMap = {};
-	var i, cellSpan;
+	let i, cellSpan;
 	for(i = cellSpans.length; --i >= 0;) {
 		cellSpan = cellSpans[i];
 		if(cellSpan.indexX >= 0) {
@@ -55,9 +55,9 @@ CellSpans.prototype._mapCellSpans = function () {
 CellSpans.prototype.shiftColumn = function (from, amount) { // Use when a column is inserted or removed
 	if(this._spans.length <= 0 || amount === 0) { return false; }
 
-	var dirty = false;
-	for (var i = this._spans.length; --i >= 0;) {
-		var cellSpan = this._spans[i];
+	let dirty = false;
+	for (let i = this._spans.length; --i >= 0;) {
+		let cellSpan = this._spans[i];
 		if(cellSpan.indexX >= from) {
 			dirty = true;
 			cellSpan.indexX += amount;
@@ -77,8 +77,8 @@ CellSpans.prototype.shiftColumn = function (from, amount) { // Use when a column
 CellSpans.prototype.removeSpan = function (indexX, indexY) {
 	if(this._spans.length <= 0) { return null; }
 
-	var key = indexX + "," + indexY;
-	var cellSpan = this._occupiedMap[key];
+	let key = indexX + "," + indexY;
+	let cellSpan = this._occupiedMap[key];
 	if(!cellSpan || cellSpan.isOccupiedIndices(indexX, indexY)) { return null; }
 
 	cellSpan.unregister(this._spans, this._occupiedMap);
@@ -90,13 +90,14 @@ CellSpans.prototype.removeSpan = function (indexX, indexY) {
 * @return {Array.<CellSpan>} Return null if no CellSpan is removed
 */
 CellSpans.prototype.removeSpanByColIndex = function (at, opt_ary) {
-	var len = this._spans.length;
+	let len = this._spans.length;
 	if(len <= 0) { return null; }
 
-	var cellSpan;
-	var removedCellSpans = opt_ary || [];
-	var count = 0;
-	for (var i = 0; i < len; ++i) {
+	let cellSpan;
+	let removedCellSpans = opt_ary || [];
+	let count = 0;
+	let i;
+	for (i = 0; i < len; ++i) {
 		cellSpan = this._spans[i];
 		if(cellSpan && cellSpan.indexX === at) {
 			removedCellSpans.push(cellSpan);
@@ -117,13 +118,14 @@ CellSpans.prototype.removeSpanByColIndex = function (at, opt_ary) {
 * @return {Array.<CellSpan>} Return null if no CellSpan is removed
 */
 CellSpans.prototype.removeSpanStartedFromRowIndex = function (at, opt_ary) {
-	var len = this._spans.length;
+	let len = this._spans.length;
 	if(len <= 0) { return null; }
 
-	var cellSpan;
-	var removedCellSpans = opt_ary || [];
-	var count = 0;
-	for (var i = 0; i < len; ++i) {
+	let cellSpan;
+	let removedCellSpans = opt_ary || [];
+	let count = 0;
+	let i;
+	for (i = 0; i < len; ++i) {
 		cellSpan = this._spans[i];
 		if(cellSpan && cellSpan.indexY >= at) {
 			removedCellSpans.push(cellSpan);
@@ -145,7 +147,7 @@ CellSpans.prototype.removeSpanStartedFromRowIndex = function (at, opt_ary) {
 CellSpans.prototype.clearAllSpans = function () {
 	if(this._spans.length <= 0) { return null; }
 
-	var allCellSpans = this._spans;
+	let allCellSpans = this._spans;
 	this._spans = [];
 	this._occupiedMap = {};
 	return allCellSpans;
@@ -163,7 +165,7 @@ CellSpans.prototype.hasSpan = function () {
 * @return {CellSpan|null}
 */
 CellSpans.prototype.getSpan = function (indexX, indexY) {
-	var cellSpan = this.getOccupyingSpan(indexX, indexY);
+	let cellSpan = this.getOccupyingSpan(indexX, indexY);
 	if(cellSpan && cellSpan.isSpanIndices(indexX, indexY)) {
 		return cellSpan;
 	}
@@ -195,7 +197,7 @@ CellSpans.prototype.getAllSpans = function () {
 * @return {number}
 */
 CellSpans.prototype.getColSpan = function (indexX, indexY) {
-	var cellSpan = this._occupiedMap[indexX + "," + indexY];
+	let cellSpan = this._occupiedMap[indexX + "," + indexY];
 	if(cellSpan == null) {
 		return 1;
 	}
@@ -214,7 +216,7 @@ CellSpans.prototype.getColSpan = function (indexX, indexY) {
 * @return {number}
 */
 CellSpans.prototype.getRowSpan = function (indexX, indexY) {
-	var cellSpan = this._occupiedMap[indexX + "," + indexY];
+	let cellSpan = this._occupiedMap[indexX + "," + indexY];
 	if(cellSpan == null) {
 		return 1;
 	}
@@ -252,15 +254,15 @@ CellSpans.prototype.setRowSpan = function (indexX, indexY, spanVal) {
 */
 CellSpans.prototype._updateSpan = function (c0, r0, isColumn, spanVal) {
 	if (spanVal < 1) { spanVal = 1; }
-	var cellSpan = this.getSpan(c0, r0);
+	let cellSpan = this.getSpan(c0, r0);
 	if(cellSpan) { cellSpan.retVal = 0; }
 
-	var c1 = c0;
-	var r1 = r0;
-	var cs = (cellSpan) ? cellSpan.colSpan : 1;
-	var rs = (cellSpan) ? cellSpan.rowSpan : 1;
-	var c2, r2, target, key;
-	var isExpanding = true;
+	let c1 = c0;
+	let r1 = r0;
+	let cs = (cellSpan) ? cellSpan.colSpan : 1;
+	let rs = (cellSpan) ? cellSpan.rowSpan : 1;
+	let c2, r2, target, key;
+	let isExpanding = true;
 	if (isColumn) {
 		if (cs === spanVal) { return cellSpan; }
 		if (cs > spanVal) {
@@ -294,9 +296,9 @@ CellSpans.prototype._updateSpan = function (c0, r0, isColumn, spanVal) {
 	}
 
 	// Collecting affected cells
-	var c, r;
+	let c, r;
 	if (isExpanding) { // Check all affected cells for occupying
-		var keys = [];
+		let keys = [];
 		for (c = c1; c < c2; ++c) {
 			for (r = r1; r < r2; ++r) {
 				key = c + "," + r;
@@ -318,10 +320,10 @@ CellSpans.prototype._updateSpan = function (c0, r0, isColumn, spanVal) {
 			this._occupiedMap[keys[c]] = cellSpan;
 		}
 	} else {
-		var noLongerSpan = (isColumn) ? (spanVal + rs <= 2) : (spanVal + cs <= 2);
+		let noLongerSpan = (isColumn) ? (spanVal + rs <= 2) : (spanVal + cs <= 2);
 		if (noLongerSpan) {
 			key = c0 + "," + r0;
-			var at = this._spans.indexOf(cellSpan);
+			let at = this._spans.indexOf(cellSpan);
 			this._spans.splice(at, 1);
 			this._occupiedMap[key] = null;
 		}

package/lib/core/es6/grid/components/Column.js

@@ -11,8 +11,8 @@ import ILayoutGrid from "../ILayoutGrid.js";
 * @extends {ElementWrapper}
 * @param {ILayoutGrid} section Parent section
 */
-var Column = function (section) {
-	var elem = this._element = document.createElement("div");
+let Column = function (section) {
+	let elem = this._element = document.createElement("div");
 	elem.className = "column";
 	this._cells = [];
 	this._section = section;
@@ -94,7 +94,7 @@ Column.prototype._pinned = true;
 /** @public
 */
 Column.prototype.clearContent = function() {
-	for(var r = this._cells.length; --r >= 0;) {
+	for(let r = this._cells.length; --r >= 0;) {
 		this._cells[r].setContent(null);
 	}
 };
@@ -129,7 +129,7 @@ Column.prototype.enableAbsolutePosition = function (bool) {
 */
 Column.prototype.dispose = function () {
 	this._dispose();
-	for(var r = this._cells.length; --r >= 0;) {
+	for(let r = this._cells.length; --r >= 0;) {
 		this._cells[r].dispose();
 	}
 	this._scrollFrame = this._nextSibling = this._parent = this._cells = this._section = null;
@@ -138,10 +138,10 @@ Column.prototype.dispose = function () {
 * @override
 */
 Column.prototype.setStyle = function (str, val) {
-	var elem = this._element;
+	let elem = this._element;
 	elem.style[str] = val;
 
-	var bgc = elem.style.backgroundColor;
+	let bgc = elem.style.backgroundColor;
 	if(bgc) {
 		if(!elem.classList.contains("no-shading")) { elem.classList.add("no-shading"); }
 	} else {
@@ -152,13 +152,13 @@ Column.prototype.setStyle = function (str, val) {
 * @override
 */
 Column.prototype.setStyles = function (json) {
-	var elem = this._element;
-	var styles = elem.style;
-	for (var key in json) {
+	let elem = this._element;
+	let styles = elem.style;
+	for (let key in json) {
 		styles[key] = json[key];
 	}
 
-	var bgc = elem.style.backgroundColor;
+	let bgc = elem.style.backgroundColor;
 	if(bgc) {
 		if(!elem.classList.contains("no-shading")) { elem.classList.add("no-shading"); }
 	} else {
@@ -178,7 +178,7 @@ Column.prototype.show = function (opt_shown) {
 */
 Column.prototype.setWidth = function (val) {
 	this._element.style.width = val + "px";
-	var magnitude = 0;
+	let magnitude = 0;
 	if(val > 0 && val <= 24){
 		magnitude = 3;
 	}
@@ -189,8 +189,8 @@ Column.prototype.setWidth = function (val) {
 		magnitude = 1;
 	}
 
-	var i;
-	var sc = this._sizeClasses;
+	let i;
+	let sc = this._sizeClasses;
 	if(sc) {
 		if(sc.length > magnitude) {
 			for(i = sc.length; --i >= magnitude;) {
@@ -240,11 +240,11 @@ Column.prototype.getParent = function () {
 * @override
 */
 Column.prototype.setParent = function (parent, opt_prepend) {
-	var el = this._element;
+	let el = this._element;
 	if(!el) { return; }
 
 	this._parent = Util.getElement(parent);
-	var hidingMethod = this._section ? this._section.getHidingMethod() : "";
+	let hidingMethod = this._section ? this._section.getHidingMethod() : "";
 
 	// hidden column with hidingMethod should appear in tree
 	// to prevent from unability of showing
@@ -345,7 +345,7 @@ Column.prototype.deactivate = function (opt_disabled) {
 * @param {number} count
 */
 Column.prototype.setCellCount = function (count) {
-	var r;
+	let r;
 	for(r = this._cells.length; r < count; ++r) {
 		this._cells.push(new Cell(null, this._section));
 	}
@@ -378,12 +378,12 @@ Column.prototype.getCell = function (rowIndex) {
 Column.prototype.collapseCells = function (from, length, collapsed, excludeFirstCell, keptInDoc) {
 	if(length <= 0) { return; }
 
-	var dirty = false;
-	var cell = this._cells[from];
+	let dirty = false;
+	let cell = this._cells[from];
 	if(cell && !excludeFirstCell) { // If we need to process the first cell
 		dirty |= cell.collapse(collapsed, keptInDoc); // If we have multiple rows kept the cell in the doc for positioning
 	}
-	for(var i = 1; i < length; ++i) {
+	for(let i = 1; i < length; ++i) {
 		cell = this._cells[from + i];
 		if(cell) {
 			dirty |= cell.collapse(collapsed, keptInDoc);
@@ -413,8 +413,8 @@ Column.prototype.uncollapseAllCells = Util._deprecatedFunction;
 * @param {number} to
 */
 Column.prototype.activateCells = function (from, to) {
-	var r;
-	var parent = this._element;
+	let r;
+	let parent = this._element;
 	if(this._hasCollapsedCells) { // There is a vertical span and no row virtualization. We only need to appendChild incrementally
 		from = this._cellEnd;
 		if(to > this._cellEnd) {
@@ -422,7 +422,7 @@ Column.prototype.activateCells = function (from, to) {
 		}
 	} else {
 		if(this._cellStart === from) {
-			var diff = this._cellEnd - to;
+			let diff = this._cellEnd - to;
 			if(diff > 0) {
 				for(r = this._cellEnd; --r >= to;) {
 					this._cells[r].removeParent();
@@ -445,7 +445,7 @@ Column.prototype.activateCells = function (from, to) {
 	}
 
 	for(r = from; r < to; ++r) {
-		var cell = this._cells[r];
+		let cell = this._cells[r];
 		if(cell.isKeptInDoc()) {
 			cell.initialize();
 			parent.appendChild(cell.getElement());
@@ -461,9 +461,9 @@ Column.prototype.moveCellsToTop = function (numCells) {
 		return; // There is no point in cycling cells when the column is inactive
 	}
 
-	var parent = this._element;
-	for(var i = 0; i < numCells; ++i) {
-		var cell = this._cells[i];
+	let parent = this._element;
+	for(let i = 0; i < numCells; ++i) {
+		let cell = this._cells[i];
 		if(cell.isKeptInDoc()) {
 			parent.appendChild(cell.getElement());
 		}
@@ -475,9 +475,9 @@ Column.prototype.moveCellsToTop = function (numCells) {
 */
 Column.prototype.updateCellOrders = function () {
 	this._hasCollapsedCells = false;
-	var parent = this._element;
-	for(var i = this._cellStart; i < this._cellEnd; ++i) {
-		var cell = this._cells[i];
+	let parent = this._element;
+	for(let i = this._cellStart; i < this._cellEnd; ++i) {
+		let cell = this._cells[i];
 		if(cell.isKeptInDoc()) {
 			parent.appendChild(cell.getElement());
 		} else {
@@ -499,8 +499,8 @@ Column.prototype.hasCollapsedCells = function () {
 */
 Column.prototype.getCellIndex = function (cellElem) {
 	if(!cellElem) { return -1; }
-	for(var i = this._cellStart; i < this._cellEnd; ++i) {
-		var cell = this._cells[i];
+	for(let i = this._cellStart; i < this._cellEnd; ++i) {
+		let cell = this._cells[i];
 		if(cell.getElement() === cellElem) {
 			return i;
 		}
@@ -522,9 +522,9 @@ Column.prototype.getSection = function () {
 * @return {Array.<string>}
 */
 Column.prototype.log = function () {
-	var ary = [];
-	var len = this._cells.length;
-	for(var i = 0; i < len; ++i) {
+	let ary = [];
+	let len = this._cells.length;
+	for(let i = 0; i < len; ++i) {
 		ary.push(this._cells[i].getTextContent());
 	}
 	return ary;
@@ -543,32 +543,32 @@ Column.prototype.getVisibility = function () {
 * @param {*} shown
 */
 Column.prototype.setVisibility = function (bitIndex, shown) {
-	var prevVis = !this._invisibility;
+	let prevVis = !this._invisibility;
 
-	var bit = this._bits[bitIndex] || 1;
+	let bit = this._bits[bitIndex] || 1;
 	if(shown) {
 		this._invisibility &= ~bit; // Remove invisibility bit
 	} else {
 		this._invisibility |= bit; // Add invisibility bit
 	}
 
-	var newVis = !this._invisibility;
+	let newVis = !this._invisibility;
 	if (prevVis === newVis) {
 		return; // Nothing has changed
 	}
 
-	var hidingMethod = this._section ? this._section.getHidingMethod() : "";
+	let hidingMethod = this._section ? this._section.getHidingMethod() : "";
 	if(hidingMethod) {
 		this.enableClass("hidden", !newVis); // Custom class method
 		// this._element.style.display = (newVis !== false) ? "" : "none";
 	} else {
 		if(newVis) { // Find a proper place to insert (show)
 			// this._element.style.display = "";
-			var curParent = this._parent;
+			let curParent = this._parent;
 			if(!curParent) {
 				return; // WARNING: It could possibly be a bug, if there is no parent at this moment
 			}
-			var nextSibling = this._nextSibling; // Next sibling can be an empty object
+			let nextSibling = this._nextSibling; // Next sibling can be an empty object
 			while(nextSibling) {
 				if (nextSibling._parent !== curParent) {
 					// This could mean either this is pinned left column or column within the scroll frame (i.e. any column that is not pinned to the right)

package/lib/core/es6/grid/components/ElementWrapper.js

@@ -9,7 +9,7 @@ import Util from "../util/util.js";
  * @extends {EventDispatcher}
  * @param {Element=} opt_element If not specified "div" element is instantly created.
  */
-var ElementWrapper = function (opt_element) {
+let ElementWrapper = function (opt_element) {
 	this._element = opt_element ? opt_element : document.createElement("div");
 };
 Ext.inherits(ElementWrapper, EventDispatcher);
@@ -128,7 +128,7 @@ ElementWrapper.prototype.removeContent = function (content) {
 * @param {number=} opt_priority The higher the priority, the sooner the listener get executed. Undefined priority listener will be executed last
 *
 * @example
-* var grid = new Core();
+* let grid = new Core();
 * grid.listen("click", function(e) { console.log("Grid is clicked"); });
 */
 ElementWrapper.prototype.listen = function (type, handler, opt_priority) {
@@ -140,7 +140,7 @@ ElementWrapper.prototype.listen = function (type, handler, opt_priority) {
 	if (!this._nativeEvents) {
 		this._nativeEvents = {};
 	}
-	var e = this._nativeEvents[type];
+	let e = this._nativeEvents[type];
 	if (!e) {
 		e = new EventListeners();
 		this._nativeEvents[type] = e;
@@ -149,9 +149,9 @@ ElementWrapper.prototype.listen = function (type, handler, opt_priority) {
 
 		if (!ElementWrapper._passiveEvents) {
 			// https://github.com/WICG/EventListenerOptions/blob/gh-pages/explainer.md#feature-detection
-			var supportsPassive = false;
+			let supportsPassive = false;
 			try {
-				var opts = /** @type{boolean} */(Object.defineProperty({}, 'passive', {
+				let opts = /** @type{boolean} */(Object.defineProperty({}, 'passive', {
 					/**
 					 * @return {boolean}
 					 */
@@ -165,7 +165,7 @@ ElementWrapper.prototype.listen = function (type, handler, opt_priority) {
 			} catch (err) {}
 
 			if(supportsPassive) {
-				var passiveOption = { "passive": true };
+				let passiveOption = { "passive": true };
 
 				// "wheel" and "mousewheel" have default behavior that needs to be prevented. We have to exclude them from the list
 				ElementWrapper._passiveEvents = {
@@ -196,7 +196,7 @@ ElementWrapper.prototype.unlisten = function (type, handler) {
 	}
 
 	if (this._nativeEvents) {
-		var e = this._nativeEvents[type];
+		let e = this._nativeEvents[type];
 		if (e) {
 			e.unlisten(handler);
 		}
@@ -214,7 +214,7 @@ ElementWrapper.prototype.unlistenAll = function (opt_type) {
 				this._customEvents[opt_type].unlistenAll();
 			}
 		} else {
-			for (var customEvt in this._customEvents) {
+			for (let customEvt in this._customEvents) {
 				this._customEvents[customEvt].unlistenAll();
 			}
 		}
@@ -227,7 +227,7 @@ ElementWrapper.prototype.unlistenAll = function (opt_type) {
 				delete this._nativeEvents[opt_type];
 			}
 		} else {
-			for (var key in this._nativeEvents) {
+			for (let key in this._nativeEvents) {
 				this._unlistenAll(key);
 			}
 			this._nativeEvents = null;
@@ -239,7 +239,7 @@ ElementWrapper.prototype.unlistenAll = function (opt_type) {
 * @param {string} type
 */
 ElementWrapper.prototype._unlistenAll = function (type) {
-	var e = this._nativeEvents[type];
+	let e = this._nativeEvents[type];
 	this._element.removeEventListener(type, e.dispatch, false);
 	e.unlistenAll();
 };
@@ -268,7 +268,7 @@ ElementWrapper.prototype._dispose = function () {
 */
 ElementWrapper.prototype.setEventArgExtender = function (type, func) {
 	if(this._customEvents) {
-		var evt = this._customEvents[type];
+		let evt = this._customEvents[type];
 		if(evt) {
 			evt.setEventArgExtender(func);
 		}
@@ -343,7 +343,7 @@ ElementWrapper.prototype._insertBefore = function (nextSibling) {
 		return;
 	}
 
-	var parent = nextSibling.parentNode;
+	let parent = nextSibling.parentNode;
 	if (parent == null) { return; }
 
 	parent.insertBefore(this._element, nextSibling);
@@ -401,7 +401,7 @@ ElementWrapper.prototype.removeClass = function (str) {
 * @param {(boolean|null)=} forcedVal If specified, force CSS class state as the specified value
 */
 ElementWrapper.prototype.toggleClass = function (cls, forcedVal) {
-	var elem = this._element;
+	let elem = this._element;
 	if(elem) {
 		if(forcedVal == null) {
 			forcedVal = !elem.classList.contains(cls);
@@ -453,7 +453,7 @@ ElementWrapper.prototype.setAttribute = function (str, val) { this._element.setA
 * @param {Object} json Key is the attribute names and value is string value (i.e. "readonly", "50", "checkbox")
 */
 ElementWrapper.prototype.setAttributes = function (json) {
-	for (var key in json) {
+	for (let key in json) {
 		this._element.setAttribute(key, json[key]);
 	}
 };
@@ -480,8 +480,8 @@ ElementWrapper.prototype.setStyle = function (str, val) { this._element.style[st
 * @param {Object} json Key is the property names and value is style value (i.e. "center", "#FF00FF", "10px")
 */
 ElementWrapper.prototype.setStyles = function (json) {
-	var styles = this._element.style;
-	for (var key in json) {
+	let styles = this._element.style;
+	for (let key in json) {
 		styles[key] = json[key];
 	}
 };
@@ -507,7 +507,7 @@ ElementWrapper.prototype.setId = function (val) {
 * @return {string}
 */
 ElementWrapper.prototype.toString = function () {
-	var outer = this._element.outerHTML;
+	let outer = this._element.outerHTML;
 	outer = outer.replace(this._element.innerHTML, "");
 	return outer;
 };