@refinitiv-ui/efx-grid 6.0.91 → 6.0.92

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

@@ -37,7 +37,7 @@ import { ExpressionParser } from "./ExpressionParser.js";
 
 /** @constructor */
 
-var CellPainter = function() {
+let CellPainter = function() {
 	this._conditions = [];
 	this._scopes = [];
 
@@ -143,7 +143,7 @@ CellPainter.themeReady = null;
 * @param {string|Function} expression
 * @return {Function}
 * @example
-* var fn = CellPainter.parse("[CF_BID] >= 10 && [CF_BID] <= 100");
+* let fn = CellPainter.parse("[CF_BID] >= 10 && [CF_BID] <= 100");
 * window.console.log(fn(25));
 */
 CellPainter.parse = ExpressionParser.parse;
@@ -151,7 +151,7 @@ CellPainter.parse = ExpressionParser.parse;
 
 /** @public */
 CellPainter.prototype.dispose = function() {
-	var at = CellPainter._painters.indexOf(this);
+	let at = CellPainter._painters.indexOf(this);
 	if(at >= 0) {
 		CellPainter._painters.splice(at, 1);
 	}
@@ -166,14 +166,14 @@ CellPainter.prototype.dispose = function() {
 CellPainter.prototype.reset = function() {
 	this._setColoringType(0);
 
-	var len = this._scopes.length;
+	let len = this._scopes.length;
 	if(len) {
-		for(var i = 0; i < len; ++i) {
-			var scope = this._scopes[i];
+		for(let i = 0; i < len; ++i) {
+			let scope = this._scopes[i];
 			if(CellPainter._clearBlinkTimer(scope)) {
 				scope._restorer();
 			}
-			var cell = scope["cell"];
+			let cell = scope["cell"];
 			if(cell) {
 				delete cell["blinking"]; // Delete cell blinking scope
 			}
@@ -203,14 +203,14 @@ CellPainter.prototype.resetBlinking = function() {
 /** @public */
 CellPainter.prototype.clearBlinking = function() {
 	this._blinkCondition = null;
-	var len = this._scopes.length;
+	let len = this._scopes.length;
 	if(len) {
-		for(var i = 0; i < len; ++i) {
-			var scope = this._scopes[i];
+		for(let i = 0; i < len; ++i) {
+			let scope = this._scopes[i];
 			if(CellPainter._clearBlinkTimer(scope)) {
 				scope._restorer();
 			}
-			var cell = scope["cell"];
+			let cell = scope["cell"];
 			if(cell) { // cell may be removed before
 				delete cell["blinking"]; // Delete cell blinking scope
 			}
@@ -244,9 +244,9 @@ CellPainter.prototype.clearHeatMap = function() {
 
 /** @public */
 CellPainter.prototype.applyThemeColor = function() {
-	var colors = ElfUtil.getColors();
+	let colors = ElfUtil.getColors();
 	if(this._coloringType === CellPainter.ColoringTypes.HEATMAP) { // Heatmap uses grid color to blend the result color
-		var cond = this._conditions[0]; // Heatmap, color text condition must be the first
+		let cond = this._conditions[0]; // Heatmap, color text condition must be the first
 		if(cond) {
 			if(cond["textMode"]) {
 				cond["baseColor"] = colors["baseText"];
@@ -254,9 +254,9 @@ CellPainter.prototype.applyThemeColor = function() {
 				cond["baseColor"] = colors["baseGrid"];
 			}
 			if(cond["useThemeColor"]) {
-				var up = colors["up"];
-				var down = colors["down"];
-				var level = (colors["level"] === colors["baseText"]) ? "" : colors["level"];
+				let up = colors["up"];
+				let down = colors["down"];
+				let level = (colors["level"] === colors["baseText"]) ? "" : colors["level"];
 				CellPainter._setUpDownColors(cond, up, down, level);
 			}
 		}
@@ -308,8 +308,8 @@ CellPainter.prototype.setConditions = function(conditions) {
 	this._conditions.length = 0; // TODO: Clear existing cell styles first
 	this._setColoringType(CellPainter.ColoringTypes.CONDITIONAL);
 
-	var len = conditions.length;
-	for (var i = 0; i < len; i++) {
+	let len = conditions.length;
+	for (let i = 0; i < len; i++) {
 		this._addCondition(conditions[i]);
 	}
 };
@@ -329,7 +329,7 @@ CellPainter.prototype.getColumnStats = function() {
 * @param {CellPainter~Condition} condition
 */
 CellPainter.prototype._addCondition = function(condition) {
-	var exp = condition["expression"];
+	let exp = condition["expression"];
 	if(exp) {
 		condition._fn = ExpressionParser.parse(exp["text"] || exp);
 		this._conditions.push(condition);
@@ -347,7 +347,7 @@ CellPainter.prototype._addCondition = function(condition) {
 CellPainter.prototype.addHeatmap = function(field, midPoint, upColor, downColor, baseColor, opt_textMode) {
 	this._setColoringType(CellPainter.ColoringTypes.HEATMAP);
 
-	var condition = {};
+	let condition = {};
 	condition["heatmap"] = true;
 	condition["field"] = field;
 	condition["expression"] = CellPainter._heatMapCondition.bind(condition);
@@ -369,8 +369,8 @@ CellPainter.prototype.addHeatmap = function(field, midPoint, upColor, downColor,
 * @return {!Object}
 */
 CellPainter.prototype.addHeatmapWithTheme = function(field, midPoint, opt_textMode) {
-	var colors = ElfUtil.themeColors;
-	var condition = this.addHeatmap(
+	let colors = ElfUtil.themeColors;
+	let condition = this.addHeatmap(
 		field,
 		midPoint,
 		colors["up"], colors["down"], colors["baseGrid"],
@@ -394,7 +394,7 @@ CellPainter.prototype.addHeatmapWithTheme = function(field, midPoint, opt_textMo
 CellPainter.prototype._addColorText = function(expression, field, upClass, downClass, levelClass) {
 	this._setColoringType(CellPainter.ColoringTypes.TEXT);
 
-	var condition = {};
+	let condition = {};
 	condition["field"] = field;
 	condition["expression"] = expression.bind(null, field);
 	condition["upClass"] = upClass;
@@ -423,7 +423,7 @@ CellPainter.prototype.addColorText = function(field, upClass, downClass, levelCl
 * @return {!Object}
 */
 CellPainter.prototype.addColorTextWithTheme = function(field) {
-	var condition = this.addColorText(field, "positive", "negative", "neutral");
+	let condition = this.addColorText(field, "positive", "negative", "neutral");
 	return condition;
 };
 /** @public
@@ -439,8 +439,8 @@ CellPainter.prototype.addTickColorText = function(upColor, downColor, levelColor
 * @return {!Object}
 */
 CellPainter.prototype.addTickColorTextWithTheme = function() {
-	var colors = ElfUtil.themeColors;
-	var condition = this.addTickColorText(colors["tickUp"], colors["tickDown"], colors["level"]);
+	let colors = ElfUtil.themeColors;
+	let condition = this.addTickColorText(colors["tickUp"], colors["tickDown"], colors["level"]);
 	condition["useThemeColor"] = true;
 	return condition;
 };
@@ -459,8 +459,8 @@ CellPainter.prototype.addTickBlink = function(upColor, downColor, levelColor, op
 * @return {!Object}
 */
 CellPainter.prototype.addTickBlinkWithTheme = function(opt_border) {
-	var colors = ElfUtil.themeColors;
-	var condition = this.addTickBlink(colors["tickUp"], colors["tickDown"], colors["level"], opt_border);
+	let colors = ElfUtil.themeColors;
+	let condition = this.addTickBlink(colors["tickUp"], colors["tickDown"], colors["level"], opt_border);
 	condition["useThemeColor"] = true;
 	return condition;
 };
@@ -486,8 +486,8 @@ CellPainter.prototype.addBlink = function(field, upColor, downColor, levelColor,
 * @return {!Object}
 */
 CellPainter.prototype.addBlinkWithTheme = function(field, opt_border) {
-	var colors = ElfUtil.themeColors;
-	var condition = this.addBlink(field, colors["up"], colors["down"], colors["level"], opt_border);
+	let colors = ElfUtil.themeColors;
+	let condition = this.addBlink(field, colors["up"], colors["down"], colors["level"], opt_border);
 	condition["useThemeColor"] = true;
 	return condition;
 };
@@ -501,7 +501,7 @@ CellPainter.prototype.addBlinkWithTheme = function(field, opt_border) {
 * @return {!Object}
 */
 CellPainter.prototype._addBlink = function(expression, field, upColor, downColor, levelColor, blinkType) {
-	var condition = this._blinkCondition = {};
+	let condition = this._blinkCondition = {};
 	condition["blink"] = true;
 	condition["blinkId"] = CellPainter._runningBlinkId++;
 	condition["field"] = field;
@@ -524,8 +524,8 @@ CellPainter.prototype.renderForPrinting = function(cell, rowData, min, max) {
 	if(!cell) {
 		return;
 	}
-	var styles = this._getStyles(rowData, min, max);
-	var cssClass = styles["cssClass"]; // Can be an empty string
+	let styles = this._getStyles(rowData, min, max);
+	let cssClass = styles["cssClass"]; // Can be an empty string
 	if (cssClass != null) { // Predefined colors mode
 		if (elem._coloringCssClass && elem._coloringCssClass !== cssClass) {
 			elem.classList.remove(elem._coloringCssClass);
@@ -552,7 +552,7 @@ CellPainter.prototype.renderForPrinting = function(cell, rowData, min, max) {
 * @return {string|number}
 */
 CellPainter._colorTextCondition = function(field, rowData) {
-	var value = rowData[field];
+	let value = rowData[field];
 	if(value || value === 0) {
 		if(value > 0) {
 			return 1;
@@ -568,7 +568,7 @@ CellPainter._colorTextCondition = function(field, rowData) {
 * @return {undefined|number}
 */
 CellPainter._tickColorTextCondition = function(field, rowData) {
-	var code = TickCodes[rowData[field]];
+	let code = TickCodes[rowData[field]];
 	if(code) {
 		return code;
 	}
@@ -582,14 +582,14 @@ CellPainter._tickColorTextCondition = function(field, rowData) {
 * @return {number}
 */
 CellPainter._heatMapCondition = function(rowData, min, max) {
-	var value = rowData[this["field"]];
-	var diff = (value || value === 0) ? value - this["midPoint"] : NaN;
+	let value = rowData[this["field"]];
+	let diff = (value || value === 0) ? value - this["midPoint"] : NaN;
 	if (diff === 0 || diff !== diff) {
 		return 0;
 	}
 
-	var ratio;
-	var range = 1;
+	let ratio;
+	let range = 1;
 	if(diff > 0) {
 		range = max - this["midPoint"];
 		if(range < 0) {
@@ -613,7 +613,7 @@ CellPainter._heatMapCondition = function(rowData, min, max) {
 * @return {undefined|number}
 */
 CellPainter._tickBlinkCondition = function(newValue) {
-	var code = TickCodes[newValue];
+	let code = TickCodes[newValue];
 	if(code) {
 		return code;
 	}
@@ -639,8 +639,8 @@ CellPainter._fieldBlinkCondition = function(newValue, oldValue) {
 */
 CellPainter._borderRestorer = function(scope) {
 	scope["blinkTimer"] = 0;
-	var cell = scope["cell"];
-	var elem = cell.getElement();
+	let cell = scope["cell"];
+	let elem = cell.getElement();
 
 	if(elem) {
 		elem.style.border = "";
@@ -651,23 +651,23 @@ CellPainter._borderRestorer = function(scope) {
 */
 CellPainter._cellRestorer = function(scope) {
 	scope["blinkTimer"] = 0;
-	var cell = scope["cell"];
-	var elem = cell.getElement();
+	let cell = scope["cell"];
+	let elem = cell.getElement();
 
 	if(elem) {
-		var rowData = scope["rowData"];
-		var min = NaN;
-		var max = NaN;
+		let rowData = scope["rowData"];
+		let min = NaN;
+		let max = NaN;
 		if(this._coloringType === CellPainter.ColoringTypes.HEATMAP) {
-			var columnStats = this._columnStats;
+			let columnStats = this._columnStats;
 			if(columnStats) {
 				min = columnStats.getMin();
 				max = columnStats.getMax();
 			}
 		}
 
-		var styles = this._getStyles(rowData, min, max);
-		var cssClass = styles["cssClass"]; // Can be an empty string
+		let styles = this._getStyles(rowData, min, max);
+		let cssClass = styles["cssClass"]; // Can be an empty string
 		if (cssClass != null) { // Predefined colors mode
 			if (elem._coloringCssClass && elem._coloringCssClass !== cssClass) {
 				elem.classList.remove(elem._coloringCssClass);
@@ -703,18 +703,19 @@ CellPainter.prototype._getStyles = function(rowData, min, max) {
 		return CellPainter._emptyObj;
 	}
 
-	var len = this._conditions.length;
-	for(var i = 0; i < len; ++i) {
-		var curCond = this._conditions[i];
-		var fn = curCond._fn;
+	let len = this._conditions.length;
+	for(let i = 0; i < len; ++i) {
+		let curCond = this._conditions[i];
+		let fn = curCond._fn;
+		let ret;
 		try { // WARNING: Try/Catch is very slow. TODO: The function should be checked for validity beforehand
-			var ret = fn && fn(rowData, min, max);
+			ret = fn && fn(rowData, min, max);
 		} catch (err){
 			// console.error(err.message); // This will produce tons of errors in the console
 		}
 		if (ret) { // Match condition with results 1, -1, true, or string
 			if(this._coloringType === CellPainter.ColoringTypes.HEATMAP) {
-				var blendedColor;
+				let blendedColor;
 				if(ret > 0) {
 					blendedColor = CellPainter.blendColor(curCond["baseColor"], curCond["upColor"], ret);
 				} else {
@@ -770,11 +771,11 @@ CellPainter.blendColor = function (baseColor, maxColor, ratio) { // TODO: Optimi
 		ratio = 0;
 	}
 
-	var baseColorTriplet = CellPainter.hex2Num(baseColor);
-	var maxColorTriplet = CellPainter.hex2Num(maxColor);
-	var blendResult = [];
-	for (var i = 0; i < 3; ++i) {
-		var gap = (maxColorTriplet[i] - baseColorTriplet[i]) * ratio;
+	let baseColorTriplet = CellPainter.hex2Num(baseColor);
+	let maxColorTriplet = CellPainter.hex2Num(maxColor);
+	let blendResult = [];
+	for (let i = 0; i < 3; ++i) {
+		let gap = (maxColorTriplet[i] - baseColorTriplet[i]) * ratio;
 		blendResult.push(baseColorTriplet[i] + gap);
 	}
 
@@ -786,7 +787,7 @@ CellPainter.blendColor = function (baseColor, maxColor, ratio) { // TODO: Optimi
 * @return {string} resultColor
 */
 CellPainter.blackAndWhite = function (triplet) {
-	var brightness = Math.sqrt(triplet[0] * triplet[0] * 0.241 + triplet[1] * triplet[1] * 0.691 + triplet[2] * triplet[2] * 0.068);
+	let brightness = Math.sqrt(triplet[0] * triplet[0] * 0.241 + triplet[1] * triplet[1] * 0.691 + triplet[2] * triplet[2] * 0.068);
 
 	if (brightness >= 135) { // Brighter color has more impact to human eye than the darker color
 		return '#000000';
@@ -807,7 +808,7 @@ CellPainter.rgb2Hex = rgb2Hex; // For backward compatability
 * @return {string} resultColor
 */
 CellPainter.num2Hex = function (triplet) {
-	var rgb = triplet[2] | (triplet[1] << 8) | (triplet[0] << 16);
+	let rgb = triplet[2] | (triplet[1] << 8) | (triplet[0] << 16);
 	return ('#' + (0x1000000 + rgb).toString(16).slice(1));
 };
 /** Note that Chrome, IE, and Firefox store color in rgb representation.
@@ -825,10 +826,10 @@ CellPainter.num2Rgb = function (triplet) {
 * @return {Array.<number>} array of size 3 which contains [red, green, blue]
 */
 CellPainter.hex2Num = function (hex) {
-	var hexInt = parseInt(hex.replace(/[^0-9A-F]/gi, ''), 16);
-	var r = (hexInt >> 16) & 255;
-	var g = (hexInt >> 8) & 255;
-	var b = hexInt & 255;
+	let hexInt = parseInt(hex.replace(/[^0-9A-F]/gi, ''), 16);
+	let r = (hexInt >> 16) & 255;
+	let g = (hexInt >> 8) & 255;
+	let b = hexInt & 255;
 	return [r, g, b];
 };
 /** @public
@@ -838,10 +839,10 @@ CellPainter.hex2Num = function (hex) {
 */
 CellPainter.hex2Rgb = function (hex) {
 	if(hex) {
-		var hexInt = parseInt(hex.replace(/[^0-9A-F]/gi, ''), 16);
-		var r = (hexInt >> 16) & 255;
-		var g = (hexInt >> 8) & 255;
-		var b = hexInt & 255;
+		let hexInt = parseInt(hex.replace(/[^0-9A-F]/gi, ''), 16);
+		let r = (hexInt >> 16) & 255;
+		let g = (hexInt >> 8) & 255;
+		let b = hexInt & 255;
 		return 'rgb(' + r + ', ' + g + ', ' + b + ')';
 	}
 	return '';
@@ -862,8 +863,8 @@ CellPainter.setThemeColors = function() {};
 */
 CellPainter._onThemeChanged = function() {
 	// Apply newly changed theme to all the painters
-	var painters = CellPainter._painters;
-	for(var i = painters.length; --i >= 0;) {
+	let painters = CellPainter._painters;
+	for(let i = painters.length; --i >= 0;) {
 		painters[i].applyThemeColor(); // Re-apply theme color
 	}
 };
@@ -900,12 +901,12 @@ CellPainter.reloadThemeColors = function () {
 * @param {Object=} styles
 */
 CellPainter.clearCellStyle = function(cell, styles) {
-	var elem = cell.getElement();
+	let elem = cell.getElement();
 	if(!elem) {
 		return; // Cell has been disposed
 	}
 
-	var scope = cell["blinking"];
+	let scope = cell["blinking"];
 	if(scope) { // Clear blinking scope
 		CellPainter._clearBlinkTimer(scope);
 
@@ -923,11 +924,11 @@ CellPainter.clearCellStyle = function(cell, styles) {
 		styles = CellPainter.supportedStyles;
 	}
 	if(Array.isArray(styles)){
-		for(var i = styles.length; --i >= 0;) {
+		for(let i = styles.length; --i >= 0;) {
 			elem.style[styles[i]] = "";  // WARNING: Very slow
 		}
 	} else {
-		for(var key in styles) {
+		for(let key in styles) {
 			elem.style[key] = "";  // WARNING: Very slow
 		}
 	}
@@ -984,7 +985,7 @@ CellPainter._clearBlinkTimer = function(scp, opt_restoreColor) {
 CellPainter.getOppositeColor = function (hexCode) {
 	if(typeof hexCode === "string") {
 		if(hexCode.charAt(0) === "#") {
-			var triplet = CellPainter.hex2Num(hexCode);
+			let triplet = CellPainter.hex2Num(hexCode);
 			return CellPainter.blackAndWhite(triplet);
 		}
 	} else if(Array.isArray(hexCode)) {
@@ -1038,11 +1039,11 @@ CellPainter.prototype.renderColoring = function (cell, rowData) {
 */
 CellPainter.prototype._paintCell = function(cell, rowData, min, max) {
 	if (!cell) return;
-	var  elem = cell.getElement();
+	let  elem = cell.getElement();
 	if (!elem) return; // Cell has been disposed
 
-	var bc = this._blinkCondition;
-	var scope;
+	let bc = this._blinkCondition;
+	let scope;
 	if (bc) {
 		scope = cell["blinking"];
 		if (scope && scope["blinkTimer"] && !bc["border"]) { // The cell is blinking
@@ -1050,11 +1051,11 @@ CellPainter.prototype._paintCell = function(cell, rowData, min, max) {
 		}
 	}
 
-	var styles = this._getStyles(rowData, min, max);
+	let styles = this._getStyles(rowData, min, max);
 
-	var elStyle = elem.style;
+	let elStyle = elem.style;
 
-	var cssClass = styles["cssClass"]; // Can be an empty string
+	let cssClass = styles["cssClass"]; // Can be an empty string
 	if (elem._coloringCssClass && elem._coloringCssClass !== cssClass) {
 		elem.classList.remove(elem._coloringCssClass);
 		elem._coloringCssClass = null;
@@ -1097,10 +1098,10 @@ CellPainter.prototype.blink = function (cell, blinkSignal, rowData) {
 * @return {boolean}
 */
 CellPainter.prototype.blinkCell = function(cell, newValue, oldValue, rowData) {
-	var bc = this._blinkCondition;
+	let bc = this._blinkCondition;
 	if (!bc) return false;
 
-	var blinkSignal = this._blinkCondition._fn(newValue, oldValue);
+	let blinkSignal = this._blinkCondition._fn(newValue, oldValue);
 	return this._blinkCell(cell, rowData, blinkSignal);
 };
 
@@ -1119,13 +1120,13 @@ CellPainter.prototype._blinkCell = function(cell, rowData, blinkSignal) {
 		}
 	}
 
-	var elem = cell.getElement();
+	let elem = cell.getElement();
 	if (!elem) return false; // Cell has been disposed
 
-	var bc = this._blinkCondition;
+	let bc = this._blinkCondition;
 	if (!bc) return false;
 
-	var scope = cell["blinking"];
+	let scope = cell["blinking"];
 	if (!scope) {
 		scope = {};
 		scope["cell"] = cell;
@@ -1137,13 +1138,13 @@ CellPainter.prototype._blinkCell = function(cell, rowData, blinkSignal) {
 	if (scope["blinkId"] !== bc["blinkId"]) {
 		scope["blinkId"] = bc["blinkId"];
 		scope["field"] = bc["field"];
-		var restorer = bc["border"] ? CellPainter._borderRestorer : CellPainter._cellRestorer;
+		let restorer = bc["border"] ? CellPainter._borderRestorer : CellPainter._cellRestorer;
 		scope._restorer = restorer.bind(this, scope);
 	}
 
 	scope["rowData"] = rowData;
 
-	var blinkColor, contrastColor;
+	let blinkColor, contrastColor;
 	if (blinkSignal > 0) {
 		blinkColor = bc["upColor"];
 		contrastColor = bc["contrastUpColor"];
@@ -1155,7 +1156,7 @@ CellPainter.prototype._blinkCell = function(cell, rowData, blinkSignal) {
 		contrastColor = bc["contrastLevelColor"];
 	}
 
-	var bgBlinking = true;
+	let bgBlinking = true;
 	// All conditions are met for blinking
 	if (bc["border"]) {
 		elem.style.border = "1px solid " + blinkColor;
@@ -1177,7 +1178,7 @@ CellPainter.prototype._blinkCell = function(cell, rowData, blinkSignal) {
 * @param {Object} rowData
 */
 CellPainter.prototype.verifyBlinking = function(cell, rowData) {
-	var scope = cell["blinking"];
+	let scope = cell["blinking"];
 	if (scope && scope["blinkTimer"]) {
 		if (scope["rowData"] !== rowData) {
 			scope["rowData"] = rowData; // Needed for style calculation by restorer

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

@@ -5,12 +5,12 @@
 * @param {(number|Function)=} ms The delay time in millisecond before executing the function
 * @param {*=} thisObj "this" object to be bound with the given function. If the function is already bound, there is no need to provide thisObj parameter
 * @example
-* var c = new Conflator(function() { console.log("Executed"); }, 1000);
-* for(var i = 10; --i >= 0;) {
+* let c = new Conflator(function() { console.log("Executed"); }, 1000);
+* for(let i = 10; --i >= 0;) {
 *   c.conflate(i); // Only one "Executed" text will be logged to console after one second
 * }
 */
-var Conflator = function (func, ms, thisObj) {
+let Conflator = function (func, ms, thisObj) {
 	this._onConflated = this._onConflated.bind(this);
 
 	this._data = [];
@@ -72,7 +72,7 @@ Conflator.prototype.reset = function () {
 */
 Conflator.prototype.popAllData = function() {
 	if(this._data.length) {
-		var data = this._data;
+		let data = this._data;
 		this._data = [];
 		return data;
 	}

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

@@ -1,5 +1,5 @@
 /** @namespace */
-var CoralItems = {};
+let CoralItems = {};
 
 /** Create new array with valid object items to be consumed by ef-select's data property from the given input
 * @public
@@ -16,10 +16,10 @@ var CoralItems = {};
 */
 CoralItems.create = function(userItems) {
 	if(Array.isArray(userItems)) {
-		var len = userItems.length;
-		var ary = new Array(len);
-		for(var i = 0; i < len; ++i) {
-			var userItem = userItems[i];
+		let len = userItems.length;
+		let ary = new Array(len);
+		for(let i = 0; i < len; ++i) {
+			let userItem = userItems[i];
 			if(userItem != null) {
 				if (typeof userItem !== "object") {
 					userItem = { value: userItem };
@@ -27,7 +27,7 @@ CoralItems.create = function(userItems) {
 			} else {
 				userItem = {value: ""};
 			}
-			var label = userItem.label;
+			let label = userItem.label;
 			if(!label && typeof label !== "string") { // 0, false, null, undefined, NaN
 				userItem.label = userItem.value + "";
 			}