@refinitiv-ui/efx-grid 6.0.91 → 6.0.93

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

@@ -1,13 +1,13 @@
 
 /** @namespace
 */
-var ElementObserver = {};
+let ElementObserver = {};
 
 /** @private
 * @param {Element} elem
 * @param {MutationRecord} mutation
 */
-var _onLanguageMutated = function (elem, mutation) {
+let _onLanguageMutated = function (elem, mutation) {
 	if (mutation.type == "attributes" && mutation.attributeName == "lang") {
 		elem.lang = mutation.target.lang || "en";
 	}
@@ -18,7 +18,7 @@ var _onLanguageMutated = function (elem, mutation) {
 * @param {string=} attributeName
 * @param {MutationRecord} mutation
 */
-var _onAttributeMutated = function (listener, attributeName, mutation) {
+let _onAttributeMutated = function (listener, attributeName, mutation) {
 	if (mutation.type === "attributes") {
 		if (attributeName != null) {
 			if (mutation.attributeName === attributeName) {
@@ -34,7 +34,7 @@ var _onAttributeMutated = function (listener, attributeName, mutation) {
 * @return {string}
 */
 ElementObserver._getNewId = function () {
-	var id = "observer_" + (++ElementObserver._id);
+	let id = "observer_" + (++ElementObserver._id);
 	return id;
 };
 
@@ -45,7 +45,7 @@ ElementObserver._getNewId = function () {
 * @param {Object=} opt_option
 */
 ElementObserver._addObserver = function(elem, listener, opt_option) {
-	var option = opt_option;
+	let option = opt_option;
 	if (!option) {
 		option = {};
 	}
@@ -59,10 +59,10 @@ ElementObserver._addObserver = function(elem, listener, opt_option) {
 * @param {Array.<MutationRecord>} mutations
 */
 ElementObserver._onMutationCallback = function(mutations) {
-	for (var i = 0; i < mutations.length; i++) {
-		var mutation = mutations[i];
-		var listeners = ElementObserver._listeners[mutation.target._observeId];
-		for (var j = 0; j < listeners.length; j++) {
+	for (let i = 0; i < mutations.length; i++) {
+		let mutation = mutations[i];
+		let listeners = ElementObserver._listeners[mutation.target._observeId];
+		for (let j = 0; j < listeners.length; j++) {
 			listeners[j](mutation);
 		}
 	}
@@ -73,19 +73,19 @@ ElementObserver._onMutationCallback = function(mutations) {
 * @param {Function} fn
 */
 ElementObserver._addListener = function(elem, fn) {
-	var listeners = ElementObserver._listeners;
+	let listeners = ElementObserver._listeners;
 	if (!listeners) {
 		listeners = ElementObserver._listeners = {};
 	}
 	if (!elem._observeId) {
-		var id = ElementObserver._getNewId();
+		let id = ElementObserver._getNewId();
 		elem._observeId = id;
 	}
 	if (!listeners[elem._observeId]) { // Always check to support the using of separated ElfUtil module in testing page
 		listeners[elem._observeId] = [];
 	}
 
-	var listener = listeners[elem._observeId];
+	let listener = listeners[elem._observeId];
 	if (listener.indexOf(fn) < 0) {
 		listener.push(fn);
 	}

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

@@ -4,7 +4,7 @@ import {EventDispatcher} from './EventDispatcher.js';
 /** @constructor
 * @extends {EventDispatcher}
 */
-var ElementWrapper = function() {};
+let ElementWrapper = function() {};
 Ext.inherits(ElementWrapper, EventDispatcher);
 /** @type {Element}
 * @protected
@@ -49,7 +49,7 @@ ElementWrapper.prototype.getBoundingClientRect = function() {
 */
 ElementWrapper.prototype.getMousePosition = function(e, retObj) {
 	if(!retObj) { retObj = {}; }
-	var bounds = this.getBoundingClientRect();
+	let bounds = this.getBoundingClientRect();
 	retObj["x"] = e.clientX - bounds["left"];
 	retObj["y"] = e.clientY - bounds["top"];
 

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

@@ -1,5 +1,5 @@
 /** @namespace */
-var ElfDate = {};
+let ElfDate = {};
 
 /** Check ELF version
 * @public
@@ -18,7 +18,7 @@ var ElfDate = {};
 */
 ElfDate.from = function (val) {
 	if(val) {
-		var d = val;
+		let d = val;
 		if(typeof val === "string" || typeof val === "number") {
 			d = new Date(val);
 		} else if(Array.isArray(val)) {
@@ -38,7 +38,7 @@ ElfDate.from = function (val) {
 */
 ElfDate.isValid = function (d) {
 	if(d && d.getTime) { // Date object must have getTime method
-		var ms = d.getTime(); // millisecond since 1 first january 1970
+		let ms = d.getTime(); // millisecond since 1 first january 1970
 		return ms === ms; // Invalid Date will have NaN as its value
 	}
 	return false;
@@ -77,7 +77,7 @@ ElfDate.toYMD = function (d) {
 			return d; // pass through only if we have yyyy-MM-dd
 		}
 	}
-	var dateObj = ElfDate.from(d);
+	let dateObj = ElfDate.from(d);
 	if(dateObj) {
 		return dateObj.getFullYear() + "-" +
 			ElfDate.prefixSingleDigit(dateObj.getMonth() + 1) + "-" +

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

@@ -7,7 +7,7 @@ import { ElementObserver } from "./ElementObserver.js";
 * @private
 * @const
 */
-var LANGUAGE_SUPPORTS = {
+let LANGUAGE_SUPPORTS = {
 	"en": true,
 	"de": true,
 	"ja": true,
@@ -16,7 +16,7 @@ var LANGUAGE_SUPPORTS = {
 };
 
 /** @namespace */
-var ElfUtil = {};
+let ElfUtil = {};
 /** @type {Deferred}
 * @private
 */
@@ -123,14 +123,14 @@ ElfUtil._icons["solar-theme"] = ElfUtil._icons["elf-theme-solar"];
 */
 ElfUtil.getElfVersion = function () {
 	if (!ElfUtil._elfVersion) {
-		var val = 0;
+		let val = 0;
 		if (window.EFX_GRID) {
-			var version = window.EFX_GRID.version;
+			let version = window.EFX_GRID.version;
 			version = version.split(".");
 			val = +version[0];
 		} else if (window.elf) {
 			if (window.elf.version) {
-				var ver = window.elf.version.match(/\d/); // example version code: 4.0.1
+				let ver = window.elf.version.match(/\d/); // example version code: 4.0.1
 				if (ver && ver[0]) {
 					val = parseInt(ver[0], 10);
 				}
@@ -160,12 +160,12 @@ ElfUtil.getElfVersion = function () {
 * ElfUtil.hasComponent("unknown-button"); // 0
 */
 ElfUtil.hasComponent = function (compName) {
-	var val = ElfUtil._components[compName];
+	let val = ElfUtil._components[compName];
 	if (val == null) {
 		val = 0;
-		var ver = ElfUtil.getElfVersion();
+		let ver = ElfUtil.getElfVersion();
 		if (compName) {
-			var elem;
+			let elem;
 			if (ver === 1) {
 				elem = document.createElement(compName);
 				if (elem.is === compName) {
@@ -198,7 +198,7 @@ ElfUtil.toLangString = function (lang) {
 	if(lang === "zh-hant") {
 		return "zh-Hant";
 	}
-	var mainLang = lang.replace(/-.*/, "");
+	let mainLang = lang.replace(/-.*/, "");
 	if(LANGUAGE_SUPPORTS[mainLang]){
 		return mainLang;
 	}
@@ -284,13 +284,13 @@ ElfUtil.isHaloTheme = function (themeName) {
 ElfUtil.injectIcons = function (configObj, optElem) {
 	if (typeof configObj !== "object") { return; }
 
-	var theme = ElfUtil.getThemeName();
+	let theme = ElfUtil.getThemeName();
 	configObj.themeName = theme;
 
-	var ver = ElfUtil.getElfVersion();
+	let ver = ElfUtil.getElfVersion();
 	configObj.elfVersion = ver;
 
-	var icons = ElfUtil._icons[theme];
+	let icons = ElfUtil._icons[theme];
 	if (icons) {
 		configObj.icons = icons;
 	}
@@ -302,7 +302,7 @@ ElfUtil.injectIcons = function (configObj, optElem) {
 * @returns {!Array.<string>} Always return a list of icons for the existing theme
 */
 ElfUtil.getIconList = function () {
-	var iconStruct = ElfUtil._icons[ElfUtil.getThemeName()];
+	let iconStruct = ElfUtil._icons[ElfUtil.getThemeName()];
 	return iconStruct ? nestedObjectToArray(iconStruct) : [];
 };
 
@@ -311,7 +311,7 @@ ElfUtil.getIconList = function () {
 */
 ElfUtil._onIconPreloaded = function() {
 	if(ElfUtil._dummyIcon) {
-		var pn = ElfUtil._dummyIcon.parentNode;
+		let pn = ElfUtil._dummyIcon.parentNode;
 		if(pn) {
 			pn.removeChild(ElfUtil._dummyIcon);
 		}
@@ -326,10 +326,10 @@ ElfUtil._onIconPreloaded = function() {
 ElfUtil.prepareIconPreloading = function() {
 	if(!ElfUtil._iconLoaded) {
 		ElfUtil._iconLoaded = true;
-		var iconList = ElfUtil.getIconList();
+		let iconList = ElfUtil.getIconList();
 		if(iconList.length) {
 			setTimeout(ElfUtil._onIconPreloaded, 10);
-			var dummyIcon = ElfUtil._dummyIcon = document.createElement("ef-icon");
+			let dummyIcon = ElfUtil._dummyIcon = document.createElement("ef-icon");
 			dummyIcon.style.transform = "scale(0)";
 			document.body.appendChild(dummyIcon);
 			return iconList;
@@ -347,8 +347,8 @@ ElfUtil.prepareIconPreloading = function() {
 * ElfUtil.getCssVariable("--valid-name", spanElement);
 */
 ElfUtil.getCssVariable = function (varName, optElem) {
-	var result = "";
-	var elem = optElem || document.body;
+	let result = "";
+	let elem = optElem || document.body;
 	if (window && typeof varName === "string" && elem.nodeType === 1) {
 		if (varName.match(/^--/)) {
 			result = window.getComputedStyle(elem).getPropertyValue(varName);
@@ -368,11 +368,11 @@ ElfUtil.getCssVariable = function (varName, optElem) {
 * }, spanElement); // Css varriable names will be replaced with their value
 */
 ElfUtil.getCssVariables = function (obj, optElem) {
-	var elem = optElem || document.body;
+	let elem = optElem || document.body;
 	if (window && elem.nodeType === 1) {
-		var computedStyle = window.getComputedStyle(elem);
-		for(var key in obj) {
-			var varName = obj[key];
+		let computedStyle = window.getComputedStyle(elem);
+		for(let key in obj) {
+			let varName = obj[key];
 			if (varName && varName.match(/^--/)) {
 				obj[key] = computedStyle.getPropertyValue(varName).replace(/\"/g, ""); // eslint-disable-line
 			}
@@ -402,7 +402,7 @@ ElfUtil.getMovementColorProfile = function() {
 * @param {Function} cb
 */
 ElfUtil._addThemeChangedCallback = function(cb) {
-	var callbacks = ElfUtil._callbacks;
+	let callbacks = ElfUtil._callbacks;
 	if(callbacks.indexOf(cb) < 0) {
 		callbacks.push(cb);
 	}
@@ -438,10 +438,10 @@ ElfUtil.getThemeColors = function(themeChangedCb) {
 		return ElfUtil.themeReady;
 	}
 
-	var d = ElfUtil._deferred = new Deferred();
+	let d = ElfUtil._deferred = new Deferred();
 	ElfUtil.themeReady = d.promise;
 
-	var profileName = ElfUtil.getMovementColorProfile();
+	let profileName = ElfUtil.getMovementColorProfile();
 	if(profileName) {
 		if(profileName !== ElfUtil._profileName) {
 			setTimeout(ElfUtil._profileNameRetrieved, 100); // TODO: Find a proper way to ensure that theme is ready
@@ -449,12 +449,12 @@ ElfUtil.getThemeColors = function(themeChangedCb) {
 			ElfUtil._deferred.resolve(ElfUtil.themeColors);
 		}
 	} else {
-		var options = {
+		let options = {
 			providerName: "Configuration",
 			settingName: "RDE_USER_CURRENT_TICK_COLOR"
 		};
 
-		var jet = window ? window.JET : null;
+		let jet = window ? window.JET : null;
 		ElfUtil._themeLoaded = false;
 		if(ElfUtil._rtk && ElfUtil._rtk.Settings) {
 			ElfUtil._rtk.Settings.getAsync(options)
@@ -477,7 +477,7 @@ ElfUtil.getThemeColors = function(themeChangedCb) {
 /** @private
 * @param {string} profileName
 */
-var movementColorProfileChanged = function(profileName) {
+let movementColorProfileChanged = function(profileName) {
 	if(profileName !== ElfUtil._profileName) {
 		ElfUtil._retrieveThemeColors(profileName);
 
@@ -486,8 +486,8 @@ var movementColorProfileChanged = function(profileName) {
 			ElfUtil._deferred.resolve(ElfUtil.themeColors);
 		}
 
-		var callbacks = ElfUtil._callbacks;
-		for (var i = 0; i < callbacks.length; i++) {
+		let callbacks = ElfUtil._callbacks;
+		for (let i = 0; i < callbacks.length; i++) {
 			callbacks[i]();
 		}
 	}
@@ -523,7 +523,7 @@ ElfUtil._loadingProfileFailure = function() {
 /** @private
 */
 ElfUtil._profileNameRetrieved = function() {
-	var profileName = ElfUtil.getMovementColorProfile();
+	let profileName = ElfUtil.getMovementColorProfile();
 	ElfUtil._retrieveThemeColors(profileName);
 	if(!ElfUtil._observed) {
 		ElfUtil._observed = true;
@@ -540,7 +540,7 @@ ElfUtil._retrieveThemeColors = function(profileName) {
 	ElfUtil._themeLoaded = true;
 	ElfUtil._profileName = profileName;
 
-	var colors = ElfUtil.themeColors = ElfUtil.getCssVariables({
+	let colors = ElfUtil.themeColors = ElfUtil.getCssVariables({
 		"primary": "--color-scheme-primary", // Usually used in headers, and selection
 		"secondary": "--color-scheme-secondary",
 		"tertiary": "--color-scheme-tertiary", // Usually black or white
@@ -565,20 +565,20 @@ ElfUtil._retrieveThemeColors = function(profileName) {
 	colors["neutral"] = colors["level"];
 
 	// Retrieve table styles to be used in grid and extensions
-	var tableElem = document.createElement("table");
+	let tableElem = document.createElement("table");
 	tableElem.style.visibility = "hidden";
 	tableElem.style.position = "fixed";
 	tableElem.style.left = "0"; // Activate fixed position
 	tableElem.style.top = "0";
 	tableElem.style.width = "0"; // Prevent creating scrollbar
-	var trElem = tableElem.insertRow(-1);
-	var tdElem = trElem.insertCell(-1);
+	let trElem = tableElem.insertRow(-1);
+	let tdElem = trElem.insertCell(-1);
 
 	document.body.appendChild(tableElem);
-	var trStyles = window.getComputedStyle(trElem);
+	let trStyles = window.getComputedStyle(trElem);
 	colors["tableBg"] = trStyles.backgroundColor; // Usually equivalent to --color-scheme-tertiary
 
-	var tdStyles = window.getComputedStyle(tdElem);
+	let tdStyles = window.getComputedStyle(tdElem);
 	colors["tableText"] = tdStyles.color; // Usually equivalent to --color-scheme-neutral
 	colors["tableBorder"] = tdStyles.borderColor;
 	if(colors["tableText"] === colors["tableBorder"]) {

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

@@ -1,7 +1,7 @@
 /** Abstract base class that provides event management methods for derived class
 * @constructor
 */
-var EventDispatcher = function () {};
+let EventDispatcher = function () {};
 
 /** @type {Object.<string, Function>}
 * @protected
@@ -26,7 +26,7 @@ EventDispatcher.prototype.addEventListener = function(type, handler) {
 		this._events = {};
 	}
 
-	var listeners = this._events[type];
+	let listeners = this._events[type];
 	if(listeners) {
 		if(listeners.indexOf(handler) < 0) {
 			listeners.push(handler);
@@ -43,9 +43,9 @@ EventDispatcher.prototype.addEventListener = function(type, handler) {
 * @param {Function} handler Event handler
 */
 EventDispatcher.prototype.removeEventListener = function(type, handler) {
-	var listeners = (this._events) ? this._events[type] : null;
+	let listeners = (this._events) ? this._events[type] : null;
 	if(listeners) {
-		var at = listeners.indexOf(handler);
+		let at = listeners.indexOf(handler);
 		if(at >= 0) {
 			listeners.splice(at, 1);
 			--this._listenerCount;
@@ -68,7 +68,7 @@ EventDispatcher.prototype.removeAllEventListeners = function() {
 EventDispatcher.prototype.hasListener = function(type) {
 	if(this._listenerCount) {
 		if(type) {
-			var listeners = this._events ? this._events[type] : null;
+			let listeners = this._events ? this._events[type] : null;
 			return listeners ? (listeners.length > 0) : false;
 		} else {
 			return true;
@@ -85,7 +85,7 @@ EventDispatcher.prototype.hasListener = function(type) {
 */
 EventDispatcher.prototype.getListener = function(type, idx) {
 	if(type) {
-		var listeners = this._events ? this._events[type] : null;
+		let listeners = this._events ? this._events[type] : null;
 		if(listeners) {
 			if(!idx) {
 				idx = 0;
@@ -101,12 +101,12 @@ EventDispatcher.prototype.getListener = function(type, idx) {
 * @param {Object} obj Object that contains a handler with the same name as the given `type`
 * @param {string} type Event name
 * @example
-* var obj = {"mouseUp": function(e) { console.log(e); }};
+* let obj = {"mouseUp": function(e) { console.log(e); }};
 * plugin.addListener(obj, "mouseUp");
 * plugin.addListener(obj, "mouseDown");
 */
 EventDispatcher.prototype.addListener = function(obj, type) {
-	var func = obj ? obj[type] : null;
+	let func = obj ? obj[type] : null;
 	if(typeof func === "function") {
 		this.addEventListener(type, func);
 	}
@@ -130,11 +130,11 @@ EventDispatcher.prototype._prepareEventArguments = function(type, eventArg) {
 * @param {Object} eventArg Event arguments
 */
 EventDispatcher.prototype._dispatch = function(type, eventArg) {
-	var listeners = this._events ? this._events[type] : null;
+	let listeners = this._events ? this._events[type] : null;
 	if(listeners) {
 		eventArg = this._prepareEventArguments(type, eventArg);
-		var len = listeners.length;
-		for(var i = 0; i < len; ++i) {
+		let len = listeners.length;
+		for(let i = 0; i < len; ++i) {
 			listeners[i](eventArg);
 		}
 	}
@@ -144,7 +144,7 @@ EventDispatcher.prototype._dispatch = function(type, eventArg) {
 * @function
 * @param {Event} e
 */
-var preventDefault = function(e) {
+let preventDefault = function(e) {
 	if(e && e.preventDefault) {
 		e.preventDefault();
 		e.stopPropagation();

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

@@ -6,14 +6,14 @@ import { ElfUtil } from "./ElfUtil.js";
 * @constructor
 * @extends {ElementWrapper}
 */
-var ExpanderIcon = function () {
-	var elem;
+let ExpanderIcon = function () {
+	let elem;
 	if (ExpanderIcon._iconName) {
 		elem = document.createElement("ef-icon");
 		elem.setAttribute("icon", ExpanderIcon._iconName);
 	} else {
 		elem = document.createElement("span");
-		var fallback = document.createElement("span");
+		let fallback = document.createElement("span");
 		fallback.className = "fallback-arrow";
 		fallback.textContent = "\u25bc";
 		elem.appendChild(fallback);
@@ -49,7 +49,7 @@ ExpanderIcon._onThemeLoaded = function() {
 */
 ExpanderIcon.loadExpanderStyles = function() {
 	if(!ExpanderIcon._iconName) {
-		var themeName = ElfUtil.getThemeName();
+		let themeName = ElfUtil.getThemeName();
 
 		if(themeName) {
 			ExpanderIcon._onThemeLoaded(); // synchronous
@@ -65,11 +65,11 @@ ExpanderIcon.loadExpanderStyles = function() {
 * @return {ExpanderIcon} Return ExpanderIcon object only if Expander is newly created
 */
 ExpanderIcon.renderOn = function (cell, removal) {
-	var newExpander = null;
+	let newExpander = null;
 	if (removal) {
 		cell.removeIcon();
 	} else {
-		var expander = cell._expanderIcon;
+		let expander = cell._expanderIcon;
 		if (!expander) {
 			expander = cell._expanderIcon = newExpander = new ExpanderIcon();
 		}