@refinitiv-ui/efx-grid 6.0.109 → 6.0.111

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

@@ -44,7 +44,8 @@ declare namespace ColumnDefinition {
         leftPinned?: boolean|null,
         rightPinned?: boolean|null,
         info?: any,
-        focusable?: boolean|null
+        focusable?: boolean|null,
+        backgroundColor?: string|null
     };
 
 }
@@ -161,6 +162,10 @@ declare class ColumnDefinition {
 
     public isFocusable(): boolean;
 
+    public getBackgroundColor(): string;
+
+    public setBackgroundColor(color: string): void;
+
 }
 
 declare const COL_DEF: string;

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

@@ -51,6 +51,7 @@ import Engine from "../../tr-grid-util/es6/formula/Engine.js";
 * @property {boolean=} rightPinned=false If enabled, the column will not be part of the scrollable area and is pinned to the right side
 * @property {Object=} info=null For storing any additional information to the column
 * @property {boolean=} focusable=false If enabled, the column will be used to find focusable element when pressing tab key
+* @property {string=} backgroundColor CSS color value
 */
 
 /** mapping of field type to javascript type
@@ -1169,6 +1170,24 @@ ColumnDefinition.prototype._setCoreColumnDef = function(obj) {
 ColumnDefinition.prototype.isFocusable = function() {
 	return this._focusable;
 };
+/** @public
+* @return {string}
+*/
+ColumnDefinition.prototype.getBackgroundColor = function() {
+	let core = this._eventArg["core"];
+	let grid = this._eventArg["grid"];
+	let colIndex = grid.getColumnIndex(this);
+	return core.getColumnBackgroundColor(colIndex);
+};
+/** @public
+* @param {string} color
+*/
+ColumnDefinition.prototype.setBackgroundColor = function(color) {
+	let core = this._eventArg["core"];
+	let grid = this._eventArg["grid"];
+	let colIndex = grid.getColumnIndex(this);
+	core.setColumnBackgroundColor(colIndex, color);
+};
 
 export {ColumnDefinition, COL_DEF};
 export default ColumnDefinition;

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

