@refinitiv-ui/efx-grid 6.0.91 → 6.0.92

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

@@ -7,8 +7,8 @@ import Scrollbar from "./Scrollbar.js";
 /** @constructor
 * @extends {Scrollbar}
 */
-var HScrollbar = function () {
-	var t = this; // Create a shorthand to shorthen file size
+let HScrollbar = function () {
+	let t = this; // Create a shorthand to shorthen file size
 	t._vertical = false;
 	t._onDeactivated = t._onDeactivated.bind(t);
 	t._onActivated = t._onActivated.bind(t);
@@ -46,36 +46,36 @@ HScrollbar.prototype._pinnedRightColumnCount = 0;
 HScrollbar.prototype.setScrollContent = function (grid, sections, startColIndex, pinnedRightColumn) {
 	this._clearAllPanes();
 
-	var sectionCount = sections.length;
+	let sectionCount = sections.length;
 	if(sectionCount <= 0) { return; }
 
 	this._pinnedLeftColumnCount = startColIndex >= 0 ? startColIndex : 0;
 	this._pinnedRightColumnCount = pinnedRightColumn > 0 ? pinnedRightColumn : 0;
-	var section = sections[0];
-	var colCount = section.getColumnCount();
-	var endColIndex = colCount - pinnedRightColumn; // WARNING: If number of pinned column is greater than the scrollable range, the pinning will not be applied
+	let section = sections[0];
+	let colCount = section.getColumnCount();
+	let endColIndex = colCount - pinnedRightColumn; // WARNING: If number of pinned column is greater than the scrollable range, the pinning will not be applied
 	if(!endColIndex || endColIndex < 0) {
 		endColIndex = colCount;
 	}
 
 	// Insert panes in the correct slot
-	for (var s = 0; s < sectionCount; ++s) {
+	for (let s = 0; s < sectionCount; ++s) {
 		section = sections[s];
 
-		var pane = this._addPaneAt(s);
-		var paneSlider = this._paneSliders[s];
-		var paneElem = pane.getElement();
-		var sliderElem = paneSlider.getElement();
+		let pane = this._addPaneAt(s);
+		let paneSlider = this._paneSliders[s];
+		let paneElem = pane.getElement();
+		let sliderElem = paneSlider.getElement();
 
-		var c;
-		var column;
+		let c;
+		let column;
 		for (c = 0; c < startColIndex; ++c) {
 			column = /** @type{Column} */(section.getColumn(c));
 			column.setScrollState(paneElem, null, false);
 		}
 		pane.setParent(section.getColumnHost());
-		var columns = [];
-		var content = [];
+		let columns = [];
+		let content = [];
 		for (c = startColIndex; c < endColIndex; ++c) {
 			column = /** @type{Column} */(section.getColumn(c));
 			column.setScrollState(null, sliderElem, this.isActive());
@@ -88,7 +88,7 @@ HScrollbar.prototype.setScrollContent = function (grid, sections, startColIndex,
 			column.setScrollState(null, null, false);
 		}
 
-		var rs = section.getReservedSpace();
+		let rs = section.getReservedSpace();
 		if(rs) {
 			if(!this._pinnedRightColumnCount) {
 				paneSlider.addContent(rs);
@@ -146,8 +146,8 @@ HScrollbar.prototype.getPinnedRightColumnCount = function () {
 * @param {number} val
 */
 HScrollbar.prototype.setPaneLeft = function (val) {
-	var px = val && this.isActive() ? (-val + "px") : "";
-	for (var i = this._panes.length; --i >= 0; ) {
+	let px = val && this.isActive() ? (-val + "px") : "";
+	for (let i = this._panes.length; --i >= 0; ) {
 		this._paneSliders[i].setStyle("marginLeft", px);
 	}
 };
@@ -163,13 +163,13 @@ HScrollbar.prototype.isEndOfHorizontalScroll = function () {
 * @return {number}
 */
 HScrollbar.prototype.getContentWidth = function () {
-	var paneSlider = this._paneSliders[0]; // Get content width from the first pane slider
-	var sum = 0;
+	let paneSlider = this._paneSliders[0]; // Get content width from the first pane slider
+	let sum = 0;
 	if (paneSlider) {
-		var colList = /** @type{Array} */(paneSlider._content);
-		for (var i = colList.length; --i >= 0; ) {
-			var elem = colList[i];
-			var width = elem ? elem.style.width : 0; // HACK
+		let colList = /** @type{Array} */(paneSlider._content);
+		for (let i = colList.length; --i >= 0; ) {
+			let elem = colList[i];
+			let width = elem ? elem.style.width : 0; // HACK
 			if(width) {
 				sum += parseFloat(width); // TODO: parseFloat is not fast
 			}
@@ -218,13 +218,13 @@ HScrollbar.prototype._onDeactivated = function (e) {
 * @param {boolean} bool
 */
 HScrollbar.prototype._updateActivation = function (bool) {
-	var sectCount = this._paneSliders.length;
-	for(var s = 0; s < sectCount; ++s) {
-		var paneSlider = this._paneSliders[s];
-		var columns = paneSlider._columns;
-		var colCount = columns ? columns.length : 0;
-		for(var c = 0; c < colCount; ++c) {
-			var column = columns[c];
+	let sectCount = this._paneSliders.length;
+	for(let s = 0; s < sectCount; ++s) {
+		let paneSlider = this._paneSliders[s];
+		let columns = paneSlider._columns;
+		let colCount = columns ? columns.length : 0;
+		for(let c = 0; c < colCount; ++c) {
+			let column = columns[c];
 			if(column.getElement()) { // Column may have been disposed
 				column.enableAbsolutePosition(bool);
 			}

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

@@ -8,8 +8,8 @@ import Reverter from "../util/Reverter.js";
 /** @constructor
 * @extends {ElementWrapper}
 */
-var Scrollbar = function () {
-	var t = this; // Create a shorthand to shorthen file size
+let Scrollbar = function () {
+	let t = this; // Create a shorthand to shorthen file size
 	t._addEvents(
 		"scroll",
 		"activated",
@@ -260,9 +260,9 @@ Scrollbar._listeners = null;
 * @return {boolean}
 */
 Scrollbar.prototype._updateEffectiveArea = function() {
-	var thickness = this.getTrackThickness();
+	let thickness = this.getTrackThickness();
 	if(thickness) {
-		var prop = (this._vertical) ? "width" : "height";
+		let prop = (this._vertical) ? "width" : "height";
 		this._element.style[prop] = (thickness + 1) + "px";
 	}
 	return thickness ? true : false;
@@ -277,7 +277,7 @@ Scrollbar._queryNativeTrackThickness = function (listener) {
 	}
 
 	if(listener && Scrollbar._trackThickness <= 0) {
-		var listeners = Scrollbar._listeners;
+		let listeners = Scrollbar._listeners;
 		if(!listeners) {
 			listeners = Scrollbar._listeners = [];
 		}
@@ -312,8 +312,8 @@ Scrollbar._retrieveNativeTrackThinkness = function () {
 		return true;
 	}
 
-	var inner = Scrollbar._innerDummy;
-	var outer = Scrollbar._outerDummy;
+	let inner = Scrollbar._innerDummy;
+	let outer = Scrollbar._outerDummy;
 	if(!inner) {
 		inner = Scrollbar._innerDummy = document.createElement('p');
 		inner.style.width = "100%";
@@ -331,16 +331,16 @@ Scrollbar._retrieveNativeTrackThinkness = function () {
 
 	outer.style.overflow = "hidden";
 	document.body.appendChild(outer);
-	var w1 = inner.offsetWidth;
+	let w1 = inner.offsetWidth;
 	outer.style.overflow = 'scroll';
-	var w2 = inner.offsetWidth;
+	let w2 = inner.offsetWidth;
 
 	// Sometimes, w1 may be equal to w2 on certain browsers or devices, such as a Macbook when opened on the built-in screen. In such cases, the outer.style.overflow scroll may not change the offsetWidth, and the outer.clientWidth will be the same as the inner offsetWidth. As a result, the native track thickness may not be found
 	if(w1 == w2) {
 		w2 = outer.clientWidth;
 	}
 	document.body.removeChild(outer);
-	var scrollbarWidth = Scrollbar._trackThickness = (w1 - w2);
+	let scrollbarWidth = Scrollbar._trackThickness = (w1 - w2);
 	if(scrollbarWidth > 0) {
 		Scrollbar._clearStaticResources();
 		return true;
@@ -352,12 +352,12 @@ Scrollbar._retrieveNativeTrackThinkness = function () {
 */
 Scrollbar._clearStaticResources = function () {
 	Scrollbar._innerDummy = Scrollbar._outerDummy = null;
-	var listeners = Scrollbar._listeners;
+	let listeners = Scrollbar._listeners;
 	if(listeners) {
 		Scrollbar._listeners = null;
 
-		var arg = {};
-		for(var i = listeners.length; --i >= 0;) {
+		let arg = {};
+		for(let i = listeners.length; --i >= 0;) {
 			listeners[i](arg);
 		}
 	}
@@ -376,9 +376,9 @@ Scrollbar.updateTrackThickness = function () {
 /** @override */
 Scrollbar.prototype.dispose = function () {
 
-	var sbListeners = Scrollbar._listeners;
+	let sbListeners = Scrollbar._listeners;
 	if(sbListeners) {
-		var idx = sbListeners.indexOf(this._onThicknessChanged);
+		let idx = sbListeners.indexOf(this._onThicknessChanged);
 		if(idx >= 0 ) {
 			sbListeners.splice(idx, 1);
 			this._onThicknessChanged = null;
@@ -393,7 +393,7 @@ Scrollbar.prototype.dispose = function () {
 
 	this._active = this._layoutChanged = false;
 	this._dispose();
-	for(var i = this._panes.length; --i >= 0;) {
+	for(let i = this._panes.length; --i >= 0;) {
 		this._panes[i].dispose();
 		this._paneSliders[i].dispose();
 	}
@@ -409,9 +409,9 @@ Scrollbar.prototype.getParent = function () {
 };
 /** @override */
 Scrollbar.prototype.setParent = function (p, opt_prepend) {
-	var elem = Util.getElement(p);
+	let elem = Util.getElement(p);
 
-	var isDifferentParent = this._parentNode !== elem;
+	let isDifferentParent = this._parentNode !== elem;
 	if(isDifferentParent && this._parentNode) {
 		this.removeWheelListener(this._parentNode);
 		this._parentNode.classList.remove(this._hostClassName);
@@ -435,7 +435,7 @@ Scrollbar.prototype.setParent = function (p, opt_prepend) {
 */
 Scrollbar.prototype.attachToExternalElement = function (host) {
 	this.setParent(host);
-	var scrollElem = this.getElement();
+	let scrollElem = this.getElement();
 	scrollElem.style.right = "0";
 	if(this._vertical) {
 		scrollElem.style.overflowX = "hidden";
@@ -450,9 +450,9 @@ Scrollbar.prototype.attachToExternalElement = function (host) {
 /** @private
 */
 Scrollbar.prototype._onActiveStateChange = function () {
-	var t = this; // Minimize file size
+	let t = this; // Minimize file size
 	t._scrollTo(0, true); // WARNING: Reset scroll position
-	var i;
+	let i;
 	if(t._active) {
 		// t._element.style.display = "";
 		if(t._parentNode) {
@@ -475,7 +475,7 @@ Scrollbar.prototype._onActiveStateChange = function () {
 		}
 
 		// Remove scrollbar on all panes
-		var prop = (t._vertical) ? "height" : "width";
+		let prop = (t._vertical) ? "height" : "width";
 		for (i = t._panes.length; --i >= 0; ) {
 			t._panes[i].addClass("scroll-disabled");
 			t._panes[i].setStyle(prop, "");
@@ -491,7 +491,7 @@ Scrollbar.prototype._onActiveStateChange = function () {
 /** @private
 */
 Scrollbar.prototype._onEnablingStateChange = function () {
-	var t = this; // Minimize file size
+	let t = this; // Minimize file size
 	if(t._enabled) {
 		t._dispatch("enabled", {});
 	} else {
@@ -583,7 +583,7 @@ Scrollbar.prototype.calculateContentSize = function () { return 0; };
 Scrollbar.prototype.update = function () {
 	if(this._contentDirty) { // WARNING: Causes page recalculation
 		this._contentDirty = false;
-		var size = this.calculateContentSize();
+		let size = this.calculateContentSize();
 		if(!size || size < 0) {
 			size = 0;
 		}
@@ -627,8 +627,8 @@ Scrollbar.prototype.invalidateContent = function () {
 * @return {boolean}
 */
 Scrollbar.prototype.isScrollPosValid = function(contentSize) {
-	var scrollGap = contentSize - this.getPaneSize();
-	var pScrollVal = this._pScrollVal;
+	let scrollGap = contentSize - this.getPaneSize();
+	let pScrollVal = this._pScrollVal;
 	return (pScrollVal === 0) || ((pScrollVal > 0) &&
 		(scrollGap > 0) && (pScrollVal < scrollGap));
 };
@@ -657,7 +657,7 @@ Scrollbar.prototype._scrollTo = function (pScrollVal, layoutChanged) {
 	}
 	pScrollVal = this._calcProperScrollValue(pScrollVal);
 
-	var dirty = false;
+	let dirty = false;
 	if(this._pScrollVal !== pScrollVal) {
 		this._pScrollVal = pScrollVal; // Fix asynchronous of tracking issue
 		dirty = true;
@@ -686,14 +686,14 @@ Scrollbar.prototype._calcProperScrollValue = function (scrollVal) {
 		return this._pScrollVal; // Zooming could cause recalculation errors, so we try to snap the value to the end of the scrollbar
 	}
 
-	var scrollGap = this.getScrollGap();
+	let scrollGap = this.getScrollGap();
 	if(scrollGap <= 0) { // Scrollbar is disabled or inactive
 		return 0;
 	} else if(scrollVal + 0.5 >= scrollGap) {
 		return scrollGap;
 	}
 
-	var step = this._step;
+	let step = this._step;
 	if(step) { // Step scrolling
 		scrollVal = Math.round(scrollVal / step) * step;
 		if(scrollVal - step / 2 <= 0) {
@@ -712,7 +712,7 @@ Scrollbar.prototype._convertTrackToPane = function (tScrollVal) {
 	tScrollVal = Math.round(tScrollVal); // tScrollVal may not be an integer due to zooming
 
 	// Track scroll could be changed due to browser's zoom. We need to avoid unnecessary changes
-	var trackGap = this._getTrackGap();
+	let trackGap = this._getTrackGap();
 	if(this._tPercentVal >= 1) {
 		if(Math.abs(this._tScrollVal - tScrollVal) <= 5) {
 			tScrollVal = trackGap;
@@ -723,8 +723,8 @@ Scrollbar.prototype._convertTrackToPane = function (tScrollVal) {
 	this._tPercentVal = trackGap ? tScrollVal / trackGap : 0;
 
 	// Convert track value to pane value
-	var paneGap = this.getScrollGap();
-	var pScrollVal = (trackGap === paneGap) ? tScrollVal : this._tPercentVal * paneGap;
+	let paneGap = this.getScrollGap();
+	let pScrollVal = (trackGap === paneGap) ? tScrollVal : this._tPercentVal * paneGap;
 	return pScrollVal;
 };
 /** @private
@@ -732,11 +732,11 @@ Scrollbar.prototype._convertTrackToPane = function (tScrollVal) {
 * @return {boolean} Return true, if there is any change to track value
 */
 Scrollbar.prototype._setTrackScrollVal = function(pScrollVal) {
-	var trackGap = this._getTrackGap();
-	var tScrollVal = 0;
+	let trackGap = this._getTrackGap();
+	let tScrollVal = 0;
 	if(trackGap > 0) {
 		if(pScrollVal > 0) {
-			var paneGap = this.getScrollGap();
+			let paneGap = this.getScrollGap();
 			tScrollVal = (trackGap === paneGap) ? pScrollVal : pScrollVal / paneGap * trackGap;
 			tScrollVal = Math.round(tScrollVal); // Avoid calculation error due to fractions from conversion
 		}
@@ -750,7 +750,7 @@ Scrollbar.prototype._setTrackScrollVal = function(pScrollVal) {
 		this._tPercentVal = trackGap ? tScrollVal / trackGap : 0;
 
 		// Scroll event will be fired asynchronously, if there is any change
-		var track = this._element;
+		let track = this._element;
 		if(this._vertical) {
 			track.scrollTop = tScrollVal;
 		} else {
@@ -765,7 +765,7 @@ Scrollbar.prototype._setTrackScrollVal = function(pScrollVal) {
 * @return {number}
 */
 Scrollbar.prototype._getTrackGap = function () {
-	var trackGap = this._tContentSize - this.getTrackSize();
+	let trackGap = this._tContentSize - this.getTrackSize();
 	return trackGap > 0 ? trackGap : 0;
 };
 
@@ -823,11 +823,11 @@ Scrollbar.prototype._flash = function () {
 * @ignore
 */
 Scrollbar.prototype._clearAllPanes = function() {
-	for (var i = this._panes.length; --i >= 0; ) {
+	for (let i = this._panes.length; --i >= 0; ) {
 		this._panes[i].setParent(null);
-		var paneSlider = this._paneSliders[i];
+		let paneSlider = this._paneSliders[i];
 		paneSlider._content = paneSlider._columns = null;
-		var elem = paneSlider.getElement();
+		let elem = paneSlider.getElement();
 		while (elem.firstChild !== null) {
 			elem.removeChild(elem.firstChild);
 		}
@@ -903,7 +903,7 @@ Scrollbar.prototype.setFooterCount = function(num){
 Scrollbar.prototype._calcActiveState = function () {
 	if(this._enabled) {
 		if(this.getTrackSize() > 20) {
-			var paneSize = this.getPaneSize();
+			let paneSize = this.getPaneSize();
 			if(paneSize > 0) {
 				return (this._pContentSize - paneSize > 0);
 			}
@@ -914,7 +914,7 @@ Scrollbar.prototype._calcActiveState = function () {
 /** @private
 */
 Scrollbar.prototype._updateLayout = function () {
-	var active = this._calcActiveState();
+	let active = this._calcActiveState();
 	if(active !== this._active) {
 		this._active = active;
 		this._onActiveStateChange();
@@ -923,8 +923,8 @@ Scrollbar.prototype._updateLayout = function () {
 		return;
 	}
 
-	var trackSize = this.getTrackSize();
-	var paneSize = this.getPaneSize();
+	let trackSize = this.getTrackSize();
+	let paneSize = this.getPaneSize();
 	this._tContentSize = this._pContentSize / paneSize * trackSize;
 	if (this._vertical) {
 		this._trackContent.style.height = this._tContentSize + "px";
@@ -935,7 +935,7 @@ Scrollbar.prototype._updateLayout = function () {
 		this._trackContent.style.width = this._tContentSize + "px";
 
 		this._element.style.width = trackSize + "px";
-		for (var i = this._panes.length; --i >= 0;) {
+		for (let i = this._panes.length; --i >= 0;) {
 			this._panes[i].setWidth(paneSize);
 		}
 	}
@@ -948,8 +948,8 @@ Scrollbar.prototype._updateLayout = function () {
 * @ignore
 */
 Scrollbar.prototype.resetPaneSize = function () {
-	var prop = (this._vertical) ? "height" : "width";
-	for (var i = this._panes.length; --i >= 0;) {
+	let prop = (this._vertical) ? "height" : "width";
+	for (let i = this._panes.length; --i >= 0;) {
 		this._panes[i].setStyle(prop, "");
 	}
 };
@@ -977,7 +977,7 @@ Scrollbar.prototype._addPaneAt = function (opt_at) {
 		opt_at = this._panes.length;
 	}
 
-	var pane = this._panes[opt_at];
+	let pane = this._panes[opt_at];
 	if(!pane) {
 		pane = new ElementWrapper(document.createElement("div"));
 		pane.setClass("grid-pane");
@@ -992,7 +992,7 @@ Scrollbar.prototype._addPaneAt = function (opt_at) {
 			pane.addClass("scroll-disabled");
 		}
 		if(this._paneSize && this._active) {
-			var paneSize = this.getPaneSize();
+			let paneSize = this.getPaneSize();
 			if(this._vertical) {
 				pane.setHeight(paneSize);
 			} else {
@@ -1004,7 +1004,7 @@ Scrollbar.prototype._addPaneAt = function (opt_at) {
 		pane.listen("touchend", this._onTouchEnd);
 		pane.listen("touchcancel", this._onTouchEnd);
 
-		var paneSlider = new ElementWrapper(document.createElement("div"));
+		let paneSlider = new ElementWrapper(document.createElement("div"));
 		paneSlider.setClass("grid-pane-slider");
 		paneSlider.setParent(pane);
 
@@ -1034,9 +1034,9 @@ Scrollbar.prototype._onStartFading = function (e) {
 * @param {Object} e
 */
 Scrollbar.prototype._onTrackScroll = function (e) {
-	var tScrollVal = (this._vertical) ? e.target["scrollTop"] : e.target["scrollLeft"];
+	let tScrollVal = (this._vertical) ? e.target["scrollTop"] : e.target["scrollLeft"];
 
-	var pScrollVal = this._convertTrackToPane(tScrollVal);
+	let pScrollVal = this._convertTrackToPane(tScrollVal);
 
 	pScrollVal = this._calcProperScrollValue(pScrollVal);
 
@@ -1056,9 +1056,9 @@ Scrollbar.prototype._onRestingPosition = function () {
 * @param {boolean=} resting
 */
 Scrollbar.prototype._setSliderPosition = function (scrollVal, resting) {
-	var translateStr = "";
-	var relativeStr = "";
-	var direction = this._vertical ? "top" : "left";
+	let translateStr = "";
+	let relativeStr = "";
+	let direction = this._vertical ? "top" : "left";
 	if(scrollVal) {
 		if(resting) {
 			relativeStr = scrollVal + "px";
@@ -1068,9 +1068,9 @@ Scrollbar.prototype._setSliderPosition = function (scrollVal, resting) {
 			this._reverter.start();
 		}
 	}
-	for (var i = this._paneSliders.length; --i >= 0; ) {
-		var paneSlider = this._paneSliders[i];
-		var paneSliderStyle = paneSlider.getElement().style;
+	for (let i = this._paneSliders.length; --i >= 0; ) {
+		let paneSlider = this._paneSliders[i];
+		let paneSliderStyle = paneSlider.getElement().style;
 		if(paneSlider._titleSection) {
 			paneSliderStyle[direction] = scrollVal + "px";
 		} else {
@@ -1095,7 +1095,7 @@ Scrollbar.prototype._dispatchScrollEvent = function (e) {
 	// Fire scroll event synchronously
 	if(!this._isEventDispatching("scroll")) { // VScrollbar may change scroll value
 		if(!e) {
-			var target = this._element;
+			let target = this._element;
 			e = {
 				"currentTarget": target,
 				"srcElement": target,
@@ -1122,7 +1122,7 @@ Scrollbar.prototype._onKeyDown = function (e) {
 	}
 	if (!this._active) { return; }
 
-	var isArrow = false;
+	let isArrow = false;
 	if(this._vertical) {
 		isArrow = (e.keyCode === 38 || e.keyCode === 40);
 	} else {
@@ -1130,8 +1130,8 @@ Scrollbar.prototype._onKeyDown = function (e) {
 	}
 
 	if(isArrow) {
-		var scrollGap = this.getScrollGap();
-		var scrollVal = Math.round(scrollGap * 0.07);
+		let scrollGap = this.getScrollGap();
+		let scrollVal = Math.round(scrollGap * 0.07);
 		if(scrollVal < 10) {
 			scrollVal = 10;
 		} else if(scrollVal > 100) {
@@ -1173,7 +1173,7 @@ Scrollbar.prototype._onTouchStart = function (e) {
 * @param {Event} e
 */
 Scrollbar.prototype._onTouchMove = function (e) {
-	var t = this;
+	let t = this;
 
 	if (t._isFrozen) {
 		Util._preventDefault(e);
@@ -1188,10 +1188,10 @@ Scrollbar.prototype._onTouchMove = function (e) {
 		return;
 	}
 
-	var sp = t._startPos;
-	var ep = t._endPos;
+	let sp = t._startPos;
+	let ep = t._endPos;
 	t._getTouchInfo(e, ep);
-	var diff = (this._vertical) ? sp["y"] - ep["y"] : sp["x"] - ep["x"];
+	let diff = (this._vertical) ? sp["y"] - ep["y"] : sp["x"] - ep["x"];
 
 	if(diff > -5 && diff < 5) {
 		return;
@@ -1202,7 +1202,7 @@ Scrollbar.prototype._onTouchMove = function (e) {
 	if(t._touchDrag) {
 		t._scrollTo(sp["scrollValue"] + diff);
 	} else {
-		var duration = ep["timeStamp"] - sp["timeStamp"];
+		let duration = ep["timeStamp"] - sp["timeStamp"];
 		if(duration > 30) {
 			t._touchDrag = true;
 		}
@@ -1229,10 +1229,10 @@ Scrollbar.prototype._onTouchEnd = function (e) {
 		}
 
 		if(this._smoothing && !this._smoothingId) {
-			var sp = this._startPos;
-			var ep = this._getTouchInfo(e, this._endPos);
-			var duration = ep["timeStamp"] - sp["timeStamp"];
-			var diff = (this._vertical) ? (sp["y"] - ep["y"]) : (sp["x"] - ep["x"]);
+			let sp = this._startPos;
+			let ep = this._getTouchInfo(e, this._endPos);
+			let duration = ep["timeStamp"] - sp["timeStamp"];
+			let diff = (this._vertical) ? (sp["y"] - ep["y"]) : (sp["x"] - ep["x"]);
 			this._smoothingSpeed = diff * 30 / duration; // pixel per milliseconds
 			if(this._smoothingSpeed > 10 || this._smoothingSpeed < -10) {
 				this._smoothingId = setInterval(this._smoothScroll, 25);
@@ -1246,7 +1246,7 @@ Scrollbar.prototype._onTouchEnd = function (e) {
 * @return {!Object}
 */
 Scrollbar.prototype._getTouchInfo = function(e, obj) {
-	var touch = e.changedTouches[0];
+	let touch = e.changedTouches[0];
 	if(!obj) {
 		obj = {};
 	}
@@ -1259,7 +1259,7 @@ Scrollbar.prototype._getTouchInfo = function(e, obj) {
 /** @private
 */
 Scrollbar.prototype._smoothScroll = function() {
-	var ss = this._smoothingSpeed;
+	let ss = this._smoothingSpeed;
 	ss = (ss * 0.9) | 0; // OR operator is not equivalent to Math.floor()
 	this._smoothingSpeed = ss;
 	if(ss > 1 || ss < -1) {
@@ -1348,7 +1348,7 @@ Scrollbar.prototype._onMouseWheel = function (e) {
 	if(e.ctrlKey || e.altKey ) { return; }
 	if (!this.isActive()) { return; }
 
-	var delta = (this._vertical) ? e["deltaY"] : e["deltaX"];
+	let delta = (this._vertical) ? e["deltaY"] : e["deltaX"];
 
 	if(!delta) { return; }
 
@@ -1365,7 +1365,7 @@ Scrollbar.prototype._onMouseWheel = function (e) {
 	}
 
 	if(this._wheelScrolling != "linear") {
-		var scrollSize = this.getContentSize();
+		let scrollSize = this.getContentSize();
 		if(scrollSize >= 4000) { // Scaling for large content
 			delta *= 1 + scrollSize / 4000 | 0; // If scrollSize == 4000, delta *= 2. If scrollSize == 8000, delta *= 3
 		}
@@ -1387,7 +1387,7 @@ Scrollbar.prototype.setScrollingStep = function (px) {
 * @return {boolean} return previous frozen status
 */
 Scrollbar.prototype.freezeScrolling = function (frozen) {
-	var prev = this._isFrozen;
+	let prev = this._isFrozen;
 	this._isFrozen = frozen !== false;
 	return prev;
 };
@@ -1395,7 +1395,7 @@ Scrollbar.prototype.freezeScrolling = function (frozen) {
 */
 Scrollbar.prototype.restoreTrackPosition = function () {
 	// Scroll event will be fired asynchronously, if there is any change
-	var track = this._element;
+	let track = this._element;
 	if(this._vertical) {
 		track.scrollTop = this._tScrollVal;
 		if(track.scrollTop){