@refinitiv-ui/efx-grid 6.0.91 → 6.0.92

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

@@ -8,8 +8,8 @@ import { ElementWrapper } from "./ElementWrapper.js";
 * @param {number} count Number of elements to be added
 * @param {string} childTag Tag name of the cells
 */
-var _addElements = function(parentElem, count, childTag) {
-	for(var i = count; --i >= 0;) {
+let _addElements = function(parentElem, count, childTag) {
+	for(let i = count; --i >= 0;) {
 		parentElem.appendChild(document.createElement(childTag));
 	}
 };
@@ -19,8 +19,8 @@ var _addElements = function(parentElem, count, childTag) {
 * @extends {ElementWrapper}
 * @param {(Element|string)=} opt_elem
 */
-var SubTable = function(opt_elem) {
-	var elem;
+let SubTable = function(opt_elem) {
+	let elem;
 	if(opt_elem) {
 		if(typeof opt_elem == "string") { // tbody, thead, tfoot
 			elem = document.createElement(opt_elem);
@@ -67,9 +67,9 @@ SubTable.prototype.addColumns = function(opt_count) {
 
 	this._colCount += opt_count;
 
-	var cellTag = this._getCellTagName();
-	var rows = this._elem.children; // TODO: Must include all suspended rows
-	for(var r = rows.length; --r >= 0;) {
+	let cellTag = this._getCellTagName();
+	let rows = this._elem.children; // TODO: Must include all suspended rows
+	for(let r = rows.length; --r >= 0;) {
 		_addElements(rows[r], opt_count, cellTag);
 	}
 };
@@ -84,8 +84,8 @@ SubTable.prototype.removeColumns = function(opt_count) {
 	if(opt_count <= 0) { return; }
 
 	this._colCount -= opt_count;
-	var rows = this._elem.children; // TODO: Must include all suspended rows
-	for(var r = rows.length; --r >= 0;) {
+	let rows = this._elem.children; // TODO: Must include all suspended rows
+	for(let r = rows.length; --r >= 0;) {
 		Dom.removeChildren(rows[r], opt_count);
 	}
 };
@@ -115,7 +115,7 @@ SubTable.prototype.setColumnCount = function(val) {
 * @return {Element} tr (HTMLTableRowElement) element
 */
 SubTable.prototype.insertRow = function(at) {
-	var row = this._elem.insertRow(at);
+	let row = this._elem.insertRow(at);
 	_addElements(row, this._colCount, this._getCellTagName());
 	return row;
 };
@@ -125,13 +125,13 @@ SubTable.prototype.insertRow = function(at) {
 * @return {!Array.<Element>} Array of tr (HTMLTableRowElement) elements
 */
 SubTable.prototype.addRows = function(count) {
-	var rows = null;
+	let rows = null;
 	if(count == null) {
 		count = 1;
 	}
 	if(count > 0) {
 		rows = new Array(count);
-		for(var r = 0; r < count; ++r) {
+		for(let r = 0; r < count; ++r) {
 			rows[r] = this.insertRow();
 		}
 
@@ -155,7 +155,7 @@ SubTable.prototype.removeAllRows = function() {
 * @param {number} val
 */
 SubTable.prototype.setRowCount = function(val) {
-	var rowCount = this.getRowCount();
+	let rowCount = this.getRowCount();
 	if(val >= rowCount) {
 		this.addRows(val - rowCount);
 	} else {
@@ -170,7 +170,7 @@ SubTable.prototype.setDefaultRowHeight = function(val) {
 	if(val === this._defaultRowHeight) { return; }
 
 	this._defaultRowHeight = val;
-	var minHeight = (this._defaultRowHeight != null) ? this._defaultRowHeight + "px" : "";
+	let minHeight = (this._defaultRowHeight != null) ? this._defaultRowHeight + "px" : "";
 
 	this._applyDefaultRowHeight(this._elem.children, minHeight);
 };
@@ -194,7 +194,7 @@ SubTable.prototype.getRowCount = function() {
 * @return {Element}
 */
 SubTable.prototype.getCell = function(c, r) {
-	var tr = this.getRow(r);
+	let tr = this.getRow(r);
 	if(tr) {
 		return tr.cells[c] || null;
 	}
@@ -208,10 +208,10 @@ SubTable.prototype.getCellsInColumn = function(c) {
 	if(c < 0 || c >= this._colCount) {
 		return null;
 	}
-	var rows = this._elem.children;
-	var rowCount = rows.length;
-	var ary = new Array(rowCount);
-	for(var r = 0; r < rowCount; ++r) {
+	let rows = this._elem.children;
+	let rowCount = rows.length;
+	let ary = new Array(rowCount);
+	for(let r = 0; r < rowCount; ++r) {
 		ary[r] = rows[r].cells[c];
 	}
 
@@ -222,12 +222,12 @@ SubTable.prototype.getCellsInColumn = function(c) {
 * @return {Array.<Element>} Array of td (HTMLTableCellElement) elements
 */
 SubTable.prototype.getCellsInRow = function(r) {
-	var tr = this.getRow(r);
+	let tr = this.getRow(r);
 	if(tr) {
-		var cells = tr.cells;
-		var len = cells.length;
-		var ary = new Array(len);
-		for(var i = 0; i < len; ++i) {
+		let cells = tr.cells;
+		let len = cells.length;
+		let ary = new Array(len);
+		for(let i = 0; i < len; ++i) {
 			ary[i] = cells[i];
 		}
 		return ary;
@@ -238,14 +238,14 @@ SubTable.prototype.getCellsInRow = function(r) {
 * @return {!Array.<Element>} Array of td (HTMLTableCellElement) elements
 */
 SubTable.prototype.getAllCells = function() {
-	var rows = this._elem.children;
-	var rowCount = rows.length;
-	var colCount = this._colCount;
-	var cellCount = 0;
-	var ary = new Array(rowCount * colCount);
-	for(var r = 0; r < rowCount; ++r) {
-		var tr = rows[r];
-		for(var c = 0; c < colCount; ++c) {
+	let rows = this._elem.children;
+	let rowCount = rows.length;
+	let colCount = this._colCount;
+	let cellCount = 0;
+	let ary = new Array(rowCount * colCount);
+	for(let r = 0; r < rowCount; ++r) {
+		let tr = rows[r];
+		for(let c = 0; c < colCount; ++c) {
 			ary[cellCount++] = tr.cells[c];
 		}
 	}
@@ -255,10 +255,10 @@ SubTable.prototype.getAllCells = function() {
 * @return {!Array.<Element>} Array of tr (HTMLTableRowElement) elements
 */
 SubTable.prototype.getAllRows = function() {
-	var chdr = this._elem.children;
-	var len = chdr ? chdr.length : 0;
-	var ary = new Array(len);
-	for(var i = 0; i < len; ++i) {
+	let chdr = this._elem.children;
+	let len = chdr ? chdr.length : 0;
+	let ary = new Array(len);
+	for(let i = 0; i < len; ++i) {
 		ary[i] = chdr[i];
 	}
 	return ary;
@@ -280,14 +280,14 @@ SubTable.prototype.getRow = function(r) {
 * @return {!Array.<Array.<string>>}
 */
 SubTable.prototype.getTextContents = function() {
-	var rows = this._elem.children;
-	var rowCount = rows.length;
-	var rowContents = new Array(rowCount);
-	for(var r = 0; r < rowCount; ++r) {
-		var row = rows[r];
-		var colContents = new Array(this._colCount);
+	let rows = this._elem.children;
+	let rowCount = rows.length;
+	let rowContents = new Array(rowCount);
+	for(let r = 0; r < rowCount; ++r) {
+		let row = rows[r];
+		let colContents = new Array(this._colCount);
 		rowContents[r] = colContents;
-		for(var c = 0; c < this._colCount; ++c) {
+		for(let c = 0; c < this._colCount; ++c) {
 			colContents[c] = row.cells[c].textContent;
 		}
 	}
@@ -299,7 +299,7 @@ SubTable.prototype.getTextContents = function() {
 * @return {string}
 */
 SubTable.prototype.getCellTextContent = function(c, r) {
-	var cell = this.getCell(c, r);
+	let cell = this.getCell(c, r);
 	if(cell) {
 		return cell.textContent;
 	}
@@ -310,11 +310,11 @@ SubTable.prototype.getCellTextContent = function(c, r) {
 * @return {string}
 */
 SubTable.prototype.getColumnTextContent = function(c) { // New-line delimited
-	var rows = this._elem.children;
-	var rowCount = rows.length;
+	let rows = this._elem.children;
+	let rowCount = rows.length;
 	if(c >= 0 && c < this._colCount && rowCount > 0) {
-		var str = rows[0].cells[c].textContent;
-		for(var r = 1; r < rowCount; ++r) {
+		let str = rows[0].cells[c].textContent;
+		for(let r = 1; r < rowCount; ++r) {
 			str += "\n" + rows[r].cells[c].textContent;
 		}
 		return str;
@@ -326,10 +326,10 @@ SubTable.prototype.getColumnTextContent = function(c) { // New-line delimited
 * @return {string}
 */
 SubTable.prototype.getRowTextContent = function(r) { // Tab delimited
-	var tr = this.getRow(r);
+	let tr = this.getRow(r);
 	if(tr && this._colCount > 0) {
-		var str = tr.cells[0].textContent;
-		for(var c = 1; c < this._colCount; ++c) {
+		let str = tr.cells[0].textContent;
+		for(let c = 1; c < this._colCount; ++c) {
 			str += "\t" + tr.cells[c].textContent;
 		}
 		return str;
@@ -340,10 +340,10 @@ SubTable.prototype.getRowTextContent = function(r) { // Tab delimited
 * @return {string}
 */
 SubTable.prototype.getTableTextContent = function() { // Tab delimited
-	var rowCount = this._elem.children.length;
+	let rowCount = this._elem.children.length;
 	if(rowCount > 0) {
-		var str = this.getRowTextContent(0);
-		for(var r = 1; r < rowCount; ++r) {
+		let str = this.getRowTextContent(0);
+		for(let r = 1; r < rowCount; ++r) {
 			str += "\n" + this.getRowTextContent(r);
 		}
 		return str;
@@ -354,13 +354,13 @@ SubTable.prototype.getTableTextContent = function() { // Tab delimited
 * @return {string}
 */
 SubTable.prototype.toString = function() {
-	var str = this.getElement().outerHTML;
+	let str = this.getElement().outerHTML;
 	str = str.replace(/>\s+</g, "><");
 	str = str.replace(/><tr/g, ">\n\t<tr");
 	str = str.replace(/><td/g, ">\n\t\t<td");
 	str = str.replace(/><th/g, ">\n\t\t<th"); // TH can occur in thead
 	str = str.replace(/><\/tr/g, ">\n\t</tr");
-	var tagName = this.getElement().tagName.toLowerCase();
+	let tagName = this.getElement().tagName.toLowerCase();
 	str = str.replace("</" + tagName, "\n</" + tagName);
 	return str;
 };
@@ -373,15 +373,15 @@ SubTable.prototype.getColumnIndex = function(e) {
 	if(!e) {
 		return -1;
 	}
-	var len, i;
-	var tgt = /** @type{Node} */(e.target); // TODO: Support Shadow Root
+	let len, i;
+	let tgt = /** @type{Node} */(e.target); // TODO: Support Shadow Root
 	if(this._elem.contains(tgt)) {
-		var tdElem = Dom.closestTagName(tgt, "TD");
+		let tdElem = Dom.closestTagName(tgt, "TD");
 		if(!tdElem) {
 			tdElem = Dom.closestTagName(tgt, "TH");
 		}
 		if(tdElem) {
-			var chdr = tdElem.parentElement.children;
+			let chdr = tdElem.parentElement.children;
 			len = chdr.length;
 			for(i = 0; i < len; ++i) {
 				if(tdElem === chdr[i]) {
@@ -390,11 +390,11 @@ SubTable.prototype.getColumnIndex = function(e) {
 			}
 		}
 	} else { // In case of the target is not a child of this element
-		var rows = this._elem.children;
-		var cells = (rows[0]) ? rows[0].cells : null;
+		let rows = this._elem.children;
+		let cells = (rows[0]) ? rows[0].cells : null;
 		if(cells) {
-			var pos = Dom.getRelativePosition(e, this._elem);
-			var x = pos["x"];
+			let pos = Dom.getRelativePosition(e, this._elem);
+			let x = pos["x"];
 			if(x >= 0) {
 				len = cells.length;
 				for(i = 0; i < len; ++i) {
@@ -416,18 +416,18 @@ SubTable.prototype.getRowIndex = function(e) {
 	if(!e) {
 		return -1;
 	}
-	var rows = this._elem.children; // This return HTML collection
-	var rowCount = rows ? rows.length : 0;
+	let rows = this._elem.children; // This return HTML collection
+	let rowCount = rows ? rows.length : 0;
 	if(!rowCount) {
 		return -1;
 	}
-	var i;
-	var tgt = /** @type{Node} */(e.target); // TODO: Support Shadow Root
+	let i;
+	let tgt = /** @type{Node} */(e.target); // TODO: Support Shadow Root
 	if(this._elem.contains(tgt)) {
-		var trElem = Dom.closestTagName(tgt, "TR");
+		let trElem = Dom.closestTagName(tgt, "TR");
 		if(trElem) {
 			for(i = 0; i < rowCount; ++i) {
-				var row = rows[i];
+				let row = rows[i];
 				if(row === trElem) {
 					return i;
 				}
@@ -436,8 +436,8 @@ SubTable.prototype.getRowIndex = function(e) {
 	}
 
 	// In case of the target is not a child of this element
-	var pos = Dom.getRelativePosition(e, this._elem);
-	var y = pos["y"];
+	let pos = Dom.getRelativePosition(e, this._elem);
+	let y = pos["y"];
 	if(y >= 0) {
 		for(i = 0; i < rowCount; ++i) {
 			y -= rows[i].offsetHeight;
@@ -454,7 +454,7 @@ SubTable.prototype.getRowIndex = function(e) {
 * @return {number}
 */
 SubTable.prototype.getColumnLeft = function(colIndex, rowIndex) {
-	var cell = this.getCell(colIndex, rowIndex ? rowIndex : 0);
+	let cell = this.getCell(colIndex, rowIndex ? rowIndex : 0);
 	if(cell) {
 		return cell.offsetLeft; // WARNING: Hidden cells or cell spanning can cause unexpected results
 	}
@@ -465,7 +465,7 @@ SubTable.prototype.getColumnLeft = function(colIndex, rowIndex) {
 * @return {number}
 */
 SubTable.prototype.getRowTop = function(rowRef) {
-	var row = null;
+	let row = null;
 	if(typeof rowRef === "number") {
 		row = this.getRow(rowRef);
 	} else {
@@ -481,7 +481,7 @@ SubTable.prototype.getRowTop = function(rowRef) {
 SubTable.prototype.getCellPosition = function(cell, ret_obj) {
 	if(!ret_obj) { ret_obj = {}; }
 	ret_obj["x"] = cell.offsetLeft;
-	var pn = cell.parentNode; // Expecting tr element
+	let pn = cell.parentNode; // Expecting tr element
 	ret_obj["y"] = (pn) ? pn.offsetTop : NaN;
 	return ret_obj;
 };
@@ -500,7 +500,7 @@ SubTable.prototype.setCellRenderer = function(func) {
 SubTable.prototype.cloak = function(elem, opt_elementType) {
 	if(elem) {
 		this._elem = elem;
-		var rows = elem.getElementsByTagName("TR");
+		let rows = elem.getElementsByTagName("TR");
 		this._colCount = rows[0] ? rows[0].children.length : 0;
 	}
 };
@@ -513,7 +513,7 @@ SubTable.prototype.cloak = function(elem, opt_elementType) {
 * @return {Element} Top left cell element
 */
 SubTable.prototype.spanBlock = function (c1, c2, r1, r2) { // WARNING: It's c c r r
-	var cell = this.getCell(c1, r1);
+	let cell = this.getCell(c1, r1);
 	if(!cell) {
 		return null;
 	}
@@ -523,13 +523,13 @@ SubTable.prototype.spanBlock = function (c1, c2, r1, r2) { // WARNING: It's c c
 	if(r2 < r1) {
 		r2 = r1;
 	}
-	var curColSpan = +cell.getAttribute("colspan");
-	var curRowSpan = +cell.getAttribute("rowspan");
-	var c3 = (curColSpan) ? c1 + curColSpan - 1 : c1;
-	var r3 = (curRowSpan) ? r1 + curRowSpan - 1 : r1;
+	let curColSpan = +cell.getAttribute("colspan");
+	let curRowSpan = +cell.getAttribute("rowspan");
+	let c3 = (curColSpan) ? c1 + curColSpan - 1 : c1;
+	let r3 = (curRowSpan) ? r1 + curRowSpan - 1 : r1;
 
 	// TODO: Optimize below logics
-	var c, r;
+	let c, r;
 	for(c = c3; c >= c1; --c) {
 		for(r = r3; r >= r1; --r) {
 			cell = this.getCell(c, r);
@@ -549,8 +549,8 @@ SubTable.prototype.spanBlock = function (c1, c2, r1, r2) { // WARNING: It's c c
 	}
 
 	if(cell) { // The last cell from the loop is the top left cell
-		var colSpan = (c2 - c1 + 1);
-		var rowSpan = (r2 - r1 + 1);
+		let colSpan = (c2 - c1 + 1);
+		let rowSpan = (r2 - r1 + 1);
 		if(colSpan > 1) {
 			cell.setAttribute("colspan", colSpan);
 		} else {
@@ -577,7 +577,7 @@ SubTable.parseTableContent = function(tbl) {
 		return null;
 	}
 
-	var tbody = (tbl.tagName == "TBODY") ? tbl : tbl.getElementsByTagName("TBODY")[0];
+	let tbody = (tbl.tagName == "TBODY") ? tbl : tbl.getElementsByTagName("TBODY")[0];
 	if(!tbody) {
 		if(tbl.tagName == "TABLE") { // Table element can directly host tr element without tbody element
 			tbody = tbl;
@@ -587,16 +587,16 @@ SubTable.parseTableContent = function(tbl) {
 		return null;
 	}
 
-	var trs = tbody.getElementsByTagName("TR");
-	var rowCount = trs.length;
-	var rows = new Array(rowCount);
-	for(var i = 0; i < rowCount; ++i) {
-		var tds = trs[i].getElementsByTagName("TD"); // TODO: Handle TH cell
-		var colCount = tds.length;
-		var columns = new Array(colCount);
+	let trs = tbody.getElementsByTagName("TR");
+	let rowCount = trs.length;
+	let rows = new Array(rowCount);
+	for(let i = 0; i < rowCount; ++i) {
+		let tds = trs[i].getElementsByTagName("TD"); // TODO: Handle TH cell
+		let colCount = tds.length;
+		let columns = new Array(colCount);
 
 		rows[i] = columns;
-		for(var j = 0; j < colCount; ++j) {
+		for(let j = 0; j < colCount; ++j) {
 			columns[j] = tds[j].textContent;
 		}
 	}
@@ -608,7 +608,7 @@ SubTable.parseTableContent = function(tbl) {
 * @param {string} minHeight
 */
 SubTable.prototype._applyDefaultRowHeight = function(rows, minHeight) {
-	for(var r = rows.length; --r >= 0;) {
+	for(let r = rows.length; --r >= 0;) {
 		rows[r].style.height = minHeight;
 	}
 };