@refinitiv-ui/efx-grid 6.0.40 → 6.0.41

package/lib/rt-grid/dist/rt-grid.js

@@ -81,7 +81,7 @@
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 5);
+/******/ 	return __webpack_require__(__webpack_require__.s = 0);
 /******/ })
 /************************************************************************/
 /******/ ([
@@ -89,670 +89,614 @@
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Ext; });
-/** Provide ability for prototype based Class to inherits another class
-* @namespace
-* @example
-* var BaseClass = function() {};
-* BaseClass.prototype.method = function() {};
-* BaseClass.prototype._member = 1;
-* var DerivedClass = function() {};
-* Ext.inherits(DerivedClass, BaseClass); // Derived class will have methods and members of the base class
-* // To call base class method
-* DeriveClass["base"](this, "methodName", ...params);
-*/
-var Ext = {};
-
-/** @public
-* @function
-* @param {Function} childCtor
-* @param {Function} parentCtor
-*/
-Ext.inherits = function (childCtor, parentCtor) {
-	/** @constructor
-* @ignore
-*/
-	function tempCtor() { }
-	tempCtor.prototype = parentCtor.prototype;
-	childCtor.prototype = new tempCtor();
-	childCtor.prototype.constructor = childCtor;
-
-	/** Calls superclass constructor/method. <br>
-* This function is only available if you use goog.inherits to <br>
-* express inheritance relationships between classes. <br>
-* NOTE: This is a replacement for goog.base and for superClass_ <br>
-* property defined in childCtor.
-* @param {!Object} me Should always be "this".
-* @param {(string|null)=} methodName The method name to call. Calling superclass constructor can be done with the special string 'constructor'.
-* @param {...*} var_args The arguments to pass to superclass <br>
-* method/constructor.
-* @return {*} The return value of the superclass method/constructor.
-*/
-	childCtor["base"] = function(me, methodName, var_args) {
-		if(!methodName) { methodName = 'constructor'; }
-		// Copying using loop to avoid deop due to passing arguments object to function. This is faster in many JS engines as of late 2014.
-		var len = arguments.length;
-		var args = new Array(len); // http://jsperf.com/creating-an-array
-		for (var i = 2; i < len; i++) {
-			args[i - 2] = arguments[i];
-		}
-		return parentCtor.prototype[methodName].apply(me, args);
-	};
-};
-
-/* harmony default export */ __webpack_exports__["b"] = (Ext);
-
-
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
 
-/***/ }),
-/* 1 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, "Grid", function() { return /* reexport */ Grid; });
 
-"use strict";
-/* unused harmony export Util */
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return extendObject; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return cloneObject; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return isEmptyObject; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return deepEqual; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return arrayToObject; });
-/* unused harmony export extendProperty */
-/* unused harmony export extendArrayProperty */
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "h", function() { return parseCondition; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "i", function() { return prettifyCss; });
-/* unused harmony export getShadowRoot */
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return injectCss; });
-/* unused harmony export isIE */
-/* unused harmony export isMac */
-/* unused harmony export isTouchDevice */
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "g", function() { return nestedObjectToArray; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "j", function() { return rgb2Hex; });
-/* unused harmony export prepareTSVContent */
+// CONCATENATED MODULE: ./node_modules/tr-grid-util/es6/Dom.js
 /** @namespace */
-var Util = {};
+var Dom = {};
 
-/** This is a shorthand for fetch() API by POST method and with json body <br>
-* WARNING: fetch is not supported in IE (including IE11)
+/** Shorthand for creating an element with class
 * @public
-* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch}
 * @function
-* @param {string} url
-* @param {Object|string} obj
-* @return {!Promise<Response>}
+* @param {string} tagName
+* @param {string=} className
+* @return {!Element}
 */
