@refinitiv-ui/efx-grid 6.0.34 → 6.0.35

package/lib/rt-grid/es6/Grid.js

@@ -1620,21 +1620,24 @@ Grid.prototype._shouldLoadFieldInfo = function (field) {
 * @param {Array.<Object>} columns Array of column options
 */
 Grid.prototype.setColumns = function(columns) {
+	var grid = this._grid;
 	var colCount = (columns) ? columns.length : 0;
 
+	grid.startBatch("reset");
 	this.removeAllColumns();
 	if(colCount > 0) {
 		var prevState = false;
 		if(colCount > 1) {
-			prevState = this._grid.freezeLayout(true); // Insert multiple columns can be a huge time consuming
+			prevState = grid.freezeLayout(true); // Insert multiple columns can be a huge time consuming
 		}
 		for(var i = 0; i < colCount; ++i) {
 			this.insertColumn(columns[i], i);
 		}
 		if(colCount > 1) {
-			this._grid.freezeLayout(prevState);
+			grid.freezeLayout(prevState);
 		}
 	}
+	grid.stopBatch("reset");
 };
 
 
@@ -1643,6 +1646,8 @@ Grid.prototype.setColumns = function(columns) {
 * @param {Array.<Object>} columns Array of column options
 */
 Grid.prototype.restoreColumns = function(columns) {
+	var grid = this._grid;
+	grid.startBatch("reset");
 	var configObj = this.getConfigObject();
 	var previousColumns = configObj.columns;
 
@@ -1706,7 +1711,8 @@ Grid.prototype.restoreColumns = function(columns) {
 		this._stp.sortColumns(sortingStates);
 	}
 
-	this._grid.reorderColumns(columnOrdering);
+	grid.reorderColumns(columnOrdering);
+	grid.stopBatch("reset");
 };
 
 /** Remove all existing columns and add new columns based on the given texts/fields
@@ -3399,33 +3405,34 @@ Grid.prototype._updateStreamingData = function() {
 * @param {Object} e
 */
 Grid.prototype._onPreDataSorting = function (e) {
-	var field = "";
-	var rowSorting = false;
-	var sortLogic = null;
-
-	var states = this._stp.getSortingStates(); // WARNING: Use of deprecated function
-	var state = states ? states[0] : null; // TODO: Support multi-column sorting
-
-	if(state) {
-		field = state["field"] || "";
-		var colIndex = this._stp.getSortedColumnIndex(0);
-		var colDef = (colIndex >= 0) ? this.getColumnDefinition(colIndex) : null;
-		this._sorter.setContext("colIndex", colIndex);
-		this._sorter.setContext("colDef", colDef);
+	var objs = this._stp.getSortedColumns();
+
+	this._sorter.reset();
+	if(Array.isArray(objs)) {
+		var sortCount = objs.length;
+		for(var i = 0; i < sortCount; ++i) {
+			var obj = objs[i];
+			var field = obj["field"] || "";
+			var colIndex = obj["colIndex"];
+			var colDef = (colIndex >= 0) ? this.getColumnDefinition(colIndex) : null;
+
+			var rowSorting = false;
+			var sortLogic = null;
+			if(colDef) {
+				field = colDef.getField(); // WARNING: Field and logic could be out of sync
+				rowSorting = colDef.isRowSorting();
+				sortLogic = colDef.getSorter();
+			}
+			// TODO: get sortLogic from DataView
+			// if(!sortLogic && field) {
+			// sortLogic = state["sortLogic"];
+			// }
 
-		if(colDef) {
-			field = colDef.getField(); // WARNING: Field and logic could be out of sync
-			sortLogic = colDef.getSorter();
-			rowSorting = colDef.isRowSorting();
+			this._sorter.addColumnContext(field, sortLogic, rowSorting, obj["sortOrder"], colIndex, colDef);
 		}
 	}
-	if(!sortLogic && field) {
-		sortLogic = state["sortLogic"];
-	}
 
-	this._sorter.setField(field);
-	this._sorter.setSortLogic(sortLogic);
-	this._columnSorter = this._sorter.getSorter(rowSorting);
+	this._columnSorter = this._sorter.getSorter();
 };
 /** @private
 * @param {RowDefinition} rowDefA

package/lib/rt-grid/es6/RowDefSorter.d.ts

@@ -1,4 +1,4 @@
-
+import { cloneObject } from "../../tr-grid-util/es6/Util.js";
 
 declare class RowDefSorter {
 
@@ -6,14 +6,14 @@ declare class RowDefSorter {
 
     public dispose(): void;
 
-    public getSorter(rowSorting?: boolean|null): ((...params: any[]) => any)|null;
-
-    public setSortLogic(func?: ((...params: any[]) => any)|null): void;
+    public getSorter(): ((...params: any[]) => any)|null;
 
-    public setField(field: string): void;
+    public reset(key: string, value: any): void;
 
     public setContext(key: string, value: any): void;
 
+    public addColumnContext(field: string, logic: ((...params: any[]) => any)|null, rowSorting: boolean, order: string, colIndex: number, colDef: any): void;
+
 }
 
 export default RowDefSorter;

package/lib/rt-grid/es6/RowDefSorter.js

@@ -1,70 +1,147 @@
+import { cloneObject } from "../../tr-grid-util/es6/Util.js";
+
+/** @private
+* @param {*} a
+* @param {*} b
+* @param {number} order
+* @return {number}
+*/
+var _defaultCompare = function(a, b, order) {
+	if(a == null || a !== a) {
+		if(b == null || b !== b) {
+			return 0;
+		}
+		return 1;
+	}
+	if(b == null || b !== b) {
+		return -1;
+	}
+
+	if(a < b) {
+		return -order;
+	}
+	if(b < a) {
+		return order;
+	}
+	return 0;
+};
+
 /** @constructor
 */
 var RowDefSorter = function() {
 	this._defaultSorter = this._defaultSorter.bind(this);
 	this._dataSorter = this._dataSorter.bind(this);
 	this._rowDefSorter = this._rowDefSorter.bind(this);
+	this._multiColumnsSorter = this._multiColumnsSorter.bind(this);
 
-	this._sortContext = {};
+	this._globalContext = {};
+	this._sortParams = [];
+	this._ctxCaches = [];
 };
 
-
-/** @type {string}
+/** @type {!Object}
 * @private
 */
-RowDefSorter.prototype._field = "";
-/** @type {!Object}
+RowDefSorter.prototype._globalContext;
+/** @type {!Array.<Array>}
+* @private
+*/
+RowDefSorter.prototype._sortParams;
+/** @type {!Array.<Object>}
 * @private
 */
-RowDefSorter.prototype._sortContext;
-/** @type {Function}
+RowDefSorter.prototype._ctxCaches;
+/** @type {Array}
 * @private
 */
-RowDefSorter.prototype._sortLogic = null;
+RowDefSorter.prototype._primaryParams;
 
 
 /** @public
 */
 RowDefSorter.prototype.dispose = function() {
-	this._sortLogic = null;
-	this._sortContext = {}; // Clear any existing reference
+	this._globalContext = {}; // Clear any existing reference
+	this._sortParams.length = 0;
+	this._ctxCaches.length = 0;
+	this._primaryParams = null;
 };
 
 /** @public
-* @param {boolean=} rowSorting=false
 * @return {Function}
 */
-RowDefSorter.prototype.getSorter = function(rowSorting) {
-	if(this._sortLogic) {
-		return rowSorting ? this._rowDefSorter : this._dataSorter;
-	} else {
-		return this._defaultSorter;
+RowDefSorter.prototype.getSorter = function() {
+	this._primaryParams = null;
+	var sortCount = this._sortParams.length;
+	if(sortCount === 1) {
+		var params = this._primaryParams = this._sortParams[0];
+		var sortLogic = params[1];
+		if(sortLogic) {
+			var rowSorting = params[3];
+			return rowSorting ? this._rowDefSorter : this._dataSorter;
+		} else {
+			return this._defaultSorter;
+		}
+	} else if(sortCount > 1) {
+		return this._multiColumnsSorter;
 	}
-};
-/** @public
-* @param {Function=} func
-*/
-RowDefSorter.prototype.setSortLogic = function(func) {
-	this._sortLogic = (typeof func === "function") ? func : null;
-};
 
+	return RowDefSorter._noSorting;
+};
 
 /** @public
-* @param {string} field
+* @param {string} key
+* @param {*} value
 */
-RowDefSorter.prototype.setField = function(field) {
-	if(!field) {
-		field = "";
+RowDefSorter.prototype.reset = function() {
+	if(this._sortParams.length) {
+		this._sortParams.length = 0;
 	}
-	this._sortContext["field"] = this._field = field;
-	this._sortContext["formattedField"] = field + "_FORMATTED";
 };
 /** @public
 * @param {string} key
 * @param {*} value
 */
 RowDefSorter.prototype.setContext = function(key, value) {
-	this._sortContext[key] = value;
+	this._globalContext[key] = value;
+};
+/** @public
+* @param {string} field
+* @param {Function} logic
+* @param {boolean} rowSorting
+* @param {string} order
+* @param {number} colIndex
+* @param {*} colDef
+*/
+RowDefSorter.prototype.addColumnContext = function(field, logic, rowSorting, order, colIndex, colDef) {
+	if(!field) {
+		field = "";
+	}
+	var sortPriority = this._sortParams.length;
+	var ctx = this._ctxCaches[sortPriority];
+	if(!ctx) {
+		ctx = this._ctxCaches[sortPriority] = cloneObject(this._globalContext);
+	}
+	var orderNum = 0;
+	if(order === "a") {
+		orderNum = 1;
+	} else if(order === "d") {
+		orderNum = -1;
+	}
+
+	var params = [
+		field, // 0
+		(typeof logic === "function") ? logic : null,  // 1
+		ctx, // 2
+		rowSorting, // 3
+		orderNum  // 4
+	];
+
+	ctx["colIndex"] = colIndex;
+	ctx["field"] = field;
+	ctx["formattedField"] = field + "_FORMATTED";
+	ctx["colDef"] = colDef;
+
+	this._sortParams.push(params);
 };
 
 /** @private
@@ -73,32 +150,7 @@ RowDefSorter.prototype.setContext = function(key, value) {
 * @param {number} order
 * @return {number}
 */
-RowDefSorter.prototype._defaultSorter = function(rowDefA, rowDefB, order) {
-	var orderA = rowDefA.getGroupOrder();
-	var orderB = rowDefB.getGroupOrder();
-	if(orderA !== orderB) {
-		return orderA - orderB; // Regardless of sort order
-	}
-
-	var a = rowDefA.getData(this._field);
-	var b = rowDefB.getData(this._field);
-
-	if(a == null || a !== a) {
-		if(b == null || b !== b) {
-			return 0;
-		}
-		return 1;
-	}
-	if(b == null || b !== b) {
-		return -1;
-	}
-
-	if(a < b) {
-		return -order;
-	}
-	if(b < a) {
-		return order;
-	}
+RowDefSorter._noSorting = function(rowDefA, rowDefB, order) {
 	return 0;
 };
 /** @private
@@ -107,16 +159,30 @@ RowDefSorter.prototype._defaultSorter = function(rowDefA, rowDefB, order) {
 * @param {number} order
 * @return {number}
 */
+RowDefSorter.prototype._defaultSorter = function(rowDefA, rowDefB, order) {
+	var field = this._primaryParams[0];
+	return _defaultCompare(
+		rowDefA.getData(field),
+		rowDefB.getData(field),
+		order
+	);
+};
+/** @private
+* @param {RowDefinition} rowDefA
+* @param {RowDefinition} rowDefB
+* @param {number} order
+* @return {number}
+*/
 RowDefSorter.prototype._dataSorter = function(rowDefA, rowDefB, order) {
-	var orderA = rowDefA.getGroupOrder();
-	var orderB = rowDefB.getGroupOrder();
-	if(orderA !== orderB) {
-		return orderA - orderB; // Regardless of sort order
-	}
-
-	var a = rowDefA.getData(this._field);
-	var b = rowDefB.getData(this._field);
-	return this._sortLogic(a, b, order, this._sortContext);
+	var params = this._primaryParams;
+	var field = params[0];
+	var sortLogic = params[1];
+	return sortLogic(
+		rowDefA.getData(field),
+		rowDefB.getData(field),
+		order,
+		params[2]
+	);
 };
 /** @private
 * @param {RowDefinition} rowDefA
@@ -125,13 +191,41 @@ RowDefSorter.prototype._dataSorter = function(rowDefA, rowDefB, order) {
 * @return {number}
 */
 RowDefSorter.prototype._rowDefSorter = function(rowDefA, rowDefB, order) {
-	var orderA = rowDefA.getGroupOrder();
-	var orderB = rowDefB.getGroupOrder();
-	if(orderA !== orderB) {
-		return orderA - orderB; // Regardless of sort order
+	var params = this._primaryParams;
+	var sortLogic = params[1];
+	return sortLogic(rowDefA, rowDefB, order, params[2]);
+};
+/** @private
+* @param {RowDefinition} rowDefA
+* @param {RowDefinition} rowDefB
+* @param {number} primaryOrder
+* @return {number}
+*/
+RowDefSorter.prototype._multiColumnsSorter = function(rowDefA, rowDefB, primaryOrder) {
+	var sortParams = this._sortParams;
+	var sortCount = sortParams.length;
+	for(var i = 0; i < sortCount; ++i) {
+		var params = sortParams[i];
+		var field = params[0];
+		var sortLogic = params[1];
+		var ctx = params[2];
+		var rowSorting = params[3];
+		var orderNum = params[4];
+		var ret = 0;
+		if(sortLogic) {
+			if(rowSorting) {
+				ret = sortLogic(rowDefA, rowDefB, orderNum, ctx);
+			} else {
+				ret = sortLogic(rowDefA.getData(field), rowDefB.getData(field), orderNum, ctx);
+			}
+		} else {
+			ret = _defaultCompare(rowDefA.getData(field), rowDefB.getData(field), orderNum);
+		}
+		if(ret) {
+			return ret;
+		}
 	}
-
-	return this._sortLogic(rowDefA, rowDefB, order, this._sortContext);
+	return 0;
 };
 
 export default RowDefSorter;

package/lib/tr-grid-column-selection/es6/ColumnSelection.js

@@ -38,6 +38,8 @@ var ColumnSelectionPlugin = function ColumnSelectionPlugin(options) {
   t._onReselection = t._onReselection.bind(t);
   t._onThemeLoaded = t._onThemeLoaded.bind(t);
   t._onColumnPositionChanged = t._onColumnPositionChanged.bind(t);
+  t._onBeforeBatchOperation = t._onBeforeBatchOperation.bind(t);
+  t._onAfterBatchOperation = t._onAfterBatchOperation.bind(t);
   t._updateMenuIcon = t._updateMenuIcon.bind(t);
   t._hosts = [];
 
@@ -121,6 +123,12 @@ ColumnSelectionPlugin.prototype._menuPosition = "outside";
 
 ColumnSelectionPlugin.prototype._cgp = null; // Column grouping extension
 
+/** @type {Array.<string>}
+* @private
+*/
+
+ColumnSelectionPlugin.prototype._prevSelectedCols = {}; // previous selected columns during batch operation
+
 /** @public
 * @return {string}
 */
@@ -156,6 +164,8 @@ ColumnSelectionPlugin.prototype.initialize = function (host, options) {
   host.listen("columnRemoved", this._onColumnRemoved);
   host.listen("columnAdded", this._onColumnAdded);
   host.listen("columnPositionChanged", this._onColumnPositionChanged);
+  host.listen("beforeBatchOperation", this._onBeforeBatchOperation);
+  host.listen("afterBatchOperation", this._onAfterBatchOperation);
   this.config(options);
 
   if (ColumnSelectionPlugin._stylePromise) {
@@ -1098,6 +1108,62 @@ ColumnSelectionPlugin.prototype._onReselection = function (e) {
   this._activeGrid.focus();
 };
 /** @private
+* @param {Object} e
+*/
+
+
+ColumnSelectionPlugin.prototype._onBeforeBatchOperation = function (e) {
+  var host = this._activeGrid;
+
+  if (this._hasSelection && e["batchType"] === "reset") {
+    var colCount = this.getColumnCount();
+
+    for (var i = 0; i < colCount; ++i) {
+      if (this.isSelectedColumn(i)) {
+        var colId = host.getColumnId(i);
+        var field = host.getColumnField(i);
+
+        if (colId) {
+          this._prevSelectedCols[colId] = field;
+        } else {
+          this._prevSelectedCols[field] = "";
+        }
+      }
+    }
+
+    this.clearAllSelections(); //clear all to improve performance during add/remove operation
+  }
+};
+/** @private
+* @param {Object} e
+*/
+
+
+ColumnSelectionPlugin.prototype._onAfterBatchOperation = function (e) {
+  if (e["batchType"] === "reset") {
+    var prevSelectedCols = Object.keys(this._prevSelectedCols);
+    var prevSelectedCount = prevSelectedCols.length;
+
+    if (prevSelectedCount) {
+      this.clearAllSelections();
+
+      for (var i = 0; i < prevSelectedCount; i++) {
+        var colId = prevSelectedCols[i];
+        var field = this._prevSelectedCols[colId];
+        var prevSelectedIndex = this.getColumnIndex(colId);
+
+        if (prevSelectedIndex < 0) {
+          prevSelectedIndex = this.getColumnIndex(field);
+        }
+
+        this.setSelectedColumn(prevSelectedIndex, true);
+      }
+
+      this._prevSelectedCols = {};
+    }
+  }
+};
+/** @private
 * @param {KeyboardEvent} e
 * @return {boolean}
 */

package/lib/tr-grid-column-stack/es6/ColumnStack.d.ts

@@ -137,6 +137,8 @@ declare class ColumnStackPlugin extends GridPlugin {
 
     public isStackHidden(stackId: string): boolean|null|null;
 
+    public moveStack(stackId: string, destCol?: (number|string)|null): boolean;
+
 }
 
 export default ColumnStackPlugin;

package/lib/tr-grid-column-stack/es6/ColumnStack.js

@@ -1867,11 +1867,11 @@ ColumnStackPlugin.prototype.unsetParent = ColumnStackPlugin.prototype.removeColu
 */
 ColumnStackPlugin.prototype.reorderColumns = function(colList, destCol) {
 	var dirty = false;
-	this._stacking = false;
+	this._stacking = true;
 
-	this._reorderColumns(colList, destCol);
+	dirty = this._reorderColumns(colList, destCol);
 
-	this._stacking = true;
+	this._stacking = false;
 	return dirty;
 };
 /** Move the specified column to position before the destination
@@ -1973,6 +1973,20 @@ ColumnStackPlugin.prototype.isStackHidden = function(stackId) {
 
 	return !isVisible;
 };
+/** Move an entire stack to position before the destination
+* @public
+* @param {string} stackId Stack id to be moved
+* @param {(number|string)=} destCol Destination column id or index
+* @return {boolean}
+*/
+ColumnStackPlugin.prototype.moveStack = function(stackId, destCol) {
+	if(!stackId){
+		return false;
+	}
+	var colList = this.getStackMemberIds(stackId);
+	var dirty = this.reorderColumns(colList, destCol);
+	return dirty;
+};
 
 
 

package/lib/tr-grid-conditional-coloring/es6/ConditionalColoring.js

@@ -920,7 +920,7 @@ ConditionalColoringPlugin._mergeUpdates = function(e) {
 * @return {string} prettified CSS string
 */
 ConditionalColoringPlugin.prototype._prepareStyles = function(colors) {
-	var prefix = ".tr-grid." + ConditionalColoringPlugin._controlClass + " .cell";
+	var prefix = ".tr-grid." + ConditionalColoringPlugin._controlClass + " .column.conditionally-colored .cell";
 	var css = [];
 	var ss, styles, value;
 	for (var className in colors) {

package/lib/tr-grid-row-dragging/es6/RowDragging.js

@@ -906,9 +906,12 @@ RowDraggingPlugin.prototype._moveRows = function (srcRowRef, destRowIndex, srcGr
 	var srcRowTypes = [];
 	var conRowType = "";
 	var api = this.getGridApi();
+	if(api && !api.getRowType) {
+		api = null;
+	}
 	for(i = 0; i < srcCount; ++i) {
 		var srcIndex = srcRowIndices[i];
-		var rowType = api.getRowType(srcIndex);
+		var rowType = api ? api.getRowType(srcIndex) : "CONTENT";
 		srcRowIds[i] = srcDv.getRowId(srcIndex);
 		srcRowTypes[i] = rowType;
 		if(conRowType) {
@@ -919,7 +922,10 @@ RowDraggingPlugin.prototype._moveRows = function (srcRowRef, destRowIndex, srcGr
 			conRowType = rowType;
 		}
 	}
-	var destRowType = api.getRowType(destRowIndex); // TODO: this has to be get from destGrid
+	if(!conRowType) {
+		conRowType = "CONTENT";
+	}
+	var destRowType = api ? api.getRowType(destRowIndex) : ""; // TODO: this has to be get from destGrid
 	var destRowId = destDv.getRowId(destRowIndex);
 	var parentRowId, childRowIds;
 
@@ -966,7 +972,8 @@ RowDraggingPlugin.prototype._moveRows = function (srcRowRef, destRowIndex, srcGr
 			}
 		} else if(conRowType === "GROUP_MEMBER") {
 			if(srcCount === 1) {
-				parentRowId = rsp.getSegmentParentRowId(srcRowIds[0]);
+				var srcRowId = srcRowIds[0];
+				parentRowId = rsp.getSegmentParentRowId(srcRowId);
 				childRowIds = rsp.getSegmentChildIds(parentRowId);
 				var childCount = childRowIds ? childRowIds.length : 0;
 				var endOfSegment = srcDv.getRowIndex(parentRowId) + childCount + 1;
@@ -976,6 +983,10 @@ RowDraggingPlugin.prototype._moveRows = function (srcRowRef, destRowIndex, srcGr
 					var destParentRowId = rsp.getSegmentParentRowId(destRowId);
 					if(parentRowId === destParentRowId) {
 						movedRowIds = srcDv.moveRow(srcRowIds, destRowId);
+					} else { // Moving row between two segments
+						rsp.removeSegmentChild(parentRowId, srcRowId);
+						rsp.addSegmentChild(destParentRowId, srcRowId);
+						movedRowIds = srcDv.moveRow(srcRowIds, destRowId);
 					}
 				} else if(_isNormalRowType(destRowType)) { // move member out of existing segment
 					rsp.removeSegmentChild(parentRowId, srcRowIds[0]);

package/lib/tr-grid-rowcoloring/es6/RowColoring.js

@@ -320,11 +320,12 @@ RowColoringPlugin.prototype.setPredefinedColors = function (predefinedColors) {
 * @param {Object} predefinedColors Predefined color object map
 */
 RowColoringPlugin.prototype._injectStyles = function (predefinedColors) {
-  var prefix = ".tr-grid." + RowColoringPlugin._controlClass + " .tr-lg .cell";
+  var prefix1 = ".tr-grid." + RowColoringPlugin._controlClass + " .section .column .cell";
+  var prefix2 = ".tr-grid." + RowColoringPlugin._controlClass + " .section .cover-layer .cell";
   var css = [];
   var ss, styles, value;
   for (var className in predefinedColors) {
-    css.push(prefix + "." + className);
+    css.push(prefix1 + "." + className + ", " + prefix2 + "." + className);
     ss = [];
     styles = predefinedColors[className];
     value = styles["backgroundColor"];

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

@@ -62,8 +62,9 @@ DragUI.applyThemeColor = function(grid) {
 */
 DragUI.prototype.onThemeLoaded = function(colors) {
 	if(!DragUI._styles) {
+		var ElfVersion = ElfUtil.getElfVersion();
 		var cursor = "grabbing";
-		if (ElfUtil.getElfVersion() < 3) {
+		if (ElfVersion < 3) {
 			cursor = "move";
 		}
 		var styles = [ // Main Styles without theme
@@ -135,7 +136,8 @@ DragUI.prototype.onThemeLoaded = function(colors) {
 				"--grid-insertion-icon-bgcolor: #39c46e;",
 				"--grid-insertion-icon-color: #1A1A1A;",
 				"--grid-void-icon-bgcolor: #F5475B;",
-				"--grid-void-icon-color: #FFFFFF;"
+				"--grid-void-icon-color: #FFFFFF;",
+				"--grid-title-icon-color: var(--grid-guideline-color);" // v3 fallback
 			],
 			".mouse-dragging .cell:hover", [ // for change mouse cursor when hover header while dragging
 				"cursor: " + cursor + " !important;"
@@ -149,10 +151,12 @@ DragUI.prototype.onThemeLoaded = function(colors) {
 			".tr-dragging, .tr-dragging *", [
 				"-webkit-touch-callout: none;",
 				".user-select(none);"
+			],
+			".tr-dragbox", [
+				"background-color: unset;" // v3 fallback
 			]
 		];
 		var guidelineColor = "#ff9933";
-		var ElfVersion = ElfUtil.getElfVersion();
 		if(colors.primary) {
 			guidelineColor = colors.primary;
 		}