@refinitiv-ui/efx-grid 6.0.90 → 6.0.92

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

@@ -9,7 +9,7 @@ import { Dom } from "./Dom.js";
 * @private
 * @const
 */
-var GridElements = {
+let GridElements = {
 	"EFX-GRID": 1,
 	"ATLAS-BLOTTER": 1,
 	"EF-GRID": 1
@@ -18,7 +18,7 @@ var GridElements = {
 * @private
 * @const
 */
-var InvalidHostElements = {
+let InvalidHostElements = {
 	"BODY": 1,
 	"HTML": 1,
 	"EFX-GRID": 1,
@@ -30,16 +30,16 @@ var InvalidHostElements = {
 * @param {Object} instance
 * @return {Object}
 */
-var _cloneInstance = function (instance) {
+let _cloneInstance = function (instance) {
 	return new instance.constructor();
 };
 /** @private
 * @param {number} num
 * @return {!Array.<Object>}
 */
-var _newArrayOfObject = function (num) {
-	var ary = new Array(num);
-	for(var i = 0; i < num; ++i) {
+let _newArrayOfObject = function (num) {
+	let ary = new Array(num);
+	for(let i = 0; i < num; ++i) {
 		ary[i] = {};
 	}
 	return ary;
@@ -48,12 +48,12 @@ var _newArrayOfObject = function (num) {
 * @param {Element} elem
 * @param {boolean=} bool
 */
-var _toggleInlineElement = function (elem, bool) {
+let _toggleInlineElement = function (elem, bool) {
 	if(!elem || elem.style.display === "none") {
 		return;
 	}
 
-	var s = elem.style;
+	let s = elem.style;
 	if(bool == null) {
 		bool = s.display !== "inline-block";
 	}
@@ -69,7 +69,7 @@ var _toggleInlineElement = function (elem, bool) {
 /** @constructor
 * @param {Element} gridElem
 */
-var MultiTableManager = function (gridElem) {
+let MultiTableManager = function (gridElem) {
 	this._onDelayedConfiguration = this._onDelayedConfiguration.bind(this);
 	this._onConfiguration = this._onConfiguration.bind(this);
 	this._onWrapCountChanged = this._onWrapCountChanged.bind(this);
@@ -130,7 +130,7 @@ MultiTableManager.synchronizeVScrollbar = function(vScrollbarHost, hScrollbarHos
 		return Promise.reject("Host element cannot be body element.");
 	}
 
-	var gridLen = 0;
+	let gridLen = 0;
 	if(gridElems) {
 		if(GridElements[gridElems.tagName]) { // Accept single grid element as a parameter
 			gridElems = [gridElems];
@@ -139,8 +139,8 @@ MultiTableManager.synchronizeVScrollbar = function(vScrollbarHost, hScrollbarHos
 	}
 
 	// Element validation
-	var i, gridElem;
-	var validatedElems = [];
+	let i, gridElem;
+	let validatedElems = [];
 	for(i = 0; i < gridLen; ++i) {
 		gridElem = gridElems[i];
 		if(gridElem && GridElements[gridElem.tagName]) {
@@ -152,13 +152,13 @@ MultiTableManager.synchronizeVScrollbar = function(vScrollbarHost, hScrollbarHos
 		return Promise.reject("No grid element detected for scrollbar synchronization.");
 	}
 
-	var promises = [];
+	let promises = [];
 	for(i = 0; i < gridLen; ++i) {
 		gridElem = validatedElems[i];
 		if(gridElem.api) {
 			promises.push(Promise.resolve(gridElem));
 		} else {
-			var deferredConfig = gridElem._deferredConfig;
+			let deferredConfig = gridElem._deferredConfig;
 			if(!deferredConfig) {
 				deferredConfig = gridElem._deferredConfig = new Deferred();
 				gridElem.addEventListener("configured", MultiTableManager._onGridConfigured);
@@ -175,10 +175,10 @@ MultiTableManager.synchronizeVScrollbar = function(vScrollbarHost, hScrollbarHos
 * @param {Object} e
 */
 MultiTableManager._onGridConfigured = function(e) {
-	var gridElem = e.currentTarget;
+	let gridElem = e.currentTarget;
 	gridElem.removeEventListener("configured", MultiTableManager._onGridConfigured);
 	if(gridElem._deferredConfig) {
-		var d = gridElem._deferredConfig;
+		let d = gridElem._deferredConfig;
 		gridElem._deferredConfig = null;
 		d.resolve(gridElem);
 	}
@@ -199,11 +199,11 @@ MultiTableManager._onVScrollbarSynchronization = function(vScrollbarHost, hScrol
 	hScrollbarHost.style.whiteSpace = "nowrap";
 	hScrollbarHost.style.overflow = "auto hidden";
 
-	var gridLen = gridElems.length;
-	var mainCore = gridElems[0].api.getCoreGrid();
-	for(var i = 0; i < gridLen; ++i) {
-		var gridElem = gridElems[i];
-		var core = gridElem.api.getCoreGrid();
+	let gridLen = gridElems.length;
+	let mainCore = gridElems[0].api.getCoreGrid();
+	for(let i = 0; i < gridLen; ++i) {
+		let gridElem = gridElems[i];
+		let core = gridElem.api.getCoreGrid();
 
 		_toggleInlineElement(gridElem, true);
 		if(i > 0) {
@@ -231,7 +231,7 @@ MultiTableManager.prototype.setGridConfig = function (configObj) {
 	}
 	this._extensions = configObj.extensions ? configObj.extensions.slice() : [];
 
-	var main = this._tables[0];
+	let main = this._tables[0];
 	if(main) {
 		configObj = this._cloneConfig();
 		main.addEventListener("configured", this._onDelayedConfiguration);
@@ -266,8 +266,8 @@ MultiTableManager.prototype._onConfiguration = function () {
 /** @public
 */
 MultiTableManager.prototype.dispose = function () {
-	var len = this._tables.length;
-	for(var i = 0; i < len; ++i) {
+	let len = this._tables.length;
+	for(let i = 0; i < len; ++i) {
 		this._tables[i].dispose();
 	}
 	this._tables = [];
@@ -280,11 +280,11 @@ MultiTableManager.prototype.dispose = function () {
 * @return {!Object}
 */
 MultiTableManager.prototype._cloneConfig = function () {
-	var obj = null;
+	let obj = null;
 	if(this._configObj) {
 		obj = cloneObject(this._configObj);
 		if(Array.isArray(obj.columns)) {
-			var runtimeConfig = this._tables[0].api ? this._tables[0].api.getConfigObject() : this._configObj;
+			let runtimeConfig = this._tables[0].api ? this._tables[0].api.getConfigObject() : this._configObj;
 			obj.columns = runtimeConfig.columns.slice();
 		}
 	}
@@ -304,7 +304,7 @@ MultiTableManager.prototype._setTableCount = function(num) {
 	this._tableCount = num > 0 ? num : 1;
 
 	if(this._ready) {
-		var tableCount = this._tables.length;
+		let tableCount = this._tables.length;
 		if(this._tableCount > tableCount) {
 			this._addTables(this._tableCount - tableCount);
 		} else if(this._tableCount < tableCount) {
@@ -328,15 +328,15 @@ MultiTableManager.prototype.setTableCount = function(num) {
 * @return {Element}
 */
 MultiTableManager.prototype._addTable = function(tableIndex) {
-	var main = this._tables[0];
-	var parentElem = main.parentNode;
-	var core = main.api.getCoreGrid();
-	var mainDataView = main.api.getDataView();
-	// var mainDataTable = main.api.getDataTable();
-	var stp = core.getPlugin("SortableTitlePlugin");
-	var dtp = core.getPlugin("DragAndDropTitlePlugin");
-
-	var configObj = this._cloneConfig();
+	let main = this._tables[0];
+	let parentElem = main.parentNode;
+	let core = main.api.getCoreGrid();
+	let mainDataView = main.api.getDataView();
+	// let mainDataTable = main.api.getDataTable();
+	let stp = core.getPlugin("SortableTitlePlugin");
+	let dtp = core.getPlugin("DragAndDropTitlePlugin");
+
+	let configObj = this._cloneConfig();
 	configObj.extensions = this._generateExtensions();
 
 	delete configObj.staticDataRows;
@@ -344,15 +344,15 @@ MultiTableManager.prototype._addTable = function(tableIndex) {
 	delete configObj.dataModel;
 
 	if(this._wrapSize) {
-		var wrappedViews = mainDataView.getWrappedViews();
+		let wrappedViews = mainDataView.getWrappedViews();
 		configObj.dataView = wrappedViews[tableIndex - 1];
 		configObj.grid = main.api;
 	} else {
 		configObj["SortableTitle"] = stp;
 		configObj["DragAndDropTitle"] = dtp;
-		var rowCount = mainDataView.getRowCount();
+		let rowCount = mainDataView.getRowCount();
 
-		var ary = _newArrayOfObject(rowCount);
+		let ary = _newArrayOfObject(rowCount);
 		if(this._emeraldGrid) {
 			configObj.dataModel = {
 				data: ary
@@ -362,12 +362,12 @@ MultiTableManager.prototype._addTable = function(tableIndex) {
 		}
 	}
 
-	var sub = document.createElement(main.tagName);
+	let sub = document.createElement(main.tagName);
 	_toggleInlineElement(sub, true);
 
 	sub.config = configObj;
 
-	var lastTable = this._tables[this._tables.length - 1];
+	let lastTable = this._tables[this._tables.length - 1];
 	parentElem.insertBefore(sub, lastTable.nextSibling);
 	return sub;
 };
@@ -380,13 +380,13 @@ MultiTableManager.prototype._addTables = function(num) {
 		return;
 	}
 
-	var main = this._tables[0];
+	let main = this._tables[0];
 	_toggleInlineElement(main, true); // TODO: Check if we need to do this every time
 
 	// main.api.setFitContentWidth(true);
 
-	for(var i = 0; i < num; ++i) {
-		var grid = this._addTable(this._tables.length);
+	for(let i = 0; i < num; ++i) {
+		let grid = this._addTable(this._tables.length);
 		this._tables.push(grid);
 	}
 
@@ -405,15 +405,15 @@ MultiTableManager.prototype._addTables = function(num) {
 * @param {number} num
 */
 MultiTableManager.prototype._removeTables = function(num) {
-	var tableCount = this._tables.length;
+	let tableCount = this._tables.length;
 	if (tableCount - num < 1) {
 		num = tableCount - 1;
 	}
 	if(!num) {
 		return;
 	}
-	for(var i = 0; i < num; ++i) {
-		var sub = this._tables.pop();
+	for(let i = 0; i < num; ++i) {
+		let sub = this._tables.pop();
 		sub.config = null;
 		if(sub.parentNode) {
 			sub.parentNode.removeChild(sub);
@@ -433,7 +433,7 @@ MultiTableManager.prototype._wrapTable = function(rowCount) {
 	this._wrapSize = rowCount > 0 ? rowCount : 0;
 
 	if(this._ready) {
-		var main = this._tables[0];
+		let main = this._tables[0];
 		if(this._wrapSize) {
 			main.style.display =  "none";
 			main.api.getCoreGrid().getVScrollbar().disable();
@@ -443,7 +443,7 @@ MultiTableManager.prototype._wrapTable = function(rowCount) {
 			main.api.getCoreGrid().getVScrollbar().disable(false);
 		}
 
-		var dv = main.api.getDataView();
+		let dv = main.api.getDataView();
 		dv.listen("wrapCountChanged", this._onWrapCountChanged);
 		dv.wrapView(this._wrapSize);
 	}
@@ -490,10 +490,10 @@ MultiTableManager.prototype.getTable = function(at) {
 * @return {!Array}
 */
 MultiTableManager.prototype._generateExtensions = function() {
-	var extCount = this._extensions ? this._extensions.length : 0;
-	var ary = new Array(extCount);
-	for(var i = 0; i < extCount; ++i) {
-		var ext = this._extensions[i];
+	let extCount = this._extensions ? this._extensions.length : 0;
+	let ary = new Array(extCount);
+	for(let i = 0; i < extCount; ++i) {
+		let ext = this._extensions[i];
 		if(ext.hasMultiTableSupport && ext.hasMultiTableSupport()) {
 			ary[i] = ext;
 		} else {
@@ -507,9 +507,9 @@ MultiTableManager.prototype._generateExtensions = function() {
 * @param {...*} args
 */
 MultiTableManager.prototype._execAll = function(methodName, args) {
-	var tableCount = this._tables.length;
-	for(var i = 0; i < tableCount; ++i) {
-		var tbl = this._tables[i];
+	let tableCount = this._tables.length;
+	for(let i = 0; i < tableCount; ++i) {
+		let tbl = this._tables[i];
 		if(args !== undefined) { // eslint-disable-line
 			if(arguments.length > 2) {
 				tbl.api[methodName].apply(
@@ -537,9 +537,9 @@ MultiTableManager.prototype.insertRow = function(rowOption, at) {
 	if(this._wrapSize) {
 		this.getTable().api.insertRow(rowOption, at);
 	} else {
-		var tableCount = this._tables.length;
-		for(var i = 0; i < tableCount; ++i) {
-			var tbl = this._tables[i];
+		let tableCount = this._tables.length;
+		for(let i = 0; i < tableCount; ++i) {
+			let tbl = this._tables[i];
 			tbl.api.insertRow(rowOption, at);
 		}
 	}
@@ -558,9 +558,9 @@ MultiTableManager.prototype.removeRow = function(at) {
 	if(this._wrapSize) {
 		this.getTable().api.removeRow(at);
 	} else {
-		var tableCount = this._tables.length;
-		for(var i = 0; i < tableCount; ++i) {
-			var tbl = this._tables[i];
+		let tableCount = this._tables.length;
+		for(let i = 0; i < tableCount; ++i) {
+			let tbl = this._tables[i];
 			tbl.api.removeRow(at);
 		}
 	}
@@ -582,9 +582,9 @@ MultiTableManager.prototype.insertColumn = function(columnOption, idx) {
 		return; // TODO
 	}
 
-	var tableCount = this._tables.length;
-	for(var i = 0; i < tableCount; ++i) {
-		var tbl = this._tables[i];
+	let tableCount = this._tables.length;
+	for(let i = 0; i < tableCount; ++i) {
+		let tbl = this._tables[i];
 		tbl.api.insertColumn(columnOption, idx);
 	}
 };
@@ -595,9 +595,9 @@ MultiTableManager.prototype.removeColumn = function(colRef) {
 	if(this._emeraldGrid) {
 		return; // TODO
 	}
-	var tableCount = this._tables.length;
-	for(var i = 0; i < tableCount; ++i) {
-		var tbl = this._tables[i];
+	let tableCount = this._tables.length;
+	for(let i = 0; i < tableCount; ++i) {
+		let tbl = this._tables[i];
 		tbl.api.removeColumn(colRef);
 	}
 };

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

@@ -18,12 +18,12 @@
 * @param {number} num Absolute number
 * @return {number}
 */
-var _multiplyByHundred = function(num) {
-	var intPart = num | 0;
+let _multiplyByHundred = function(num) {
+	let intPart = num | 0;
 	if(num > intPart) {
-		var str = num + "";
-		var at = str.indexOf(".");
-		var fracStr = str.slice(at + 1) + "00";
+		let str = num + "";
+		let at = str.indexOf(".");
+		let fracStr = str.slice(at + 1) + "00";
 		return +(str.slice(0, at) + fracStr.slice(0, 2) + "." + fracStr.slice(2));
 	}
 	return num * 100;
@@ -33,7 +33,7 @@ var _multiplyByHundred = function(num) {
 * @constructor
 * @param {NumberFormatter~Options=} options
 * @example
-* var options = {
+* let options = {
 *  "precisionEnabled": false, // Default is leaving precision as is
 *  "decimalPlaces": 2, // Take effect only precisionEnabled === true
 *  "plusSign": false, // Plus sign prefixing
@@ -42,12 +42,12 @@ var _multiplyByHundred = function(num) {
 *  "scalingUnit": "", // "b"|"m"
 *  "multiplyBy100": false
 *};
-* var nf = new NumberFormatter(options);
+* let nf = new NumberFormatter(options);
 * nf.format(123); // "123"
 * nf.format(-456.789); // "-456.789"
 * nf.getOptions(); // For serialization
 */
-var NumberFormatter = function (options) {
+let NumberFormatter = function (options) {
 	this["format"] = this.format = this.format.bind(this);
 
 	this.init(options);
@@ -113,10 +113,10 @@ NumberFormatter.prototype.init = function(options) { // deserialize
 		return;
 	}
 
-	var formatType = /** @type{string} */(options["formatType"] || options["type"]);
+	let formatType = /** @type{string} */(options["formatType"] || options["type"]);
 
 	// Note that precision will not be used in scaledValue mode
-	var val = options["precisionEnabled"];
+	let val = options["precisionEnabled"];
 	if(val != null && val !== "") {
 		this._precisionEnabled = val ? true : false;
 	} else {
@@ -203,9 +203,9 @@ NumberFormatter.prototype.resetToDefaults = function () {
 * NumberFormatter.padDecimalPartWithZeroes("1.000", 2); // "1.000"
 */
 NumberFormatter.padDecimalPartWithZeroes = function (str, precision) {
-	var dp = str.lastIndexOf(".");
+	let dp = str.lastIndexOf(".");
 	if (dp >= 0) {
-		var decimalPlace = str.length - dp - 1;
+		let decimalPlace = str.length - dp - 1;
 		if (decimalPlace < precision) {
 			str += NumberFormatter._zeroes[precision - decimalPlace];
 		}
@@ -240,7 +240,7 @@ NumberFormatter.multiplyByHundred = function (num) {
 NumberFormatter.prototype.getOptions = function(options) { // serialize
 	if(!options) { options = {}; }
 
-	var formatType = options["formatType"];
+	let formatType = options["formatType"];
 
 	if(this._precisionEnabled !== true) {
 		options["precisionEnabled"] = this._precisionEnabled; // Default in init
@@ -259,7 +259,7 @@ NumberFormatter.prototype.getOptions = function(options) { // serialize
 	}
 
 	if(formatType === "scaled" || formatType === "scaledvalue") {
-		var su = "";
+		let su = "";
 		if(this._scaler == "b") {
 			su = "billion";
 			options["scalingUnit"] = su;
@@ -295,7 +295,7 @@ NumberFormatter.prototype.format = function(origVal) {
 	}
 
 	// Simplify logic by making positive value
-	var val, sign;
+	let val, sign;
 	if(origVal >= 0) {
 		val = origVal;
 		sign = this._plusSignEnabled ? "+" : "";
@@ -303,7 +303,7 @@ NumberFormatter.prototype.format = function(origVal) {
 		val = -origVal;
 		sign = "-";
 	}
-	var scalingMode = this._percentFormatEnabled ? "" : this._scaler; // Percent formatting overwrite scaling mode
+	let scalingMode = this._percentFormatEnabled ? "" : this._scaler; // Percent formatting overwrite scaling mode
 
 	if(this._multiplyBy100Enabled) {
 		if(this._precisionEnabled || scalingMode) {
@@ -313,7 +313,7 @@ NumberFormatter.prototype.format = function(origVal) {
 		}
 	}
 
-	var absVal = val;
+	let absVal = val;
 	// Perform scaling
 	if (scalingMode) {
 		if (scalingMode === "b" && val < 1e9) {
@@ -332,7 +332,7 @@ NumberFormatter.prototype.format = function(origVal) {
 	// Perform rounding
 	if (this._precisionEnabled) {
 		if (this._precision > 0) {
-			var deno = NumberFormatter._denominator[this._precision];
+			let deno = NumberFormatter._denominator[this._precision];
 			val = Math.round(val * deno) / deno;
 		} else {
 			val = Math.round(val);
@@ -342,12 +342,12 @@ NumberFormatter.prototype.format = function(origVal) {
 	}
 
 	// Convert value to string
-	var str;
+	let str;
 	if(val > 0) {
 		if(val >= 1e-6) { // Handle high (7 or more digits) precision value
 			str = sign + val;
 		} else {
-			var fraction = val * 1e7; // Be careful that there are some cases like 1e-7 * 1e6 === 0.099
+			let fraction = val * 1e7; // Be careful that there are some cases like 1e-7 * 1e6 === 0.099
 			str = (fraction / 10) + "";
 			str = sign + "0.000000" + str.substr(2);
 		}
@@ -357,7 +357,7 @@ NumberFormatter.prototype.format = function(origVal) {
 
 	// Add separators
 	if(this._separatorEnabled && val >= 1e3) {
-		var strs = str.split(".");
+		let strs = str.split(".");
 		str = strs[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",");
 		if(strs.length > 1) {
 			str += "." + strs[1];
@@ -389,7 +389,7 @@ NumberFormatter.prototype.format = function(origVal) {
 
 /** @public */
 NumberFormatter.prototype.enableDefaultFormat = function() {
-	var t = this;
+	let t = this;
 	t._precisionEnabled = t._separatorEnabled = t._percentSignEnabled = false;
 	t._percentFormatEnabled = t._plusSignEnabled = t._multiplyBy100Enabled = false;
 	t._scaler = "";

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;
 		}