-Util.post = function(url, obj) { // Not supported in IE
-	return Util._post(url, obj).then(Util.toJSON);
+Dom.create = function(tagName, className) {
+	var elem = document.createElement(tagName);
+	if(className) {
+		elem.className = className;
+	}
+	return elem;
 };
-/** Request a server response from server as text by POST method <br>
-* WARNING: fetch is not supported in IE (including IE11)
+/** Shorthand for creating a div element with class
 * @public
-* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch}
 * @function
-* @param {string} url
-* @param {Object|string} obj
-* @return {!Promise<Response>}
+* @param {string=} className
+* @return {!Element}
 */
-Util.requestText = function(url, obj) { // Not supported in IE
-	return Util._post(url, obj, "text/plain").then(Util.toText);
+Dom.div = function(className) {
+	return Dom.create("div", className);
 };
-/** Request a server response from server by POST method and with url-encoded body <br>
-* WARNING: fetch is not supported in IE (including IE11)
+/** Shorthand for creating a span element with textContent
 * @public
-* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch}
 * @function
-* @param {string} url
-* @param {string} obj
-* @return {!Promise<Response>}
+* @param {string=} textContent
+* @param {string=} className
+* @return {!Element}
 */
-Util.requestByUrlEncoded = function(url, obj) { // Not supported in IE
-	return Util._post(url, obj, "application/x-www-form-urlencoded").then(Util.toJSON);
+Dom.text = function(textContent, className) {
+	var elem = Dom.create("span", className);
+	if(textContent || textContent === 0) {
+		elem.textContent = textContent;
+	}
+	return elem;
 };
 
-/** @public
+/** Shorthand for appending multiple children
+* @public
 * @function
-* @param {Response} resp
-* @return {!Promise<Object>}
+* @param {Element} parentElem
+* @param {...Node|Array} children
+* @return {Element} Parent element
 */
-Util.toJSON = function (resp) {
-	if(Util._logError(resp)) {
-		return Promise.reject(resp);
+Dom.appendChild = function(parentElem, children) {
+	if(!parentElem) {
+		return null;
 	}
-	return resp.json();
+	var i, ary;
+	if(Array.isArray(arguments[1])) {
+		ary = arguments[1];
+		i = 0;
+	} else {
+		ary = arguments;
+		i = 1;
+	}
+	var len = ary.length;
+	while(i < len) {
+		parentElem.appendChild(ary[i]);
+		++i;
+	}
+	return parentElem;
 };
-/** @public
+/** Shorthand for appending multiple children in a tree like manner
+* @public
 * @function
-* @param {Response} resp
-* @return {!Promise<string>}
+* @param {Element} parentElem
+* @param {...Node|Array} children The first child from the given array will be treated as a parent of all subsequence items.
+* @return {Element} Parent element
+* @example
+* Dom.buildTree(p1,
+*   ch1,
+*   ch2,
+*   [ch3_p1,
+*	 ch3_ch1,
+*	 ch3_ch2
+*   ]
+* );
 */
-Util.toText = function (resp) {
-	if(Util._logError(resp)) {
-		return Promise.reject(resp);
+Dom.buildTree = function(parentElem, children) {
+	if(!parentElem) {
+		return null;
 	}
-	return resp.text();
+	var args = arguments;
+	var len = args.length;
+	for(var i = 1; i < len; ++i) {
+		var child = args[i];
+		if(child) {
+			var childElem;
+			if(Array.isArray(child)) {
+				childElem = Dom.buildTree.apply(null, child);
+			} else if(child.nodeType === 1) {
+				childElem = /** @type{Element} */(child);
+			}
+			if(childElem) {
+				parentElem.appendChild(childElem);
+			}
+		}
+	}
+	return parentElem;
 };
-
-/** @private
-* @see {@link https://en.wikipedia.org/wiki/List_of_HTTP_status_codes}
+/** Put the given element out of the document
 * @function
-* @param {Response} resp
-* @return {boolean}
+* @param {Node|Element} child
+* @return {Element} Parent Element
 */
-Util._logError = function(resp) {
-	if(resp && resp.status >= 300) {
-		console.log("Response " + resp.status + ": " + resp.statusText);
-		return true;
+Dom.removeParent = function (child) {
+	if(!child) { return null; }
+	var parent = child.parentNode;
+	if(parent) {
+		parent.removeChild(child);
 	}
-	return false;
+	return parent;
 };
-/** @private
+/** Safely set parent for the specified child element
 * @function
-* @param {string} url
-* @param {Object|string} obj
-* @param {string=} contentType
-* @return {!Promise<Response>}
+* @param {Node|Element} child
+* @param {Node|Element} parent
+* @return {Element} Parent Element
 */
-Util._post = function(url, obj, contentType) {
-	var options = {
-		method: obj ? "POST" : "GET",
-		headers: { "Content-Type": contentType || "application/json" }
-	};
-	if(obj) {
-		options.body = typeof obj === "string" ? obj : JSON.stringify(obj);
+Dom.setParent = function (child, parent) {
+	if(!child) { return null; }
+	if(parent) {
+		parent.appendChild(child);
+		return parent;
+	} else {
+		return Dom.removeParent(child);
 	}
-
-	return fetch(url, options);
 };
-
-/** WARNING: Only one level of property tree is affected (i.e. no recursive or nested operation). <br>
-* Property with undefined or null value will not have an impact on the object. <br>
-* Existing properties will be overridden.
-* @public
+/** Remove all child nodes
 * @function
-* @param {Object} obj Object that is extended (new properties will be added to this object)
-* @param {Object=} extender Master object (no modification will be made on the extender)
-* @param {Array.<string>=} limiters Specify property to be extended
-* @return {Object}
+* @param {Node|Element} elem
+* @param {number=} count
 */
-var extendObject = function (obj, extender, limiters) {
-	if(!obj) { // null undefined NaN empty string and 0
-		return null;
-	}
-	if(!extender || obj === extender) {
-		return obj;
-	}
-
-	var key;
-	if(limiters) {
-		var len = limiters.length;
-		for(var i = 0; i < len; ++i) {
-			key = limiters[i];
-			if(key) {
-				extendProperty(obj, extender, key);
-			}
+Dom.removeChildren = function (elem, count) {
+	if(elem) {
+		var childCount = elem.childNodes.length;
+		if(count == null || count > childCount) {
+			count = childCount;
 		}
-	} else {
-		for(key in extender) {
-			extendProperty(obj, extender, key);
+		while(--count >= 0) {
+			elem.removeChild(elem.lastChild);
 		}
 	}
-	return obj;
-};
-/** WARNING: Only one level of property tree is affected (i.e. no recursive or nested operation). <br>
-* Property with undefined or null value will not be cloned.
-* @public
-* @function
-* @param {Object} obj
-* @param {Array.<string>=} limiters
-* @return {Object}
-*/
-var cloneObject = function (obj, limiters) {
-	return extendObject({}, obj, limiters);
 };
-
-/** Check empty object
+/** Ensure that element will contain only the given nodes (all other existing nodes are removed).
 * @public
 * @function
-* @param {Object} obj
-* @return {boolean}=true, if the obj is empty
+* @param {Element} elem
+* @param {*} val Element, Node, string, number, or everything else.
 */
-var isEmptyObject = function (obj) {
-	for (var key in obj) {
-		return false;
+Dom.setContent = function(elem, val) {
+	if(elem) {
+		if(val || val === 0) {
+			var nt = val.nodeType;
+			if(nt === 1 || nt === 3) {
+				if(val !== elem.lastChild) {
+					Dom.removeChildren(elem);
+					elem.appendChild(/** @type{Node} */(val));
+				}
+			} else if(Array.isArray(val)) {
+				Dom.removeChildren(elem); // Could be slow, if duplicates are given
+				Dom.appendChild(elem, val);
+			} else {
+				elem.textContent = val; // Implicit text conversion
+			}
+		} else {
+			Dom.removeChildren(elem);
+		}
 	}
-	return true;
 };
 
-/** @public
-* @param {Array=} data
-* @param {Array.<string>=} fields In case of the given data is an array, this param will be used for mapping index to field
-* @return {Object|null}
+/** A quick way to toggle attribute on and off.
+* @function
+* @param {Element} elem
+* @param {string} attr Attribute name (e.g. disabled, readonly, style, class)
+* @param {*=} bool Truthy or falsy value. If specified, this method is equivalent to setter method.
 */
-var arrayToObject = function(data, fields) {
-	if(!Array.isArray(data)) {
-		return data;
-	} else if(!fields) {
-		return null;
-	}
-	var ary = data;
-	data = {};
-	var len = ary.length;
-	for(var i = 0; i < len; ++i) {
-		var field = fields[i];
-		// eslint-disable-next-line no-undefined
-		if(field && ary[i] !== undefined) {
-			data[field] = ary[i];
+Dom.toggleAttribute = function (elem, attr, bool) {
+	if(bool) {
+		elem.setAttribute(attr, (typeof bool === "string") ? bool : "");
+	} else if(bool == null) {
+		if(elem.hasAttribute(attr)) {
+			elem.removeAttribute(attr);
+		} else {
+			elem.setAttribute(attr, "");
 		}
+	} else {
+		elem.removeAttribute(attr);
 	}
-	return data;
 };
-/** Replace the specified property with the value from the extender. If the value is an array, the value will be added to the array instead of replacement
-* @public
+/** A quick way to toggle class on and off. Note that this is a replacement for classList.toggle() as IE10 doesn't support it.
+* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Element/classList}
 * @function
-* @param {Object} obj
-* @param {Object} extender
-* @param {string} propName
-* @example
-* extendProperty({a: 0}, {a: 1}, "a"); // {a: 1}
-* extendProperty({a: 0}, {b: 1}, "b"); // {a: 0, b: 1}
-* extendProperty({a: [0]}, {a: 1}, "a"); // {a: [0, 1]}
-* extendProperty({a: [0]}, {a: [1, 2]}, "a"); // {a: [0, 1, 2]}
+* @param {Element} elem
+* @param {string} classStr Non space class name
+* @param {*=} bool Truthy or falsy value. If specified, this method is equivalent to setter method.
 */
-var extendProperty = function (obj, extender, propName) {
-	var val = extender[propName];
-	if(val != null) {
-		var objVal = obj[propName];
-		if(Array.isArray(objVal)) {
-			obj[propName] = objVal.concat(val);
-		} else if(Array.isArray(val) && objVal) {
-			obj[propName] = val.concat(objVal); // TODO: Preserve the order
+Dom.toggleClass = function (elem, classStr, bool) {
+	if(bool) {
+		elem.classList.add(classStr);
+	} else if(bool == null) {
+		if(elem.classList.contains(classStr)) {
+			elem.classList.remove(classStr);
 		} else {
-			obj[propName] = val; // WARNING: Overriding existing data
+			elem.classList.add(classStr);
 		}
+	} else {
+		elem.classList.remove(classStr);
 	}
 };
-
-
-/** Compare the values of obj1 and obj2. if they are the same object or have the same value, the result will be true. Otherwise, it will return false.
-* @public
-* @param {*} obj1
-* @param {*} obj2
-* @return {boolean}
+/** A quick way to add multiple classes without altering existing classes in the element. This does not necessarily mean that this method has high performance.
+* @function
+* @param {Element} elem
+* @param {...string} classes CSS Class names without any space in the name. Array can be given as well
+* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Element/classList}
 */
-var deepEqual = function (obj1, obj2) {
-
-	if(obj1 === obj2) {
-		return true;
-	}
-
-	if (typeof obj1 !== typeof obj2) {
-		return false;
-	}
-
-	if (typeof obj1 === "object") {
-
-		// We need to split array and object for performance reason
-		if(Array.isArray(obj1)) {
-			if(obj1.length !== obj2.length) {
-				return false;
-			}
-
-			for (var i = 0; i < obj1.length; i++) {
-				if (!deepEqual(obj1[i], obj2[i])) { // The array may not be a match if the elements are not sorted, so it will not be considered equal if there is a mismatch.
-					return false;
-				}
-			}
-
-		} else {
-
-			if (Object.keys(obj1).length !== Object.keys(obj2).length) {
-				return false;
-			}
-
-			for (var key in obj1) {
-				if (!deepEqual(obj1[key], obj2[key])) {
-					return false;
-				}
+Dom.addClasses = function (elem, classes) {
+	if(elem) {
+		var ary = Array.isArray(classes) ? classes : arguments;
+		var len = ary.length;
+		for(var i = 0; i < len; ++i) {
+			var str = ary[i];
+			if(str && typeof str == "string") {
+				elem.classList.add(str);
 			}
 		}
-
-
-		return true;
 	}
-
-	return false;
-
 };
-/** Array.push() is much faster than Array.concat(). The downside is the parameters must be an array, whereas concat() has no such requirement. <br>
-* This method excels in extending known array property in an object.
-* @public
+/** A quick way to remove multiple classes without altering unrelated classes in the element. This does not necessarily mean that this method has high performance.
 * @function
-* @param {Object} obj
-* @param {string} propName
-* @param {*} ary
-* @return {Array} Returns the result of the extended array
-* @see {@link https://dev.to/uilicious/javascript-array-push-is-945x-faster-than-array-concat-1oki}
-* @example
-* var obj = {};
-* extendArrayProperty(obj, "prop1", 1); // [1]
-* extendArrayProperty(obj, "prop1", 2); // [1, 2]
-* extendArrayProperty(obj, "prop1", [3, 4]); // [1, 2, 3, 4]
-* obj.prop2 = 5;
-* extendArrayProperty(obj, "prop2", 6); // [5, 6]
-* extendArrayProperty(obj, "prop2", [7]); // [5, 6, 7]
-* extendArrayProperty(obj, "prop2", null); // null
+* @param {Element} elem
+* @param {...string} classes CSS Class names without any space in the name. Array can be given as well
+* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Element/classList}
 */
-var extendArrayProperty = function (obj, propName, ary) {
-	var objAry = null;
-	if(ary) {
-		var objVal = obj[propName];
-		if(objVal) {
-			if(Array.isArray(objVal)) {
-				objAry = objVal;
-			} else {
-				objAry = obj[propName] = [objVal];
-			}
-		} else {
-			objAry = obj[propName] = [];
-		}
-		// objAry is guaranteed to be an array at this point
-
-		if(Array.isArray(ary)) {
-			if(ary.length) {
-				if(ary.length > 1) {
-					Array.prototype.push.apply(objAry, ary);
-				} else {
-					objAry.push(ary[0]);
-				}
+Dom.removeClasses = function (elem, classes) {
+	if(elem) {
+		var ary = Array.isArray(classes) ? classes : arguments;
+		var len = ary.length;
+		for(var i = 0; i < len; ++i) {
+			var str = ary[i];
+			if(str && typeof str == "string") {
+				elem.classList.remove(str);
 			}
-		} else {
-			objAry.push(ary);
 		}
 	}
-	return objAry;
 };
 
-
-/** Regex for matching the field token E.g. '[CF_BID]'
-* @type {!RegExp}
-* @private
-* @const
+/** @public
+* @function
+* @param {Event} e
 */
-var _bracketExp = new RegExp(/\[[^\[]*\]/g); // eslint-disable-line no-useless-escape
+Dom.preventDefault = function(e) {
+	e.preventDefault();
+	e.stopPropagation();
+};
 /** @public
 * @function
-* @param {string|Function} expression
-* @return {Function}
-* @example
-* var fn = parseCondition("[CF_BID] >= 10 && [CF_BID] <= 100");
-* window.console.log(fn(25));
+* @param {Event} e
 */
-var parseCondition = function(expression) {
-	if(!expression) {
-		return null;
-	}
-	if(typeof expression !== "string") {
-		return (typeof expression == "function") ? /** @type {Function} */(expression) : null;
-	}
-
-	var brackets = expression.match(_bracketExp); // Retrieving field tokens (anything in between brackets)
-	var map = {}; // For checking duplication
-	var fields = [];
-	var len = brackets ? brackets.length : 0;
-	for(var i = len; --i >= 0;) {
-		var field = brackets[i];
-		if(!map[field]) {
-			map[field] = "f[" + fields.length + "]"; // Create mapping of field token to array with index E.g. { "[CF_BID]": "f[0]" }
-			fields.push(field.substring(1, field.length - 1)); // Strip '[' and ']' of field token to get field name
-		}
-	}
+Dom.stopPropagation = function(e) {
+	e.stopPropagation();
+};
 
-	// Replace the field tokens with rowData of array with index E.g. [CF_BID] ==> rowData[f[0]]
-	expression = expression.replace(_bracketExp, function(match) {
-		return "rowData[" + map[match] + "]";
-	});
-	var finalExp = "(function(f, rowData) { return (" + expression + "); })";
 
-	var fn = null;
-	try {
-		fn = eval(finalExp);
-		fn = fn.bind(null, fields); // Bind fields for matching field name
-	} catch(err) {
-		console.log(err.message);
+/** Get client prosition from the given target. Supports only for modern browser (Gecko 1.9+, modern Webkit)
+* @public
+* @function
+* @param {!Element|Event|MouseEvent} target
+* @param {*=} retObj An object that stores returned values
+* @return {!Object} Return object with property x and y
+*/
+Dom.getClientPosition = function(target, retObj) {
+	var pos = retObj || {"x": 0, "y": 0};
+	if(target["getBoundingClientRect"]){
+		var box = target["getBoundingClientRect"]();
+		pos["x"] = box.left;
+		pos["y"] = box.top;
+	} else { //Event
+		pos["x"] = target.clientX;
+		pos["y"] = target.clientY;
 	}
-	return (fn) ? fn : null;
-};
 
-
-/** @private
-* @param {string|Array.<string>} item
-* @return {string}
-*/
-var _encloseBracket = function(item) {
-	return Array.isArray(item) ? "{\n" + item.join("\n") + "\n}" : item;
-};
-/** @private
-* @param {string} str
-* @return {string}
-*/
-var _indentBracketContent = function(str){
-	return str.replace(/\n+/g, "\n\t").replace(/\n\t}$/, "\n}");
+	return /**@type {!Object} */(pos);
 };
-/** @public
-* @param {string|Array} css
-* @return {string} prettified CSS string
+/** Get position of A element that is relative to the B element. <br>
+* Top-left of B is used as registration a point (0, 0) for x and y. <br>
+* For example, if A is located to right of B, "x" will be positive, If A is located below B, "y" will be positive.
+* @public
+* @function
+* @param {!Element|Event|MouseEvent} A HTMLElement, Browser's event, or mouse event object
+* @param {!Element|Event|MouseEvent} B HTMLElement, Browser's event, or mouse event object
+* @param {*=} retObj An object that stores returned values
+* @return {!Object} an object with "x" and "y" values
 * @example
-* prettifyCss(["div", [
-*   "color: red;",
-*   "padding: 20px;"
-* ],
-* ".class", [
-*   "margin: 0;"
-* ]
-* ]);
+* Dom.getRelativePosition(popupA, document.body); // Get position of popupA that is relative to the document body
 */
-var prettifyCss = function(css) {
-	if(css) {
-		var cssStr = "";
-		if (Array.isArray(css)) {
-			var ary = css.map(_encloseBracket);
-			cssStr = ary.join("\n").replace(/{\s*{/g, "{").replace(/\s+{/g, " {");
-		} else {
-			cssStr = (typeof css === "string") ? css : css + "";
-		}
+Dom.getRelativePosition = function(A, B, retObj) {
+	retObj = Dom.getClientPosition(A, retObj);
+	var bp = Dom.getClientPosition(B);
 
-		if(cssStr) {
-			return cssStr.replace(/{[\w\W]*?}/g, _indentBracketContent);
-		}
-	}
-	return "";
+	retObj["x"] -= bp["x"];
+	retObj["y"] -= bp["y"];
+	return /**@type {!Object} */(retObj);
 };
-/** Get shadow root of the given element regardless of whether the element is in the DOM or not. The immediate shadow root parent is returned in case of nested shadow roots. Any other case return null.
+/** The method returns closest ancestor element or the element itself with specified class string. Otherwise, it returns null
 * @public
-* @param {Element} elem
-* @return {DocumentFragment}
+* @function
+* @param {Element|Node|undefined} elem
+* @param {string} classStr The class string can only be one single class without spaces
+* @return {Element}
 */
-var getShadowRoot = function(elem) {
-	if(elem) {
-		var rootNode;
-		if(elem.shadowRoot) {
-			rootNode = elem.shadowRoot;
-		} else if(elem.getRootNode) {
-			rootNode = elem.getRootNode();
-		}
-		if(rootNode) { // getRootNode does not supported in IE. It should be implemented by the polyfills
-			if(rootNode !== document) { // element that is in the DOM and not in the shadow has document as its root node
-				if(rootNode !== elem) { // element that is NOT in the DOM and not in the shadow has itself as its root node
-					return rootNode;
-				}
+Dom.closestElement = function(elem, classStr) {
+	var n = elem;
+	while (n) {
+		if(n.classList) { // DocumentFragment does not have classList property
+			if (n.classList.contains(classStr)) {
+				return /** @type{Element} */(n);
 			}
 		}
+		n = n.parentNode || n.host; // ShadowRoot has host, but not parentNode
 	}
 	return null;
 };
-/** Attach style tag to the proper document (in case of element inside a shadow root)
+/** The method returns closest ancestor element or the element itself with the specified tagName. Otherwise, it returns null
 * @public
-* @param {string} cssStr Valid CSS string (e.g. "div {color: red;}")
-* @param {Element=} targetContext Element that needs the CSS
-* @return {Element} New style tag
+* @function
+* @param {Element|Node|undefined} elem
+* @param {string} tn Tag name in uppercase format (e.g. "DIV")
+* @return {Element}
 */
-var injectCss = function(cssStr, targetContext) {
-	if(!cssStr) {
-		return null;
+Dom.closestTagName = function(elem, tn) {
+	var n = elem;
+	while(n) {
+		if(n.tagName) {
+			if(n.tagName == tn) {
+				return /** @type{Element} */(n);
+			}
+		}
+		n = n.parentNode || n.host; // ShadowRoot has host, but not parentNode
 	}
+	return null;
+};
 
-	var styleTag = document.createElement("style");
-	styleTag.textContent = "\n" + cssStr + "\n";
+/* harmony default export */ var es6_Dom = (Dom);
 
-	var styleHost = getShadowRoot(targetContext);
-	var isInShadow = true;
-	if(!styleHost) {
-		isInShadow = false;
-		styleHost = document.head;
-	}
 
-	// Find a place to insert the style tag
-	var beforeElem;
-	if(isInShadow) {
-		if(styleHost.children && styleHost.children.length) {
-			beforeElem = styleHost.children[0];
-		}
+// CONCATENATED MODULE: ./node_modules/tr-grid-util/es6/Conflator.js
+/** Conflator is used to stop multiple executions of a function in the specified period of time by merging multiple calls into one single call. <br>
+* Conflator guarantees that only one single call will be executed.
+* @constructor
+* @param {(Function|number)=} func Bound function that will use this conflator
+* @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;) {
+*   c.conflate(i); // Only one "Executed" text will be logged to console after one second
+* }
+*/
+var Conflator = function (func, ms, thisObj) {
+	this._onConflated = this._onConflated.bind(this);
+
+	this._data = [];
+
+	if(typeof func == "function") {
+		this.setFunction(func, thisObj);
+	} else if (typeof ms == "function") { // Parameter can be swapped places
+		this.setFunction(ms, thisObj);
 	}
-	if(beforeElem) {
-		styleHost.insertBefore(styleTag, beforeElem);
-	} else {
-		styleHost.appendChild(styleTag);
+
+	if(typeof ms == "number") {
+		this.setConflatingTime(ms);
+	} else if (typeof func == "number") { // Parameter can be swapped places
+		this.setConflatingTime(func);
 	}
-	return styleTag;
 };
 
-/** return true if browser is IE or Edge
-* @public
-* @return {boolean}
+/** @type {!Array}
+* @private
 */
-var isIE = function () {
-	var ua = window.navigator.userAgent;
-	return (ua.indexOf('MSIE ') > 0) || (ua.indexOf('Trident/') > 0) || (ua.indexOf('Edge/') > 0);
-};
-
-/** return true if device is mac
-* @public
-* @return {boolean}
+Conflator.prototype._data; // Array to store all conflated data
+/** @type {Function}
+* @private
 */
-var isMac = function () {
-	return /Mac/.test(navigator.platform);
-};
+Conflator.prototype._func = null;
+/** @type {number}
+* @private
+*/
+Conflator.prototype._delay = 0;
+/** @type {number}
+* @private
+*/
+Conflator.prototype._timerId = 0;
+/** @type {boolean}
+* @private
+*/
+Conflator.prototype._conflated = false;
+/** @type {boolean}
+* @private
+*/
+Conflator.prototype._disabled = false;
 
-/** Return true if device is mac
+
+/** Any existing timer and stored data will be cleared.
 * @public
-* @return {boolean}
+* @return {Array} All stored data. Return null if there is no data
 */
-var isTouchDevice = function () {
-	if ((navigator["maxTouchPoints"] && navigator["maxTouchPoints"] < 256) ||
-		(navigator["msMaxTouchPoints"] && navigator["msMaxTouchPoints"] < 256)) {
-		return true;
+Conflator.prototype.reset = function () {
+	if(this._timerId) {
+		clearTimeout(this._timerId);
+		this._timerId = 0;
 	}
-	return false;
-};
 
-/** parse nested object in to array
+	return this.popAllData();
+};
+/** All stored data will be cleared
 * @public
-* @param {Object} obj
-* @param {Array=} ary
-* @return {Array}
+* @return {Array} All stored data. Return null if there is no data
 */
-var nestedObjectToArray = function (obj, ary) {
-	if (!ary) {
-		ary = [];
+Conflator.prototype.popAllData = function() {
+	if(this._data.length) {
+		var data = this._data;
+		this._data = [];
+		return data;
 	}
-	for (var key in obj) {
-		var element = obj[key];
-		if ('object' === typeof element) {
-			nestedObjectToArray(element, ary);
-		} else {
-			ary.push(element);
-		}
+	return null;
+};
+/** @public */
+Conflator.prototype.dispose = function () {
+	if(this._timerId) {
+		clearTimeout(this._timerId);
+		this._timerId = 0;
 	}
-	return ary;
+	if(this._data.length) {
+		this._data.length = 0;
+	}
+	this._func = null; // Release user bound function
 };
 
-/** 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); // ""
+/** @public
+* @param {*=} obj Any data that is needed to be stored for later usage
+* @return {boolean}
 */
-var rgb2Hex = function (rgbCode) {
-	if(!rgbCode || typeof rgbCode !== "string") {
-		return "";
+Conflator.prototype.conflate = function (obj) {
+	if(this._disabled) {
+		return false;
 	}
-	if(rgbCode.charAt(0) === "#") {
-		return rgbCode;
+	if(obj != null) {
+		this._data.push(obj);
 	}
-	var rgb = rgbCode.match(/\d+/g);
-	if(!rgb || rgb.length < 3) {
-		return rgbCode;
+	if(this._conflated) {
+		return false; // Conflating operation is already completed
 	}
-
-	var hex = "#";
-	for(var i = 0; i < 3; i++) {
-		var num = +rgb[i];
-		if(!(num >= 16)) { // Handle NaN case
-			hex += "0";
-		}
-		hex += (num) ? num.toString(16).toUpperCase() : "0";
+	if(!this._timerId) {
+		this._timerId = setTimeout(this._onConflated, this._delay);
 	}
-	return hex;
+	return true;
 };
-
-/** transform data to tab seperated value
-* @public
-* @param {*} data
-* @return {string}
+/** @public
+* @return {boolean}
 */
-var prepareTSVContent = function (data) {
-	if (data == null) {
-		return "";
-	}
-
-	var content = (typeof data === 'string') ? data : data.toString();
+Conflator.prototype.isConflating = function () {
+	return (this._timerId > 0 && !this._conflated && !this._disabled);
+};
 
-	if (!content.length) { return ""; }
+/** @private */
+Conflator.prototype._onConflated = function () {
+	this._conflated = true;
 
-	// Replace any new line and tab
-	if (content.indexOf("\n") >= 0) {
-		content = content.replace(/[\r\n]/g, " ");
+	try {
+		this._func();
+	} catch (err) {
+		console.error(err.message || err);
 	}
 
-	if (content.indexOf("\t") >= 0) {
-		content = content.replace(/\t/g, " ");
-	}
+	this._timerId = 0;
+	this._data.length = 0;
+	this._conflated = false;
+};
 
-	// Trim front and back spaces
-	if (content.charAt(0) === " " || content.charAt(content.length - 1) === " ") {
-		content = content.trim();
+/** @public
+* @return {!Array}
+*/
+Conflator.prototype.getData = function () {
+	return this._data;
+};
+/** @public
+* @param {Function} func Bound function that will use this conflator
+* @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
+*/
+Conflator.prototype.setFunction = function (func, thisObj) {
+	this._func = func;
+	if(func) {
+		if(thisObj) {
+			this._func = func.bind(thisObj);
+		} else {
+			this._func = func;
+		}
+	} else {
+		this._func = null;
+	}
+};
+/** @public
+* @param {number} ms The delay time in millisecond before executing the function
+*/
+Conflator.prototype.setConflatingTime = function (ms) {
+	this._delay = ms || 0;
+	if(this._delay < 0) {
+		this._delay = 0;
 	}
+};
 
-	return content;
+/** @public
+* @return {number} milli second
+*/
+Conflator.prototype.getConflatingTime = function () {
+	return this._delay;
+};
+
+/** @public
+* @param {boolean=} opt_disabled
+*/
+Conflator.prototype.disable = function (opt_disabled) {
+	this._disabled = opt_disabled !== false;
+};
+/** @public
+* @return {boolean}
+*/
+Conflator.prototype.isEnabled = function () {
+	return !this._disabled;
+};
+/** @public
+* @param {boolean=} opt_enabled
+*/
+Conflator.prototype.enable = function (opt_enabled) {
+	this._disabled = opt_enabled === false;
 };
 
-/* unused harmony default export */ var _unused_webpack_default_export = (Util);
+/* harmony default export */ var es6_Conflator = (Conflator);
 
 
+// CONCATENATED MODULE: ./node_modules/tr-grid-util/es6/Ext.js
+/** Provide ability for prototype based Class to inherits another class
+* @namespace
+* @example
+* var BaseClass = function() {};
+* BaseClass.prototype.method = function() {};
+* BaseClass.prototype._member = 1;
+* var DerivedClass = function() {};
+* Ext.inherits(DerivedClass, BaseClass); // Derived class will have methods and members of the base class
+* // To call base class method
+* DeriveClass["base"](this, "methodName", ...params);
+*/
+var Ext = {};
 
-/***/ }),
-/* 2 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/** @public
+* @function
+* @param {Function} childCtor
+* @param {Function} parentCtor
+*/
+Ext.inherits = function (childCtor, parentCtor) {
+	/** @constructor
+* @ignore
+*/
+	function tempCtor() { }
+	tempCtor.prototype = parentCtor.prototype;
+	childCtor.prototype = new tempCtor();
+	childCtor.prototype.constructor = childCtor;
 
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return EventDispatcher; });
-/* unused harmony export preventDefault */
+	/** Calls superclass constructor/method. <br>
+* This function is only available if you use goog.inherits to <br>
+* express inheritance relationships between classes. <br>
+* NOTE: This is a replacement for goog.base and for superClass_ <br>
+* property defined in childCtor.
+* @param {!Object} me Should always be "this".
+* @param {(string|null)=} methodName The method name to call. Calling superclass constructor can be done with the special string 'constructor'.
+* @param {...*} var_args The arguments to pass to superclass <br>
+* method/constructor.
+* @return {*} The return value of the superclass method/constructor.
+*/
+	childCtor["base"] = function(me, methodName, var_args) {
+		if(!methodName) { methodName = 'constructor'; }
+		// Copying using loop to avoid deop due to passing arguments object to function. This is faster in many JS engines as of late 2014.
+		var len = arguments.length;
+		var args = new Array(len); // http://jsperf.com/creating-an-array
+		for (var i = 2; i < len; i++) {
+			args[i - 2] = arguments[i];
+		}
+		return parentCtor.prototype[methodName].apply(me, args);
+	};
+};
+
+/* harmony default export */ var es6_Ext = (Ext);
+
+
+// CONCATENATED MODULE: ./node_modules/tr-grid-util/es6/EventDispatcher.js
 /** Abstract base class that provides event management methods for derived class
 * @constructor
 */
@@ -912,42 +856,349 @@ var preventDefault = function(e) {
 */
 EventDispatcher.preventDefault = preventDefault;
 
-/* harmony default export */ __webpack_exports__["b"] = (EventDispatcher);
+/* harmony default export */ var es6_EventDispatcher = (EventDispatcher);
 
 
+// CONCATENATED MODULE: ./node_modules/tr-grid-util/es6/formula/VariableToken.js
 
-/***/ }),
-/* 3 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/** @constructor
+* @param {string} str
+* @param {number=} index
+*/
+var VariableToken = function(str, index) {
+	str = str.replace(/^\s+|\s+$/gm, ""); // Trim white spaces -- equivalent to String.trim(), which is not support in IE8
 
-"use strict";
-/* unused harmony export Formula */
-/* harmony import */ var _Ext_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
-/* harmony import */ var _VariableToken_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4);
-/* harmony import */ var _EventDispatcher_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(2);
+	if(this._inputConverter[str]) {
+		str = this._inputConverter[str];
+	}
 
+	this._input = str;
+	if(index != null) {
+		this._index = index;
+	}
 
+	if(this._constants[str] != null) {
+		this._value = this._constants[str];
+		this._type = typeof this._value;
+		return;
+	}
 
+	var firstChar = str.charAt(0);
+	var lastChar = (str.length > 1) ? str.charAt(str.length - 1) : "";
+	if(firstChar === '"' && lastChar === '"') {
+		this._value = str.substring(1, str.length - 1);
+		this._type = "string";
+		return;
+	}
+	if(firstChar === "'" && lastChar === "'") {
+		this._value = str.substring(1, str.length - 1);
+		this._type = "string";
+		return;
+	}
+	if(firstChar === "(" && lastChar === ")") {
+		this._resolveVariableGroup(str);
+		return;
+	}
+	if(firstChar === "[" && lastChar === "]") {
+		this._resolveArray(str); // Array has undefined value (this._value == null)
+		return;
+	}
 
-/** Trigger when data within the realtime formula has been changed
-* @event Formula#dataCacheChanged
-*/
+	var adc = str.match(/TR\.\w+\(/);
+	if(adc) { // ADC field with parameters
+		this._type = "dynamic"; // ADC field with params always a dynamic token field
+		return;
+	}
 
-/** @constructor
-* @extends {EventDispatcher}
-* @param {string=} expression
-* @param {Object=} context
-*/
-var Formula = function(expression, context) {
-	this._input = expression || "";
-	if(context != null) {
-		this._context = context;
-		if (context["_DATA"]) { // _DATA is an internal context used for getting cached data
-			this["__D"] = context["_DATA"];
-		}
+	var funcs = str.match(/[\w._]+\(/g);
+	if(funcs && funcs.length === 1) { // There must be only one method in the given str
+		this._resolveFunction(str, funcs[0]); // Function has undefined value (this._value == null)
+		return;
 	}
-	this["__F"] = [];
-	this._fnTokens = [];
+
+	var words = str.match(/[\w._♦]+/g);
+	if(words && words.length > 1) { // A group of expression without parentheses
+		this._resolveVariableGroup(str);
+		return;
+	}
+
+	if(firstChar === "♦") {
+		this._type = "token";
+		return;
+	}
+
+	var num = Number(str);
+	if(num === num) { // If not NaN
+		this._value = num;
+		this._type = "number";
+		return;
+	}
+
+	this._type = "dynamic";
+};
+
+/** @private
+* @type {string}
+*/
+VariableToken.prototype._input = "";
+/** @private
+* @type {number}
+*/
+VariableToken.prototype._index = -1;
+/** @private
+* @type {string}
+*/
+VariableToken.prototype._type = "";
+/** @private
+* @type {Array.<VariableToken>}
+*/
+VariableToken.prototype._subVars = null;
+/** @private
+* @type {string}
+*/
+VariableToken.prototype._funcName = "";
+
+/** @private
+* @type {*}
+*/
+VariableToken.prototype._value;
+
+/** @private
+* @type {string}
+*/
+VariableToken.prototype._valueWithTokenField = "";
+
+/** Static variables for input conversion
+* @private
+* @type {Object.<string, string>}
+*/
+VariableToken.prototype._inputConverter = {
+	"TRUE": "true",
+	"FALSE": "false",
+	"PI": "Math.PI",
+	"TRUE()": "true",
+	"FALSE()": "false",
+	"PI()": "Math.PI"
+};
+/** Static variables for defining constant
+* @private
+* @type {Object.<string, number>}
+*/
+VariableToken.prototype._constants = {
+	"true": true,
+	"false": false,
+	"null": null,
+	"NaN": NaN,
+	"Math.E": Math.E, // returns Euler's number
+	"Math.PI": Math.PI, // returns PI
+	"Math.SQRT2": Math.SQRT2, // returns the square root of 2
+	"Math.SQRT1_2": Math.SQRT1_2, // returns the square root of 1/2
+	"Math.LN2": Math.LN2, // returns the natural logarithm of 2
+	"Math.LN10": Math.LN10, // returns the natural logarithm of 10
+	"Math.LOG2E": Math.LOG2E, // returns base 2 logarithm of E
+	"Math.LOG10E": Math.LOG10E
+};
+
+/** @public
+* @return {string}
+*/
+VariableToken.prototype.getExpression = function() {
+	if(this._type === "dynamic") {
+		return 'this.__D("' + this._input + '", __R)';
+	}
+	if(this._type === "group") {
+		return /** @type{string} */(this._value);
+	}
+	if(this._type === "function") {
+		if(this._subVars) {
+			return "this.__F[" + this._index + "](" + this._subVars.join(", ") + ")";
+		} else {
+			return "this.__F[" + this._index + "]()";
+		}
+	}
+	if(this._type === "array") {
+		if(this._subVars) {
+			return "[" + this._subVars.join(", ") + "]";
+		} else {
+			return "[]";
+		}
+	}
+	return this._input;
+};
+
+/** @public
+ * @return {string}
+ */
+VariableToken.prototype.getInputWithTokenField = function() {
+	if(this._type === "dynamic") {
+		return '♠' + this._input + '♥';
+	}
+	if(this._type === "group") {
+		return /** @type{string} */(this._valueWithTokenField);
+	}
+	if(this._type === "function") {
+		return this._funcName + "(" + this.getChildInputWithToken() + ")";
+	}
+	if(this._type === "array") {
+		return "[" + this.getChildInputWithToken() + "]";
+	}
+	return this._input;
+};
+
+/** @public
+ * @return {string}
+ */
+VariableToken.prototype.getChildInputWithToken = function() {
+	var len = this._subVars ? this._subVars.length : 0;
+	if(len <= 0) {
+		return "";
+	}
+	var inputs = new Array(len);
+	for(var i = 0; i < len; ++i) {
+		inputs[i] = this._subVars[i].getInputWithTokenField();
+	}
+	return inputs.join(", ");
+};
+
+/** @public
+* @function
+* @return {string}
+*/
+VariableToken.prototype.toString = VariableToken.prototype.getExpression;
+
+/** @public
+* @return {*}
+*/
+VariableToken.prototype.getValue = function() { return this._value; };
+/** @public
+* @return {string}
+*/
+VariableToken.prototype.getInput = function() { return this._input; };
+/** @public
+* @return {number}
+*/
+VariableToken.prototype.getIndex = function() { return this._index; };
+/** @public
+* @param {number} num
+*/
+VariableToken.prototype.setIndex = function(num) { this._index = num; };
+
+/** @public
+* @return {string}
+*/
+VariableToken.prototype.getFunctionName = function() { return this._funcName; };
+
+/** @public
+* @param {Object=} opt_obj
+* @return {string}
+*/
+VariableToken.prototype.getFieldNames = function(opt_obj) {
+	if(this._subVars) {
+		if(opt_obj) {
+			var len = this._subVars.length;
+			for(var i = 0; i < len; ++i) {
+				this._subVars[i].getFieldNames(opt_obj);
+			}
+		}
+		return this._subVars[0].getFieldNames();
+	} else if(this._type === "dynamic") {
+		if(opt_obj) {
+			opt_obj[this._input] = true;
+		}
+		return this._input;
+	}
+
+	return "";
+};
+
+/** @private
+* @param {string} str
+* @returns {string}
+*/
+VariableToken.prototype._resolveVariableGroup = function(str) {
+	var i = this._subVars ? this._subVars.length : 0;
+	this._type = "group";
+
+	this._value = str.replace(/[\w._♦]+/g, function(varStr) {
+		if(!this._subVars) {
+			this._subVars = [];
+		}
+		var varToken = new VariableToken(varStr, this._subVars.length);
+		this._subVars.push(varToken);
+		return varToken.getExpression();
+	}.bind(this));
+
+	this._valueWithTokenField = str.replace(/[\w._♦]+/g, function(varStr) {
+		return this._subVars[i++].getInputWithTokenField();
+	}.bind(this));
+
+	return this._value;
+};
+
+/** @private
+* @param {string} str
+* @param {string} matchedName
+*/
+VariableToken.prototype._resolveFunction = function(str, matchedName) {
+	this._type = "function";
+	this._funcName = matchedName.substr(0, matchedName.length - 1); // Extract function name
+
+	// str = str.replace(/ /g, ""); // Replace all white spaces
+	str = str.replace(matchedName, ""); // Strip function name and "("
+	str = str.substr(0, str.length - 1); // Strip ")"
+	if(str) {
+		this._subVars = [];
+		var params = str.split(",");
+		var len = params.length;
+		for(var i = 0; i < len; ++i) {
+			this._subVars[i] = new VariableToken(params[i], i);
+		}
+	}
+};
+/** @private
+* @param {string} str
+*/
+VariableToken.prototype._resolveArray = function(str) {
+	this._type = "array";
+
+	str = str.substr(1, str.length - 1); // Strip "[" and "]"
+	if(str) {
+		this._subVars = [];
+		var params = str.split(",");
+		var len = params.length;
+		for(var i = 0; i < len; ++i) {
+			this._subVars[i] = new VariableToken(params[i], i);
+		}
+	}
+};
+
+/* harmony default export */ var formula_VariableToken = (VariableToken);
+
+
+// CONCATENATED MODULE: ./node_modules/tr-grid-util/es6/formula/Formula.js
+
+
+
+
+/** Trigger when data within the realtime formula has been changed
+* @event Formula#dataCacheChanged
+*/
+
+/** @constructor
+* @extends {EventDispatcher}
+* @param {string=} expression
+* @param {Object=} context
+*/
+var Formula = function(expression, context) {
+	this._input = expression || "";
+	if(context != null) {
+		this._context = context;
+		if (context["_DATA"]) { // _DATA is an internal context used for getting cached data
+			this["__D"] = context["_DATA"];
+		}
+	}
+	this["__F"] = [];
+	this._fnTokens = [];
 	this._fields = [];
 	this._fieldMap = {};
 	this._dataCache = {};
@@ -961,7 +1212,7 @@ var Formula = function(expression, context) {
 
 	this._parse(this._input);
 };
-_Ext_js__WEBPACK_IMPORTED_MODULE_0__[/* default */ "b"].inherits(Formula, _EventDispatcher_js__WEBPACK_IMPORTED_MODULE_2__[/* default */ "b"]);
+es6_Ext.inherits(Formula, es6_EventDispatcher);
 
 /** @type {Object.<string, boolean>}
 * @const
@@ -1020,7 +1271,7 @@ Formula.prototype._alias = ""; // Alias name of formula
 /** @private
 * @type {Function}
 */
-Formula.prototype._main = null; // Function resulted from eval(expression)
+Formula.prototype._main = null; // Function resulted from resolving an expression
 
 /** @private
 * @type {Array.<Function>}
@@ -1128,7 +1379,7 @@ Formula.prototype.calculate = function(rowData) {
 	return null;
 };
 
-/** Function resulted from eval(expression)
+/** Function resulted from resolving an expression
 * @public
 * @return {Function} Returns function that takes an JSON object as a parameter. Return null if function is not valid JavaScript codes.
 */
@@ -1320,7 +1571,7 @@ Formula.tokenizeQuotes = function(exp, tokens, calcHierarchy) {
 		exp = exp.replace(/(["'])(?:(?=(\\?))\2.)*?\1/g, function(str) { // eslint-disable-line
 			matched = true;
 			index = tokens.length;
-			tokens.push(new _VariableToken_js__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"](str, index));
+			tokens.push(new formula_VariableToken(str, index));
 			tokenIndices.push(index);
 			return "♦" + index + "♦";
 		});
@@ -1351,7 +1602,7 @@ Formula.tokenizeAdcWithParams = function(exp, tokens, calcHierarchy) {
 		exp = exp.replace(/TR\.\w+\([^\)]*\)+/g, function(str) { // eslint-disable-line
 			matched = true;
 			index = tokens.length;
-			tokens.push(new _VariableToken_js__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"](str, index));
+			tokens.push(new formula_VariableToken(str, index));
 			tokenIndices.push(index);
 			return "♦" + index + "♦";
 		});
@@ -1440,7 +1691,7 @@ Formula.prototype._tokenizeParentheses = function(exp, tokens, calcHierarchy) {
 
 			if (index == null) {
 				index = tokens.length;
-				tokens.push(new _VariableToken_js__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"](fnStr, index));
+				tokens.push(new formula_VariableToken(fnStr, index));
 				fnStrToIndex[fnStr] = index;
 			}
 
@@ -1474,7 +1725,7 @@ Formula.prototype._tokenizeConstants = function(exp, tokens, calcHierarchy) {
 			return varStr;
 		}
 		var index = tokens.length;
-		tokens.push(new _VariableToken_js__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"](varStr, index));
+		tokens.push(new formula_VariableToken(varStr, index));
 		tokenIndices.push(index);
 		return "♦" + index + "♦";
 	});
@@ -1600,7 +1851,7 @@ Formula.prototype._parse = function(exp) {
 Formula.prototype._createFunction = function (expression) {
 	var func = null;
 	try {
-		func = /** @type{Function} */(eval("(function (__R) { return " + expression + "; })"));
+		func = new Function("__R", "return " + expression + ";");
 		func = func.bind(this);
 		func({}); // Try to execute the method once to check error
 	} catch(err) {
@@ -1813,1186 +2064,820 @@ Formula.prototype._onDataCacheChanged = function(e) {
 
 Formula._proto = Formula.prototype;
 
-/* harmony default export */ __webpack_exports__["a"] = (Formula);
+/* harmony default export */ var formula_Formula = (Formula);
 
 
-
-/***/ }),
-/* 4 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* unused harmony export VariableToken */
-
-/** @constructor
-* @param {string} str
-* @param {number=} index
-*/
-var VariableToken = function(str, index) {
-	str = str.replace(/^\s+|\s+$/gm, ""); // Trim white spaces -- equivalent to String.trim(), which is not support in IE8
-
-	if(this._inputConverter[str]) {
-		str = this._inputConverter[str];
-	}
-
-	this._input = str;
-	if(index != null) {
-		this._index = index;
-	}
-
-	if(this._constants[str] != null) {
-		this._value = this._constants[str];
-		this._type = typeof this._value;
-		return;
-	}
-
-	var firstChar = str.charAt(0);
-	var lastChar = (str.length > 1) ? str.charAt(str.length - 1) : "";
-	if(firstChar === '"' && lastChar === '"') {
-		this._value = str.substring(1, str.length - 1);
-		this._type = "string";
-		return;
-	}
-	if(firstChar === "'" && lastChar === "'") {
-		this._value = str.substring(1, str.length - 1);
-		this._type = "string";
-		return;
-	}
-	if(firstChar === "(" && lastChar === ")") {
-		this._resolveVariableGroup(str);
-		return;
-	}
-	if(firstChar === "[" && lastChar === "]") {
-		this._resolveArray(str); // Array has undefined value (this._value == null)
-		return;
-	}
-
-	var adc = str.match(/TR\.\w+\(/);
-	if(adc) { // ADC field with parameters
-		this._type = "dynamic"; // ADC field with params always a dynamic token field
-		return;
-	}
-
-	var funcs = str.match(/[\w._]+\(/g);
-	if(funcs && funcs.length === 1) { // There must be only one method in the given str
-		this._resolveFunction(str, funcs[0]); // Function has undefined value (this._value == null)
-		return;
-	}
-
-	var words = str.match(/[\w._♦]+/g);
-	if(words && words.length > 1) { // A group of expression without parentheses
-		this._resolveVariableGroup(str);
-		return;
-	}
-
-	if(firstChar === "♦") {
-		this._type = "token";
-		return;
-	}
-
-	var num = Number(str);
-	if(num === num) { // If not NaN
-		this._value = num;
-		this._type = "number";
-		return;
-	}
-
-	this._type = "dynamic";
-};
-
-/** @private
-* @type {string}
-*/
-VariableToken.prototype._input = "";
-/** @private
-* @type {number}
-*/
-VariableToken.prototype._index = -1;
-/** @private
-* @type {string}
-*/
-VariableToken.prototype._type = "";
-/** @private
-* @type {Array.<VariableToken>}
-*/
-VariableToken.prototype._subVars = null;
-/** @private
-* @type {string}
-*/
-VariableToken.prototype._funcName = "";
-
-/** @private
-* @type {*}
-*/
-VariableToken.prototype._value;
-
-/** @private
-* @type {string}
-*/
-VariableToken.prototype._valueWithTokenField = "";
-
-/** Static variables for input conversion
-* @private
-* @type {Object.<string, string>}
-*/
-VariableToken.prototype._inputConverter = {
-	"TRUE": "true",
-	"FALSE": "false",
-	"PI": "Math.PI",
-	"TRUE()": "true",
-	"FALSE()": "false",
-	"PI()": "Math.PI"
-};
-/** Static variables for defining constant
-* @private
-* @type {Object.<string, number>}
-*/
-VariableToken.prototype._constants = {
-	"true": true,
-	"false": false,
-	"null": null,
-	"NaN": NaN,
-	"Math.E": Math.E, // returns Euler's number
-	"Math.PI": Math.PI, // returns PI
-	"Math.SQRT2": Math.SQRT2, // returns the square root of 2
-	"Math.SQRT1_2": Math.SQRT1_2, // returns the square root of 1/2
-	"Math.LN2": Math.LN2, // returns the natural logarithm of 2
-	"Math.LN10": Math.LN10, // returns the natural logarithm of 10
-	"Math.LOG2E": Math.LOG2E, // returns base 2 logarithm of E
-	"Math.LOG10E": Math.LOG10E
-};
-
-/** @public
-* @return {string}
-*/
-VariableToken.prototype.getExpression = function() {
-	if(this._type === "dynamic") {
-		return 'this.__D("' + this._input + '", __R)';
-	}
-	if(this._type === "group") {
-		return /** @type{string} */(this._value);
-	}
-	if(this._type === "function") {
-		if(this._subVars) {
-			return "this.__F[" + this._index + "](" + this._subVars.join(", ") + ")";
-		} else {
-			return "this.__F[" + this._index + "]()";
-		}
-	}
-	if(this._type === "array") {
-		if(this._subVars) {
-			return "[" + this._subVars.join(", ") + "]";
-		} else {
-			return "[]";
-		}
-	}
-	return this._input;
-};
-
-/** @public
- * @return {string}
- */
-VariableToken.prototype.getInputWithTokenField = function() {
-	if(this._type === "dynamic") {
-		return '♠' + this._input + '♥';
-	}
-	if(this._type === "group") {
-		return /** @type{string} */(this._valueWithTokenField);
-	}
-	if(this._type === "function") {
-		return this._funcName + "(" + this.getChildInputWithToken() + ")";
-	}
-	if(this._type === "array") {
-		return "[" + this.getChildInputWithToken() + "]";
-	}
-	return this._input;
-};
-
-/** @public
- * @return {string}
- */
-VariableToken.prototype.getChildInputWithToken = function() {
-	var len = this._subVars ? this._subVars.length : 0;
-	if(len <= 0) {
-		return "";
-	}
-	var inputs = new Array(len);
-	for(var i = 0; i < len; ++i) {
-		inputs[i] = this._subVars[i].getInputWithTokenField();
-	}
-	return inputs.join(", ");
-};
-
-/** @public
-* @function
-* @return {string}
-*/
-VariableToken.prototype.toString = VariableToken.prototype.getExpression;
-
-/** @public
-* @return {*}
-*/
-VariableToken.prototype.getValue = function() { return this._value; };
-/** @public
-* @return {string}
-*/
-VariableToken.prototype.getInput = function() { return this._input; };
-/** @public
-* @return {number}
-*/
-VariableToken.prototype.getIndex = function() { return this._index; };
-/** @public
-* @param {number} num
-*/
-VariableToken.prototype.setIndex = function(num) { this._index = num; };
-
-/** @public
-* @return {string}
+// CONCATENATED MODULE: ./node_modules/tr-grid-util/es6/locale/translation-en.js
+/**
+* @namespace
 */
-VariableToken.prototype.getFunctionName = function() { return this._funcName; };
+var translationEn = {
+	"sun": "Sun",
+	"mon": "Mon",
+	"tue": "Tue",
+	"wed": "Wed",
+	"thu": "Thu",
+	"fri": "Fri",
+	"sat": "Sat",
+	"Sunday": "Sunday",
+	"Monday": "Monday",
+	"Tuesday": "Tuesday",
+	"Wednesday": "Wednesday",
+	"Thursday": "Thursday",
+	"Friday": "Friday",
+	"Saturday": "Saturday",
 
-/** @public
-* @param {Object=} opt_obj
-* @return {string}
-*/
-VariableToken.prototype.getFieldNames = function(opt_obj) {
-	if(this._subVars) {
-		if(opt_obj) {
-			var len = this._subVars.length;
-			for(var i = 0; i < len; ++i) {
-				this._subVars[i].getFieldNames(opt_obj);
-			}
-		}
-		return this._subVars[0].getFieldNames();
-	} else if(this._type === "dynamic") {
-		if(opt_obj) {
-			opt_obj[this._input] = true;
-		}
-		return this._input;
-	}
+	"jan": "Jan",
+	"feb": "Feb",
+	"mar": "Mar",
+	"apr": "Apr",
+	"may": "May",
+	"jun": "Jun",
+	"jul": "Jul",
+	"aug": "Aug",
+	"sep": "Sep",
+	"oct": "Oct",
+	"nov": "Nov",
+	"dec": "Dec",
+	"January": "January",
+	"February": "February",
+	"March": "March",
+	"April": "April",
+	"May": "May",
+	"June": "June",
+	"July": "July",
+	"August": "August",
+	"September": "September",
+	"October": "October",
+	"November": "November",
+	"December": "December",
 
-	return "";
+	"am": "am",
+	"AM": "AM",
+	"pm": "pm",
+	"PM": "PM"
 };
 
-/** @private
-* @param {string} str
-* @returns {string}
-*/
-VariableToken.prototype._resolveVariableGroup = function(str) {
-	var i = this._subVars ? this._subVars.length : 0;
-	this._type = "group";
-
-	this._value = str.replace(/[\w._♦]+/g, function(varStr) {
-		if(!this._subVars) {
-			this._subVars = [];
-		}
-		var varToken = new VariableToken(varStr, this._subVars.length);
-		this._subVars.push(varToken);
-		return varToken.getExpression();
-	}.bind(this));
-
-	this._valueWithTokenField = str.replace(/[\w._♦]+/g, function(varStr) {
-		return this._subVars[i++].getInputWithTokenField();
-	}.bind(this));
-
-	return this._value;
-};
+/* harmony default export */ var translation_en = (translationEn);
 
-/** @private
-* @param {string} str
-* @param {string} matchedName
+// CONCATENATED MODULE: ./node_modules/tr-grid-util/es6/locale/translation-de.js
+/**
+* @namespace
 */
-VariableToken.prototype._resolveFunction = function(str, matchedName) {
-	this._type = "function";
-	this._funcName = matchedName.substr(0, matchedName.length - 1); // Extract function name
+var translationDe = {
+	"sun": "So",
+	"mon": "Mo",
+	"tue": "Di",
+	"wed": "Mi",
+	"thu": "Do",
+	"fri": "Fr",
+	"sat": "Sa",
+	"Sunday": "Sonntag",
+	"Monday": "Montag",
+	"Tuesday": "Dienstag",
+	"Wednesday": "Mittwoch",
+	"Thursday": "Donnerstag",
+	"Friday": "Freitag",
+	"Saturday": "Samstag",
 
-	// str = str.replace(/ /g, ""); // Replace all white spaces
-	str = str.replace(matchedName, ""); // Strip function name and "("
-	str = str.substr(0, str.length - 1); // Strip ")"
-	if(str) {
-		this._subVars = [];
-		var params = str.split(",");
-		var len = params.length;
-		for(var i = 0; i < len; ++i) {
-			this._subVars[i] = new VariableToken(params[i], i);
-		}
-	}
-};
-/** @private
-* @param {string} str
-*/
-VariableToken.prototype._resolveArray = function(str) {
-	this._type = "array";
+	"jan": "Jan",
+	"feb": "Feb",
+	"mar": "Mrz",
+	"apr": "Apr",
+	"may": "Mai",
+	"jun": "Jun",
+	"jul": "Jul",
+	"aug": "Aug",
+	"sep": "Sep",
+	"oct": "Okt",
+	"nov": "Nov",
+	"dec": "Dez",
+	"January": "Januar",
+	"February": "Februar",
+	"March": "März",
+	"April": "April",
+	"May": "Mai",
+	"June": "Juni",
+	"July": "Juli",
+	"August": "August",
+	"September": "September",
+	"October": "Oktober",
+	"November": "November",
+	"December": "Dezember",
 
-	str = str.substr(1, str.length - 1); // Strip "[" and "]"
-	if(str) {
-		this._subVars = [];
-		var params = str.split(",");
-		var len = params.length;
-		for(var i = 0; i < len; ++i) {
-			this._subVars[i] = new VariableToken(params[i], i);
-		}
-	}
+	"am": "am",
+	"AM": "AM",
+	"pm": "pm",
+	"PM": "PM"
 };
 
-/* harmony default export */ __webpack_exports__["a"] = (VariableToken);
-
-
-
-/***/ }),
-/* 5 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, "Grid", function() { return /* reexport */ Grid; });
-
-// CONCATENATED MODULE: ./node_modules/tr-grid-util/es6/Dom.js
-/** @namespace */
-var Dom = {};
-
-/** Shorthand for creating an element with class
-* @public
-* @function
-* @param {string} tagName
-* @param {string=} className
-* @return {!Element}
-*/
-Dom.create = function(tagName, className) {
-	var elem = document.createElement(tagName);
-	if(className) {
-		elem.className = className;
-	}
-	return elem;
-};
-/** Shorthand for creating a div element with class
-* @public
-* @function
-* @param {string=} className
-* @return {!Element}
-*/
-Dom.div = function(className) {
-	return Dom.create("div", className);
-};
-/** Shorthand for creating a span element with textContent
-* @public
-* @function
-* @param {string=} textContent
-* @param {string=} className
-* @return {!Element}
-*/
-Dom.text = function(textContent, className) {
-	var elem = Dom.create("span", className);
-	if(textContent || textContent === 0) {
-		elem.textContent = textContent;
-	}
-	return elem;
-};
+/* harmony default export */ var translation_de = (translationDe);
 
-/** Shorthand for appending multiple children
-* @public
-* @function
-* @param {Element} parentElem
-* @param {...Node|Array} children
-* @return {Element} Parent element
-*/
-Dom.appendChild = function(parentElem, children) {
-	if(!parentElem) {
-		return null;
-	}
-	var i, ary;
-	if(Array.isArray(arguments[1])) {
-		ary = arguments[1];
-		i = 0;
-	} else {
-		ary = arguments;
-		i = 1;
-	}
-	var len = ary.length;
-	while(i < len) {
-		parentElem.appendChild(ary[i]);
-		++i;
-	}
-	return parentElem;
-};
-/** Shorthand for appending multiple children in a tree like manner
-* @public
-* @function
-* @param {Element} parentElem
-* @param {...Node|Array} children The first child from the given array will be treated as a parent of all subsequence items.
-* @return {Element} Parent element
-* @example
-* Dom.buildTree(p1,
-*   ch1,
-*   ch2,
-*   [ch3_p1,
-*	 ch3_ch1,
-*	 ch3_ch2
-*   ]
-* );
-*/
-Dom.buildTree = function(parentElem, children) {
-	if(!parentElem) {
-		return null;
-	}
-	var args = arguments;
-	var len = args.length;
-	for(var i = 1; i < len; ++i) {
-		var child = args[i];
-		if(child) {
-			var childElem;
-			if(Array.isArray(child)) {
-				childElem = Dom.buildTree.apply(null, child);
-			} else if(child.nodeType === 1) {
-				childElem = /** @type{Element} */(child);
-			}
-			if(childElem) {
-				parentElem.appendChild(childElem);
-			}
-		}
-	}
-	return parentElem;
-};
-/** Put the given element out of the document
-* @function
-* @param {Node|Element} child
-* @return {Element} Parent Element
-*/
-Dom.removeParent = function (child) {
-	if(!child) { return null; }
-	var parent = child.parentNode;
-	if(parent) {
-		parent.removeChild(child);
-	}
-	return parent;
-};
-/** Safely set parent for the specified child element
-* @function
-* @param {Node|Element} child
-* @param {Node|Element} parent
-* @return {Element} Parent Element
-*/
-Dom.setParent = function (child, parent) {
-	if(!child) { return null; }
-	if(parent) {
-		parent.appendChild(child);
-		return parent;
-	} else {
-		return Dom.removeParent(child);
-	}
-};
-/** Remove all child nodes
-* @function
-* @param {Node|Element} elem
-* @param {number=} count
-*/
-Dom.removeChildren = function (elem, count) {
-	if(elem) {
-		var childCount = elem.childNodes.length;
-		if(count == null || count > childCount) {
-			count = childCount;
-		}
-		while(--count >= 0) {
-			elem.removeChild(elem.lastChild);
-		}
-	}
-};
-/** Ensure that element will contain only the given nodes (all other existing nodes are removed).
-* @public
-* @function
-* @param {Element} elem
-* @param {*} val Element, Node, string, number, or everything else.
+// CONCATENATED MODULE: ./node_modules/tr-grid-util/es6/locale/translation-ja.js
+/**
+* @namespace
 */
-Dom.setContent = function(elem, val) {
-	if(elem) {
-		if(val || val === 0) {
-			var nt = val.nodeType;
-			if(nt === 1 || nt === 3) {
-				if(val !== elem.lastChild) {
-					Dom.removeChildren(elem);
-					elem.appendChild(/** @type{Node} */(val));
-				}
-			} else if(Array.isArray(val)) {
-				Dom.removeChildren(elem); // Could be slow, if duplicates are given
-				Dom.appendChild(elem, val);
-			} else {
-				elem.textContent = val; // Implicit text conversion
-			}
-		} else {
-			Dom.removeChildren(elem);
-		}
-	}
-};
+var translationJa = {
+	'sun': '日',
+	'mon': '月',
+	'tue': '火',
+	'wed': '水',
+	'thu': '木',
+	'fri': '金',
+	'sat': '土',
+	'Sunday': '日曜日',
+	'Monday': '月曜日',
+	'Tuesday': '火曜日',
+	'Wednesday': '水曜日',
+	'Thursday': '木曜日',
+	'Friday': '金曜日',
+	'Saturday': '土曜日',
 
-/** A quick way to toggle attribute on and off.
-* @function
-* @param {Element} elem
-* @param {string} attr Attribute name (e.g. disabled, readonly, style, class)
-* @param {*=} bool Truthy or falsy value. If specified, this method is equivalent to setter method.
-*/
-Dom.toggleAttribute = function (elem, attr, bool) {
-	if(bool) {
-		elem.setAttribute(attr, (typeof bool === "string") ? bool : "");
-	} else if(bool == null) {
-		if(elem.hasAttribute(attr)) {
-			elem.removeAttribute(attr);
-		} else {
-			elem.setAttribute(attr, "");
-		}
-	} else {
-		elem.removeAttribute(attr);
-	}
-};
-/** A quick way to toggle class on and off. Note that this is a replacement for classList.toggle() as IE10 doesn't support it.
-* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Element/classList}
-* @function
-* @param {Element} elem
-* @param {string} classStr Non space class name
-* @param {*=} bool Truthy or falsy value. If specified, this method is equivalent to setter method.
-*/
-Dom.toggleClass = function (elem, classStr, bool) {
-	if(bool) {
-		elem.classList.add(classStr);
-	} else if(bool == null) {
-		if(elem.classList.contains(classStr)) {
-			elem.classList.remove(classStr);
-		} else {
-			elem.classList.add(classStr);
-		}
-	} else {
-		elem.classList.remove(classStr);
-	}
-};
-/** A quick way to add multiple classes without altering existing classes in the element. This does not necessarily mean that this method has high performance.
-* @function
-* @param {Element} elem
-* @param {...string} classes CSS Class names without any space in the name. Array can be given as well
-* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Element/classList}
-*/
-Dom.addClasses = function (elem, classes) {
-	if(elem) {
-		var ary = Array.isArray(classes) ? classes : arguments;
-		var len = ary.length;
-		for(var i = 0; i < len; ++i) {
-			var str = ary[i];
-			if(str && typeof str == "string") {
-				elem.classList.add(str);
-			}
-		}
-	}
-};
-/** A quick way to remove multiple classes without altering unrelated classes in the element. This does not necessarily mean that this method has high performance.
-* @function
-* @param {Element} elem
-* @param {...string} classes CSS Class names without any space in the name. Array can be given as well
-* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Element/classList}
-*/
-Dom.removeClasses = function (elem, classes) {
-	if(elem) {
-		var ary = Array.isArray(classes) ? classes : arguments;
-		var len = ary.length;
-		for(var i = 0; i < len; ++i) {
-			var str = ary[i];
-			if(str && typeof str == "string") {
-				elem.classList.remove(str);
-			}
-		}
-	}
-};
+	'jan': '1月',
+	'feb': '2月',
+	'mar': '3月',
+	'apr': '4月',
+	'may': '5月',
+	'jun': '6月',
+	'jul': '7月',
+	'aug': '8月',
+	'sep': '9月',
+	'oct': '10月',
+	'nov': '11月',
+	'dec': '12月',
+	'January': '1月',
+	'February': '2月',
+	'March': '3月',
+	'April': '4月',
+	'May': '5月',
+	'June': '6月',
+	'July': '7月',
+	'August': '8月',
+	'September': '9月',
+	'October': '10月',
+	'November': '11月',
+	'December': '12月',
 
-/** @public
-* @function
-* @param {Event} e
-*/
-Dom.preventDefault = function(e) {
-	e.preventDefault();
-	e.stopPropagation();
-};
-/** @public
-* @function
-* @param {Event} e
-*/
-Dom.stopPropagation = function(e) {
-	e.stopPropagation();
+	'am': '午前',
+	'AM': '午前',
+	'pm': '午後',
+	'PM': '午後'
 };
 
+/* harmony default export */ var translation_ja = (translationJa);
 
-/** Get client prosition from the given target. Supports only for modern browser (Gecko 1.9+, modern Webkit)
-* @public
-* @function
-* @param {!Element|Event|MouseEvent} target
-* @param {*=} retObj An object that stores returned values
-* @return {!Object} Return object with property x and y
+// CONCATENATED MODULE: ./node_modules/tr-grid-util/es6/locale/translation-zh.js
+/**
+* @namespace
 */
-Dom.getClientPosition = function(target, retObj) {
-	var pos = retObj || {"x": 0, "y": 0};
-	if(target["getBoundingClientRect"]){
-		var box = target["getBoundingClientRect"]();
-		pos["x"] = box.left;
-		pos["y"] = box.top;
-	} else { //Event
-		pos["x"] = target.clientX;
-		pos["y"] = target.clientY;
-	}
+var translationZh = {
+	'sun': '周日',
+	'mon': '周一',
+	'tue': '周二',
+	'wed': '周三',
+	'thu': '周四',
+	'fri': '周五',
+	'sat': '周六',
+	'Sunday': '星期日',
+	'Monday': '星期一',
+	'Tuesday': '星期二',
+	'Wednesday': '星期三',
+	'Thursday': '星期四',
+	'Friday': '星期五',
+	'Saturday': '星期六',
 
-	return /**@type {!Object} */(pos);
-};
-/** Get position of A element that is relative to the B element. <br>
-* Top-left of B is used as registration a point (0, 0) for x and y. <br>
-* For example, if A is located to right of B, "x" will be positive, If A is located below B, "y" will be positive.
-* @public
-* @function
-* @param {!Element|Event|MouseEvent} A HTMLElement, Browser's event, or mouse event object
-* @param {!Element|Event|MouseEvent} B HTMLElement, Browser's event, or mouse event object
-* @param {*=} retObj An object that stores returned values
-* @return {!Object} an object with "x" and "y" values
-* @example
-* Dom.getRelativePosition(popupA, document.body); // Get position of popupA that is relative to the document body
-*/
-Dom.getRelativePosition = function(A, B, retObj) {
-	retObj = Dom.getClientPosition(A, retObj);
-	var bp = Dom.getClientPosition(B);
+	'jan': '1月',
+	'feb': '2月',
+	'mar': '3月',
+	'apr': '4月',
+	'may': '5月',
+	'jun': '6月',
+	'jul': '7月',
+	'aug': '8月',
+	'sep': '9月',
+	'oct': '10月',
+	'nov': '11月',
+	'dec': '12月',
+	'January': '一月',
+	'February': '二月',
+	'March': '三月',
+	'April': '四月',
+	'May': '五月',
+	'June': '六月',
+	'July': '七月',
+	'August': '八月',
+	'September': '九月',
+	'October': '十月',
+	'November': '十一月',
+	'December': '十二月',
 
-	retObj["x"] -= bp["x"];
-	retObj["y"] -= bp["y"];
-	return /**@type {!Object} */(retObj);
-};
-/** The method returns closest ancestor element or the element itself with specified class string. Otherwise, it returns null
-* @public
-* @function
-* @param {Element|Node|undefined} elem
-* @param {string} classStr The class string can only be one single class without spaces
-* @return {Element}
-*/
-Dom.closestElement = function(elem, classStr) {
-	var n = elem;
-	while (n) {
-		if(n.classList) { // DocumentFragment does not have classList property
-			if (n.classList.contains(classStr)) {
-				return /** @type{Element} */(n);
-			}
-		}
-		n = n.parentNode || n.host; // ShadowRoot has host, but not parentNode
-	}
-	return null;
-};
-/** The method returns closest ancestor element or the element itself with the specified tagName. Otherwise, it returns null
-* @public
-* @function
-* @param {Element|Node|undefined} elem
-* @param {string} tn Tag name in uppercase format (e.g. "DIV")
-* @return {Element}
-*/
-Dom.closestTagName = function(elem, tn) {
-	var n = elem;
-	while(n) {
-		if(n.tagName) {
-			if(n.tagName == tn) {
-				return /** @type{Element} */(n);
-			}
-		}
-		n = n.parentNode || n.host; // ShadowRoot has host, but not parentNode
-	}
-	return null;
+	'am': '上午',
+	'AM': '上午',
+	'pm': '下午',
+	'PM': '下午'
 };
 
-/* harmony default export */ var es6_Dom = (Dom);
-
+/* harmony default export */ var translation_zh = (translationZh);
 
-// CONCATENATED MODULE: ./node_modules/tr-grid-util/es6/Conflator.js
-/** Conflator is used to stop multiple executions of a function in the specified period of time by merging multiple calls into one single call. <br>
-* Conflator guarantees that only one single call will be executed.
-* @constructor
-* @param {(Function|number)=} func Bound function that will use this conflator
-* @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;) {
-*   c.conflate(i); // Only one "Executed" text will be logged to console after one second
-* }
+// CONCATENATED MODULE: ./node_modules/tr-grid-util/es6/locale/translation-zh-hant.js
+/**
+* @namespace
 */
-var Conflator = function (func, ms, thisObj) {
-	this._onConflated = this._onConflated.bind(this);
-
-	this._data = [];
-
-	if(typeof func == "function") {
-		this.setFunction(func, thisObj);
-	} else if (typeof ms == "function") { // Parameter can be swapped places
-		this.setFunction(ms, thisObj);
-	}
+var translationZhHant = {
+	'sun': '週日',
+	'mon': '週一',
+	'tue': '週二',
+	'wed': '週三',
+	'thu': '週四',
+	'fri': '週五',
+	'sat': '週六',
+	'Sunday': '星期日',
+	'Monday': '星期一',
+	'Tuesday': '星期二',
+	'Wednesday': '星期三',
+	'Thursday': '星期四',
+	'Friday': '星期五',
+	'Saturday': '星期六',
 
-	if(typeof ms == "number") {
-		this.setConflatingTime(ms);
-	} else if (typeof func == "number") { // Parameter can be swapped places
-		this.setConflatingTime(func);
-	}
-};
+	'jan': '1月',
+	'feb': '2月',
+	'mar': '3月',
+	'apr': '4月',
+	'may': '5月',
+	'jun': '6月',
+	'jul': '7月',
+	'aug': '8月',
+	'sep': '9月',
+	'oct': '10月',
+	'nov': '11月',
+	'dec': '12月',
+	'January': '一月',
+	'February': '二月',
+	'March': '三月',
+	'April': '四月',
+	'May': '五月',
+	'June': '六月',
+	'July': '七月',
+	'August': '八月',
+	'September': '九月',
+	'October': '十月',
+	'November': '十一月',
+	'December': '十二月',
 
-/** @type {!Array}
-* @private
-*/
-Conflator.prototype._data; // Array to store all conflated data
-/** @type {Function}
-* @private
-*/
-Conflator.prototype._func = null;
-/** @type {number}
-* @private
-*/
-Conflator.prototype._delay = 0;
-/** @type {number}
-* @private
-*/
-Conflator.prototype._timerId = 0;
-/** @type {boolean}
-* @private
-*/
-Conflator.prototype._conflated = false;
-/** @type {boolean}
-* @private
+	'am': '上午',
+	'AM': '上午',
+	'pm': '下午',
+	'PM': '下午'
+};
+
+/* harmony default export */ var translation_zh_hant = (translationZhHant);
+
+// CONCATENATED MODULE: ./node_modules/tr-grid-util/es6/locale/translation.js
+
+
+
+
+
+
+/**
+* @namespace
 */
-Conflator.prototype._disabled = false;
+var translation = {
+	"en": translation_en,
+	"de": translation_de,
+	"ja": translation_ja,
+	"zh": translation_zh,
+	"zh-Hant": translation_zh_hant
+};
 
+/* harmony default export */ var locale_translation = (translation);
 
-/** Any existing timer and stored data will be cleared.
+// CONCATENATED MODULE: ./node_modules/tr-grid-util/es6/Util.js
+/** @namespace */
+var Util = {};
+
+/** This is a shorthand for fetch() API by POST method and with json body <br>
+* WARNING: fetch is not supported in IE (including IE11)
 * @public
-* @return {Array} All stored data. Return null if there is no data
+* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch}
+* @function
+* @param {string} url
+* @param {Object|string} obj
+* @return {!Promise<Response>}
 */
-Conflator.prototype.reset = function () {
-	if(this._timerId) {
-		clearTimeout(this._timerId);
-		this._timerId = 0;
-	}
-
-	return this.popAllData();
+Util.post = function(url, obj) { // Not supported in IE
+	return Util._post(url, obj).then(Util.toJSON);
 };
-/** All stored data will be cleared
+/** Request a server response from server as text by POST method <br>
+* WARNING: fetch is not supported in IE (including IE11)
 * @public
-* @return {Array} All stored data. Return null if there is no data
+* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch}
+* @function
+* @param {string} url
+* @param {Object|string} obj
+* @return {!Promise<Response>}
 */
-Conflator.prototype.popAllData = function() {
-	if(this._data.length) {
-		var data = this._data;
-		this._data = [];
-		return data;
-	}
-	return null;
+Util.requestText = function(url, obj) { // Not supported in IE
+	return Util._post(url, obj, "text/plain").then(Util.toText);
 };
-/** @public */
-Conflator.prototype.dispose = function () {
-	if(this._timerId) {
-		clearTimeout(this._timerId);
-		this._timerId = 0;
-	}
-	if(this._data.length) {
-		this._data.length = 0;
-	}
-	this._func = null; // Release user bound function
+/** Request a server response from server by POST method and with url-encoded body <br>
+* WARNING: fetch is not supported in IE (including IE11)
+* @public
+* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch}
+* @function
+* @param {string} url
+* @param {string} obj
+* @return {!Promise<Response>}
+*/
+Util.requestByUrlEncoded = function(url, obj) { // Not supported in IE
+	return Util._post(url, obj, "application/x-www-form-urlencoded").then(Util.toJSON);
 };
 
 /** @public
-* @param {*=} obj Any data that is needed to be stored for later usage
-* @return {boolean}
+* @function
+* @param {Response} resp
+* @return {!Promise<Object>}
 */
-Conflator.prototype.conflate = function (obj) {
-	if(this._disabled) {
-		return false;
-	}
-	if(obj != null) {
-		this._data.push(obj);
-	}
-	if(this._conflated) {
-		return false; // Conflating operation is already completed
-	}
-	if(!this._timerId) {
-		this._timerId = setTimeout(this._onConflated, this._delay);
+Util.toJSON = function (resp) {
+	if(Util._logError(resp)) {
+		return Promise.reject(resp);
 	}
-	return true;
+	return resp.json();
 };
 /** @public
-* @return {boolean}
+* @function
+* @param {Response} resp
+* @return {!Promise<string>}
 */
-Conflator.prototype.isConflating = function () {
-	return (this._timerId > 0 && !this._conflated && !this._disabled);
+Util.toText = function (resp) {
+	if(Util._logError(resp)) {
+		return Promise.reject(resp);
+	}
+	return resp.text();
 };
 
-/** @private */
-Conflator.prototype._onConflated = function () {
-	this._conflated = true;
-
-	try {
-		this._func();
-	} catch (err) {
-		console.error(err.message || err);
+/** @private
+* @see {@link https://en.wikipedia.org/wiki/List_of_HTTP_status_codes}
+* @function
+* @param {Response} resp
+* @return {boolean}
+*/
+Util._logError = function(resp) {
+	if(resp && resp.status >= 300) {
+		console.log("Response " + resp.status + ": " + resp.statusText);
+		return true;
 	}
-
-	this._timerId = 0;
-	this._data.length = 0;
-	this._conflated = false;
+	return false;
 };
-
-/** @public
-* @return {!Array}
+/** @private
+* @function
+* @param {string} url
+* @param {Object|string} obj
+* @param {string=} contentType
+* @return {!Promise<Response>}
 */
-Conflator.prototype.getData = function () {
-	return this._data;
+Util._post = function(url, obj, contentType) {
+	var options = {
+		method: obj ? "POST" : "GET",
+		headers: { "Content-Type": contentType || "application/json" }
+	};
+	if(obj) {
+		options.body = typeof obj === "string" ? obj : JSON.stringify(obj);
+	}
+
+	return fetch(url, options);
 };
-/** @public
-* @param {Function} func Bound function that will use this conflator
-* @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
+
+/** WARNING: Only one level of property tree is affected (i.e. no recursive or nested operation). <br>
+* Property with undefined or null value will not have an impact on the object. <br>
+* Existing properties will be overridden.
+* @public
+* @function
+* @param {Object} obj Object that is extended (new properties will be added to this object)
+* @param {Object=} extender Master object (no modification will be made on the extender)
+* @param {Array.<string>=} limiters Specify property to be extended
+* @return {Object}
 */
-Conflator.prototype.setFunction = function (func, thisObj) {
-	this._func = func;
-	if(func) {
-		if(thisObj) {
-			this._func = func.bind(thisObj);
-		} else {
-			this._func = func;
+var extendObject = function (obj, extender, limiters) {
+	if(!obj) { // null undefined NaN empty string and 0
+		return null;
+	}
+	if(!extender || obj === extender) {
+		return obj;
+	}
+
+	var key;
+	if(limiters) {
+		var len = limiters.length;
+		for(var i = 0; i < len; ++i) {
+			key = limiters[i];
+			if(key) {
+				extendProperty(obj, extender, key);
+			}
 		}
 	} else {
-		this._func = null;
+		for(key in extender) {
+			extendProperty(obj, extender, key);
+		}
 	}
+	return obj;
 };
-/** @public
-* @param {number} ms The delay time in millisecond before executing the function
+/** WARNING: Only one level of property tree is affected (i.e. no recursive or nested operation). <br>
+* Property with undefined or null value will not be cloned.
+* @public
+* @function
+* @param {Object} obj
+* @param {Array.<string>=} limiters
+* @return {Object}
 */
-Conflator.prototype.setConflatingTime = function (ms) {
-	this._delay = ms || 0;
-	if(this._delay < 0) {
-		this._delay = 0;
-	}
+var cloneObject = function (obj, limiters) {
+	return extendObject({}, obj, limiters);
 };
 
-/** @public
-* @return {number} milli second
+/** Check empty object
+* @public
+* @function
+* @param {Object} obj
+* @return {boolean}=true, if the obj is empty
 */
-Conflator.prototype.getConflatingTime = function () {
-	return this._delay;
+var isEmptyObject = function (obj) {
+	for (var key in obj) {
+		return false;
+	}
+	return true;
 };
 
 /** @public
-* @param {boolean=} opt_disabled
+* @param {Array=} data
+* @param {Array.<string>=} fields In case of the given data is an array, this param will be used for mapping index to field
+* @return {Object|null}
 */
-Conflator.prototype.disable = function (opt_disabled) {
-	this._disabled = opt_disabled !== false;
+var arrayToObject = function(data, fields) {
+	if(!Array.isArray(data)) {
+		return data;
+	} else if(!fields) {
+		return null;
+	}
+	var ary = data;
+	data = {};
+	var len = ary.length;
+	for(var i = 0; i < len; ++i) {
+		var field = fields[i];
+		// eslint-disable-next-line no-undefined
+		if(field && ary[i] !== undefined) {
+			data[field] = ary[i];
+		}
+	}
+	return data;
 };
-/** @public
-* @return {boolean}
+/** Replace the specified property with the value from the extender. If the value is an array, the value will be added to the array instead of replacement
+* @public
+* @function
+* @param {Object} obj
+* @param {Object} extender
+* @param {string} propName
+* @example
+* extendProperty({a: 0}, {a: 1}, "a"); // {a: 1}
+* extendProperty({a: 0}, {b: 1}, "b"); // {a: 0, b: 1}
+* extendProperty({a: [0]}, {a: 1}, "a"); // {a: [0, 1]}
+* extendProperty({a: [0]}, {a: [1, 2]}, "a"); // {a: [0, 1, 2]}
 */
-Conflator.prototype.isEnabled = function () {
-	return !this._disabled;
+var extendProperty = function (obj, extender, propName) {
+	var val = extender[propName];
+	if(val != null) {
+		var objVal = obj[propName];
+		if(Array.isArray(objVal)) {
+			obj[propName] = objVal.concat(val);
+		} else if(Array.isArray(val) && objVal) {
+			obj[propName] = val.concat(objVal); // TODO: Preserve the order
+		} else {
+			obj[propName] = val; // WARNING: Overriding existing data
+		}
+	}
 };
-/** @public
-* @param {boolean=} opt_enabled
+
+
+/** Compare the values of obj1 and obj2. if they are the same object or have the same value, the result will be true. Otherwise, it will return false.
+* @public
+* @param {*} obj1
+* @param {*} obj2
+* @return {boolean}
 */
-Conflator.prototype.enable = function (opt_enabled) {
-	this._disabled = opt_enabled === false;
-};
+var deepEqual = function (obj1, obj2) {
 
-/* harmony default export */ var es6_Conflator = (Conflator);
+	if(obj1 === obj2) {
+		return true;
+	}
 
+	if (typeof obj1 !== typeof obj2) {
+		return false;
+	}
 
-// EXTERNAL MODULE: ./node_modules/tr-grid-util/es6/Ext.js
-var Ext = __webpack_require__(0);
+	if (typeof obj1 === "object") {
 
-// EXTERNAL MODULE: ./node_modules/tr-grid-util/es6/EventDispatcher.js
-var EventDispatcher = __webpack_require__(2);
+		// We need to split array and object for performance reason
+		if(Array.isArray(obj1)) {
+			if(obj1.length !== obj2.length) {
+				return false;
+			}
 
-// EXTERNAL MODULE: ./node_modules/tr-grid-util/es6/formula/Formula.js
-var Formula = __webpack_require__(3);
+			for (var i = 0; i < obj1.length; i++) {
+				if (!deepEqual(obj1[i], obj2[i])) { // The array may not be a match if the elements are not sorted, so it will not be considered equal if there is a mismatch.
+					return false;
+				}
+			}
 
-// CONCATENATED MODULE: ./node_modules/tr-grid-util/es6/locale/translation-en.js
-/**
-* @namespace
-*/
-var translationEn = {
-	"sun": "Sun",
-	"mon": "Mon",
-	"tue": "Tue",
-	"wed": "Wed",
-	"thu": "Thu",
-	"fri": "Fri",
-	"sat": "Sat",
-	"Sunday": "Sunday",
-	"Monday": "Monday",
-	"Tuesday": "Tuesday",
-	"Wednesday": "Wednesday",
-	"Thursday": "Thursday",
-	"Friday": "Friday",
-	"Saturday": "Saturday",
+		} else {
 
-	"jan": "Jan",
-	"feb": "Feb",
-	"mar": "Mar",
-	"apr": "Apr",
-	"may": "May",
-	"jun": "Jun",
-	"jul": "Jul",
-	"aug": "Aug",
-	"sep": "Sep",
-	"oct": "Oct",
-	"nov": "Nov",
-	"dec": "Dec",
-	"January": "January",
-	"February": "February",
-	"March": "March",
-	"April": "April",
-	"May": "May",
-	"June": "June",
-	"July": "July",
-	"August": "August",
-	"September": "September",
-	"October": "October",
-	"November": "November",
-	"December": "December",
+			if (Object.keys(obj1).length !== Object.keys(obj2).length) {
+				return false;
+			}
 
-	"am": "am",
-	"AM": "AM",
-	"pm": "pm",
-	"PM": "PM"
-};
+			for (var key in obj1) {
+				if (!deepEqual(obj1[key], obj2[key])) {
+					return false;
+				}
+			}
+		}
 
-/* harmony default export */ var translation_en = (translationEn);
 
-// CONCATENATED MODULE: ./node_modules/tr-grid-util/es6/locale/translation-de.js
-/**
-* @namespace
+		return true;
+	}
+
+	return false;
+
+};
+/** Array.push() is much faster than Array.concat(). The downside is the parameters must be an array, whereas concat() has no such requirement. <br>
+* This method excels in extending known array property in an object.
+* @public
+* @function
+* @param {Object} obj
+* @param {string} propName
+* @param {*} ary
+* @return {Array} Returns the result of the extended array
+* @see {@link https://dev.to/uilicious/javascript-array-push-is-945x-faster-than-array-concat-1oki}
+* @example
+* var obj = {};
+* extendArrayProperty(obj, "prop1", 1); // [1]
+* extendArrayProperty(obj, "prop1", 2); // [1, 2]
+* extendArrayProperty(obj, "prop1", [3, 4]); // [1, 2, 3, 4]
+* obj.prop2 = 5;
+* extendArrayProperty(obj, "prop2", 6); // [5, 6]
+* extendArrayProperty(obj, "prop2", [7]); // [5, 6, 7]
+* extendArrayProperty(obj, "prop2", null); // null
 */
-var translationDe = {
-	"sun": "So",
-	"mon": "Mo",
-	"tue": "Di",
-	"wed": "Mi",
-	"thu": "Do",
-	"fri": "Fr",
-	"sat": "Sa",
-	"Sunday": "Sonntag",
-	"Monday": "Montag",
-	"Tuesday": "Dienstag",
-	"Wednesday": "Mittwoch",
-	"Thursday": "Donnerstag",
-	"Friday": "Freitag",
-	"Saturday": "Samstag",
+var extendArrayProperty = function (obj, propName, ary) {
+	var objAry = null;
+	if(ary) {
+		var objVal = obj[propName];
+		if(objVal) {
+			if(Array.isArray(objVal)) {
+				objAry = objVal;
+			} else {
+				objAry = obj[propName] = [objVal];
+			}
+		} else {
+			objAry = obj[propName] = [];
+		}
+		// objAry is guaranteed to be an array at this point
 
-	"jan": "Jan",
-	"feb": "Feb",
-	"mar": "Mrz",
-	"apr": "Apr",
-	"may": "Mai",
-	"jun": "Jun",
-	"jul": "Jul",
-	"aug": "Aug",
-	"sep": "Sep",
-	"oct": "Okt",
-	"nov": "Nov",
-	"dec": "Dez",
-	"January": "Januar",
-	"February": "Februar",
-	"March": "März",
-	"April": "April",
-	"May": "Mai",
-	"June": "Juni",
-	"July": "Juli",
-	"August": "August",
-	"September": "September",
-	"October": "Oktober",
-	"November": "November",
-	"December": "Dezember",
+		if(Array.isArray(ary)) {
+			if(ary.length) {
+				if(ary.length > 1) {
+					Array.prototype.push.apply(objAry, ary);
+				} else {
+					objAry.push(ary[0]);
+				}
+			}
+		} else {
+			objAry.push(ary);
+		}
+	}
+	return objAry;
+};
 
-	"am": "am",
-	"AM": "AM",
-	"pm": "pm",
-	"PM": "PM"
+/** @private
+* @param {string|Array.<string>} item
+* @return {string}
+*/
+var _encloseBracket = function(item) {
+	return Array.isArray(item) ? "{\n" + item.join("\n") + "\n}" : item;
+};
+/** @private
+* @param {string} str
+* @return {string}
+*/
+var _indentBracketContent = function(str){
+	return str.replace(/\n+/g, "\n\t").replace(/\n\t}$/, "\n}");
+};
+/** @public
+* @param {string|Array} css
+* @return {string} prettified CSS string
+* @example
+* prettifyCss(["div", [
+*   "color: red;",
+*   "padding: 20px;"
+* ],
+* ".class", [
+*   "margin: 0;"
+* ]
+* ]);
+*/
+var prettifyCss = function(css) {
+	if(css) {
+		var cssStr = "";
+		if (Array.isArray(css)) {
+			var ary = css.map(_encloseBracket);
+			cssStr = ary.join("\n").replace(/{\s*{/g, "{").replace(/\s+{/g, " {");
+		} else {
+			cssStr = (typeof css === "string") ? css : css + "";
+		}
+
+		if(cssStr) {
+			return cssStr.replace(/{[\w\W]*?}/g, _indentBracketContent);
+		}
+	}
+	return "";
+};
+/** Get shadow root of the given element regardless of whether the element is in the DOM or not. The immediate shadow root parent is returned in case of nested shadow roots. Any other case return null.
+* @public
+* @param {Element} elem
+* @return {DocumentFragment}
+*/
+var getShadowRoot = function(elem) {
+	if(elem) {
+		var rootNode;
+		if(elem.shadowRoot) {
+			rootNode = elem.shadowRoot;
+		} else if(elem.getRootNode) {
+			rootNode = elem.getRootNode();
+		}
+		if(rootNode) { // getRootNode does not supported in IE. It should be implemented by the polyfills
+			if(rootNode !== document) { // element that is in the DOM and not in the shadow has document as its root node
+				if(rootNode !== elem) { // element that is NOT in the DOM and not in the shadow has itself as its root node
+					return rootNode;
+				}
+			}
+		}
+	}
+	return null;
 };
-
-/* harmony default export */ var translation_de = (translationDe);
-
-// CONCATENATED MODULE: ./node_modules/tr-grid-util/es6/locale/translation-ja.js
-/**
-* @namespace
+/** Attach style tag to the proper document (in case of element inside a shadow root)
+* @public
+* @param {string} cssStr Valid CSS string (e.g. "div {color: red;}")
+* @param {Element=} targetContext Element that needs the CSS
+* @return {Element} New style tag
 */
-var translationJa = {
-	'sun': '日',
-	'mon': '月',
-	'tue': '火',
-	'wed': '水',
-	'thu': '木',
-	'fri': '金',
-	'sat': '土',
-	'Sunday': '日曜日',
-	'Monday': '月曜日',
-	'Tuesday': '火曜日',
-	'Wednesday': '水曜日',
-	'Thursday': '木曜日',
-	'Friday': '金曜日',
-	'Saturday': '土曜日',
+var injectCss = function(cssStr, targetContext) {
+	if(!cssStr) {
+		return null;
+	}
 
-	'jan': '1月',
-	'feb': '2月',
-	'mar': '3月',
-	'apr': '4月',
-	'may': '5月',
-	'jun': '6月',
-	'jul': '7月',
-	'aug': '8月',
-	'sep': '9月',
-	'oct': '10月',
-	'nov': '11月',
-	'dec': '12月',
-	'January': '1月',
-	'February': '2月',
-	'March': '3月',
-	'April': '4月',
-	'May': '5月',
-	'June': '6月',
-	'July': '7月',
-	'August': '8月',
-	'September': '9月',
-	'October': '10月',
-	'November': '11月',
-	'December': '12月',
+	var styleTag = document.createElement("style");
+	styleTag.textContent = "\n" + cssStr + "\n";
 
-	'am': '午前',
-	'AM': '午前',
-	'pm': '午後',
-	'PM': '午後'
-};
+	var styleHost = getShadowRoot(targetContext);
+	var isInShadow = true;
+	if(!styleHost) {
+		isInShadow = false;
+		styleHost = document.head;
+	}
 
-/* harmony default export */ var translation_ja = (translationJa);
+	// Find a place to insert the style tag
+	var beforeElem;
+	if(isInShadow) {
+		if(styleHost.children && styleHost.children.length) {
+			beforeElem = styleHost.children[0];
+		}
+	}
+	if(beforeElem) {
+		styleHost.insertBefore(styleTag, beforeElem);
+	} else {
+		styleHost.appendChild(styleTag);
+	}
+	return styleTag;
+};
 
-// CONCATENATED MODULE: ./node_modules/tr-grid-util/es6/locale/translation-zh.js
-/**
-* @namespace
+/** return true if browser is IE or Edge
+* @public
+* @return {boolean}
 */
-var translationZh = {
-	'sun': '周日',
-	'mon': '周一',
-	'tue': '周二',
-	'wed': '周三',
-	'thu': '周四',
-	'fri': '周五',
-	'sat': '周六',
-	'Sunday': '星期日',
-	'Monday': '星期一',
-	'Tuesday': '星期二',
-	'Wednesday': '星期三',
-	'Thursday': '星期四',
-	'Friday': '星期五',
-	'Saturday': '星期六',
-
-	'jan': '1月',
-	'feb': '2月',
-	'mar': '3月',
-	'apr': '4月',
-	'may': '5月',
-	'jun': '6月',
-	'jul': '7月',
-	'aug': '8月',
-	'sep': '9月',
-	'oct': '10月',
-	'nov': '11月',
-	'dec': '12月',
-	'January': '一月',
-	'February': '二月',
-	'March': '三月',
-	'April': '四月',
-	'May': '五月',
-	'June': '六月',
-	'July': '七月',
-	'August': '八月',
-	'September': '九月',
-	'October': '十月',
-	'November': '十一月',
-	'December': '十二月',
+var isIE = function () {
+	var ua = window.navigator.userAgent;
+	return (ua.indexOf('MSIE ') > 0) || (ua.indexOf('Trident/') > 0) || (ua.indexOf('Edge/') > 0);
+};
 
-	'am': '上午',
-	'AM': '上午',
-	'pm': '下午',
-	'PM': '下午'
+/** return true if device is mac
+* @public
+* @return {boolean}
+*/
+var isMac = function () {
+	return /Mac/.test(navigator.platform);
 };
 
-/* harmony default export */ var translation_zh = (translationZh);
+/** Return true if device is mac
+* @public
+* @return {boolean}
+*/
+var isTouchDevice = function () {
+	if ((navigator["maxTouchPoints"] && navigator["maxTouchPoints"] < 256) ||
+		(navigator["msMaxTouchPoints"] && navigator["msMaxTouchPoints"] < 256)) {
+		return true;
+	}
+	return false;
+};
 
-// CONCATENATED MODULE: ./node_modules/tr-grid-util/es6/locale/translation-zh-hant.js
-/**
-* @namespace
+/** parse nested object in to array
+* @public
+* @param {Object} obj
+* @param {Array=} ary
+* @return {Array}
 */
-var translationZhHant = {
-	'sun': '週日',
-	'mon': '週一',
-	'tue': '週二',
-	'wed': '週三',
-	'thu': '週四',
-	'fri': '週五',
-	'sat': '週六',
-	'Sunday': '星期日',
-	'Monday': '星期一',
-	'Tuesday': '星期二',
-	'Wednesday': '星期三',
-	'Thursday': '星期四',
-	'Friday': '星期五',
-	'Saturday': '星期六',
+var nestedObjectToArray = function (obj, ary) {
+	if (!ary) {
+		ary = [];
+	}
+	for (var key in obj) {
+		var element = obj[key];
+		if ('object' === typeof element) {
+			nestedObjectToArray(element, ary);
+		} else {
+			ary.push(element);
+		}
+	}
+	return ary;
+};
 
-	'jan': '1月',
-	'feb': '2月',
-	'mar': '3月',
-	'apr': '4月',
-	'may': '5月',
-	'jun': '6月',
-	'jul': '7月',
-	'aug': '8月',
-	'sep': '9月',
-	'oct': '10月',
-	'nov': '11月',
-	'dec': '12月',
-	'January': '一月',
-	'February': '二月',
-	'March': '三月',
-	'April': '四月',
-	'May': '五月',
-	'June': '六月',
-	'July': '七月',
-	'August': '八月',
-	'September': '九月',
-	'October': '十月',
-	'November': '十一月',
-	'December': '十二月',
+/** 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); // ""
+*/
+var rgb2Hex = function (rgbCode) {
+	if(!rgbCode || typeof rgbCode !== "string") {
+		return "";
+	}
+	if(rgbCode.charAt(0) === "#") {
+		return rgbCode;
+	}
+	var rgb = rgbCode.match(/\d+/g);
+	if(!rgb || rgb.length < 3) {
+		return rgbCode;
+	}
 
-	'am': '上午',
-	'AM': '上午',
-	'pm': '下午',
-	'PM': '下午'
+	var hex = "#";
+	for(var i = 0; i < 3; i++) {
+		var num = +rgb[i];
+		if(!(num >= 16)) { // Handle NaN case
+			hex += "0";
+		}
+		hex += (num) ? num.toString(16).toUpperCase() : "0";
+	}
+	return hex;
 };
 
-/* harmony default export */ var translation_zh_hant = (translationZhHant);
-
-// CONCATENATED MODULE: ./node_modules/tr-grid-util/es6/locale/translation.js
+/** transform data to tab seperated value
+* @public
+* @param {*} data
+* @return {string}
+*/
+var prepareTSVContent = function (data) {
+	if (data == null) {
+		return "";
+	}
 
+	var content = (typeof data === 'string') ? data : data.toString();
 
+	if (!content.length) { return ""; }
 
+	// Replace any new line and tab
+	if (content.indexOf("\n") >= 0) {
+		content = content.replace(/[\r\n]/g, " ");
+	}
 
+	if (content.indexOf("\t") >= 0) {
+		content = content.replace(/\t/g, " ");
+	}
 
+	// Trim front and back spaces
+	if (content.charAt(0) === " " || content.charAt(content.length - 1) === " ") {
+		content = content.trim();
+	}
 
-/**
-* @namespace
-*/
-var translation = {
-	"en": translation_en,
-	"de": translation_de,
-	"ja": translation_ja,
-	"zh": translation_zh,
-	"zh-Hant": translation_zh_hant
+	return content;
 };
 
-/* harmony default export */ var locale_translation = (translation);
+/* harmony default export */ var es6_Util = (Util);
 
-// EXTERNAL MODULE: ./node_modules/tr-grid-util/es6/Util.js
-var Util = __webpack_require__(1);
 
 // CONCATENATED MODULE: ./node_modules/tr-grid-util/es6/Deferred.js
 /** Deferred promise should be used when asynchronous method does not return promise object (e.g. typical AJAX calls, or native setTimeout()). In other words, deferred promise is used to allow any non-promise logics to be worked in promise pattern.
@@ -3543,7 +3428,7 @@ ElfUtil.injectIcons = function (configObj, optElem) {
 */
 ElfUtil.getIconList = function () {
 	var iconStruct = ElfUtil._icons[ElfUtil.getThemeName()];
-	return iconStruct ? Object(Util["g" /* nestedObjectToArray */])(iconStruct) : [];
+	return iconStruct ? nestedObjectToArray(iconStruct) : [];
 };
 
 /** @private
@@ -3835,9 +3720,9 @@ ElfUtil._retrieveThemeColors = function(profileName) {
 		}
 	}
 	// WARNING: Computed styles return rgb/rgba color format instead of hex format
-	colors["tableBg"] = Object(Util["j" /* rgb2Hex */])(colors["tableBg"]);
-	colors["tableText"] = Object(Util["j" /* rgb2Hex */])(colors["tableText"]);
-	colors["tableBorder"] = Object(Util["j" /* rgb2Hex */])(colors["tableBorder"]);
+	colors["tableBg"] = rgb2Hex(colors["tableBg"]);
+	colors["tableText"] = rgb2Hex(colors["tableText"]);
+	colors["tableBorder"] = rgb2Hex(colors["tableBorder"]);
 	document.body.removeChild(tableElem);
 
 	// For CellPainter backward compatability
@@ -7297,7 +7182,7 @@ var Engine = function() {
 	// this.addEventListener("dataRequired");
 	// this.addEventListener("formulaChanged");
 };
-Ext["b" /* default */].inherits(Engine, EventDispatcher["b" /* default */]);
+es6_Ext.inherits(Engine, es6_EventDispatcher);
 /** @private
 * @type {Object.<string, *>}
 */
@@ -7407,11 +7292,11 @@ Engine.prototype._defaultFormulaDataSetter = function(formula, result, rowData,
 */
 Engine.prototype.addFormula = function(userInput) {
 	var f;
-	if(userInput instanceof Formula["a" /* default */]){
+	if(userInput instanceof formula_Formula){
 		f = userInput;
 	} else {
 		this._rowData = {}; // Formula will be tested in the initialization process. So we need to mock the cached data.
-		f = new Formula["a" /* default */](/** @type{string}*/(userInput), this._context);
+		f = new formula_Formula(/** @type{string}*/(userInput), this._context);
 		this._rowData = null;
 	}
 
@@ -7428,10 +7313,10 @@ Engine.prototype.addFormula = function(userInput) {
 */
 Engine.prototype.mockFormula = function(userInput) {
 	var f;
-	if(userInput instanceof Formula["a" /* default */]){
-		f = new Formula["a" /* default */](userInput.getInput(), this._context);
+	if(userInput instanceof formula_Formula){
+		f = new formula_Formula(userInput.getInput(), this._context);
 	} else {
-		f = new Formula["a" /* default */](/** @type{string}*/(userInput), this._context);
+		f = new formula_Formula(/** @type{string}*/(userInput), this._context);
 	}
 
 	return f;
@@ -7441,7 +7326,7 @@ Engine.prototype.mockFormula = function(userInput) {
 * @return {Formula}
 */
 Engine.prototype.removeFormula = function(ref) {
-	if(ref instanceof Formula["a" /* default */]) { // Convert Formula to index
+	if(ref instanceof formula_Formula) { // Convert Formula to index
 		ref = this._formulas.indexOf(/** @type{Formula} */(ref));
 	}
 
@@ -7551,7 +7436,7 @@ Engine.prototype.addReference = function(src, ref) {
 	}
 	ref = this._generateUniqueReference(ref);
 	var colName = "";
-	if (src instanceof Formula["a" /* default */]) {
+	if (src instanceof formula_Formula) {
 		var res = this._setFormulaReference(src, ref);
 		if (!res) {
 			return "";
@@ -8586,7 +8471,7 @@ var DataCache_DataCache = function () {
 	_t._addEvent("dataComposed");
 	_t._addEvent("dataChanged");
 };
-Ext["b" /* default */].inherits(DataCache_DataCache, event_EventDispatcher);
+es6_Ext.inherits(DataCache_DataCache, event_EventDispatcher);
 
 //#region Public
 /**
@@ -9897,7 +9782,7 @@ var Segment = function(rid, sharedObj) {
 	this._children = {};
 	this._shared = sharedObj;
 };
-Ext["b" /* default */].inherits(Segment, EventDispatcher["b" /* default */]);
+es6_Ext.inherits(Segment, es6_EventDispatcher);
 
 /** @private
 * @function
@@ -10671,7 +10556,7 @@ var SegmentCollection = function() {
 		dirtyCollapsingState: false
 	};
 };
-Ext["b" /* default */].inherits(SegmentCollection, EventDispatcher["b" /* default */]);
+es6_Ext.inherits(SegmentCollection, es6_EventDispatcher);
 
 
 /** @type {!Object.<string, Segment>}
@@ -11300,7 +11185,7 @@ var DataTable = function() {
 
 	this._addEvent("subSegmentChanged");
 };
-Ext["b" /* default */].inherits(DataTable, data_DataCache);
+es6_Ext.inherits(DataTable, data_DataCache);
 
 /** @private
 * @type {Object.<string, Object.<string, *>>}
@@ -13431,8 +13316,9 @@ RowDefinition.prototype.initialize = function(rowOptions) {
 	}
 
 	val = rowOptions["collapsed"];
-	if(val != null){
-		this._expanded = extractedOptions["collapsed"];
+	var collapsed = extractedOptions["collapsed"];
+	if(val != null || !collapsed){
+		this._expanded = !collapsed;
 	}
 	val = rowOptions["keepModel"];
 	if(val) {
@@ -13441,7 +13327,7 @@ RowDefinition.prototype.initialize = function(rowOptions) {
 
 	var symbol = this._ric || this._chainRic;
 	if(symbol || this._permId){
-		this.setContent(symbol, this._permId, this._isChain, this._expanded); // this._dataId is modified
+		this.setContent(symbol, extractedOptions); // this._dataId is modified
 	}
 
 	val = rowOptions["values"];
@@ -13476,12 +13362,10 @@ RowDefinition.prototype._initializeAsConstituent = function(rowOptions) {
 /** @public
 * @ignore
 * @param {string} userInput RIC
-* @param {string=} permId=null Organization PermId, which use for getting ADC data for private  company
-* @param {boolean=} asChain
-* @param {boolean=} expanded
+* @param {Object} extractedOptions
 * @return {boolean} True if there is any change otherwise false
 */
-RowDefinition.prototype.setContent = function(userInput, permId, asChain, expanded) {
+RowDefinition.prototype.setContent = function(userInput, extractedOptions) {
 	if(this._autoGenerated) { // AutoGenerated RowDefinition cannot be changed by user input
 		return false;
 	}
@@ -13493,6 +13377,7 @@ RowDefinition.prototype.setContent = function(userInput, permId, asChain, expand
 	}
 
 	var dirty = (this._userInput !== userInput);
+	var permId = extractedOptions["permId"];
 	if(this._permId !== permId){
 		this._permId = permId || "";
 		dirty = true;
@@ -13510,15 +13395,17 @@ RowDefinition.prototype.setContent = function(userInput, permId, asChain, expand
 	if(this._userInput.charAt(0) === "'") { // This is a row header
 		this._ric = this._chainRic = ""; // No ric for realtime request
 	} else {
+		var asChain = extractedOptions["asChain"];
+		var expanded = !extractedOptions["collapsed"];
+		var chainRic = extractedOptions["chainRic"];
 		if(asChain === true){
 			this._ric = expanded === false ? this._userInput : this._userInput.replace("0#", "");
-			this._expanded = expanded;
-			this._isChain = true; // Only chain can be expanded by 0#
-			this._chainRic = this._userInput;
+			this._expanded = expanded; // Only chain can be expanded by 0#
 		} else {
 			this._ric = this._userInput;
-			this._isChain = asChain;
 		}
+		this._isChain = asChain;
+		this._chainRic = chainRic || "";
 	}
 
 	if(this._view) {
@@ -13744,7 +13631,7 @@ RowDefinition.prototype.setStaticRowData = function(data, opt_fields) {
 	this._clearStaticData();
 
 	if(Array.isArray(data)) { // Convert array to object
-		data = Object(Util["a" /* arrayToObject */])(data, opt_fields);
+		data = arrayToObject(data, opt_fields);
 	}
 
 	this._staticValues = (typeof data === "object") ? data : null;
@@ -13757,7 +13644,7 @@ RowDefinition.prototype.setStaticRowData = function(data, opt_fields) {
 * @return {Object.<string, *>}
 */
 RowDefinition.prototype._getStaticRowData = function() {
-	return this._staticValues ? Object(Util["b" /* cloneObject */])(this._staticValues) : null;
+	return this._staticValues ? cloneObject(this._staticValues) : null;
 };
 /** @public
 * @param {Object.<string, *>|Array} data
@@ -13765,7 +13652,7 @@ RowDefinition.prototype._getStaticRowData = function() {
 */
 RowDefinition.prototype.updateRowData = function(data, opt_fields) {
 	if(Array.isArray(data)) { // Convert array to object
-		data = Object(Util["a" /* arrayToObject */])(data, opt_fields);
+		data = arrayToObject(data, opt_fields);
 	}
 
 	if(data) {
@@ -13950,8 +13837,17 @@ RowDefinition.prototype.subscribeForUpdates = function() {
 	var prevRowData = this.unsubscribeForUpdates();
 
 	if(this.isChain()) {
-		this._subId = subs["addChain"](this._chainRic || this._ric, this._rowId); // Some chain require 0# symbol to populate its constituents
-		// TODO: Handle Dynamic chain such as .PG.PA
+		var symbol = this._chainRic;
+		if(!symbol){
+			symbol = this._ric;
+			if(symbol.indexOf("0#") < 0){
+				var count = (symbol.match(/\./g) || []).length;
+				if(count < 2){
+					symbol = "0#" + symbol;
+				}
+			}
+		}
+		this._subId = subs["addChain"](symbol, this._rowId); // Some chain require 0# symbol to populate its constituents
 	} else if(this._ric) {
 		this._subId = subs["addRic"](this._ric, this._rowId);
 	}
@@ -14028,7 +13924,7 @@ RowDefinition.prototype.resetUpdates = function() {
 };
 
 /** @public
-* @param {DataTable} view
+* @param {DataView} view
 * @param {string=} rowId
 */
 RowDefinition.prototype.registerToView = function(view, rowId) {
@@ -14145,11 +14041,17 @@ RowDefinition.prototype.addConstituent = function(ric) {
 	}
 
 	if(this._view) {
-		// WARNING: ChildCount may not be enough to determine proper inserting position
-		// TODO: Handle nested children
 		var rowId = this.getRowId();
-		var rowIndex = this._view.getRowIndex(rowId) + this.getChildCount(); // Children must be directly under its parent
-		childDef.registerToView(this._view, this._view.getRowId(rowIndex));
+		// WARNING: insert position, we prioritize using CHILD_ORDER (From server) in dc first. If it does not exist, the last row of the segment will be pushed
+		var childOrder = childDef.getData("CHILD_ORDER");
+		var parentIndex =  this._view.getRowIndex(rowId);
+		var position =  parentIndex + this.getChildCount(); // push the last position
+		if(childOrder != null) {
+			// Warning: We need to carry a value of 1 because the CHILD_ORDER starts with 0, and it will be added to the parentIndex. In case the parent rowIndex is not included.
+			position = parentIndex + childOrder + 1; // insert between segment
+		} // else {} it will be push in the last row of segment
+		childDef.registerToView(this._view, this._view.getRowId(position));
+		// TODO: Handle nested children
 		this._view.addSegmentChild(rowId, childDef.getRowId(), childDef.getDataId());
 	}
 
@@ -14400,6 +14302,7 @@ RowDefinition.toRowId = function(rowDef) {
 */
 RowDefinition.extractRowOptions = function(rowOptions) {
 	var ric = rowOptions["ric"];
+	var permId = rowOptions["permId"];
 	var chainRic = rowOptions["chainRic"];
 	var collapsed = rowOptions["collapsed"];
 	var asChain = rowOptions["asChain"];
@@ -14421,6 +14324,7 @@ RowDefinition.extractRowOptions = function(rowOptions) {
 		extractedOptions["collapsed"] = collapsed;
 	}
 	extractedOptions["ric"] = ric;
+	extractedOptions["permId"] = permId;
 	extractedOptions["chainRic"] = chainRic;
 	extractedOptions["asChain"] = asChain;
 	return extractedOptions;
@@ -16040,7 +15944,7 @@ ColumnDefinition.prototype._setField = function(field, columnOption) {
 		var uppercasedF = field.toUpperCase(); // For comparison only
 		var predefinedF = formulaStr || js_PredefinedFormula.get(uppercasedF);
 		if(predefinedF || ColumnDefinition.isFormulaField(field)) {
-			field = Formula["a" /* default */].toUpperCase(field);
+			field = formula_Formula.toUpperCase(field);
 			this._formula = this._fnEngine.addFormula(predefinedF || field); // Always a success
 			if(predefinedF) {
 				this._formula.setAlias(field); // This field is used for retrieving data for dependent fields
@@ -16202,7 +16106,7 @@ var SnapshotFiller = function () {
 		productId: "001"
 	};
 };
-Ext["a" /* Ext */].inherits(SnapshotFiller, EventDispatcher["a" /* EventDispatcher */]);
+Ext.inherits(SnapshotFiller, EventDispatcher);
 
 //#region Private Members
 /** @type {number}
@@ -16507,7 +16411,7 @@ SnapshotFiller.prototype._onJETSuccess = function (fields, serverResult) {
 	var updatedData = {};
 	for (ric in ricMap) {
 		var obj = ricMap[ric];
-		if (!Object(Util["f" /* isEmptyObject */])(obj)) {
+		if (!isEmptyObject(obj)) {
 			updatedData[ric] = obj;
 		}
 	}
@@ -16580,7 +16484,7 @@ SnapshotFiller.prototype._onRTKSuccess = function (fields, serverResult) {
 	var updatedData = {};
 	for (ric in ricMap) {
 		var obj = ricMap[ric];
-		if (!Object(Util["f" /* isEmptyObject */])(obj)) {
+		if (!isEmptyObject(obj)) {
 			updatedData[ric] = obj;
 		}
 	}
@@ -16650,7 +16554,7 @@ SnapshotFiller.prototype._onRTKTimeSeriesSuccess = function (fields, serverResul
 	var dataMapping = {};
 	for (ric in ricMap) {
 		var obj = ricMap[ric];
-		if (!Object(Util["f" /* isEmptyObject */])(obj)) {
+		if (!isEmptyObject(obj)) {
 			dataMapping[ric] = obj;
 		}
 	}
@@ -16758,7 +16662,7 @@ GroupDefinitions.getLeafDescendants = function (groupMap, groupId) {
 * @return {Object}
 */
 GroupDefinitions._cloneObject = function(obj) {
-	var newObj = Object(Util["b" /* cloneObject */])(obj);
+	var newObj = cloneObject(obj);
 	if(Array.isArray(newObj.children)) {
 		newObj.children = newObj.children;
 	} else {
@@ -17300,7 +17204,7 @@ GroupDefinitions.prototype.setGroupName = function (groupId, groupName) {
 var ElementWrapper = function (opt_element) {
 	this._element = opt_element ? opt_element : document.createElement("div");
 };
-Ext["b" /* default */].inherits(ElementWrapper, event_EventDispatcher);
+es6_Ext.inherits(ElementWrapper, event_EventDispatcher);
 
 /** @protected
 * @ignore
@@ -18014,7 +17918,7 @@ var CellFloatingPanel = function () {
 	this._items = [];
 	this._element = null;
 };
-Ext["b" /* default */].inherits(CellFloatingPanel, components_ElementWrapper);
+es6_Ext.inherits(CellFloatingPanel, components_ElementWrapper);
 
 /** @public
 * @type {Array.<Element>}
@@ -18156,7 +18060,7 @@ var Cell = function (opt_element, opt_section) {
 		this._section = opt_section;
 	}
 };
-Ext["b" /* default */].inherits(Cell, components_ElementWrapper);
+es6_Ext.inherits(Cell, components_ElementWrapper);
 
 /** Cell's aligner
 * @private
@@ -20489,7 +20393,7 @@ var Column = function (section) {
 	this._cells = [];
 	this._section = section;
 };
-Ext["b" /* default */].inherits(Column, components_ElementWrapper);
+es6_Ext.inherits(Column, components_ElementWrapper);
 
 /** @type {Column}
 * @private
@@ -22590,7 +22494,7 @@ var Scrollbar = function () {
 		t.listen("thicknessChanged", t._updateEffectiveArea);
 	}
 };
-Ext["b" /* default */].inherits(Scrollbar, components_ElementWrapper);
+es6_Ext.inherits(Scrollbar, components_ElementWrapper);
 
 /** @type {boolean}
 * @protected
@@ -23969,7 +23873,7 @@ var HScrollbar = function () {
 	t.listen("activated", t._onActivated);
 	t.listen("deactivated", t._onDeactivated);
 };
-Ext["b" /* default */].inherits(HScrollbar, components_Scrollbar);
+es6_Ext.inherits(HScrollbar, components_Scrollbar);
 
 /** @type {number}
 * @private
@@ -24261,7 +24165,7 @@ var LayoutGrid = function (options) {
 	_t._addEvent("rowAvailable");
 };
 
-Ext["b" /* default */].inherits(LayoutGrid, components_ElementWrapper);
+es6_Ext.inherits(LayoutGrid, components_ElementWrapper);
 
 /**
  * @type {number}
@@ -27601,7 +27505,7 @@ var WrappedView = function(options) {
 
 	this._addEvents("dataChanged");
 };
-Ext["b" /* default */].inherits(WrappedView, event_EventDispatcher);
+es6_Ext.inherits(WrappedView, event_EventDispatcher);
 
 /** The configuration object for WrappedView
 * @typedef {Object} WrappedView~Options
@@ -28979,7 +28883,7 @@ var DataView = function(source) {
 
 	t.setDataSource(source);
 };
-Ext["b" /* default */].inherits(DataView, event_EventDispatcher);
+es6_Ext.inherits(DataView, event_EventDispatcher);
 
 /** List of row Ids with filtering and sorting transformation
 * @private
@@ -32968,7 +32872,7 @@ var SectionSettings = function (grid) {
 	_t._addEvent("dataChanged");
 	_t._addEvent("rowAvailable");
 };
-Ext["b" /* default */].inherits(SectionSettings, event_EventDispatcher); // Inherits() will replace prototype of the derived object
+es6_Ext.inherits(SectionSettings, event_EventDispatcher); // Inherits() will replace prototype of the derived object
 
 /** @type {number}
 * @private
@@ -33631,7 +33535,7 @@ var Virtualizer = function (trackLayout) {
 	this._arg = {};
 	this._addEvent("indexChanged");
 };
-Ext["b" /* default */].inherits(Virtualizer, event_EventDispatcher); // Inherits() will replace prototype of the derived object
+es6_Ext.inherits(Virtualizer, event_EventDispatcher); // Inherits() will replace prototype of the derived object
 
 /** @private
 * @type {!TrackLayout}
@@ -33988,7 +33892,7 @@ var VScrollbar = function () {
 	t.listen("scroll", t._onScroll); // For backward compatability
 	t._addEvent("contentScrolled");
 };
-Ext["b" /* default */].inherits(VScrollbar, components_Scrollbar);
+es6_Ext.inherits(VScrollbar, components_Scrollbar);
 
 
 /** For internal usage only
@@ -34161,7 +34065,7 @@ var VirtualizedLayoutGrid = function (options) {
 	_t._addEvent("rowHeightChanged");
 	_t._addEvent("rowAvailable");
 };
-Ext["b" /* default */].inherits(VirtualizedLayoutGrid, components_ElementWrapper);
+es6_Ext.inherits(VirtualizedLayoutGrid, components_ElementWrapper);
 
 
 /**
@@ -35455,6 +35359,7 @@ VirtualizedLayoutGrid._proto = VirtualizedLayoutGrid.prototype;
 * @property {string} rowId
 * @property {number} rowIndex
 */
+/** @event Core#beforeContentBinding */
 /** @event Core#postSectionDataBinding */
 /** @event Core#rowHighlighted */
 
@@ -35617,6 +35522,7 @@ var Core = function (opt_initializer) {
 		"postDataSourceChanged",
 		"preSectionRender",
 		"postSectionRender",
+		"beforeContentBinding",
 		"preSectionDataBinding",
 		"postSectionDataBinding",
 		"rowExpansionBinding",
@@ -35677,7 +35583,7 @@ var Core = function (opt_initializer) {
 		}
 	});
 };
-Ext["b" /* default */].inherits(Core, components_ElementWrapper);
+es6_Ext.inherits(Core, components_ElementWrapper);
 
 /** @typedef {number|string|ILayoutGrid|SectionSettings} Core~SectionReference
 * @description A section in core grid can be refered by the following object <br>
@@ -35978,7 +35884,7 @@ Core.prototype._batches = null;
 * @return {string}
 */
 Core.getVersion = function () {
-	return "5.1.56";
+	return "5.1.59";
 };
 /** {@link ElementWrapper#dispose}
 * @override
@@ -36780,6 +36686,7 @@ Core.prototype.getColumnCount = function () {
 * @fires Core#columnAdded
 * @fires Core#preSectionRender
 * @fires Core#columnRender
+* @fires Core#beforeContentBinding
 * @fires Core#preSectionDataBinding
 * @fires Core#columnDataBinding
 * @fires Core#postSectionDataBinding
@@ -36807,6 +36714,7 @@ Core.prototype.setColumnCount = function(num) {
 * @fires Core#columnAdded
 * @fires Core#preSectionRender
 * @fires Core#columnRender
+* @fires Core#beforeContentBinding
 * @fires Core#preSectionDataBinding
 * @fires Core#columnDataBinding
 * @fires Core#postSectionDataBinding
@@ -36923,16 +36831,12 @@ Core.prototype.removeColumnAt = function (index) {
 
 	if (this._hasListener("columnRemoved")) {
 		var e = {};
-		var batches = this._batches;
-		if(batches){
-			e["batches"] = batches;
-		}
 		e["atTheMiddle"] = true;
 		e["colIndex"] = index;
 		e["columns"] = "deprecated";
 		e["columnData"] = colDef["columnData"];
 		e["colId"] = colDef["id"] || "";
-		this._dispatch("columnRemoved", e);
+		this._dispatchColumnEvent("columnRemoved", e);
 	}
 
 	// Last index in view here might be different from before moving column if columns have different width.
@@ -37185,7 +37089,7 @@ Core.prototype._moveColumn = function (fromCol, destCol) {
 		e["fromColIndex"] = fromCol;
 		e["toColIndex"] = destCol;
 		e["colId"] = colId; // TODO: Id may not needed
-		this._dispatch("columnMoved", e);
+		this._dispatchColumnEvent("columnMoved", e); // add remove move
 	}
 
 	// Last index in view here might be different from before moving column if columns have different width.
@@ -37255,6 +37159,9 @@ Core.prototype.reorderColumns = function (colRefs, destCol) {
 		destId = destCol;
 	}
 
+	this.startBatch("move");
+
+	var dirty = 0;
 	if(Array.isArray(colRefs)) {
 		var srcLen = colRefs.length;
 		if(srcLen > 1) {
@@ -37297,7 +37204,6 @@ Core.prototype.reorderColumns = function (colRefs, destCol) {
 				}
 			}
 
-			var dirty = 0;
 			for(i = srcLen; --i >= 0;) {
 				srcId = srcIds[i]; // Only valid source columns are left at this point
 				srcIdx = this.getColumnIndex(srcId);
@@ -37308,17 +37214,15 @@ Core.prototype.reorderColumns = function (colRefs, destCol) {
 				dirty |= this._moveColumnByIndex(srcIdx, destIdx);
 				destId = srcId;
 			}
-			return dirty ? true : false;
 		} else {
-			return this.moveColumnById(colRefs[0], destId);
+			dirty = this.moveColumnById(colRefs[0], destId);
 		}
-	}
-
-	if(colRefs != null) {
+	} else if(colRefs != null) {
 		// colRefs will be a number or string
-		return this.moveColumnById(colRefs, destId);
+		dirty = this.moveColumnById(colRefs, destId);
 	}
-	return false;
+	this.stopBatch("move");
+	return dirty ? true : false;
 };
 
 /** @public
@@ -37425,6 +37329,7 @@ Core.prototype._deserializeColumn = function (index, jsonObj) {
 * @param {number=} opt_num Default is one row
 * @fires Core#preSectionRender
 * @fires Core#columnRender
+* @fires Core#beforeContentBinding
 * @fires Core#preSectionDataBinding
 * @fires Core#columnDataBinding
 * @fires Core#postSectionDataBinding
@@ -39228,6 +39133,7 @@ Core.prototype.synchronizeHScrollbar = function (subGrid) {
 * @param {number=} fromRowIndex INCLUSIVE If the value is undefined, the first row index will be used
 * @param {number=} lastRowIndex INCLUSIVE If the value is undefined, the last row index will be used
 * @param {Object=} userParam Addtional parameters to be fired with the event
+* @fires Core#beforeContentBinding
 * @fires Core#preSectionDataBinding
 * @fires Core#columnDataBinding
 * @fires Core#postSectionDataBinding
@@ -39861,7 +39767,7 @@ Core.prototype.stopBatch = function (batchType) {
 	this._dispatch("afterBatchOperation", { batches: this._batches, batchType: batchType });
 
 	delete this._batches[batchType];
-	if(Object(Util["f" /* isEmptyObject */])(this._batches)){
+	if(isEmptyObject(this._batches)){
 		this._batches = null;
 	}
 	return true;
@@ -39870,6 +39776,17 @@ Core.prototype.stopBatch = function (batchType) {
 
 //#region Private Methods
 /** @private
+* @param {string} type
+* @param {!Object} eventArg
+*/
+Core.prototype._dispatchColumnEvent = function (type, eventArg) {
+	var batches = this._batches;
+	if(batches){
+		eventArg["batches"] = batches;
+	}
+	this._dispatch(type, eventArg);
+};
+/** @private
 */
 Core.prototype._dispatchColumnPositionChanged = function () {
 	if(this._columnPositionConflator.conflate()) {
@@ -40109,20 +40026,16 @@ Core.prototype._dispatchColumnAddedEvent = function (at, count, atTheMiddle, ctx
 	if (this._hasListener("columnAdded")) {
 		var e = {};
 		e["atTheMiddle"] = atTheMiddle;
-		var batches = this._batches;
-		if(batches){
-			e["batches"] = batches;
-		}
 		if(count === 1) {
 			e["colIndex"] = at;
 			e["context"] = ctx;
-			this._dispatch("columnAdded", e);
+			this._dispatchColumnEvent("columnAdded", e);
 		} else {
 			var ary = Array.isArray(ctx) ? ctx : [];
 			for (var i = 0; i < count; ++i) {
 				e["colIndex"] = at + i;
 				e["context"] = ary[i];
-				this._dispatch("columnAdded", e);
+				this._dispatchColumnEvent("columnAdded", e);
 			}
 		}
 	}
@@ -40264,15 +40177,11 @@ Core.prototype._removeColumn = function (num) {  // TODO: change the logic to us
 
 	if (this._hasListener("columnRemoved")) {
 		var e = {};
-		var batches = this._batches;
-		if(batches){
-			e["batches"] = batches;
-		}
 		for (var c = colCount; --c >= newCount; ) {
 			var colDef = removedCols[c - newCount];
 			e["colIndex"] = c;
 			e["columnData"] = colDef ? colDef["columnData"] : null;
-			this._dispatch("columnRemoved", e);
+			this._dispatchColumnEvent("columnRemoved", e);
 		}
 	}
 };
@@ -40305,6 +40214,9 @@ Core.prototype._onSectionDataChanged = function (e) {
 		rowDataCollection = dataView.getMultipleRowData(rids, fromR, toR);
 		e["dataRows"] = rowDataCollection;
 	}
+	if(e["sectionType"] === "content"){
+		this._dispatch("beforeContentBinding", e);
+	}
 	this._dispatch("preSectionDataBinding", e);
 
 	var dataMap = this.getDataColumnMap();
@@ -41278,7 +41190,7 @@ StyleLoader.chainIcon = '';
 /** @type {string}
 * @public
 */
-StyleLoader.styles = Object(Util["i" /* prettifyCss */])([
+StyleLoader.styles = prettifyCss([
 	".tr-grid .chain-icon", [
 		"cursor: pointer;"
 	],
@@ -41301,7 +41213,7 @@ StyleLoader.styles = Object(Util["i" /* prettifyCss */])([
 StyleLoader.applyStyle = function (grid) {
 	if (grid && !grid._rowGroupingStyles) { // TODO: Support run-time theme loading
 		grid._rowGroupingStyles = true; // Prevent loading the same style twice
-		Object(Util["e" /* injectCss */])(StyleLoader.styles, grid.getElement());
+		injectCss(StyleLoader.styles, grid.getElement());
 	}
 };
 
@@ -41573,7 +41485,7 @@ var DataConnector = function () {
 	t._rics = new js_ReferenceCounter();
 	t._rowDefMap = {};
 };
-Ext["a" /* Ext */].inherits(DataConnector, EventDispatcher["a" /* EventDispatcher */]);
+Ext.inherits(DataConnector, EventDispatcher);
 
 
 //#region Private Members
@@ -41950,7 +41862,7 @@ RowDefSorter.prototype.addColumnContext = function(field, logic, rowSorting, ord
 	var sortPriority = this._sortParams.length;
 	var ctx = this._ctxCaches[sortPriority];
 	if(!ctx) {
-		ctx = this._ctxCaches[sortPriority] = Object(Util["b" /* cloneObject */])(this._globalContext);
+		ctx = this._ctxCaches[sortPriority] = cloneObject(this._globalContext);
 	}
 	var orderNum = 0;
 	if(order === "a") {
@@ -42137,7 +42049,7 @@ var SortableTitlePlugin = function (options) { // TODO: Extract SortableTitlePlu
 		_t.config({ "sorting": options });
 	}
 };
-Ext["b" /* default */].inherits(SortableTitlePlugin, event_EventDispatcher);
+es6_Ext.inherits(SortableTitlePlugin, event_EventDispatcher);
 
 /**
  * @typedef {"a" | "ascending" | "d" | "descending" | "n" | null} SortableTitlePlugin~SortOrder
@@ -42608,7 +42520,7 @@ SortableTitlePlugin.prototype.getConfigObject = function (gridOptions) {
 		extOptions["sortingSequence"] = sortingSeq.slice();
 	}
 
-	if(Object(Util["f" /* isEmptyObject */])(obj["sorting"])) {
+	if(isEmptyObject(obj["sorting"])) {
 		delete obj["sorting"];
 	}
 
@@ -44144,6 +44056,45 @@ var compareNumber = function(rowDefA, rowDefB, sortOrder, fieldName) { // edit n
 	return (rowDefA.getData(fieldName) - rowDefB.getData(fieldName)) * sortOrder; // for numeric comparison
 };
 
+/**
+ * @private
+* @param {string} rowDefA
+* @param {string} rowDefB
+* @param {string} sortOrder
+* @return {number} The outcome of the value comparison
+*/
+var _sortChildrenOfChain =  function (rowDefA, rowDefB, sortOrder) {
+	var parentA = rowDefA.getParent();
+
+	if (!parentA) {
+	  return 0;
+	}
+
+	var parentB = rowDefB.getParent();
+
+	if (!parentB) {
+	  return 0;
+	}
+
+	if (parentA !== parentB) {
+	  return 0;
+	}
+
+	var a = rowDefA.getData('CHILD_ORDER');
+
+	if (a == null) {
+	  return 0;
+	}
+
+	var b = rowDefB.getData('CHILD_ORDER');
+
+	if (b == null) {
+	  return 0;
+	}
+
+	return ( a - b ) * sortOrder;
+};
+
 /** @private
 * @param {ColumnDefinition} colDef
 * @return {string}
@@ -44172,6 +44123,7 @@ var Grid = function(placeholder, config) {
 	var t = this; // This is to primarily reduce file size
 
 	t._onDataChanged = t._onDataChanged.bind(t);
+	t._onQuote2PostUpdate = t._onQuote2PostUpdate.bind(t);
 	t._onDataComposed = t._onDataComposed.bind(t);
 	t._onSubSegmentChanged = t._onSubSegmentChanged.bind(t);
 	t._recalculateFormulas = t._recalculateFormulas.bind(t);
@@ -44294,7 +44246,7 @@ var Grid = function(placeholder, config) {
 
 	js_StyleLoader.applyStyle(t._grid);
 };
-Ext["a" /* Ext */].inherits(Grid, EventDispatcher["a" /* EventDispatcher */]);
+Ext.inherits(Grid, EventDispatcher);
 
 /** @private
  * @type {Element}
@@ -44530,6 +44482,7 @@ Grid.prototype.initSubscription = function() {
 	this._subs = s;
 	this._subs["start"]();
 	this._dc.setSubscriptions(s);
+	this._subs.addEventListener("postUpdate", this._onQuote2PostUpdate);
 
 	// TODO: Subscriptions should be registered per row.
 	// However, chain subscription cannot be integrated with DataConnector in this current implementation.
@@ -44913,9 +44866,9 @@ Grid.prototype.initialize = function(gridOption) {
 		var len = rows.length;
 		for(var n = 0; n < len; n++) {
 			if(rows[n]["values"]) { // merge row's values, values can be object or array
-				values = Object(Util["a" /* arrayToObject */])(rows[n]["values"], fields);
-				data = Object(Util["a" /* arrayToObject */])(ary[n], fields);
-				rows[n]["values"] = Object(Util["d" /* extendObject */])(values, data);
+				values = arrayToObject(rows[n]["values"], fields);
+				data = arrayToObject(ary[n], fields);
+				rows[n]["values"] = extendObject(values, data);
 			} else {
 				rows[n]["values"] = ary[n];
 			}
@@ -45036,7 +44989,7 @@ Grid.prototype.getConfigObject = function (gridOptions) {
 		obj["autoLayoutUpdate"] = true;
 	}
 
-	val = Object(Util["f" /* isEmptyObject */])(this._defaultColumnOptions);
+	val = isEmptyObject(this._defaultColumnOptions);
 	if (!val) { // Currently, this variable is the object, we need to check empty array for default value
 		obj["defaultColumnOptions"] = this._defaultColumnOptions;
 	}
@@ -45244,7 +45197,7 @@ Grid.prototype.insertColumn = function (columnOption, idx) {
 
 	// no need to merge defaultColumn during initialize process
 	// because columnOption already mutate by initialize function
-	var configObj = (this._initializing) ? {} : Object(Util["b" /* cloneObject */])(this._defaultColumnOptions);
+	var configObj = (this._initializing) ? {} : cloneObject(this._defaultColumnOptions);
 
 	if (typeof columnOption === "string") {
 		configObj["field"] = columnOption;
@@ -45369,7 +45322,7 @@ Grid.prototype._cloneTimeSeriesColumn = function (parentColDef, childField, idx)
 			obj[key] = parentConfig[key];
 		}
 	}
-	columnOption = Object(Util["b" /* cloneObject */])(obj);
+	columnOption = cloneObject(obj);
 	columnOption["field"] = childField.replace("TR.", ""); // We need to remove the 'TR' prefix from the field to avoid confusion with time series fields.
 	columnOption["name"] = childField.split("_")[1].split("T")[0]; // Currently, response server format utc date ex "2022-11-23T00:00:00"
 	columnOption["parent"] = parentColDef;
@@ -45584,7 +45537,7 @@ Grid.prototype.restoreColumns = function(columns) {
 	for (i = 0; i < preColLen; i++) {
 		found = false;
 		for (j = 0; j < newColLen; j++) {
-			if (Object(Util["c" /* deepEqual */])(previousColumns[i], columns[j])) {
+			if (deepEqual(previousColumns[i], columns[j])) {
 				keepingColumns.push(previousColumns[i]);
 				found = true;
 				break;
@@ -45605,7 +45558,7 @@ Grid.prototype.restoreColumns = function(columns) {
 	for (i = 0; i < newColLen; i++) {
 		found = false;
 		for (j = 0; j < keepingLen; j++) { // loop only keeping column
-			if (Object(Util["c" /* deepEqual */])(columns[i], keepingColumns[j])) {
+			if (deepEqual(columns[i], keepingColumns[j])) {
 				found = true;
 				var colIndex = this.getColumnIndex(columns[i].field); // We cannot use 'i' (colIndex) in this case, as it will sort the columns. Instead, we need to obtain a new column index from the field.
 				columnOrdering.push(this.getColumnId(colIndex));
@@ -46522,13 +46475,7 @@ Grid.prototype.setRic = function(rowRef, str, options) {
 		options["ric"] = str;
 		var extractedOptions = RowDefinition.extractRowOptions(options);
 		var oldRic = rowDef.getSymbol();
-		var permId = options["permId"];
-		var expanded = null;
-		var collapsed = options["collapsed"];
-		if(collapsed != null){
-			expanded = !extractedOptions["collapsed"];
-		}
-		if(rowDef.setContent(str, permId, extractedOptions["asChain"], expanded)) { // The given string may not be a RIC
+		if(rowDef.setContent(str, extractedOptions)) { // The given string may not be a RIC
 			this._connector.removeRic(rowDef, oldRic);
 			this._initDuplicateRicData(rowDef);
 			this._connector.addRic(rowDef);
@@ -47242,6 +47189,19 @@ Grid.prototype.clearSort = function() {
 	this._stp.clearSortState(); // WARNING: No event is dispatched
 };
 
+/**
+* @private
+* @param {Object} e Event object from quote2
+*/
+Grid.prototype._onQuote2PostUpdate = function (e) {
+	if(e.childOrderChange) { // For dynamic chain when CHILD_ORDER from the server change, it will be call sort children
+		if(!this.isSorting()) {
+			// Use rowDef for get CHILD_ORDER to sort
+			this._dt.sortOnce("ROW_DEF", "a", _sortChildrenOfChain);
+		}
+	}
+};
+
 /** @private
 * @param {!Object} e
 */
@@ -47801,7 +47761,7 @@ Grid.prototype.replaceRow = function(rowRef, rowOption) {
 	}
 	var configObj = rowDef.getConfigObject();
 
-	if(Object(Util["c" /* deepEqual */])(configObj, rowOption)){
+	if(deepEqual(configObj, rowOption)){
 		return null;
 	} else {
 		var insertedRow = this.insertRow(rowOption, rowId);
@@ -50695,11 +50655,380 @@ var TickFields = {
 /* harmony default export */ var es6_TickCodes = (TickCodes);
 
 
+// CONCATENATED MODULE: ./node_modules/tr-grid-util/es6/ExpressionParser.js
+/** @type {Object.<string, number>}
+* @private
+* @const
+*/
+var OperatorPrecedences = {
+	"||": 1,
+	"&&": 2,
+	"<": 3,
+	">": 3,
+	"<=": 3,
+	">=": 3,
+	"!=": 3,
+	"=": 3,
+	"==": 3,
+	"===": 3,
+	"+": 4,
+	"-": 4,
+	"*": 5,
+	"%": 6,
+	"/": 6
+};
+/** @type {Object.<string, Function>}
+* @private
+* @const
+*/
+var OperatorFunctions = {
+	"+": function(lhs, rhs){ return lhs + rhs; },
+	"-": function(lhs, rhs){ return lhs - rhs; },
+	"*": function(lhs, rhs){ return lhs * rhs; },
+	"/": function(lhs, rhs){ return lhs / rhs; },
+	"%": function(lhs, rhs){ return lhs % rhs; },
+	"<": function(lhs, rhs){ return lhs < rhs; },
+	">": function(lhs, rhs){ return lhs > rhs; },
+	"<=": function(lhs, rhs){ return lhs <= rhs; },
+	">=": function(lhs, rhs){ return lhs >= rhs; },
+	"==": function(lhs, rhs){ return lhs == rhs; },
+	"!=": function(lhs, rhs){ return lhs != rhs; },
+	"&&": function(lhs, rhs){ return lhs && rhs; },
+	"||": function(lhs, rhs){ return lhs || rhs; }
+};
+/** @type {Object.<string, Function>}
+* @private
+* @function
+* @param {Array.<Object>} ary
+* @param {string|number} value
+* @param {string} type
+* @param {string=} dataType
+* @return {number}
+*/
+var _addToken = function(ary, value, type, dataType) {
+	var tok = {
+		value: value,
+		type: type
+	};
+	if(dataType) {
+		tok.dataType = dataType;
+	}
+	if(type === "operator") {
+		tok.precedence = OperatorPrecedences[value];
+	}
+	ary.push(tok);
+	return ary.length - 1;
+};
+
+/** @public
+* @namespace
+*/
+var ExpressionParser = {};
+/** @type {Array.<Object>}
+* @private
+* @const
+*/
+ExpressionParser._tokens = [];
+
+
+/** @private
+* @function
+* @param {string} str
+* @return {string}
+*/
+ExpressionParser._withString = function(str) {
+	var tokId = _addToken(ExpressionParser._tokens,
+		str.substring(1, str.length - 1),
+		"literal",
+		"string"
+	);
+	return " #" + tokId + "#";
+};
+/** @private
+* @function
+* @param {string} field
+* @return {string}
+*/
+ExpressionParser._withField = function(field) {
+	var tokId = _addToken(ExpressionParser._tokens,
+		field,
+		"literal",
+		"variable"
+	);
+	return " #" + tokId + "#";
+};
+/** @private
+* @function
+* @param {string} field
+* @return {string}
+*/
+ExpressionParser._withFieldInBrackets = function(field) {
+	return ExpressionParser._withField(field.substring(1, field.length - 1));
+};
+/** @private
+* @function
+* @param {string} numStr
+* @return {string}
+*/
+ExpressionParser._withNegativeNumber = function(numStr) {
+	var num = +numStr;
+	if(num === num) {
+		var tokId = _addToken(ExpressionParser._tokens,
+			num,
+			"literal",
+			"number"
+		);
+		return " #" + tokId + "#";
+	}
+	return "";
+};
+/** @private
+* @function
+* @param {string} numStr
+* @return {string}
+*/
+ExpressionParser._withPositiveNumber = function(numStr) {
+	if(numStr.charCodeAt(0) === 35) {
+		return numStr; // skip token (string with leading #)
+	}
+	return ExpressionParser._withNegativeNumber(numStr);
+};
+/** @private
+* @function
+* @param {string} opStr
+* @return {string}
+*/
+ExpressionParser._withOperator = function(opStr) {
+	if(OperatorPrecedences[opStr]) {
+		if(opStr == "=" || opStr == "===") {
+			opStr = "==";
+		}
+		var tokId = _addToken(ExpressionParser._tokens, opStr, "operator");
+		return "#" + tokId + "#";
+	}
+	return "";
+};
+/** @private
+* @function
+* @param {string} paStr
+* @return {string}
+*/
+ExpressionParser._withParenthesis = function(paStr) {
+	var tokId = _addToken(ExpressionParser._tokens, paStr, "parenthesis");
+	return "#" + tokId + "#";
+};
+
+
+/** @private
+* @function
+* @param {Object} ctx
+* @return {boolean} Returns true if there is any error, otherwise returns false (everything is OK)
+*/
+ExpressionParser._tester = function(ctx) {
+	var rpn = ctx._rpn;
+	var inputCount = rpn.length;
+	var operandCount = 0;
+	var maxStack = 0;
+	for(var i = 0; i < inputCount; ++i) {
+		var tok = rpn[i];
+		if(tok.type !== "literal") {
+			if(operandCount >= 2) {
+				operandCount -= 2;
+			} else {
+				console.warn("Cannot parse an expression with insufficient number of operands");
+				return true;
+			}
+		}
+		operandCount++;
+		if(operandCount > maxStack) {
+			maxStack = operandCount;
+		}
+	}
+
+	if(operandCount !== 1) {
+		return true;
+	}
+
+	ctx._stackSize = maxStack;
+	return false;
+};
+/** @private
+* @function
+* @param {Object} ctx
+* @param {Object} rowData
+* @return {boolean}
+*/
+ExpressionParser._filter = function(ctx, rowData) {
+	var rpn = ctx._rpn;
+	var results = new Array(ctx._stackSize);
+	var inputCount = rpn.length;
+	var operandCount = 0;
+	var curRes;
+	for(var i = 0; i < inputCount; ++i) {
+		var tok = rpn[i];
+		var tokValue = tok.value;
+		if(tok.type === "literal") {
+			if(tok.dataType !== "variable") {
+				curRes = tokValue;
+			}	else {
+				curRes = rowData ? rowData[tokValue] : null;
+			}
+		} else { // operator
+			curRes = OperatorFunctions[tokValue](
+				results[operandCount - 2],
+				results[operandCount - 1]
+			);
+			operandCount -= 2;
+		}
+		results[operandCount++] = curRes;
+	}
+	// return results[0];
+	return results[0] ? true : false;
+};
+
+/** Parse an expression into a filter function (returning boolean value)
+* @public
+* @param {string|Function} expression
+* @return {Function}
+* @example
+* func = ExpressionParser.parse("field1 >= 10");
+* func = ExpressionParser.parse("[field with space] != 'text'");
+* func = ExpressionParser.parse("(field1 + 1) / 2 < 10 && field2 - 10 > 3");
+*/
+ExpressionParser.parse = function(expression) {
+	if(typeof expression === "function") {
+		return  expression;
+	}
+	if(!expression || typeof expression !== "string") {
+		return null;
+	}
+
+	var tokExp = expression.trim();
+	if(!tokExp) {
+		return null;
+	}
+	ExpressionParser._tokens.length = 0;
+
+	tokExp = tokExp.replace(/".+?"/g, ExpressionParser._withString); // double quote string
+	tokExp = tokExp.replace(/'.+?'/g, ExpressionParser._withString); // single quote string
+	tokExp = tokExp.replace(/\[.+?\]/g, ExpressionParser._withFieldInBrackets); // field in square brackets
+	tokExp = tokExp.replace(/-[0-9.]+/g, ExpressionParser._withNegativeNumber);
+	tokExp = tokExp.replace(/[0-9.#]+/g, ExpressionParser._withPositiveNumber);
+	tokExp = tokExp.replace(/[a-zA-Z_]\w*/g, ExpressionParser._withField);
+	tokExp = tokExp.replace(/[\-\/+*%!=<>&|]+/g, ExpressionParser._withOperator);
+	tokExp = tokExp.replace(/[()]/g, ExpressionParser._withParenthesis); // round brackets
+
+	var tokens = ExpressionParser._tokens;
+	var tokCount = tokens.length;
+	if(!tokCount) {
+		return null; // There is no recognizable character
+	}
+
+	// Generate infix token list
+	var infixTokens = [];
+	var matches = tokExp.match(/#[0-9]+#/g);
+	var i, tok, tokType;
+	for(i = 0; i < tokCount; ++i) {
+		var tokId = matches[i];
+		var tokIdx = +(tokId.substring(1, tokId.length - 1));
+		tok = tokens[tokIdx];
+		tokType = tok.type;
+		if(tokType === "literal") {
+			var prevTok = infixTokens[infixTokens.length - 1];
+			if(prevTok && prevTok.type === "literal") { // Incorrect infix notation detected
+				if(tok.value < 0 && tok.dataType === "number") {
+					_addToken(infixTokens, "-", "operator");
+					tok.value *= -1;
+				} else {
+					console.warn("Cannot parse an expression with insufficient number of operators");
+					return null;
+				}
+			}
+		}
+		infixTokens.push(tok);
+	}
+	// TODO: Handle the case where subtraction operator is in front of a variable
+	ExpressionParser._tokens.length = 0;
+
+	// Convert Infix notation to Reverse Polish Notation (Postfix)
+	// See https://en.wikipedia.org/wiki/Shunting_yard_algorithm#The_algorithm_in_detail
+	tokCount = infixTokens.length;
+	var rpn = [];
+	var operators = [];
+	var lastOp = null;
+	var foundLeftPa = false;
+	for(i = 0; i < tokCount; ++i) {
+		tok = infixTokens[i];
+		tokType = tok.type;
+
+		if(tokType === "literal") {
+			rpn.push(tok);
+		} else if(tokType === "parenthesis") {
+			if(tok.value === "(") {
+				operators.push(tok);
+			} else { // When finding right parenthesis, pop all operators until left parenthesis
+				foundLeftPa = false;
+				while(operators.length) {
+					lastOp = operators.pop();
+					if(lastOp.value === "(" && lastOp.type === "parenthesis") {
+						foundLeftPa = true;
+						break;
+					} else {
+						rpn.push(lastOp);
+					}
+				}
+				if(!foundLeftPa) {
+					console.warn("No left parenthesis paired with the right one");
+				}
+			}
+		} else { // operator
+			lastOp = operators[operators.length - 1];
+			var prevPrecedence = lastOp ? lastOp.precedence : null;
+			if(prevPrecedence != null && tok.precedence <= prevPrecedence) {
+				rpn.push(operators.pop());
+			}
+			operators.push(tok);
+		}
+	}
+
+	foundLeftPa = false;
+	while(operators.length) {
+		lastOp = operators.pop();
+		if(lastOp.value === "(" && lastOp.type === "parenthesis") {
+			foundLeftPa = true;
+		} else {
+			rpn.push(lastOp);
+		}
+	}
+	if(foundLeftPa) {
+		console.warn("No right parenthesis paired with the left one");
+	}
+
+	var inputCount = rpn.length;
+	if(!inputCount) {
+		return null; // The expression contains nothing but parentheses
+	}
+
+	var ctx = {
+		_rpn: rpn
+	};
+
+	if(ExpressionParser._tester(ctx)) {
+		return null; // Insufficient number of operands
+	}
+
+	return ExpressionParser._filter.bind(null, ctx);
+};
+
+/* harmony default export */ var es6_ExpressionParser = (ExpressionParser);
+
+
 // CONCATENATED MODULE: ./node_modules/tr-grid-util/es6/CellPainter.js
 
 
 
 
+
 /** @typedef {Object} CellPainter~Expression
 * @property {string=} name
 * @property {string} text Text describes condition e.g. [FIELD] > 10
@@ -50829,7 +51158,8 @@ CellPainter.supportedStyles = CellPainter.bgStyles.concat(CellPainter.nonBgStyle
 */
 CellPainter.themeReady = null;
 
-/** @public
+/** Deprecated in favor of ExpressionParser
+* @public
 * @function
 * @param {string|Function} expression
 * @return {Function}
@@ -50837,7 +51167,7 @@ CellPainter.themeReady = null;
 * var fn = CellPainter.parse("[CF_BID] >= 10 && [CF_BID] <= 100");
 * window.console.log(fn(25));
 */
-CellPainter.parse = Util["h" /* parseCondition */];
+CellPainter.parse = ExpressionParser.parse;
 
 
 /** @public */
@@ -51009,7 +51339,7 @@ CellPainter.prototype.getColumnStats = function() {
 CellPainter.prototype._addCondition = function(condition) {
 	var exp = condition["expression"];
 	if(exp) {
-		condition._fn = CellPainter.parse(exp["text"] || exp);
+		condition._fn = ExpressionParser.parse(exp["text"] || exp);
 		this._conditions.push(condition);
 	}
 };
@@ -51477,7 +51807,7 @@ CellPainter.blackAndWhite = function (triplet) {
 * @param {string} rgbCode
 * @return {string} resultColor E.g. "#10FF0D"
 */
-CellPainter.rgb2Hex = Util["j" /* rgb2Hex */]; // For backward compatability
+CellPainter.rgb2Hex = rgb2Hex; // For backward compatability
 
 /** @public
 * @function