@@ -174,6 +174,10 @@ declare class Grid extends EventDispatcher {
 
     public setColumnName(colIndex: number, str: string): void;
 
+    public getColumnBackgroundColor(colRef: Grid.ColumnReference|null): string;
+
+    public setColumnBackgroundColor(colRef: Grid.ColumnReference|null, color: string): void;
+
     public setColumnRenderer(colRef: Grid.ColumnReference|null, func?: ((...params: any[]) => any)|null): void;
 
     public activateColumnRenderer(colRef: Grid.ColumnReference|null, id?: string|null, func?: ((...params: any[]) => any)|null): void;

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

@@ -2170,6 +2170,27 @@ Grid.prototype.setColumnName = function(colIndex, str) {
 };
 /** @public
 * @param {Grid~ColumnReference} colRef
+* @return {string}
+*/
+Grid.prototype.getColumnBackgroundColor = function(colRef) {
+	let colDef = this.getColumnDefinition(colRef);
+	if(colDef) {
+		return colDef.getBackgroundColor();
+	}
+	return "";
+};
+/** @public
+* @param {Grid~ColumnReference} colRef
+* @param {string} color
+*/
+Grid.prototype.setColumnBackgroundColor = function(colRef, color) {
+	let colDef = this.getColumnDefinition(colRef);
+	if(colDef) {
+		colDef.setBackgroundColor(color);
+	}
+};
+/** @public
+* @param {Grid~ColumnReference} colRef
 * @param {Function=} func
 */
 Grid.prototype.setColumnRenderer = function(colRef, func) {

package/lib/tr-grid-filter-input/es6/FilterInput.js

@@ -47,11 +47,24 @@ import { CoralItems } from '../../tr-grid-util/es6/CoralItems.js';
 * @property {Object} section Section(ILayoutGrid) contains all of the filter inputs
 */
 
+/** @private
+* @param {string} str
+* @return {string}
+*/
+
+function convertToLowerCase(str) {
+  if (typeof str === "string") {
+    return str.toLowerCase();
+  }
+
+  return "";
+}
 /** @constructor
 * @extends {GridPlugin}
 * @param {FilterInputPlugin~Options=} options
 */
 
+
 var FilterInputPlugin = function FilterInputPlugin(options) {
   this._onInputChanged = this._onInputChanged.bind(this);
   this._onOpenedChanged = this._onOpenedChanged.bind(this);
@@ -465,14 +478,14 @@ FilterInputPlugin.prototype._createColumnInputs = function (section, host) {
     var defaultValue = colOpt.defaultValue;
 
     if (defaultValue) {
-      var type = colOpt.type.toLowerCase();
+      var elemType = convertToLowerCase(colOpt.type);
 
-      if (type == "date") {
+      if (elemType === "date") {
         var dateObj = ElfDate.from(defaultValue);
         defaultValue = dateObj ? dateObj.toDateString().substr(4) : "";
       }
 
-      if (type == "multiselect") {
+      if (elemType === "multiselect") {
         var textMap = FilterInputPlugin._createMapObject(defaultValue);
 
         this.filterColumn(c, "", textMap);
@@ -500,12 +513,7 @@ FilterInputPlugin._uiMap = {
 */
 
 FilterInputPlugin.prototype._createFilterUI = function (colOpt) {
-  var elemType = colOpt.type;
-
-  if (elemType) {
-    elemType = elemType.toLowerCase();
-  }
-
+  var elemType = convertToLowerCase(colOpt.type);
   var defaultValue = colOpt.defaultValue;
   var elemTrigger = colOpt.trigger != null ? colOpt.trigger : this._inputTrigger;
   var uiTag = FilterInputPlugin._uiMap[elemType] || "input";
@@ -663,11 +671,10 @@ FilterInputPlugin.prototype._retrieveColumnOption = function (colIndex, colDef)
     var option = this._newExtColumnOption(colIndex);
 
     if (filterOption) {
-      var type = filterOption["type"];
+      var elemType = convertToLowerCase(filterOption["type"]);
 
-      if (typeof type == "string") {
-        type = type.toLowerCase();
-        option["type"] = type;
+      if (elemType) {
+        option["type"] = elemType;
       }
 
       var defaultLogic = filterOption["filterLogic"] || filterOption["defaultLogic"];
@@ -680,7 +687,7 @@ FilterInputPlugin.prototype._retrieveColumnOption = function (colIndex, colDef)
         }
       }
 
-      if (type == "multiselect" && option._comparingLogic === FilterInputPlugin._containingFilter) {
+      if (elemType === "multiselect" && option._comparingLogic === FilterInputPlugin._containingFilter) {
         option._comparingLogic = FilterInputPlugin._multiSelectionFilter;
       }
 
@@ -700,7 +707,7 @@ FilterInputPlugin.prototype._retrieveColumnOption = function (colIndex, colDef)
 
       if (Array.isArray(entries)) {
         // Add Clear filter option
-        if (type === "select") {
+        if (elemType === "select") {
           entries.push({
             label: 'No Filter',
             value: 'No Filter'
@@ -851,15 +858,15 @@ FilterInputPlugin.prototype.setInputValue = function (colIndex, value) {
 
   var colOpt = this._getExtColumnOption(colIndex);
 
-  var type = colOpt.type ? colOpt.type.toLowerCase() : "";
+  var elemType = convertToLowerCase(colOpt.type);
   var dateValue;
 
-  if (type == "date") {
+  if (elemType === "date") {
     var dateObj = ElfDate.from(value);
     dateValue = dateObj ? dateObj.toDateString().substr(4) : "";
   }
 
-  if (type == "multiselect") {
+  if (elemType === "multiselect") {
     inputElem.values = value;
 
     var textMap = FilterInputPlugin._createMapObject(value);
@@ -867,7 +874,7 @@ FilterInputPlugin.prototype.setInputValue = function (colIndex, value) {
     this.filterColumn(colIndex, "", textMap);
   } else {
     inputElem.value = value;
-    this.filterColumn(colIndex, type == "date" ? dateValue : value);
+    this.filterColumn(colIndex, elemType === "date" ? dateValue : value);
   }
 };
 /** @public

package/lib/tr-grid-util/es6/CellPainter.d.ts

@@ -1,5 +1,5 @@
 import { TickCodes, TickFields } from "./TickCodes.js";
-import { rgb2Hex } from "./Util.js";
+import { rgb2Hex, num2Hex, num2Rgb, hex2Num, hex2Rgb, blendColor, getContrastColor } from "./Color.js";
 import { ElfUtil } from "./ElfUtil.js";
 import { ExpressionParser } from "./ExpressionParser.js";
 

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

@@ -1,5 +1,5 @@
 import { TickCodes, TickFields } from "./TickCodes.js";
-import { rgb2Hex } from "./Util.js";
+import { rgb2Hex, num2Hex, num2Rgb, hex2Num, hex2Rgb, blendColor, getContrastColor } from "./Color.js";
 import { ElfUtil } from "./ElfUtil.js";
 import { ExpressionParser } from "./ExpressionParser.js";
 
@@ -709,17 +709,17 @@ CellPainter.prototype._getStyles = function(rowData, min, max) {
 			if(this._coloringType === CellPainter.ColoringTypes.HEATMAP) {
 				let blendedColor;
 				if(ret > 0) {
-					blendedColor = CellPainter.blendColor(curCond["baseColor"], curCond["upColor"], ret);
+					blendedColor = blendColor(curCond["baseColor"], curCond["upColor"], ret);
 				} else {
-					blendedColor = CellPainter.blendColor(curCond["baseColor"], curCond["downColor"], -ret);
+					blendedColor = blendColor(curCond["baseColor"], curCond["downColor"], -ret);
 				}
 
 				if(curCond["textMode"]) {
-					CellPainter._colorObj["color"] = CellPainter.num2Hex(blendedColor);
+					CellPainter._colorObj["color"] = num2Hex(blendedColor);
 					return CellPainter._colorObj;
 				} else {
-					CellPainter._bgObj["backgroundColor"] = CellPainter.num2Hex(blendedColor);
-					CellPainter._bgObj["color"] = CellPainter.blackAndWhite(blendedColor);
+					CellPainter._bgObj["backgroundColor"] = num2Hex(blendedColor);
+					CellPainter._bgObj["color"] = getContrastColor(blendedColor);
 
 					return CellPainter._bgObj;
 				}
@@ -751,94 +751,44 @@ CellPainter.prototype._getStyles = function(rowData, min, max) {
 };
 
 /** @public
+* @function
 * @param {string} baseColor
 * @param {string} maxColor
 * @param {number} ratio [0, 1]
 * @return {Array.<number>} resultColor
 */
-CellPainter.blendColor = function (baseColor, maxColor, ratio) { // TODO: Optimize this
-	if (ratio > 1) {
-		ratio = 1;
-	} else if(ratio < 0) {
-		ratio = 0;
-	}
-
-	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);
-	}
-
-	return blendResult;
-};
-
-/** @private
-* @param {Array.<number>} triplet
-* @return {string} resultColor
-*/
-CellPainter.blackAndWhite = function (triplet) {
-	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';
-	}
-	return '#FFFFFF';
-};
-
+CellPainter.blendColor = blendColor; // For backward compatability
 /** @public
 * @function
 * @param {string} rgbCode
 * @return {string} resultColor E.g. "#10FF0D"
 */
 CellPainter.rgb2Hex = rgb2Hex; // For backward compatability
-
 /** @public
 * @function
 * @param {Array.<number>} triplet
 * @return {string} resultColor
 */
-CellPainter.num2Hex = function (triplet) {
-	let rgb = triplet[2] | (triplet[1] << 8) | (triplet[0] << 16);
-	return ('#' + (0x1000000 + rgb).toString(16).slice(1));
-};
+CellPainter.num2Hex = num2Hex; // For backward compatability
 /** Note that Chrome, IE, and Firefox store color in rgb representation.
 * @public
 * @function
 * @param {Array.<number>} triplet
 * @return {string} Color string in RGB represetation (e.g. rgb(100, 44, 1))
 */
-CellPainter.num2Rgb = function (triplet) {
-	return 'rgb(' + triplet[0] + ', ' + triplet[1] + ', ' + triplet[2] + ')';
-};
+CellPainter.num2Rgb = num2Rgb; // For backward compatability
 /** @public
 * @function
 * @param {string} hex
 * @return {Array.<number>} array of size 3 which contains [red, green, blue]
 */
-CellPainter.hex2Num = function (hex) {
-	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];
-};
+CellPainter.hex2Num = hex2Num; // For backward compatability
 /** @public
 * @function
 * @param {string} hex Color string with leading # character (e.g. #FFAA00)
 * @return {string} Color string in RGB represetation (e.g. rgb(100, 44, 1))
 */
-CellPainter.hex2Rgb = function (hex) {
-	if(hex) {
-		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 '';
-};
+CellPainter.hex2Rgb = hex2Rgb; // For backward compatability
 
 /** Deprecated. Colors should be changed according to user's settings by CellPainter#loadThemeColors
 * @private
@@ -974,11 +924,11 @@ CellPainter._clearBlinkTimer = function(scp, opt_restoreColor) {
 CellPainter.getOppositeColor = function (hexCode) {
 	if(typeof hexCode === "string") {
 		if(hexCode.charAt(0) === "#") {
-			let triplet = CellPainter.hex2Num(hexCode);
-			return CellPainter.blackAndWhite(triplet);
+			let triplet = hex2Num(hexCode);
+			return getContrastColor(triplet);
 		}
 	} else if(Array.isArray(hexCode)) {
-		return CellPainter.blackAndWhite(hexCode);
+		return getContrastColor(hexCode);
 	}
 	return "";
 };

package/lib/tr-grid-util/es6/Color.d.ts

@@ -0,0 +1,40 @@
+
+
+declare namespace Color {
+
+}
+
+declare function rgb2Hex(rgbCode: string): string;
+
+declare function num2Hex(triplet: (number)[]|null): string;
+
+declare function num2Rgb(triplet: (number)[]|null): string;
+
+declare function hex2Num(hex: string): (number)[]|null;
+
+declare function hex2Rgb(hex: string): string;
+
+declare function getColorLuminance(color: number): number;
+
+declare function getRelativeLuminance(triplet: (number)[]|null): number;
+
+declare function getContrastRatio(lumin1: number, lumin2: number): number;
+
+declare function getContrastColor(triplet: (number)[]|null): string;
+
+declare function blendColor(baseColor: string, maxColor: string, ratio: number): (number)[]|null;
+
+export default Color;
+export {
+	Color,
+	rgb2Hex,
+	num2Hex,
+	num2Rgb,
+	hex2Num,
+	hex2Rgb,
+	getColorLuminance,
+	getRelativeLuminance,
+	getContrastRatio,
+	getContrastColor,
+	blendColor
+};

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

@@ -0,0 +1,210 @@
+/** @namespace */
+let Color = {};
+
+/** @private
+* @constant
+* @type {RegExp}
+*/
+const NumRegExp = /\d+/g;
+
+/** Convert CSS rgb or rgba formats to CSS hex color string (with # prefix)
+* @public
+* @param {string} rgbCode RGB values without # prefix
+* @return {string} RGB in hex code (with # prefix)
+* @example
+* rgb2Hex("rgb(255, 255, 0)"); // "#FFFF00"
+* rgb2Hex("rgba(255, 255, 0, 1)"); // "#FFFF00"
+* rgb2Hex("255 255.0"); // "#FFFF00"
+* rgb2Hex("#FFFF00"); // "#FFFF00"
+* rgb2Hex("#1a1a1a"); // "#1a1a1a"
+* rgb2Hex("2552550"); // "2552550"
+* rgb2Hex("invalid"); // "invalid"
+* rgb2Hex(null); // ""
+*/
+let rgb2Hex = function (rgbCode) {
+	if(!rgbCode || typeof rgbCode !== "string") {
+		return "";
+	}
+	if(rgbCode.charAt(0) === "#") {
+		return rgbCode;
+	}
+	let rgb = rgbCode.match(NumRegExp);
+	if(!rgb || rgb.length < 3) {
+		return rgbCode;
+	}
+
+	let hex = "#";
+	for(let i = 0; i < 3; i++) {
+		let num = +rgb[i];
+		if(!(num >= 16)) { // Handle NaN case
+			hex += "0";
+		}
+		hex += (num) ? num.toString(16).toUpperCase() : "0";
+	}
+	return hex;
+};
+
+/** @public
+* @function
+* @param {Array.<number>} triplet
+* @return {string} resultColor
+*/
+let num2Hex = function (triplet) {
+	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.
+* @public
+* @function
+* @param {Array.<number>} triplet
+* @return {string} Color string in RGB represetation (e.g. rgb(100, 44, 1))
+*/
+let num2Rgb = function (triplet) {
+	return "rgb(" + triplet[0] + ", " + triplet[1] + ", " + triplet[2] + ")";
+};
+/** @public
+* @function
+* @param {string} hex
+* @return {Array.<number>} Array of size 3 which contains [red, green, blue]
+*/
+let hex2Num = function (hex) {
+	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
+* @function
+* @param {string} hex Color string with leading # character (e.g. #FFAA00)
+* @return {string} Color string in RGB represetation (e.g. rgb(100, 44, 1))
+*/
+let hex2Rgb = function (hex) {
+	if(hex) {
+		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 "";
+};
+
+/** @public
+* @function
+* @param {number} color A color component (e.g., R, G, or B) with value between 0 and 255 (inclusive)
+* @return {number} Normalized luminance value between 0 and 1
+*/
+let getColorLuminance = function (color) {
+	if(!color || color < 0) {
+		return 0;
+	}
+	if(color >= 255) {
+		return 1;
+	}
+	let normalizedColor = color / 255;
+	if(normalizedColor <= 0.03928) {
+		return normalizedColor / 12.92;
+	}
+	return Math.pow((normalizedColor + 0.055) / 1.055, 2.4);
+};
+/** The relative brightness of any point in a colorspace, normalized to 0 for darkest black and 1 for lightest white (https://www.w3.org/TR/WCAG20/#relativeluminancedef)
+* @public
+* @function
+* @param {Array.<number>} triplet
+* @return {number} Normalized value between 0 and 1
+*/
+let getRelativeLuminance = function (triplet) {
+	let R = getColorLuminance(triplet[0]);
+	let G = getColorLuminance(triplet[1]);
+	let B = getColorLuminance(triplet[2]);
+
+	return 0.2126 * R + 0.7152 * G + 0.0722 * B;
+};
+/** @public
+* @function
+* @param {number} lumin1
+* @param {number} lumin2
+* @return {number} Contrast ratios can range from 1 to 21 (commonly written 1:1 to 21:1).
+*/
+let getContrastRatio = function (lumin1, lumin2) {
+	if(lumin1 === lumin2) {
+		return 1;
+	}
+	let darker = lumin1;
+	let lighter = lumin2;
+
+	if(lumin1 > lumin2) {
+		lighter = lumin1;
+		darker = lumin2;
+	}
+	return (lighter + 0.05) / (darker + 0.05);
+};
+/** @public
+* @function
+* @param {Array.<number>} triplet
+* @return {string} white or black color in hex code
+*/
+let getContrastColor = function (triplet) {
+	let luminance = getRelativeLuminance(triplet);
+	let contrastW = getContrastRatio(1, luminance);
+	let contrastB = getContrastRatio(0, luminance);
+
+	if (contrastB >= contrastW) { // Brighter color has more impact to human eye than the darker color
+		return "#000000";
+	}
+	return "#ffffff";
+};
+
+/** Blend two colors into single color with the specified ratio
+* @public
+* @function
+* @param {string} baseColor
+* @param {string} maxColor
+* @param {number} ratio [0, 1]
+* @return {Array.<number>} resultColor
+*/
+let blendColor = function (baseColor, maxColor, ratio) { // This can be optimized further
+	if (ratio > 1) {
+		ratio = 1;
+	} else if(ratio < 0) {
+		ratio = 0;
+	}
+
+	let baseColorTriplet = hex2Num(baseColor);
+	let maxColorTriplet = hex2Num(maxColor);
+	let blendResult = [];
+	for (let i = 0; i < 3; ++i) {
+		let gap = (maxColorTriplet[i] - baseColorTriplet[i]) * ratio;
+		blendResult.push(baseColorTriplet[i] + gap);
+	}
+
+	return blendResult;
+};
+
+
+Color.rgb2Hex = rgb2Hex;
+Color.num2Hex = num2Hex;
+Color.num2Rgb = num2Rgb;
+Color.hex2Num = hex2Num;
+Color.hex2Rgb = hex2Rgb;
+Color.getColorLuminance = getColorLuminance;
+Color.getRelativeLuminance = getRelativeLuminance;
+Color.getContrastRatio = getContrastRatio;
+Color.getContrastColor = getContrastColor;
+Color.blendColor = blendColor;
+
+export default Color;
+export {
+	Color,
+	rgb2Hex,
+	num2Hex,
+	num2Rgb,
+	hex2Num,
+	hex2Rgb,
+	getColorLuminance,
+	getRelativeLuminance,
+	getContrastRatio,
+	getContrastColor,
+	blendColor
+};

package/lib/tr-grid-util/es6/Util.d.ts

@@ -1,4 +1,4 @@
-
+import { rgb2Hex } from "./Color.js";
 
 declare namespace Util {
 
@@ -42,8 +42,6 @@ declare function isTouchDevice(): boolean;
 
 declare function nestedObjectToArray(obj: any, ary?: any[]|null): any[]|null;
 
-declare function rgb2Hex(rgbCode: string): string;
-
 declare function prepareTSVContent(data: any): string;
 
 export default Util;

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

@@ -1,3 +1,5 @@
+import { rgb2Hex } from "./Color.js";
+
 /** @namespace */
 let Util = {};
 
@@ -453,43 +455,6 @@ let nestedObjectToArray = function (obj, ary) {
 	return ary;
 };
 
-/** Convert CSS rgb or rgba formats to CSS hex color string (# prefix)
-* @public
-* @param {string} rgbCode
-* @return {string}
-* @example
-* rgb2Hex("rgb(255, 255, 0)"); // "#FFFF00"
-* rgb2Hex("rgba(255, 255, 0, 1)"); // "#FFFF00"
-* rgb2Hex("255 255.0"); // "#FFFF00"
-* rgb2Hex("#FFFF00"); // "#FFFF00"
-* rgb2Hex("#1a1a1a"); // "#1a1a1a"
-* rgb2Hex("2552550"); // "2552550"
-* rgb2Hex("invalid"); // "invalid"
-* rgb2Hex(null); // ""
-*/
-let rgb2Hex = function (rgbCode) {
-	if(!rgbCode || typeof rgbCode !== "string") {
-		return "";
-	}
-	if(rgbCode.charAt(0) === "#") {
-		return rgbCode;
-	}
-	let rgb = rgbCode.match(/\d+/g);
-	if(!rgb || rgb.length < 3) {
-		return rgbCode;
-	}
-
-	let hex = "#";
-	for(let i = 0; i < 3; i++) {
-		let num = +rgb[i];
-		if(!(num >= 16)) { // Handle NaN case
-			hex += "0";
-		}
-		hex += (num) ? num.toString(16).toUpperCase() : "0";
-	}
-	return hex;
-};
-
 /** transform data to tab seperated value
 * @public
 * @param {*} data

package/lib/types/es6/Core/grid/Core.d.ts

@@ -175,6 +175,10 @@ declare class Core extends ElementWrapper {
 
     public setColumnStyle(colIndex: number, style: string, value: string, opt_type?: string|null): void;
 
+    public getColumnBackgroundColor(colIndex: number): string;
+
+    public setColumnBackgroundColor(colIndex: number, color?: string|null): void;
+
     public enableColumnClass(colIndex: number, clsName: string, enabled?: boolean|null, opt_type?: string|null): boolean;
 
     public hasColumnClass(colIndex: number, clsName: string, opt_type?: string|null): boolean;