@refinitiv-ui/efx-grid 6.0.91 → 6.0.92

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

@@ -16,7 +16,7 @@ import HScrollbar from "./components/HScrollbar.js";
 * @param {number} limit
 * @return {number}
 */
-var _validateIndex = function(idx, limit) {
+let _validateIndex = function(idx, limit) {
 	if(idx > limit) {
 		return limit;
 	} else if(idx < 0) {
@@ -30,8 +30,8 @@ var _validateIndex = function(idx, limit) {
  * @param {Object=} options
  * @extends {ElementWrapper}
 */
-var VirtualizedLayoutGrid = function (options) {
-	var _t = this;
+let VirtualizedLayoutGrid = function (options) {
+	let _t = this;
 	_t._onRestingPosition = _t._onRestingPosition.bind(_t);
 	_t._updateRowBounds = _t._updateRowBounds.bind(_t);
 
@@ -202,7 +202,7 @@ VirtualizedLayoutGrid.prototype.show = function (opt_shown) {
 //#region ====== Implementing ILayoutGrid ======//
 /** @inheritDoc */
 VirtualizedLayoutGrid.prototype.hitTest = function (x, y) {
-	var e = [];
+	let e = [];
 	e["colIndex"] = this._grid.hitTestX(x);
 	e["rowIndex"] = this._layoutY.hitTest(y);
 	return e;
@@ -231,7 +231,7 @@ VirtualizedLayoutGrid.prototype.getDefaultRowHeight = function () {
 };
 /** @inheritDoc */
 VirtualizedLayoutGrid.prototype.setDefaultRowHeight = function (val) {
-	var prevVal = this._layoutY.getDefaultLaneSize();
+	let prevVal = this._layoutY.getDefaultLaneSize();
 	if (prevVal !== val) {
 		this._layoutY.setDefaultLaneSize(val);
 		this._element.style.height = this._layoutY.getTrackSize() + "px";
@@ -272,13 +272,13 @@ VirtualizedLayoutGrid.prototype._startBindingSession = function (enabled) {
 	if(!enabled){
 		// Clear old session
 		if(this._tempRowHeights){
-			var defaultRowHeight = this.getDefaultRowHeight();
-			var hasSession = true;
-			var removedIndices = [];
+			let defaultRowHeight = this.getDefaultRowHeight();
+			let hasSession = true;
+			let removedIndices = [];
 
-			for(var key in this._tempRowHeights){
-				var index = +key;
-				var rowSession = this._layoutY.getLaneProperty(index, "sizeSession");
+			for(let key in this._tempRowHeights){
+				let index = +key;
+				let rowSession = this._layoutY.getLaneProperty(index, "sizeSession");
 				if(rowSession) {
 					if(rowSession != this._session){
 						this.setRowHeight(index, defaultRowHeight);
@@ -287,12 +287,12 @@ VirtualizedLayoutGrid.prototype._startBindingSession = function (enabled) {
 					}
 				}
 			}
-			var removedCount = removedIndices.length;
-			for(var i = 0; i < removedCount; i++){
+			let removedCount = removedIndices.length;
+			for(let i = 0; i < removedCount; i++){
 				delete this._tempRowHeights[removedIndices[i]];
 			}
 			if(removedCount){
-				for(var remainingKey in this._tempRowHeights){
+				for(let remainingKey in this._tempRowHeights){
 					hasSession = remainingKey != null;
 					break;
 				}
@@ -475,7 +475,7 @@ VirtualizedLayoutGrid.prototype.getRowCount = function () {
 };
 /** @inheritDoc */
 VirtualizedLayoutGrid.prototype.setRowCount = function (val, noBinding) {
-	var prevCount = this._layoutY.getLaneCount();
+	let prevCount = this._layoutY.getLaneCount();
 	if(prevCount !== val){
 		this._layoutY.setLaneCount(val);
 		if(this._tempRowHeights){
@@ -504,7 +504,7 @@ VirtualizedLayoutGrid.prototype.addRow = function (val) {
 /** @inheritDoc */
 VirtualizedLayoutGrid.prototype.removeRow = function (val) {
 	if (val <= 0) { return; }
-	var rowCount = this._layoutY.getLaneCount();
+	let rowCount = this._layoutY.getLaneCount();
 	if (val > rowCount) { val = rowCount; }
 	this.setRowCount(rowCount - val);
 };
@@ -579,7 +579,7 @@ VirtualizedLayoutGrid.prototype.enableRowHighlighting = function (opt_bool) {
 
 /** @inheritDoc */
 VirtualizedLayoutGrid.prototype.getRowHighlight = function () {
-	var index = this._grid.getRowHighlight();
+	let index = this._grid.getRowHighlight();
 	if(index >= 0){
 		index += this._firstIndex;
 	}
@@ -588,7 +588,7 @@ VirtualizedLayoutGrid.prototype.getRowHighlight = function () {
 
 /** @inheritDoc */
 VirtualizedLayoutGrid.prototype.setRowHighlight = function (rowIndex) {
-	var prevIndex = this._grid.getRowHighlight();
+	let prevIndex = this._grid.getRowHighlight();
 	if (prevIndex >= 0) { prevIndex += this._firstIndex; }
 	this._grid.setRowHighlight(rowIndex - this._firstIndex);
 	//Check row highligh is in view
@@ -596,7 +596,7 @@ VirtualizedLayoutGrid.prototype.setRowHighlight = function (rowIndex) {
 	if (rowIndex >= 0) { rowIndex += this._firstIndex; }
 
 	if (this._hasListener("rowHighlighted")) {
-		var e = {};
+		let e = {};
 		e["prevRowIndex"] = prevIndex;
 		e["rowIndex"] = rowIndex;
 		this._dispatch("rowHighlighted", e);
@@ -624,7 +624,7 @@ VirtualizedLayoutGrid.prototype.isSelectedRow = function (at) {
 VirtualizedLayoutGrid.prototype.setSelectedRow = function (rowIndex, opt_selected) {
 	this._selectionList.setSelection(rowIndex, opt_selected);
 
-	var selected = this._selectionList.getSelection(rowIndex);
+	let selected = this._selectionList.getSelection(rowIndex);
 	this._grid.setSelectedRow(rowIndex - this._firstIndex, selected);
 
 	if(selected) {
@@ -650,7 +650,7 @@ VirtualizedLayoutGrid.prototype.selectRowRange = function (rowIndex, length) {
 };
 /** @inheritDoc */
 VirtualizedLayoutGrid.prototype.clearSelectedRows = function () {
-	var count = this._selectionList.clearAllSelections();
+	let count = this._selectionList.clearAllSelections();
 	this._grid.clearSelectedRows();
 	this._requestUpdatingRowBounds(); // WARNING: Row bounds are not removed from the document immediately
 	return count;
@@ -678,7 +678,7 @@ VirtualizedLayoutGrid.prototype.activateColumn = function (colIndex, opt_bool) {
 };
 /** @inheritDoc */
 VirtualizedLayoutGrid.prototype.activateRows = function (from, to, updateRange) {
-	var maxLen = this._layoutY.getLaneCount();
+	let maxLen = this._layoutY.getLaneCount();
 	if(!from) { from = this._rowOffset; }
 	if(!to && to !== 0) { to = from + maxLen; }
 
@@ -687,15 +687,15 @@ VirtualizedLayoutGrid.prototype.activateRows = function (from, to, updateRange)
 	to -= this._rowOffset; // Convert to relative index
 	if(to < 0) { to = 0; }
 
-	var prevLen = this._getInnerRowCount();
-	var pfi = this._firstIndex;
-	var fi = 0;
+	let prevLen = this._getInnerRowCount();
+	let pfi = this._firstIndex;
+	let fi = 0;
 
 	fi = from - (from & 1); // This is done to maintain zebra background color.
 	if (fi < 0) { fi = 0; }
 	else if (fi > maxLen) { fi = maxLen; }
 
-	var newLen = (to + (to & 1)) - fi;
+	let newLen = (to + (to & 1)) - fi;
 	if(newLen + 2 === prevLen) { // To remove unnecessary shrinking during scrolling
 		newLen = prevLen;
 	}
@@ -704,23 +704,23 @@ VirtualizedLayoutGrid.prototype.activateRows = function (from, to, updateRange)
 	else if(newLen + fi > maxLen) { newLen = maxLen - fi; }
 
 	this._firstIndex = fi;
-	var ei = fi + newLen;
+	let ei = fi + newLen;
 
 	// Re-position inner grid
-	var px = this._layoutY.getLaneStart(fi);
-	var gridElem = this._grid.getElement(); // GRID-347 Chrome 86 does not recognize top property of grand children
+	let px = this._layoutY.getLaneStart(fi);
+	let gridElem = this._grid.getElement(); // GRID-347 Chrome 86 does not recognize top property of grand children
 	if(gridElem) {
 		gridElem.style.transform = px ? "translateY(" + px + "px)" : ""; // Replacement for this._grid.setTop(px);
 		gridElem.style.top = "";
 		this._reverter.start();
 	}
 	this._grid._onEnterDocument();
-	var force = false; // Forcing flag to update entire range
+	let force = false; // Forcing flag to update entire range
 
 	if (newLen !== prevLen) {
 		this._grid.setRowCount(newLen);
 		if(newLen > prevLen) { // New row is available. Fire event to render the cells.
-			var e = {};
+			let e = {};
 			e["prevRowIndex"] = fi + prevLen;
 			e["rowIndex"] = fi + newLen;
 			if(updateRange) {
@@ -734,7 +734,7 @@ VirtualizedLayoutGrid.prototype.activateRows = function (from, to, updateRange)
 		if(!force) {
 			// TODO: Check where to clearSelectedRows() more properly
 			this._grid.clearSelectedRows(); // Because row will be moving up and down, we need to clear the selection first
-			var pei = pfi + prevLen;
+			let pei = pfi + prevLen;
 			if(fi < pfi && pfi < ei && pei >= ei) {
 				this.moveRowsToTop(ei - pfi);
 				updateRange[0] = fi;
@@ -775,10 +775,10 @@ VirtualizedLayoutGrid.prototype.getFirstIndexInView = function () {
 
 /** @inheritDoc */
 VirtualizedLayoutGrid.prototype.getLastIndexInView = function () {
-	var li = this._firstIndex + this._getInnerRowCount() - 1;
-	var core = this._grid._getContext();
-	var dv = core.getDataSource();
-	var actualLastIndex = dv ? dv.getRowCount() - 1 : -1;
+	let li = this._firstIndex + this._getInnerRowCount() - 1;
+	let core = this._grid._getContext();
+	let dv = core.getDataSource();
+	let actualLastIndex = dv ? dv.getRowCount() - 1 : -1;
 	if (li > actualLastIndex) { //Avoid incorrect index because the delay of row count synchronization after filtering
 		return actualLastIndex;
 	}
@@ -833,7 +833,7 @@ VirtualizedLayoutGrid.prototype.getColumnIndex = function (colElem) {
 };
 /** @inheritDoc */
 VirtualizedLayoutGrid.prototype.getCellIndex = function (colIndex, cellElem) {
-	var at = this._grid.getCellIndex(colIndex, cellElem);
+	let at = this._grid.getCellIndex(colIndex, cellElem);
 	if(at < 0) {
 		return -1;
 	}
@@ -869,7 +869,7 @@ VirtualizedLayoutGrid.prototype.updateLayout = function () {
 /** {@link ILayoutGrid#stretchCell}
 * @inheritDoc */
 VirtualizedLayoutGrid.prototype.stretchCell = function (cellRef, rowIndex, opt_stretching, onlyToTheRight) {
-	var stretchedCell = this._grid.stretchCell(
+	let stretchedCell = this._grid.stretchCell(
 		cellRef,
 		(rowIndex != null) ? rowIndex - this._firstIndex : null,
 		opt_stretching,
@@ -877,7 +877,7 @@ VirtualizedLayoutGrid.prototype.stretchCell = function (cellRef, rowIndex, opt_s
 	);
 
 	if (stretchedCell){
-		var cellElem = stretchedCell.getElement();
+		let cellElem = stretchedCell.getElement();
 		if(rowIndex === 0) {
 			cellElem.classList.add("top");
 		} else {
@@ -1008,7 +1008,7 @@ VirtualizedLayoutGrid.prototype.selectCell = function (colIndex, rowIndex, selec
 * @param {number} height
 */
 VirtualizedLayoutGrid.prototype.setCellBounds = function (colIndex, rowIndex, width, height) {
-	var cellBound = this._cellBound;
+	let cellBound = this._cellBound;
 	if(!cellBound) {
 		cellBound = this._cellBound = document.createElement("div");
 		cellBound.className = "selection-bound";
@@ -1016,11 +1016,11 @@ VirtualizedLayoutGrid.prototype.setCellBounds = function (colIndex, rowIndex, wi
 	this._initBoundLayer();
 
 	// Validate inputs
-	var rgtIndex = colIndex + width; // Exclusive
-	var btmIndex = rowIndex + height; // Exclusive
+	let rgtIndex = colIndex + width; // Exclusive
+	let btmIndex = rowIndex + height; // Exclusive
 
-	var colCount = this.getColumnCount();
-	var rowCount = this._layoutY.getLaneCount();
+	let colCount = this.getColumnCount();
+	let rowCount = this._layoutY.getLaneCount();
 
 	this._cbLftIdx = _validateIndex(colIndex, colCount);
 	this._cbRgtIdx = _validateIndex(rgtIndex, colCount);
@@ -1049,18 +1049,18 @@ VirtualizedLayoutGrid.prototype.calculateColumnBounds = function (lftIdx, rgtIdx
 /** @private
 */
 VirtualizedLayoutGrid.prototype._updateCellBounds = function () {
-	var cellBound = this._cellBound;
+	let cellBound = this._cellBound;
 	if(!cellBound) {
 		return;
 	}
 
-	var layoutX = this.getHorizontalLayout();
-	var layoutY = this._layoutY;
-	var lftIdx = this._cbLftIdx;
-	var rgtIdx = this._cbRgtIdx; // Exclusive
-	var topIdx = this._cbTopIdx;
-	var btmIdx = this._cbBtmIdx; // Exclusive
-	var lftPx, rgtPx, topPx, btmPx;
+	let layoutX = this.getHorizontalLayout();
+	let layoutY = this._layoutY;
+	let lftIdx = this._cbLftIdx;
+	let rgtIdx = this._cbRgtIdx; // Exclusive
+	let topIdx = this._cbTopIdx;
+	let btmIdx = this._cbBtmIdx; // Exclusive
+	let lftPx, rgtPx, topPx, btmPx;
 	lftPx = rgtPx = topPx = btmPx = 0;
 	if(lftIdx < rgtIdx && topIdx < btmIdx) {
 		lftPx = layoutX.getLaneStart(lftIdx);
@@ -1069,11 +1069,11 @@ VirtualizedLayoutGrid.prototype._updateCellBounds = function () {
 		btmPx = layoutY.getLaneEnd(btmIdx - 1);
 	}
 
-	var width = rgtPx - lftPx;
-	var height = btmPx - topPx;
-	var noBorders = [false, false];
+	let width = rgtPx - lftPx;
+	let height = btmPx - topPx;
+	let noBorders = [false, false];
 	if(width > 0 && height > 0 && this._hscrollbar) {
-		var positions = [0, 0];
+		let positions = [0, 0];
 		this.calculateColumnBounds(lftIdx, rgtIdx - 1, positions, noBorders);
 		lftPx = positions[0];
 		rgtPx = positions[1];
@@ -1093,7 +1093,7 @@ VirtualizedLayoutGrid.prototype._updateCellBounds = function () {
 			this._boundLayer.appendChild(cellBound);
 		}
 	} else {
-		var pn = cellBound.parentNode;
+		let pn = cellBound.parentNode;
 		if(pn) {
 			pn.removeChild(cellBound);
 		}
@@ -1118,7 +1118,7 @@ VirtualizedLayoutGrid.prototype.updateColumnSeparators = function () {
 /** @private
 */
 VirtualizedLayoutGrid.prototype._initBoundLayer = function () {
-	var boundLayer = this._boundLayer;
+	let boundLayer = this._boundLayer;
 	if(!boundLayer) {
 		boundLayer = this._boundLayer = document.createElement("div");
 		boundLayer.className = "cover-layer";
@@ -1141,8 +1141,8 @@ VirtualizedLayoutGrid.prototype._updateRowBounds = function () {
 	if(!this._rowSelDirty) {
 		return;
 	}
-	var rbs = this._rowBounds;
-	var rbc = this._rowBoundCache;
+	let rbs = this._rowBounds;
+	let rbc = this._rowBoundCache;
 	if(!rbs) {
 		rbs = this._rowBounds = [];
 	}
@@ -1150,18 +1150,18 @@ VirtualizedLayoutGrid.prototype._updateRowBounds = function () {
 		rbc = this._rowBoundCache = [];
 	}
 
-	var selList = this._selectionList;
-	var rowCount = this._layoutY.getLaneCount();
+	let selList = this._selectionList;
+	let rowCount = this._layoutY.getLaneCount();
 	selList.deselectFrom(rowCount); // TODO: move this to setRowCount
 
-	var selRanges = selList.getConnectedRanges();
-	var rangeCount = selRanges.length;
-	var i;
-	var pn = null; // parentNode
-	var rowBound = null;
+	let selRanges = selList.getConnectedRanges();
+	let rangeCount = selRanges.length;
+	let i;
+	let pn = null; // parentNode
+	let rowBound = null;
 
 	// Remove unused bounds from document
-	var activeCount = rbs.length;
+	let activeCount = rbs.length;
 	for(i = rangeCount; i < activeCount; ++i) {
 		rowBound = rbs[i];
 		pn = rowBound.parentNode;
@@ -1172,7 +1172,7 @@ VirtualizedLayoutGrid.prototype._updateRowBounds = function () {
 	rbs.length = activeCount = rangeCount;
 
 	if(!rangeCount) {
-		var selCount = selList.getSelectionCount();
+		let selCount = selList.getSelectionCount();
 		if(!selCount) {
 			this._rowSelDirty = false;
 		}
@@ -1180,27 +1180,27 @@ VirtualizedLayoutGrid.prototype._updateRowBounds = function () {
 	}
 
 	// Prepare shared parameters
-	var scrollLeft = 0;
-	var pinnedLftCount = 0;
-	var pinnedRgtCount = 0;
-	var endOfScroll = false;
+	let scrollLeft = 0;
+	let pinnedLftCount = 0;
+	let pinnedRgtCount = 0;
+	let endOfScroll = false;
 	if(this._hscrollbar) {
 		scrollLeft = this._hscrollbar.getScrollLeft();
 		pinnedLftCount = this._hscrollbar.getPinnedLeftColumnCount();
 		pinnedRgtCount = this._hscrollbar.getPinnedRightColumnCount();
 		endOfScroll = this._hscrollbar.isEndOfHorizontalScroll();
 	}
-	var noLeftBound = !pinnedLftCount && scrollLeft > 0;
-	var noRightBound = !pinnedRgtCount && !endOfScroll;
-	var boundWidth = this._grid._getViewSize();
+	let noLeftBound = !pinnedLftCount && scrollLeft > 0;
+	let noRightBound = !pinnedRgtCount && !endOfScroll;
+	let boundWidth = this._grid._getViewSize();
 
 	// Create row bound elements based on number of selection ranges
 	for(i = 0; i < rangeCount; ++i) {
-		var pair = selRanges[i];
-		var topIdx = pair[0];
-		var btmIdx = pair[1]; // Inclusive
-		var topPx = this._layoutY.getLaneStart(topIdx);
-		var btmPx = this._layoutY.getLaneEnd(btmIdx);
+		let pair = selRanges[i];
+		let topIdx = pair[0];
+		let btmIdx = pair[1]; // Inclusive
+		let topPx = this._layoutY.getLaneStart(topIdx);
+		let btmPx = this._layoutY.getLaneEnd(btmIdx);
 
 		rowBound = rbc[i];
 		if(!rowBound) {
@@ -1236,13 +1236,13 @@ VirtualizedLayoutGrid.prototype._getInnerRowCount = function () {
 /** @private */
 VirtualizedLayoutGrid.prototype._updateRowSelection = function () {
 	this._grid.clearSelectedRows();
-	var sl = this._selectionList;
-	var count = sl.getSelectionCount();
+	let sl = this._selectionList;
+	let count = sl.getSelectionCount();
 	if(count <= 0) { return; }
 
-	var r;
-	var fi = this._firstIndex;
-	var ei = fi + this._getInnerRowCount();
+	let r;
+	let fi = this._firstIndex;
+	let ei = fi + this._getInnerRowCount();
 	if(count === 1) {
 		r = sl.getFirstSelectedIndex();
 		if (fi <= r && r < ei) {
@@ -1256,8 +1256,8 @@ VirtualizedLayoutGrid.prototype._updateRowSelection = function () {
 				}
 			}
 		} else {
-			var selections = sl.getAllSelections();
-			for(var i = 0; i < count; ++i){
+			let selections = sl.getAllSelections();
+			for(let i = 0; i < count; ++i){
 				r = selections[i];
 				if (fi <= r && r < ei) {
 					this._grid.setSelectedRow(r - fi, true);
@@ -1275,7 +1275,7 @@ VirtualizedLayoutGrid.prototype._updateRowSelection = function () {
 VirtualizedLayoutGrid.prototype._dispatchRowHeightChangedEvent = function (from, to) {
 	if (from >= to) { return false; }
 
-	var e = {};
+	let e = {};
 	e["rowIndex"] = from;
 	e["changeLength"] = to - from;
 	this._dispatch("rowHeightChanged", e);
@@ -1284,9 +1284,9 @@ VirtualizedLayoutGrid.prototype._dispatchRowHeightChangedEvent = function (from,
 /** @private
  */
 VirtualizedLayoutGrid.prototype._onRestingPosition = function () {
-	var gridElem = this._grid.getElement();
+	let gridElem = this._grid.getElement();
 	if(gridElem) {
-		var px = this._layoutY.getLaneStart(this._firstIndex);
+		let px = this._layoutY.getLaneStart(this._firstIndex);
 		gridElem.style.transform = "";
 		gridElem.style.top = px ? px + "px" : ""; // WORKAROUND: GRID-402
 	}

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

@@ -12,7 +12,7 @@ import CellFloatingPanel from "../components/CellFloatingPanel.js";
 * @param {Element=} opt_element
 * @param {ILayoutGrid=} opt_section Parent section
 */
-var Cell = function (opt_element, opt_section) {
+let Cell = function (opt_element, opt_section) {
 	this._id = Cell._runningId++;
 	this._element = document.createElement("div");
 	this._element.className = "cell";
@@ -106,14 +106,14 @@ Cell.prototype.setContent = function (content, opt_tooltip) {
 	}
 
 	if(this._aligner) {// Hack: Someone has changed the content without notice
-		var fc = this._aligner.firstChild;
+		let fc = this._aligner.firstChild;
 		if(fc !== this._content) {
 			this._rawContent = fc;
 			this._content = /** @type{Element} */(fc);
 		}
 	}
 
-	var ret = this._setRawContent(content);
+	let ret = this._setRawContent(content);
 
 	if (opt_tooltip != null && this._content) { // Apply tooltip after the real content has been populated
 		this._content.setAttribute("title", opt_tooltip);
@@ -178,14 +178,14 @@ Cell.prototype.getParent = function () {
 * @override
 */
 Cell.prototype.setParent = function (obj, opt_prepend) {
-	var parent = Util.getElement(obj);
+	let parent = Util.getElement(obj);
 	if (parent) {
 		this.initialize();
 		if(this._collapsedState === 1) {
 			return; // Cell is being collapsed and not in the document
 		}
 
-		var sibling;
+		let sibling;
 		if (opt_prepend === true) {
 			sibling = parent.firstChild;
 		}
@@ -202,7 +202,7 @@ Cell.prototype.setParent = function (obj, opt_prepend) {
 * @ignore
 */
 Cell.prototype.removeParent = function () {
-	var el = this._element;
+	let el = this._element;
 	if (el && el.parentNode) {
 		el.parentNode.removeChild(el);
 	}
@@ -211,13 +211,13 @@ Cell.prototype.removeParent = function () {
 * @override
 */
 Cell.prototype.insertBefore = function (nextSibling) {
-	var nextNode = Util.getElement(nextSibling);
+	let nextNode = Util.getElement(nextSibling);
 	if (nextNode == null) {
 		this.setParent(this.getParent());
 		return;
 	}
 
-	var parent = nextNode.parentNode;
+	let parent = nextNode.parentNode;
 	if (parent == null) { return; }
 
 	this.initialize();
@@ -302,7 +302,7 @@ Cell.prototype.fillParentHeight = function (percent) { return false; };
 * @override
 */
 Cell.prototype.show = function (opt_shown) {
-	var shown = opt_shown !== false;
+	let shown = opt_shown !== false;
 	if(shown !== this._visible) {
 		this._visible = shown;
 		this._updateDisplay();
@@ -377,7 +377,7 @@ Cell.prototype.updateIcon = function(icon) {
 		return;
 	}
 
-	var fi = this._frontIcon;
+	let fi = this._frontIcon;
 	if (fi) {
 		if(fi.containItem(icon)) { // Check same icon which duplicate with insertItem in _frontIcon
 			return;
@@ -389,7 +389,7 @@ Cell.prototype.updateIcon = function(icon) {
 /** @public
 */
 Cell.prototype.removeIcon = function() {
-	var fi = this._frontIcon;
+	let fi = this._frontIcon;
 	if (fi) {
 		fi.clearItems();
 		this._element.removeChild(fi.getElement());
@@ -438,8 +438,8 @@ Cell.prototype.lockContent = function (opt_locked) {
 Cell.prototype.reset = function() {
 	if(!this._element) { return; }
 
-	var width = this._element.style.width;
-	var height = this._element.style.height;
+	let width = this._element.style.width;
+	let height = this._element.style.height;
 	this.removeAttribute("style");
 	if(width) {
 		this._element.style.width = width;
@@ -450,7 +450,7 @@ Cell.prototype.reset = function() {
 	this.resetClass();
 
 	// HACK!!
-	var blinkState = this["blinkState"];
+	let blinkState = this["blinkState"];
 	if(blinkState) {
 		if (blinkState.timerId >= 0) {
 			clearInterval(blinkState.timerId);
@@ -458,7 +458,7 @@ Cell.prototype.reset = function() {
 		delete this["blinkState"];
 	}
 	delete this["trendState"];
-	var scope = this["blinking"];
+	let scope = this["blinking"];
 	if(scope) {
 		if(scope["blinking"] >= 0) {
 			clearTimeout(scope["blinking"]);
@@ -481,7 +481,7 @@ Cell.prototype.reset = function() {
  * @public
  */
 Cell.prototype.resetClass = function() {
-	var className = "cell";
+	let className = "cell";
 	if(this.hasClass("spanned")) {
 		className += " spanned";
 	}
@@ -518,14 +518,14 @@ Cell.prototype.insertFloatingIcon = function (elem, opt_order) {
 		return;
 	}
 
-	var fp = this._floatingPanel;
+	let fp = this._floatingPanel;
 	if(!fp) {
 		fp = this._floatingPanel = new CellFloatingPanel();
 	}
 	fp.insertItem(elem, opt_order);
 	fp.addClass("floating-panel");
 
-	var element = this._element;
+	let element = this._element;
 	if (!element.contains(fp.getElement())) {
 		element.appendChild(fp.getElement());
 	}
@@ -535,12 +535,12 @@ Cell.prototype.insertFloatingIcon = function (elem, opt_order) {
 * @return {Element|null} removed element
 */
 Cell.prototype.removeFloatingIcon = function (elemRef) {
-	var fp = this._floatingPanel;
+	let fp = this._floatingPanel;
 	if (!fp) {
 		return null;
 	}
 
-	var removeElem = fp.removeItem(elemRef);
+	let removeElem = fp.removeItem(elemRef);
 	if (!fp.hasItem()) {
 		this._element.removeChild(fp.getElement());
 		this._floatingPanel = null;
@@ -557,14 +557,14 @@ Cell.prototype.insertFrontIcon = function (elem, opt_order) {
 		return;
 	}
 
-	var fi = this._frontIcon;
+	let fi = this._frontIcon;
 	if(!fi) {
 		fi = this._frontIcon = new CellFloatingPanel();
 	}
 	fi.insertItem(elem, opt_order);
 	fi.addClass("front-panel");
 
-	var element = this._element;
+	let element = this._element;
 	if (!element.contains(fi.getElement())) {
 		element.insertBefore(fi.getElement(), element.firstChild);
 	}
@@ -574,12 +574,12 @@ Cell.prototype.insertFrontIcon = function (elem, opt_order) {
 * @return {Element|null} removed element
 */
 Cell.prototype.removeFrontIcon = function (elemRef) {
-	var fi = this._frontIcon;
+	let fi = this._frontIcon;
 	if (!fi) {
 		return null;
 	}
 
-	var removeElem = fi.removeItem(elemRef);
+	let removeElem = fi.removeItem(elemRef);
 	if (!fi.hasItem()) {
 		removeElem = fi.getElement();
 		this._element.removeChild(removeElem);
@@ -612,9 +612,9 @@ Cell.prototype.updatePadding = function() {
 * @return {boolean}
 */
 Cell.prototype.collapse = function (opt_collapsed, opt_remainedInDoc) {
-	var collapsed = opt_collapsed !== false;
+	let collapsed = opt_collapsed !== false;
 	(opt_remainedInDoc ? 2 : 1);
-	var collapsedState;
+	let collapsedState;
 	if (collapsed) {
 		collapsedState = (opt_remainedInDoc ? 2 : 1);
 	} else {
@@ -678,7 +678,7 @@ Cell.prototype._setRawContent = function (value) {
 	if (this._rawContent !== value) {
 		this._rawContent = value;
 
-		var actualContent = /** @type{Element|NodeList} */(this._rawContent);
+		let actualContent = /** @type{Element|NodeList} */(this._rawContent);
 		if (typeof this._rawContent == "string") {
 			if (!this._textSpan) {
 				this._textSpan = document.createElement("span");
@@ -693,7 +693,7 @@ Cell.prototype._setRawContent = function (value) {
 
 			this.initialize();
 
-			var aligner = this._aligner;
+			let aligner = this._aligner;
 			while (aligner.lastChild ) {
 				aligner.removeChild(aligner.lastChild);
 			}
@@ -709,7 +709,7 @@ Cell.prototype._setRawContent = function (value) {
 /** @private
 */
 Cell.prototype._updateDisplay = function () {
-	var visibility = false;
+	let visibility = false;
 	if(this.isVisible()) {
 		if(this._width && this._height) {
 			visibility = true;