@refinitiv-ui/efx-grid 6.0.91 → 6.0.93

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

@@ -21,15 +21,15 @@ import { SubTable } from "./SubTable.js";
 * @param {Element=} elem Element is a place holder element (e.g., div). This should not be a table (tag) element.
 * @param {Table~Options=} options
 * @example
-* var elem = document.getElementById("table_div");
+* let elem = document.getElementById("table_div");
 * // Create a table element with 2 columns and 3 rows inside the given element
-* var tbl = new Table(elem, {colCount: 2, rowCount: 3});
+* let tbl = new Table(elem, {colCount: 2, rowCount: 3});
 */
-var Table = function(elem, options) {
-	var t = this;
+let Table = function(elem, options) {
+	let t = this;
 
-	var colCount = 0;
-	var rowCount = 0;
+	let colCount = 0;
+	let rowCount = 0;
 	if(elem && elem.nodeType === 1) {
 		t._elem = /** @type{Element} */(elem);
 	} else {
@@ -52,7 +52,7 @@ var Table = function(elem, options) {
 	t._tbody = new SubTable("tbody");
 	t._subs = [t._tbody]; // tbody will always be the first item
 
-	var configObj = null;
+	let configObj = null;
 	if(options) {
 		if(typeof options == "number") {
 			colCount = options;
@@ -146,30 +146,30 @@ Table.prototype.init = function(options) {
 		return;
 	}
 
-	var colWidth = options["colWidth"] || options["cellWidth"];
+	let colWidth = options["colWidth"] || options["cellWidth"];
 	if(colWidth) {
 		this.setDefaultColumnWidth(colWidth);
 	}
-	var rowHeight = options["rowHeight"] || options["cellHeight"];
+	let rowHeight = options["rowHeight"] || options["cellHeight"];
 	if(rowHeight) {
 		this.setDefaultRowHeight(rowHeight);
 	}
 
-	var colCount = options["colCount"];
+	let colCount = options["colCount"];
 	if(colCount) {
 		this.setColumnCount(colCount);
 	}
-	var rowCount = options["rowCount"];
+	let rowCount = options["rowCount"];
 	if(rowCount) {
 		this.setRowCount(rowCount);
 	}
 
-	var tableWidth = options["width"] || options["tableWidth"];
+	let tableWidth = options["width"] || options["tableWidth"];
 	if(tableWidth && this._colCount) { // TODO: Move this to setWidth() method
 		this.setDefaultColumnWidth((tableWidth / this._colCount) | 0);
 	}
 
-	var tableHeight = options["height"] || options["tableHeight"];
+	let tableHeight = options["height"] || options["tableHeight"];
 	if(tableHeight) { // TODO: Move this to setHeight() method
 		rowCount = this.getRowCount();
 		if(rowCount) {
@@ -177,7 +177,7 @@ Table.prototype.init = function(options) {
 		}
 	}
 
-	var header = options["header"];
+	let header = options["header"];
 	if(header != null) {
 		if(header) {
 			rowCount = (typeof header === "number") ? header : 1;
@@ -190,7 +190,7 @@ Table.prototype.init = function(options) {
 		}
 	}
 
-	var footer = options["footer"];
+	let footer = options["footer"];
 	if(footer != null) {
 		if(footer) {
 			rowCount = (typeof footer === "number") ? footer : 1;
@@ -212,23 +212,23 @@ Table.prototype.addColumns = function(count) {
 	if(count == null) { count = 1; }
 	else if(count <= 0) { return null; }
 
-	var cols = [];
-	var c;
+	let cols = [];
+	let c;
 	for(c = count; --c >= 0;) {
-		var col = document.createElement("col");
+		let col = document.createElement("col");
 		this._colgroup.appendChild(col);
 		cols[c] = col;
 	}
 	this._colCount += count;
 
 	if(this._defaultColumnWidth != null) {
-		var minWidth = this._defaultColumnWidth + "px";
+		let minWidth = this._defaultColumnWidth + "px";
 		for(c = count; --c >= 0;) {
 			cols[c].style.width = minWidth;
 		}
 	}
 
-	for(var i = this._subs.length; --i >= 0;) {
+	for(let i = this._subs.length; --i >= 0;) {
 		this._subs[i].addColumns(count);
 	}
 	this._updateTableWidth();
@@ -247,7 +247,7 @@ Table.prototype.removeColumns = function(opt_count) {
 	this._colCount -= opt_count;
 	Dom.removeChildren(this._colgroup, opt_count);
 
-	for(var i = this._subs.length; --i >= 0;) {
+	for(let i = this._subs.length; --i >= 0;) {
 		this._subs[i].removeColumns(opt_count);
 	}
 	this._updateTableWidth();
@@ -258,7 +258,7 @@ Table.prototype.removeAllColumns = function() {
 	this._colCount = 0;
 	Dom.removeChildren(this._colgroup);
 
-	for(var i = this._subs.length; --i >= 0;) {
+	for(let i = this._subs.length; --i >= 0;) {
 		this._subs[i].removeAllColumns(); // Removing all column will also remove all rows
 	}
 	this._updateTableWidth();
@@ -434,7 +434,7 @@ Table.prototype.setDefaultRowHeight = function(val) {
 
 	this._defaultRowHeight = val;
 
-	for(var i = this._subs.length; --i >= 0;) {
+	for(let i = this._subs.length; --i >= 0;) {
 		this._subs[i].setDefaultRowHeight(val);
 	}
 };
@@ -445,17 +445,17 @@ Table.prototype.distributeColumnWidth = function() {
 	if(this._colCount <= 1) {
 		return;
 	}
-	var txtRows = this._tbody.getTextContents();
-	var rowCount = txtRows.length;
+	let txtRows = this._tbody.getTextContents();
+	let rowCount = txtRows.length;
 	if(!rowCount) {
 		return;
 	}
-	var maxWidths = new Array(this._colCount);
-	var txtRow = txtRows[0];
-	for(var c = 0; c < this._colCount; ++c) {
+	let maxWidths = new Array(this._colCount);
+	let txtRow = txtRows[0];
+	for(let c = 0; c < this._colCount; ++c) {
 		maxWidths[c] = txtRow[c].length;
 	}
-	for(var r = 1; r < rowCount; ++r) {
+	for(let r = 1; r < rowCount; ++r) {
 		txtRow = txtRows[r];
 		for(c = 0; c < this._colCount; ++c) {
 			if(maxWidths[c] < txtRow[c].length) {
@@ -463,8 +463,8 @@ Table.prototype.distributeColumnWidth = function() {
 			}
 		}
 	}
-	var longestColumn = 0;
-	var maxWidth = maxWidths[0];
+	let longestColumn = 0;
+	let maxWidth = maxWidths[0];
 	for(c = this._colCount; --c >= 1;) {
 		if(maxWidth < maxWidths[c]) {
 			maxWidth = maxWidths[c];
@@ -482,21 +482,21 @@ Table.prototype.distributeColumnWidth = function() {
 * @param {number=} opt_rowLimit
 */
 Table.prototype.log = function(opt_rowLimit) {
-	var trs = this.getRows();
-	var rowCount = trs.length;
+	let trs = this.getRows();
+	let rowCount = trs.length;
 	if(!opt_rowLimit || opt_rowLimit <= 0) { opt_rowLimit = rowCount; }
 
-	var c;
-	var colNames = new Array(this._colCount);
+	let c;
+	let colNames = new Array(this._colCount);
 	for(c = 0; c < this._colCount; ++c) {
-		var hCell = this.getHeaderCell(c, 0);
-		var hStr = hCell ? hCell.textContent : "";
+		let hCell = this.getHeaderCell(c, 0);
+		let hStr = hCell ? hCell.textContent : "";
 		colNames[c] = hStr || ("" + c);
 	}
 
-	var rows = [];
-	for(var r = 0; r < rowCount; ++r) {
-		var cols = {};
+	let rows = [];
+	for(let r = 0; r < rowCount; ++r) {
+		let cols = {};
 		for(c = 0; c < this._colCount; ++c) {
 			cols[colNames[c]] = trs[r].cells[c].textContent;
 		}
@@ -680,7 +680,7 @@ Table.prototype.cloak = function(tblElem) {
 	this._elem.classList.add("js-table");
 
 	this._table = tblElem;
-	var elems = tblElem.getElementsByTagName("COLGROUP");
+	let elems = tblElem.getElementsByTagName("COLGROUP");
 	this._colgroup = (elems[0]) ? elems[0] : document.createElement("colgroup");
 
 	elems = tblElem.getElementsByTagName("TR");
@@ -725,7 +725,7 @@ Table.prototype.getFooter = function() {
 * @param {Element=} elem
 */
 Table.prototype._addHeader = function(elem) {
-	var t = this;
+	let t = this;
 	if(!t._thead) {
 		t._thead = new SubTable(elem ? elem : "thead");
 		t._subs.push(t._thead);
@@ -741,7 +741,7 @@ Table.prototype._addHeader = function(elem) {
 * @param {Element=} elem
 */
 Table.prototype._addFooter = function(elem) {
-	var t = this;
+	let t = this;
 	if(!t._tfoot) {
 		t._tfoot = new SubTable(elem ? elem : "tfoot");
 		t._subs.push(t._tfoot);
@@ -762,11 +762,11 @@ Table.prototype._addFooter = function(elem) {
 */
 Table.prototype._setColStyle = function(prop, val, opt_at) {
 	if(val == null) { val = ""; }
-	var c, col;
+	let c, col;
 	if(val instanceof Array) {
-		var count = (val.length < this._colCount) ? val.length : this._colCount;
+		let count = (val.length < this._colCount) ? val.length : this._colCount;
 		for(c = count; --c >= 0;) {
-			var str = val[c];
+			let str = val[c];
 			if(typeof str === "number") { str = str + "px"; }
 			if(str) {
 				col = this._colgroup.children[c];
@@ -792,11 +792,11 @@ Table.prototype._setColStyle = function(prop, val, opt_at) {
 Table.prototype._updateTableWidth = function() {
 	if(!this._autoWidthUpdate) { return; }
 
-	var fixedWidth = true;
-	var totalWidth = 0;
-	for(var c = this._colCount; --c >= 0;) {
-		var col = this._colgroup.children[c];
-		var str = col.style.width;
+	let fixedWidth = true;
+	let totalWidth = 0;
+	for(let c = this._colCount; --c >= 0;) {
+		let col = this._colgroup.children[c];
+		let str = col.style.width;
 		if(!str) {
 			fixedWidth = false;
 			break;

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

@@ -1,7 +1,7 @@
 import {Dom} from './Dom.js';
 
 /** @namespace */
-var TextHighlighter = {};
+let TextHighlighter = {};
 /** /[^\w-_ .]+/g
 * @type {RegExp}
 * @public
@@ -25,26 +25,26 @@ TextHighlighter.defaultTag = "mark";
 * @param {string=} tagName Default is <mark> tag
 * @return {Element} the same given elem
 * @example
-* var parent = Dom.div();
-* var child1 = Dom.text("Lorem ipsum dolor sit amet");
-* var child2 = Dom.text("Quisque volutpat, neque et pretium accumsan");
+* let parent = Dom.div();
+* let child1 = Dom.text("Lorem ipsum dolor sit amet");
+* let child2 = Dom.text("Quisque volutpat, neque et pretium accumsan");
 * Dom.appendChild(parent, child1, child2);
 * TextHighlighter.highlightAll(parent, "e", "mark"); // only child1 and child2 are modified
 */
 TextHighlighter.highlightAll = function(elem, keyword, tagName) {
-	var rule = TextHighlighter.buildRule(keyword);
+	let rule = TextHighlighter.buildRule(keyword);
 	if(!tagName) {
 		tagName = TextHighlighter.defaultTag;
 	}
 
-	var nodes = [elem];
-	for(var i = 0; i < nodes.length; ++i) {
-		var curNode = nodes[i];
-		var chdr = curNode.children;
-		var nonLeafNode = !curNode._highlightData && chdr && chdr.length;
+	let nodes = [elem];
+	for(let i = 0; i < nodes.length; ++i) {
+		let curNode = nodes[i];
+		let chdr = curNode.children;
+		let nonLeafNode = !curNode._highlightData && chdr && chdr.length;
 		if(nonLeafNode) {
-			var len = chdr.length;
-			for(var j = 0; j < len; ++j) {
+			let len = chdr.length;
+			for(let j = 0; j < len; ++j) {
 				nodes.push(chdr[j]);
 			}
 		} else { // leaf node
@@ -61,26 +61,26 @@ TextHighlighter.highlightAll = function(elem, keyword, tagName) {
 * @param {string=} tagName Default is &lt;mark> tag
 * @return {Element} Element with children of &lt;span>&lt;/span> and &lt;mark>&lt;/mark> tags
 * @example
-* var el = Dom.text("Lorem ipsum dolor sit amet");
-* var highlightedEl = TextHighlighter.highlightContent(el, "e", "mark");
+* let el = Dom.text("Lorem ipsum dolor sit amet");
+* let highlightedEl = TextHighlighter.highlightContent(el, "e", "mark");
 * highlightedEl === el; // true
 */
 TextHighlighter.highlightContent = function(elem, keyword, tagName) {
-	var reset = true;
+	let reset = true;
 	if(keyword) {
-		var text = elem.textContent;
+		let text = elem.textContent;
 		if(text) {
-			var highlightData = elem._highlightData;
-			var splitInfo = TextHighlighter._split(text, keyword, null, highlightData);
+			let highlightData = elem._highlightData;
+			let splitInfo = TextHighlighter._split(text, keyword, null, highlightData);
 			if(splitInfo) {
-				var i, len;
+				let i, len;
 				if(!highlightData) {
 					elem._highlightData = splitInfo;
 
 					// Save original child nodes
-					var cns = elem.childNodes;
+					let cns = elem.childNodes;
 					len = cns.length;
-					var originalNodes = new Array(len);
+					let originalNodes = new Array(len);
 					for(i = 0; i < len; ++i) {
 						originalNodes[i] = cns[i];
 					}
@@ -92,12 +92,12 @@ TextHighlighter.highlightContent = function(elem, keyword, tagName) {
 					tagName = TextHighlighter.defaultTag;
 				}
 
-				var chunks = splitInfo["chunks"];
+				let chunks = splitInfo["chunks"];
 				len = chunks.length;
 				for(i = 0; i < len; ++i) {
-					var chunk = chunks[i];
+					let chunk = chunks[i];
 					if(chunk) {
-						var tag = Dom.create((i & 1) ? tagName : "span");
+						let tag = Dom.create((i & 1) ? tagName : "span");
 						tag.textContent = chunk;
 						elem.appendChild(tag);
 					}
@@ -139,23 +139,23 @@ TextHighlighter.restore = function(elem) {
 */
 TextHighlighter.getScore = function(elem) {
 	if(elem) {
-		var obj = /** @type{Object} */(elem._highlightData);
+		let obj = /** @type{Object} */(elem._highlightData);
 		if(obj) {
-			var score = obj["score"];
+			let score = obj["score"];
 			if(score == null) {
-				var positions = /** @type{Array.<number>} */(obj["positions"]);
-				var matches = /** @type{Array.<string>} */(obj["matches"]);
-				var matchCount = matches.length;
+				let positions = /** @type{Array.<number>} */(obj["positions"]);
+				let matches = /** @type{Array.<string>} */(obj["matches"]);
+				let matchCount = matches.length;
 
 				score = matchCount * 1000; // Number of the matched keywords
-				for(var i = 0; i < matchCount; ++i) {
-					var curTxt = matches[i];
-					var pos = positions[i];
+				for(let i = 0; i < matchCount; ++i) {
+					let curTxt = matches[i];
+					let pos = positions[i];
 					score += curTxt.length * 100; // Length of the matched keywords
 					score += pos ? (400 / pos) | 0 : 500;
 				}
 				if(matchCount) {
-					var origLen = obj["original"] ? obj["original"].length : 0;
+					let origLen = obj["original"] ? obj["original"].length : 0;
 					score += origLen ? (1000 / origLen) | 0 : 0;
 				}
 				obj["score"] = score; // Cache for later usage
@@ -178,7 +178,7 @@ TextHighlighter.getScore = function(elem) {
 * TextHighlighter.split("not_found", "aaa"); // ["not_found"]
 */
 TextHighlighter.split = function (haystack, needle, caseSensitive) {
-	var obj = TextHighlighter._split(haystack, needle, caseSensitive);
+	let obj = TextHighlighter._split(haystack, needle, caseSensitive);
 	if(obj) {
 		return /** @type{!Array.<string>} */(obj["chunks"]);
 	}
@@ -196,9 +196,9 @@ TextHighlighter._split = function (haystack, needle, caseSensitive, out_obj) {
 	if(!haystack || !needle) {
 		return null;
 	}
-	var regExp = TextHighlighter.buildRule(needle, caseSensitive);
+	let regExp = TextHighlighter.buildRule(needle, caseSensitive);
 
-	var matches = haystack.match(regExp);
+	let matches = haystack.match(regExp);
 	if(!matches) {
 		return null;
 	}
@@ -207,25 +207,25 @@ TextHighlighter._split = function (haystack, needle, caseSensitive, out_obj) {
 		out_obj = {};
 	}
 
-	var matchCount = matches.length;
-	var positions = new Array(matchCount);
-	var start = 0;
-	var curIdx = 0;
-	var chunks = [];
+	let matchCount = matches.length;
+	let positions = new Array(matchCount);
+	let start = 0;
+	let curIdx = 0;
+	let chunks = [];
 	do {
-		var curMatch = matches[curIdx];
-		var matchLen = curMatch.length;
-		var at = positions[curIdx] = haystack.indexOf(curMatch, start);
+		let curMatch = matches[curIdx];
+		let matchLen = curMatch.length;
+		let at = positions[curIdx] = haystack.indexOf(curMatch, start);
 		chunks.push(
-			haystack.substring(start, at),
-			haystack.substr(at, matchLen)
+			haystack.slice(start, at),
+			haystack.slice(at, at + matchLen)
 		);
 		start = at + matchLen;
 	} while(++curIdx < matchCount);
 
-	var end = haystack.length;
+	let end = haystack.length;
 	if(start < end) {
-		chunks.push(haystack.substring(start, end));
+		chunks.push(haystack.slice(start, end));
 	}
 
 	out_obj["chunks"] = chunks;
@@ -242,7 +242,7 @@ TextHighlighter._split = function (haystack, needle, caseSensitive, out_obj) {
 * @param {(boolean|number)=} caseSensitive If true, the rule is produced with case sensitive characters
 * @return {RegExp}
 * @example
-* var regExp = TextHighlighter.buildRule("A + B"); // Equivalent to new RegExp(/A|B/g);
+* let regExp = TextHighlighter.buildRule("A + B"); // Equivalent to new RegExp(/A|B/g);
 */
 TextHighlighter.buildRule = function(txt, caseSensitive) {
 	if(typeof txt != "string") {
@@ -257,9 +257,9 @@ TextHighlighter.buildRule = function(txt, caseSensitive) {
 		return null;
 	}
 
-	var option = caseSensitive ? "g" : "gi";
-	var keywords = txt.split(TextHighlighter.spaces);
-	var rule = (keywords.length > 1) ? keywords.join("|") : txt;
+	let option = caseSensitive ? "g" : "gi";
+	let keywords = txt.split(TextHighlighter.spaces);
+	let rule = (keywords.length > 1) ? keywords.join("|") : txt;
 
 	return new RegExp(rule, option);
 };

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

@@ -1,7 +1,7 @@
 /** @type {Object.<string, number>}
 * @public
 */
-var TickCodes = {
+let TickCodes = {
 	"\u21e7": 1,
 	"B\u21e7": 1,
 	"\u2191": 1,
@@ -22,7 +22,7 @@ var TickCodes = {
 /** @type {Object.<string, number>}
 * @public
 */
-var TickFields = {
+let TickFields = {
 	"CF_TICK": 1,
 	"PRCTCK_1": 1,
 	"BID_TICK": 1,

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

@@ -4,11 +4,11 @@
 * @param {Function=} func Function to be executed
 * @param {*=} ctx Context object that will be supplied to the function as the first parameter
 * @example
-* var timer = new Timer(2000, (ctx)=>{ console.log(ctx)}, "AAA");
+* let timer = new Timer(2000, (ctx)=>{ console.log(ctx)}, "AAA");
 * timer.start(); // AAA will be logged after 2 seconds
 * timer.start(); // Timer is reset. AAA will be logged only once
 */
-var Timer = function(duration, func, ctx) {
+let Timer = function(duration, func, ctx) {
 	this._duration = (typeof duration == "number") ? duration : 0;
 	this._onTimeout = this._onTimeout.bind(this);
 	this._method = func || null;

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

@@ -25,7 +25,7 @@ import {EventDispatcher} from "./EventDispatcher.js";
 * @param {Element=} elem
 * @param {(boolean|Object)=} options Boolean is treated as useTouchMove
 */
-var TouchProxy = function (elem, options) {
+let TouchProxy = function (elem, options) {
 	this._onTouchStart = this._dispatch.bind(this, "touchStart");
 	this._onTouchEnd = this._dispatch.bind(this, "touchEnd");
 	this._onTouchMove = this._dispatch.bind(this, "touchMove");
@@ -129,7 +129,7 @@ TouchProxy.prototype.removeTouchListeners = TouchProxy.prototype.unlistenAll;
 
 /** @public */
 TouchProxy.prototype.attachTouchMoveEvent = function() {
-	var elem = this._elem;
+	let elem = this._elem;
 	if(elem) {
 		if(this._defaultPrevented) {
 			elem.addEventListener("touchmove", EventDispatcher.preventDefault);
@@ -139,7 +139,7 @@ TouchProxy.prototype.attachTouchMoveEvent = function() {
 };
 /** @public */
 TouchProxy.prototype.detachTouchMoveEvent = function() {
-	var elem = this._elem;
+	let elem = this._elem;
 	if(elem) {
 		if(this._defaultPrevented) {
 			elem.removeEventListener("touchmove", EventDispatcher.preventDefault);
@@ -151,7 +151,7 @@ TouchProxy.prototype.detachTouchMoveEvent = function() {
 * @param {boolean=} touchMove
 */
 TouchProxy.prototype.attachTouchEvents = function(touchMove) {
-	var elem = this._elem;
+	let elem = this._elem;
 	if(elem) {
 		elem.addEventListener("touchstart", this._onTouchStart, this._evtOptions);
 		elem.addEventListener("touchend", this._onTouchEnd, this._evtOptions);
@@ -163,7 +163,7 @@ TouchProxy.prototype.attachTouchEvents = function(touchMove) {
 };
 /** @public */
 TouchProxy.prototype.detachTouchEvents = function() {
-	var elem = this._elem;
+	let elem = this._elem;
 	if(elem) {
 		elem.removeEventListener("touchstart", this._onTouchStart, this._evtOptions);
 		elem.removeEventListener("touchend", this._onTouchEnd, this._evtOptions);
@@ -193,8 +193,8 @@ TouchProxy.getButtonType = function(e) {
 * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/TouchEvent}
 */
 TouchProxy.getPosition = function(e, obj) {
-	var touches = e.changedTouches;
-	var mPos = (touches) ? touches[touches.length - 1] : e;
+	let touches = e.changedTouches;
+	let mPos = (touches) ? touches[touches.length - 1] : e;
 
 	if(!obj) {
 		obj = {};