@refinitiv-ui/efx-grid 6.0.100 → 6.0.102

package/lib/core/dist/core.js

@@ -7666,6 +7666,179 @@ HScrollbar._proto = HScrollbar.prototype;
 /* harmony default export */ const components_HScrollbar = (HScrollbar);
 
 
+;// CONCATENATED MODULE: ./src/js/grid/util/CellBoundPainter.js
+/** @private
+* @function
+* @param {number} idx
+* @param {number} limit
+* @return {number}
+*/
+let _validateIndex = function(idx, limit) {
+	if(idx > limit) {
+		return limit;
+	} else if(idx < 0) {
+		return 0;
+	}
+	return idx;
+};
+
+/** @constructor
+* @param {Object} ctx
+*/
+let CellBoundPainter = function (ctx) {
+	this._boundLayer = ctx.boundLayer;
+	this._layoutX = ctx.layoutX;
+	this._layoutY = ctx.layoutY;
+	this._hscrollbar = ctx.hscrollbar;
+	this._calculateColumnBounds = ctx.calculateColumnBounds;
+};
+
+/** @type {Element}
+* @private
+*/
+CellBoundPainter.prototype._boundLayer = null;
+/** @type {!TrackLayout}
+* @private
+*/
+CellBoundPainter.prototype._layoutX;
+/** @type {!TrackLayout}
+* @private
+*/
+CellBoundPainter.prototype._layoutY;
+/** @type {HScrollbar}
+* @private
+*/
+CellBoundPainter.prototype._hscrollbar;
+/** @type {Function}
+* @private
+*/
+CellBoundPainter.prototype._calculateColumnBounds;
+/** @type {Element}
+* @private
+*/
+CellBoundPainter.prototype._cellBound = null;
+/** @type {number}
+* @private
+*/
+CellBoundPainter.prototype._cbLftIdx = 0;
+/** @type {number}
+* @private
+*/
+CellBoundPainter.prototype._cbRgtIdx = 0;
+/** @type {number}
+* @private
+*/
+CellBoundPainter.prototype._cbTopIdx = 0;
+/** @type {number}
+* @private
+*/
+CellBoundPainter.prototype._cbBtmIdx = 0;
+
+/** @public
+*/
+CellBoundPainter.prototype.dispose = function () {
+	let cellBound = this._cellBound;
+	if(cellBound) {
+		let pn = cellBound.parentNode;
+		if(pn) {
+			pn.removeChild(cellBound);
+		}
+		this._cellBound = null;
+	}
+	this._boundLayer = null;
+	this._layoutX = null;
+	this._layoutY = null;
+	this._hscrollbar = null;
+	this._calculateColumnBounds = null;
+};
+
+/** @public
+* @param {number} colIndex
+* @param {number} rowIndex
+* @param {number} width
+* @param {number} height
+* @param {number} colCount
+*/
+CellBoundPainter.prototype.setCellBounds = function (colIndex, rowIndex, width, height, colCount) {
+	let cellBound = this._cellBound;
+	if(!cellBound) {
+		cellBound = this._cellBound = document.createElement("div");
+		cellBound.className = "selection-bound";
+	}
+
+	// Validate inputs
+	let rgtIndex = colIndex + width; // Exclusive
+	let btmIndex = rowIndex + height; // Exclusive
+
+	let rowCount = this._layoutY.getLaneCount();
+
+	this._cbLftIdx = _validateIndex(colIndex, colCount);
+	this._cbRgtIdx = _validateIndex(rgtIndex, colCount);
+	this._cbTopIdx = _validateIndex(rowIndex, rowCount);
+	this._cbBtmIdx = _validateIndex(btmIndex, rowCount);
+
+	this.updateCellBounds();
+};
+
+/** @public
+*/
+CellBoundPainter.prototype.updateCellBounds = function() {
+	let cellBound = this._cellBound;
+	if(!cellBound) {
+		return;
+	}
+
+	let layoutX = this._layoutX;
+	let layoutY = this._layoutY;
+	let lftIdx = this._cbLftIdx;
+	let rgtIdx = this._cbRgtIdx; // Exclusive
+	let topIdx = this._cbTopIdx;
+	let btmIdx = this._cbBtmIdx; // Exclusive
+	let lftPx, rgtPx, topPx, btmPx;
+	lftPx = rgtPx = topPx = btmPx = 0;
+	if(lftIdx < rgtIdx && topIdx < btmIdx) {
+		lftPx = layoutX.getLaneStart(lftIdx);
+		rgtPx = layoutX.getLaneEnd(rgtIdx - 1);
+		topPx = layoutY.getLaneStart(topIdx);
+		btmPx = layoutY.getLaneEnd(btmIdx - 1);
+	}
+
+	let width = rgtPx - lftPx;
+	let height = btmPx - topPx;
+	let noBorders = [false, false];
+	if(width > 0 && height > 0 && this._hscrollbar) {
+		let positions = [0, 0];
+		this._calculateColumnBounds(lftIdx, rgtIdx - 1, positions, noBorders);
+		lftPx = positions[0];
+		rgtPx = positions[1];
+		width = rgtPx - lftPx;
+	}
+
+	if(width > 0) {
+		cellBound.style.left = lftPx + "px";
+		cellBound.style.top = topPx + "px";
+		cellBound.style.width = width + "px";
+		cellBound.style.height = height + "px";
+
+		cellBound.classList.toggle("no-left-bound", noBorders[0]);
+		cellBound.classList.toggle("no-right-bound", noBorders[1]);
+
+		if(this._boundLayer) {
+			this._boundLayer.appendChild(cellBound);
+		}
+	} else {
+		let pn = cellBound.parentNode;
+		if(pn) {
+			pn.removeChild(cellBound);
+		}
+	}
+};
+
+CellBoundPainter._proto = CellBoundPainter.prototype;
+
+/* harmony default export */ const util_CellBoundPainter = (CellBoundPainter);
+
+
 ;// CONCATENATED MODULE: ./src/js/grid/LayoutGrid.js
 /* eslint-disable */
 
@@ -7681,6 +7854,7 @@ HScrollbar._proto = HScrollbar.prototype;
 
 
 
+
 /* eslint-enable */
 
 //#region Events
@@ -7946,7 +8120,10 @@ LayoutGrid.prototype._leftColumnSeparator = null;
 * @private
 */
 LayoutGrid.prototype._rightColumnSeparator = null;
-
+/** @type {Element}
+* @private
+*/
+LayoutGrid.prototype._cellBoundPainter = null;
 /**
  * {@link ElementWrapper#dispose}
  * @override
@@ -7971,6 +8148,10 @@ LayoutGrid.prototype.dispose = function () {
 	this._ctx = null;
 	this._hscrollbar = null;
 
+	if(this._cellBoundPainter) {
+		this._cellBoundPainter.dispose();
+	}
+
 	this._dispose();
 };
 /**
@@ -9941,7 +10122,22 @@ LayoutGrid.prototype.selectCell = function (colIndex, rowIndex, selected) {
 * @param {number} width
 * @param {number} height
 */
-LayoutGrid.prototype.setCellBounds = function (colIndex, rowIndex, width, height) {};
+LayoutGrid.prototype.setCellBounds = function (colIndex, rowIndex, width, height) {
+	let boundLayer = this._initBoundLayer();
+	let cellBoundPainter = this._cellBoundPainter;
+	if(!cellBoundPainter) {
+		cellBoundPainter = this._cellBoundPainter = new util_CellBoundPainter({
+			boundLayer: boundLayer,
+			layoutX: this._trackX,
+			layoutY: this._trackY,
+			hscrollbar: this._hscrollbar,
+			calculateColumnBounds: this.calculateColumnBounds.bind(this)
+		});
+	}
+
+	let colCount = this.getColumnCount();
+	cellBoundPainter.setCellBounds(colIndex, rowIndex, width, height, colCount);
+};
 /** @public
 * @ignore
 * @return {!TrackLayout}
@@ -11811,7 +12007,7 @@ GroupDefinitions.prototype.setGroupName = function (groupId, groupName) {
  * @constructor
  * @extends {EventDispatcher}
  */
-let DataCache_DataCache = function () {
+let DataCache = function () {
 	let _t = this;
 
 	_t._rows = {};
@@ -11820,9 +12016,6 @@ let DataCache_DataCache = function () {
 	_t._onInsert = _t._onInsert.bind(_t);
 	_t._onUpdate = _t._onUpdate.bind(_t);
 	_t._onDelete = _t._onDelete.bind(_t);
-	_t._onBatchRequestADCData = _t._onBatchRequestADCData.bind(_t);
-	_t._onADCUpdate = _t._onADCUpdate.bind(_t);
-	_t._onADCError = _t._onADCError.bind(_t);
 	_t._onQ2DataChanged = _t._onQ2DataChanged.bind(_t);
 	_t._onQ2SubAdded = _t._onQ2SubAdded.bind(_t);
 	_t._onQ2SubRemoved = _t._onQ2SubRemoved.bind(_t);
@@ -11830,13 +12023,13 @@ let DataCache_DataCache = function () {
 	_t._addEvent("dataComposed");
 	_t._addEvent("dataChanged");
 };
-es6_Ext.inherits(DataCache_DataCache, event_EventDispatcher);
+es6_Ext.inherits(DataCache, event_EventDispatcher);
 
 //#region Public
 /**
  * @public
  */
-DataCache_DataCache.prototype.dispose = function () {
+DataCache.prototype.dispose = function () {
 	this.unlistenAll();
 	this.clearAllData(true);
 	this._quotes2 = null;
@@ -11847,7 +12040,7 @@ DataCache_DataCache.prototype.dispose = function () {
  * @public
  * @param {Object} subs Subscriptions object from JET.Quotes2
  */
-DataCache_DataCache.prototype.setSubscriptions = function (subs) {
+DataCache.prototype.setSubscriptions = function (subs) {
 	if (this._quotes2) {
 		this._quotes2["removeEventListener"]("dataChanged", this._onQ2DataChanged);
 		this._quotes2["removeEventListener"]("subscriptionAdded", this._onQ2SubAdded);
@@ -11869,7 +12062,7 @@ DataCache_DataCache.prototype.setSubscriptions = function (subs) {
  * @public
  * @return {Object} subs Subscriptions object from JET.Quotes2
  */
-DataCache_DataCache.prototype.getSubscriptions = function () {
+DataCache.prototype.getSubscriptions = function () {
 	return this._quotes2;
 };
 
@@ -11881,7 +12074,7 @@ DataCache_DataCache.prototype.getSubscriptions = function () {
  * object does not provide a way to access its data
  * @param {Object=} opt_values Initial values
  */
-DataCache_DataCache.prototype.addSubscription = function (sub, opt_primaryRic, opt_values) {
+DataCache.prototype.addSubscription = function (sub, opt_primaryRic, opt_values) {
 	if (this.getSubscription(sub["id"])) {
 		return;
 	}
@@ -11912,7 +12105,7 @@ DataCache_DataCache.prototype.addSubscription = function (sub, opt_primaryRic, o
  * @public
  * @param {Object} sub Subscription object from JET.Quote
  */
-DataCache_DataCache.prototype.removeSubscription = function (sub) { // All RICs associated to the subscription are removed
+DataCache.prototype.removeSubscription = function (sub) { // All RICs associated to the subscription are removed
 	let subId = sub["id"];
 
 	if (!sub || !this._subs[subId]) {
@@ -11936,7 +12129,7 @@ DataCache_DataCache.prototype.removeSubscription = function (sub) { // All RICs
  * Deprecated. Built-in Data Service is deprecated due to the lack of flexibility.
  * @public
  */
-DataCache_DataCache.prototype.startAllSubscriptions = function () {
+DataCache.prototype.startAllSubscriptions = function () {
 	if (this._quotes2) {
 		this._quotes2["start"]();
 	} else {
@@ -11950,7 +12143,7 @@ DataCache_DataCache.prototype.startAllSubscriptions = function () {
  * Deprecated. Built-in Data Service is deprecated due to the lack of flexibility.
  * @public
  */
-DataCache_DataCache.prototype.stopAllSubscriptions = function () {
+DataCache.prototype.stopAllSubscriptions = function () {
 	if (this._quotes2) {
 		this._quotes2["stop"]();
 	} else {
@@ -11965,7 +12158,7 @@ DataCache_DataCache.prototype.stopAllSubscriptions = function () {
  * @param {string} sub_id
  * @return {Object} Subscription object from JET.Quote
  */
-DataCache_DataCache.prototype.getSubscription = function (sub_id) {
+DataCache.prototype.getSubscription = function (sub_id) {
 	return (this._subs[sub_id]) ? this._subs[sub_id]["s"] : null;
 };
 
@@ -11974,7 +12167,7 @@ DataCache_DataCache.prototype.getSubscription = function (sub_id) {
  * @param {string} sub_id
  * @return {string} ric that has been input when calling addSubscription
  */
-DataCache_DataCache.prototype.getPrimaryRic = function (sub_id) {
+DataCache.prototype.getPrimaryRic = function (sub_id) {
 	let subDef = this._subs[sub_id];
 	if (subDef) {
 		return subDef["primary"];
@@ -11987,7 +12180,7 @@ DataCache_DataCache.prototype.getPrimaryRic = function (sub_id) {
  * @param {boolean=} opt_suppressEvent
  * @fires DataCache#dataChanged
  */
-DataCache_DataCache.prototype.clearAllData = function (opt_suppressEvent) { // All subscriptions are also removed
+DataCache.prototype.clearAllData = function (opt_suppressEvent) { // All subscriptions are also removed
 	if (this._quotes2) {
 		this._quotes2["removeAllSubscriptions"]();
 	} else {
@@ -11997,13 +12190,6 @@ DataCache_DataCache.prototype.clearAllData = function (opt_suppressEvent) { // A
 	this._subs = {};
 	this._rows = {};
 
-	if (this._adcTimerId >= 0) {
-		clearTimeout(this._adcTimerId);
-		this._adcTimerId = -1;
-	}
-
-	this._adcRicMap = null;
-
 	if (!opt_suppressEvent) {
 		this._dispatchDataChange({"globalChange": true});
 	}
@@ -12015,7 +12201,7 @@ DataCache_DataCache.prototype.clearAllData = function (opt_suppressEvent) { // A
  * @param {boolean=} opt_suppressEvent
  * @fires DataCache#dataChanged
  */
-DataCache_DataCache.prototype.clearColumnData = function (colId, opt_suppressEvent) {
+DataCache.prototype.clearColumnData = function (colId, opt_suppressEvent) {
 	let cids = (typeof colId === "string") ? [/** @type {string} */(colId)] : /** @type {Array.<string>} */(colId);
 
 	for (let i = cids.length; --i >= 0;) {
@@ -12039,7 +12225,7 @@ DataCache_DataCache.prototype.clearColumnData = function (colId, opt_suppressEve
  * @param {string} cid
  * @return {*}
  */
-DataCache_DataCache.prototype.getData = function (rid, cid) {
+DataCache.prototype.getData = function (rid, cid) {
 	let row = this.getRowData(rid);
 
 	return (row) ? row[cid] : null;
@@ -12050,7 +12236,7 @@ DataCache_DataCache.prototype.getData = function (rid, cid) {
  * @public
  * @return {Object.<string, Array.<string>>} Map of Array of subscription object
  */
-DataCache_DataCache.prototype.getAllRics = function () { // Slow
+DataCache.prototype.getAllRics = function () { // Slow
 	let ricMap = {};
 
 	for (let subId in this._subs) {
@@ -12072,7 +12258,7 @@ DataCache_DataCache.prototype.getAllRics = function () { // Slow
  * @public
  * @return {Array.<string>}
  */
-DataCache_DataCache.prototype.getAllRowIds = function () {
+DataCache.prototype.getAllRowIds = function () {
 	let rids = [];
 
 	for (let rid in this._rows) {
@@ -12087,7 +12273,7 @@ DataCache_DataCache.prototype.getAllRowIds = function () {
  * @param {string} rid ID of a row to be checked for its presence.
  * @return {boolean} `true` if row was found, `false` if row was not found.
  */
-DataCache_DataCache.prototype.hasRowId = function (rid) {
+DataCache.prototype.hasRowId = function (rid) {
 	return !!this._rows[rid];
 };
 
@@ -12096,7 +12282,7 @@ DataCache_DataCache.prototype.hasRowId = function (rid) {
  * @param {string} cid
  * @return {!Array.<*>}
  */
-DataCache_DataCache.prototype.getColumnData = function (cid) {
+DataCache.prototype.getColumnData = function (cid) {
 	let fieldRows = [];
 
 	for (let rid in this._rows) {
@@ -12111,7 +12297,7 @@ DataCache_DataCache.prototype.getColumnData = function (cid) {
  * @param {string} rid
  * @return {Object.<string, *>}
  */
-DataCache_DataCache.prototype.getRowData = function (rid) {
+DataCache.prototype.getRowData = function (rid) {
 	return this._rows[rid] || null;
 };
 
@@ -12122,7 +12308,7 @@ DataCache_DataCache.prototype.getRowData = function (rid) {
  * @param {number=} opt_to EXCLUSIVE
  * @return {!Array.<Object>}
  */
-DataCache_DataCache.prototype.getMultipleRowData = function (rids, opt_from, opt_to) {
+DataCache.prototype.getMultipleRowData = function (rids, opt_from, opt_to) {
 	let len = rids.length;
 
 	if (opt_to == null) {
@@ -12151,7 +12337,7 @@ DataCache_DataCache.prototype.getMultipleRowData = function (rids, opt_from, opt
  * @public
  * @return {!Array.<Object.<string, *>>}
  */
-DataCache_DataCache.prototype.getAllRowData = function () {
+DataCache.prototype.getAllRowData = function () {
 	let rows = [];
 	let rowMap = this._rows;
 
@@ -12170,7 +12356,7 @@ DataCache_DataCache.prototype.getAllRowData = function () {
  * @return {boolean} Return true if there is any change, and false otherwise
  * @fires DataCache#dataChanged
  */
-DataCache_DataCache.prototype.setData = function (rid, cid, value) { // Data changed event is always dispatched
+DataCache.prototype.setData = function (rid, cid, value) { // Data changed event is always dispatched
 	let values = {};
 
 	values[cid] = value;
@@ -12180,30 +12366,10 @@ DataCache_DataCache.prototype.setData = function (rid, cid, value) { // Data cha
 
 /**
  * @public
+ * @ignore
  * @param {string} rid
- * @return {boolean}
  */
-DataCache_DataCache.prototype.hasDataCloudData = function (rid) {
-	if (!this._adcFields) {
-		return false;
-	}
-
-	let row = this.getRowData(rid);
-
-	if (!row) {
-		return false;
-	}
-
-	for (let i = this._adcFields.length; --i >= 0;) {
-		let data = row[this._adcFields[i]];
-
-		if (data != null) {
-			return true;
-		}
-	}
-
-	return false;
-};
+DataCache.prototype.hasDataCloudData = function (rid) {};
 
 /**
  * @public
@@ -12213,7 +12379,7 @@ DataCache_DataCache.prototype.hasDataCloudData = function (rid) {
  * @return {boolean} Return true if there is any change, and false otherwise
  * @fires DataCache#dataChanged
  */
-DataCache_DataCache.prototype.setRowData = function (rid, values, opt_eventArg) { // Data changed event is always dispatched
+DataCache.prototype.setRowData = function (rid, values, opt_eventArg) { // Data changed event is always dispatched
 	let row = this.getRowData(rid);
 	let dirty = false;
 	let changes = null;
@@ -12262,7 +12428,7 @@ DataCache_DataCache.prototype.setRowData = function (rid, values, opt_eventArg)
  * @param {string} rid
  * @return {Object}
  */
-DataCache_DataCache.prototype.cloneRowData = function (rid) {
+DataCache.prototype.cloneRowData = function (rid) {
 	let fields = this._rows[rid];
 
 	if (!fields) {
@@ -12288,7 +12454,7 @@ DataCache_DataCache.prototype.cloneRowData = function (rid) {
  * @param {Array.<string>} fields
  * @suppress {checkTypes}
  */
-DataCache_DataCache.prototype.addStaticFields = function (fields) {
+DataCache.prototype.addStaticFields = function (fields) {
 	if (!Array.isArray(fields)) {
 		return;
 	}
@@ -12308,7 +12474,7 @@ DataCache_DataCache.prototype.addStaticFields = function (fields) {
  * @param {Array.<string>} fields
  * @suppress {checkTypes}
  */
-DataCache_DataCache.prototype.removeStaticFields = function (fields) {
+DataCache.prototype.removeStaticFields = function (fields) {
 	if (!Array.isArray(fields)) {
 		return;
 	}
@@ -12328,7 +12494,7 @@ DataCache_DataCache.prototype.removeStaticFields = function (fields) {
  * Deprecated. Built-in Data Service is deprecated due to the lack of flexibility.
  * @public
  */
-DataCache_DataCache.prototype.resetStaticFields = function () {
+DataCache.prototype.resetStaticFields = function () {
 	this._staticFields = {};
 };
 
@@ -12337,7 +12503,7 @@ DataCache_DataCache.prototype.resetStaticFields = function () {
  * @public
  * @return {Object.<string, number>}
  */
-DataCache_DataCache.prototype.getStaticFields = function () {
+DataCache.prototype.getStaticFields = function () {
 	return this._staticFields;
 };
 
@@ -12355,8 +12521,8 @@ DataCache_DataCache.prototype.getStaticFields = function () {
  *   "withRowIds": boolean
  * };
  */
-DataCache_DataCache.prototype.dump = function (options) {
-	return DataCache_DataCache.constructTable(this.getAllRowData(), options, Object.keys(this._rows));
+DataCache.prototype.dump = function (options) {
+	return DataCache.constructTable(this.getAllRowData(), options, Object.keys(this._rows));
 };
 
 /**
@@ -12372,104 +12538,43 @@ DataCache_DataCache.prototype.dump = function (options) {
  *   "withRowIds": boolean
  * };
  */
-DataCache_DataCache.prototype.log = function (opt_options) {
+DataCache.prototype.log = function (opt_options) {
 	console.table(this.dump(opt_options));
 };
 
 //#region ADC
 /** Deprecated. Built-in Data Service is deprecated due to the lack of flexibility.
  * @public
+ * @ignore
  * @param {string} userId
  * @param {string} productId
  * @param {string} url
  * @param {string=} opt_lang
  */
-DataCache_DataCache.prototype.setDataCloudSettings = function (userId, productId, url, opt_lang) {
-	if (userId != null) {
-		this._userId = userId;
-	}
-
-	if (productId != null) {
-		this._productId = productId;
-	}
-
-	if (url != null) {
-		this._adcUrl = url;
-	}
-
-	if (opt_lang) {
-		this._lang = opt_lang;
-	}
-};
+DataCache.prototype.setDataCloudSettings = function (userId, productId, url, opt_lang) {};
 
 /**
  * Deprecated. Built-in Data Service is deprecated due to the lack of flexibility.
  * @public
- * @return {Array.<string>}
+ * @ignore
  */
-DataCache_DataCache.prototype.getDataCloudFields = function () {
-	return this._adcFields; // Return private members
-};
+DataCache.prototype.getDataCloudFields = function () {};
 
 /**
  * Deprecated. Built-in Data Service is deprecated due to the lack of flexibility.
  * @public
+ * @ignore
  * @param {Array.<string>|string} fields
- * @return {boolean} Return true if success, and false otherwise
  */
-DataCache_DataCache.prototype.addDataCloudFields = function (fields) {
-	if (!this._adcFields) {
-		this._adcFields = [];
-		this._adcRefMap = {};
-	}
-
-	let newFields = [];
-
-	if (fields instanceof Array) {
-		for (let i = fields.length; --i >= 0;) {
-			this._addDataCloudField(fields[i], newFields);
-		}
-	} else {
-		this._addDataCloudField(/** @type {string} */(fields), newFields);
-	}
-
-	if (newFields.length <= 0) {
-		return false;
-	}
-
-	let ricMap = this.getAllRics();
-
-	this._batchRequestDataCloud(ricMap, newFields);
-
-	return true;
-};
+DataCache.prototype.addDataCloudFields = function (fields) {};
 
 /**
  * Deprecated. Built-in Data Service is deprecated due to the lack of flexibility.
  * @public
+ * @ignore
  * @param {string} field
- * @return {boolean} Return true if success, and false otherwise
  */
-DataCache_DataCache.prototype.removeDataCloudField = function (field) {
-	if (!this._adcFields) {
-		return false;
-	}
-
-	if (!this._adcRefMap[field]) {
-		return false;
-	}
-
-	--this._adcRefMap[field];
-
-	if (!this._adcRefMap[field]) {
-		let foundAt = this._adcFields.indexOf(field);
-
-		this._adcFields.splice(foundAt, 1);
-		this.clearColumnData(field);
-	}
-
-	return true;
-};
+DataCache.prototype.removeDataCloudField = function (field) {};
 //#endregion ADC
 //#endregion Public
 
@@ -12480,7 +12585,7 @@ DataCache_DataCache.prototype.removeDataCloudField = function (field) {
  * @fires DataTable#dataComposed
  * @fires DataTable#dataChanged
  */
-DataCache_DataCache.prototype._dispatchDataChange = function (e) {
+DataCache.prototype._dispatchDataChange = function (e) {
 	if (this._composing) {
 		return;
 	}
@@ -12498,7 +12603,7 @@ DataCache_DataCache.prototype._dispatchDataChange = function (e) {
  * @param {string} colName
  * @return {*}
  */
-DataCache_DataCache._defaultPropertyGetter = function (propertyName, rowData, colName) {
+DataCache._defaultPropertyGetter = function (propertyName, rowData, colName) {
 	let d = rowData[colName];
 
 	return d ? d[propertyName] : null;
@@ -12510,7 +12615,7 @@ DataCache_DataCache._defaultPropertyGetter = function (propertyName, rowData, co
  * @param {string} colName
  * @return {*}
  */
-DataCache_DataCache._defaultGetter = function (rowData, colName) {
+DataCache._defaultGetter = function (rowData, colName) {
 	return rowData[colName];
 };
 
@@ -12523,13 +12628,13 @@ DataCache_DataCache._defaultGetter = function (rowData, colName) {
  * @param {Array.<string>=} opt_rowIds Optional row ids corresponding to the given dataset
  * @return {!Array.<Object>} Return a JSON object that is compatible with console.table()
  */
-DataCache_DataCache.constructTable = function (dataset, opt_options, opt_rowIds) {
+DataCache.constructTable = function (dataset, opt_options, opt_rowIds) {
 	let startIndex = 0;
 	let rLen = dataset.length;
 	let rowLim = rLen;
 	let colMap = null;
 	let rids = opt_rowIds || null;
-	let getter = DataCache_DataCache._defaultGetter;
+	let getter = DataCache._defaultGetter;
 	let transformation = false;
 
 	if (opt_options) {
@@ -12552,7 +12657,7 @@ DataCache_DataCache.constructTable = function (dataset, opt_options, opt_rowIds)
 
 		if (opt_options["getter"]) {
 			if (typeof opt_options["getter"] == "string") {
-				getter = DataCache_DataCache._defaultPropertyGetter.bind(null, opt_options["getter"]);
+				getter = DataCache._defaultPropertyGetter.bind(null, opt_options["getter"]);
 			} else { // Function
 				getter = opt_options["getter"];
 			}
@@ -12615,15 +12720,12 @@ DataCache_DataCache.constructTable = function (dataset, opt_options, opt_rowIds)
  * @param {string} ric
  * @param {Object.<string, *>} values
  */
-DataCache_DataCache.prototype._insertRic = function (subId, ric, values) {
+DataCache.prototype._insertRic = function (subId, ric, values) {
 	// HACK: Some chain may have 0# symbol in there chain index (e.g. 0#CL:)
 	ric = ric.replace("0#", "");
 
 	let rid = subId + ric;
 
-	// We cannot cache event arguments because user may want to collect all the updates
-	this._onADCForNewRic(subId, ric);
-
 	let rowData = this.getRowData(rid);
 	if (!rowData) { // Ensure that we have subscription id and ric from Quotes2
 		let tmp = values;
@@ -12650,7 +12752,7 @@ DataCache_DataCache.prototype._insertRic = function (subId, ric, values) {
  * @private
  * @param {Object} e
  */
-DataCache_DataCache.prototype._onQ2DataChanged = function (e) {
+DataCache.prototype._onQ2DataChanged = function (e) {
 	let subId = e["subId"];
 	let ric = e["ric"];
 	let values = /** @type{Object.<string, *>} */(e["values"]);
@@ -12668,7 +12770,7 @@ DataCache_DataCache.prototype._onQ2DataChanged = function (e) {
  * @private
  * @param {Object} e
  */
-DataCache_DataCache.prototype._onQ2SubAdded = function (e) {
+DataCache.prototype._onQ2SubAdded = function (e) {
 	let subs = e["subs"];
 	let duplicateSubIds = e["duplicateSubIds"];
 	let len = subs.length;
@@ -12701,7 +12803,7 @@ DataCache_DataCache.prototype._onQ2SubAdded = function (e) {
  * @private
  * @param {Object} e
  */
-DataCache_DataCache.prototype._onQ2SubRemoved = function (e) {
+DataCache.prototype._onQ2SubRemoved = function (e) {
 	let subs = e["subs"];
 	let len = subs.length;
 
@@ -12718,42 +12820,12 @@ DataCache_DataCache.prototype._onQ2SubRemoved = function (e) {
 	}
 };
 
-/**
- * @private
- * @param {string} subId Subscription id
- * @param {string} ric
- */
-DataCache_DataCache.prototype._onADCForNewRic = function (subId, ric) {
-	let sub = this._subs[subId];
-
-	if (!sub) {
-		return;
-	}
-
-	if (this._adcFields) {
-		if (!sub["rics"][ric]) { // First time insertion
-			if (this._adcTimerId < 0) {
-				this._adcRicMap = {};
-				this._adcTimerId = setTimeout(this._onBatchRequestADCData, 100);
-			}
-
-			if (!this._adcRicMap[ric]) {
-				this._adcRicMap[ric] = [];
-			}
-
-			this._adcRicMap[ric].push(subId);
-		}
-	}
-
-	sub["rics"][ric] = true;
-};
-
 /**
  * @private
  * @param {string} subId
  * @param {Object.<string, *>} dupData
  */
-DataCache_DataCache.prototype._onDuplicateRic = function (subId, dupData) {
+DataCache.prototype._onDuplicateRic = function (subId, dupData) {
 	let sub = this._subs[subId];
 
 	if (!sub) {
@@ -12781,7 +12853,7 @@ DataCache_DataCache.prototype._onDuplicateRic = function (subId, dupData) {
 			ric = children[i];
 			values = this._cloneRowData(dupSubId, ric, subId);
 
-			this._onInsert(sub, ric, values); // TODO: This makes a lot of ADC request
+			this._onInsert(sub, ric, values);
 		}
 	}
 };
@@ -12792,13 +12864,12 @@ DataCache_DataCache.prototype._onDuplicateRic = function (subId, dupData) {
  * @param {string} ric
  * @param {Object.<string, *>} values
  */
-DataCache_DataCache.prototype._onInsert = function (sub, ric, values/*, rowN*/) {
+DataCache.prototype._onInsert = function (sub, ric, values/*, rowN*/) {
 	let subId = sub["id"];
 
 	if (this._quotes2) {
 		this._insertRic(subId, ric, values);
 	} else {
-		this._onADCForNewRic(subId, ric);
 		this.setRowData(subId + ric, values, {"subscription": sub, "ric": ric});
 	}
 };
@@ -12807,7 +12878,7 @@ DataCache_DataCache.prototype._onInsert = function (sub, ric, values/*, rowN*/)
  * @private
  * @function
  */
-DataCache_DataCache.prototype._onUpdate = DataCache_DataCache.prototype._onInsert;
+DataCache.prototype._onUpdate = DataCache.prototype._onInsert;
 
 /**
  * This is a legacy code and should be deprecated
@@ -12816,198 +12887,13 @@ DataCache_DataCache.prototype._onUpdate = DataCache_DataCache.prototype._onInser
  * @param {string} ric
  * @param {Array.<string, *>} values
  */
-DataCache_DataCache.prototype._onDelete = function (sub, ric, values/*, rowN*/) {
+DataCache.prototype._onDelete = function (sub, ric, values/*, rowN*/) {
 	delete this._subs[sub["id"]]["rics"][ric];
 
 	// We cannot cache event arguments because user may want to collect all the updates
 	this.setRowData(sub["id"] + ric, null, {"subscription": sub, "ric": ric});
 };
 
-/**
- * @private
- * @param {string} field
- * @param {Array.<string>} ary_out
- */
-DataCache_DataCache.prototype._addDataCloudField = function (field, ary_out) {
-	if (!this._adcRefMap[field]) {
-		this._adcFields.push(field);
-
-		ary_out.push(field);
-
-		this._adcRefMap[field] = 1;
-	} else {
-		++this._adcRefMap[field];
-	}
-};
-
-/**
- * @private
- * @param {Object} e
- * @suppress {missingProperties}
- */
-DataCache_DataCache.prototype._onADCUpdate = function (e) {
-	let xhr = e["currentTarget"]; // XMLHttpRequest
-	let resp = null;
-
-	try {
-		resp = JSON.parse(xhr.responseText);
-		// window.console.log("Successfully parse: " + resp.rows);
-	} catch (err) {
-		return;
-	}
-
-	if (resp["status"] !== "Ok") {
-		return;
-	}
-
-	let colCount = resp["cols"];
-	let rows = resp["rows"];
-	let colDefs = rows[0]; // The first row is always the column definition
-	let ricIndex = -1;
-	let fieldIndices = {};
-
-	for (let i = 0; i < colCount; ++i) {
-		let colDef = colDefs[i];
-
-		if (colDef["i"] === "instrument") {
-			ricIndex = i;
-		} else if (colDef["r"]) {
-			fieldIndices[colDef["r"]] = i;
-		}
-	}
-
-	let rowCount = rows.length;
-
-	for (let j = 1; j < rowCount; ++j) { // Start from 1
-		let row = rows[j];
-		let ric = row[ricIndex];
-		let values = {};
-
-		for (let field in fieldIndices) {
-			let value = row[fieldIndices[field]];
-
-			if (value != null) {
-				// Data should be merged from the backend.
-				// Don't override data with null value.
-				// TODO: Merge all the row into one single row
-				if (value !== null && value["f"] == null) {
-					if (this._quotes2) {
-						values[field] = value;
-						values[field + "_FORMATTED"] = value;
-					} else {
-						values[field] = {"formatted": value + "", "raw": value};
-					}
-				}
-			}
-		}
-
-		let subIds = xhr.ricMap[ric];
-
-		if (subIds) { // Only ric within the subscription can be updated
-			for (i = subIds.length; --i >= 0;) {
-				let subId = subIds[i];
-
-				if (this._subs[subId]) { // Only update the existing subscription
-					// window.console.log("ADC update " + subId + ric + " with " + JSON.stringify(values));
-					this.setRowData(subId + ric, values); // Event is fired
-				}
-			}
-		}
-	}
-};
-
-/**
- * @private
- * @param {Object} e
- */
-DataCache_DataCache.prototype._onADCError = function (e) {
-	window.console.log(e);
-};
-
-/**
- * @private
- * @param {Object} e
- */
-DataCache_DataCache.prototype._onBatchRequestADCData = function (e) {
-	if (this._adcTimerId <= 0) {
-		return;
-	}
-
-	this._adcTimerId = -1;
-	this._batchRequestDataCloud(this._adcRicMap, this._adcFields);
-	this._adcRicMap = null;
-};
-
-/**
- * @private
- * @param {Object.<string, Array.<string>>} ricMap of Array of subscription object
- * @param {Array.<string>} fields
- * @return {XMLHttpRequest}
- */
-DataCache_DataCache.prototype._batchRequestDataCloud = function (ricMap, fields) {
-	if (!this._adcUrl) {
-		return null;
-	}
-
-	let rics = [];
-
-	for (let ric in ricMap) {
-		rics.push(ric);
-	}
-
-	// Request data cloud in small multiple batches because the service cannot handle a long request
-	while (rics.length > 30) {
-		this._requestDataCloud(ricMap, fields, rics.splice(0, 30));
-	}
-
-	return this._requestDataCloud(ricMap, fields, rics);
-};
-
-/**
- * @private
- * @param {Object.<string, Array.<string>>} ricMap of Array of subscription object
- * @param {Array.<string>} fields
- * @param {Array.<string>} rics
- * @return {XMLHttpRequest}
- */
-DataCache_DataCache.prototype._requestDataCloud = function (ricMap, fields, rics) { // Small batch
-	if (!rics || rics.length <= 0) {
-		return null;
-	}
-
-	if (!fields || fields.length <= 0) {
-		return null;
-	}
-
-	let xhr = new XMLHttpRequest();
-
-	xhr.onload = this._onADCUpdate;
-	xhr.onerror = this._onADCError;
-	xhr.ricMap = ricMap;
-
-	xhr.open("POST", this._adcUrl, true);
-	xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
-
-	let body = 'formula=' + fields + '&identifiers=' + rics;
-
-	// window.console.log("ADC is requested with " + body);
-	if (this._productId) {
-		body += '&productid=' + this._productId;
-	}
-
-	if (this._userId) {
-		body += '&uuid=' + this._userId;
-	}
-
-	if (this._lang) {
-		body += '&lang=' + this._lang;
-	}
-
-	xhr.send(body);
-
-	return xhr;
-};
-
 /**
  * @private
  * @param {string|Object.<string, *>} obj
@@ -13015,7 +12901,7 @@ DataCache_DataCache.prototype._requestDataCloud = function (ricMap, fields, rics
  * @param {string} newSubId
  * @return {Object}
  */
-DataCache_DataCache.prototype._cloneRowData = function (obj, ric, newSubId) {
+DataCache.prototype._cloneRowData = function (obj, ric, newSubId) {
 	let subId = (typeof obj === "string") ? obj : obj["SUB_ID"];
 	let fields = this._rows[subId + ric];
 
@@ -13044,87 +12930,37 @@ DataCache_DataCache.prototype._cloneRowData = function (obj, ric, newSubId) {
  * @ignore
  * @type {!Object.<string, Object>}
  */
-DataCache_DataCache.prototype._rows;
+DataCache.prototype._rows;
 
 /**
  * @private
  * @type {!Object.<string, Object>}
  */
-DataCache_DataCache.prototype._subs;
+DataCache.prototype._subs;
 
 /**
  * @private
  * @type {Object}
  */
-DataCache_DataCache.prototype._quotes2 = null;
+DataCache.prototype._quotes2 = null;
 
 /**
  * @private
  * @type {Object.<string, number>}
  */
-DataCache_DataCache.prototype._staticFields = null;
-
-//#region ADC
-/**
- * @private
- * @type {Array.<string>}
- */
-DataCache_DataCache.prototype._adcFields = null;
-
-/**
- * @private
- * @type {Object.<string, number>}
- */
-DataCache_DataCache.prototype._adcRefMap = null;
-
-/**
- * @private
- * @type {number}
- */
-DataCache_DataCache.prototype._adcTimerId = -1;
-
-/**
- * @private
- * @description ricMap of Array of subscription object
- * @type {Object.<string, Array.<string>>}
- */
-DataCache_DataCache.prototype._adcRicMap = null;
-
-/**
- * @private
- * @type {string}
- */
-DataCache_DataCache.prototype._adcUrl = "/datacloud/rest/select";
-
-/**
- * @private
- * @type {string}
- */
-DataCache_DataCache.prototype._userId = "";
-
-/**
- * @private
- * @type {string}
- */
-DataCache_DataCache.prototype._productId = "";
+DataCache.prototype._staticFields = null;
 
 /** @protected
  * @ignore
  * @type {boolean}
  */
-DataCache_DataCache.prototype._composing = false;
+DataCache.prototype._composing = false;
 
-/** @protected
- * @ignore
- * @type {string}
- */
-DataCache_DataCache.prototype._lang = "";
-//#endregion ADC
 //#endregion Private
 
-DataCache_DataCache._proto = DataCache_DataCache.prototype;
+DataCache._proto = DataCache.prototype;
 
-/* harmony default export */ const data_DataCache = (DataCache_DataCache);
+/* harmony default export */ const data_DataCache = (DataCache);
 
 
 ;// CONCATENATED MODULE: ./node_modules/tr-grid-util/es6/EventDispatcher.js
@@ -17175,6 +17011,7 @@ ColumnStats.prototype._refs;
  // eslint-disable-line
  // eslint-disable-line
  // eslint-disable-line
+ // eslint-disable-line
 
 /** @event WrappedView#dataChanged
 * @description Trigger when data within the data view has been changed. Not only actual change in data, but also position change will trigger this event.
@@ -18452,7 +18289,7 @@ WrappedView.prototype.wrapView = function (wrapSize) {
 * @see {@link DataCache#dump}
 */
 WrappedView.prototype.dump = function(opt_options) {
-	return DataCache.constructTable(this.getMultipleRowData(this._rids), opt_options, this._rids);
+	return data_DataCache.constructTable(this.getMultipleRowData(this._rids), opt_options, this._rids);
 };
 /** Print current data and structure to console panel
 * @public
@@ -24133,24 +23970,10 @@ VScrollbar._proto = VScrollbar.prototype;
 
 
 
+
 /* eslint-enable */
 
 
-/** @private
-* @function
-* @param {number} idx
-* @param {number} limit
-* @return {number}
-*/
-let _validateIndex = function(idx, limit) {
-	if(idx > limit) {
-		return limit;
-	} else if(idx < 0) {
-		return 0;
-	}
-	return idx;
-};
-
 /** @constructor
  * @ignore
  * @param {Object=} options
@@ -24235,26 +24058,10 @@ VirtualizedLayoutGrid.prototype._rowBoundCache = null;
 * @private
 */
 VirtualizedLayoutGrid.prototype._rowSelDirty = false;
-/** @type {Element}
-* @private
-*/
-VirtualizedLayoutGrid.prototype._cellBound = null;
-/** @type {number}
-* @private
-*/
-VirtualizedLayoutGrid.prototype._cbLftIdx = 0;
-/** @type {number}
-* @private
-*/
-VirtualizedLayoutGrid.prototype._cbRgtIdx = 0;
-/** @type {number}
-* @private
-*/
-VirtualizedLayoutGrid.prototype._cbTopIdx = 0;
-/** @type {number}
+/** @type {Object}
 * @private
 */
-VirtualizedLayoutGrid.prototype._cbBtmIdx = 0;
+VirtualizedLayoutGrid.prototype._cellBoundPainter = null;
 /** @type {number}
 * @private
 */
@@ -24307,6 +24114,9 @@ VirtualizedLayoutGrid.prototype.dispose = function () {
 		clearTimeout(this._rowBoundTimer);
 		this._rowBoundTimer = 0;
 	}
+	if(this._cellBoundPainter) {
+		this._cellBoundPainter.dispose();
+	}
 };
 /** @override */
 VirtualizedLayoutGrid.prototype.setWidth = function (px) {
@@ -25134,26 +24944,20 @@ VirtualizedLayoutGrid.prototype.selectCell = function (colIndex, rowIndex, selec
 * @param {number} height
 */
 VirtualizedLayoutGrid.prototype.setCellBounds = function (colIndex, rowIndex, width, height) {
-	let cellBound = this._cellBound;
-	if(!cellBound) {
-		cellBound = this._cellBound = document.createElement("div");
-		cellBound.className = "selection-bound";
+	let boundLayer = this._initBoundLayer();
+	let cellBoundPainter = this._cellBoundPainter;
+	if(!cellBoundPainter) {
+		cellBoundPainter = this._cellBoundPainter = new util_CellBoundPainter({
+			boundLayer: boundLayer,
+			layoutX: this.getHorizontalLayout(),
+			layoutY: this._layoutY,
+			hscrollbar: this._hscrollbar,
+			calculateColumnBounds: this.calculateColumnBounds.bind(this)
+		});
 	}
-	this._initBoundLayer();
-
-	// Validate inputs
-	let rgtIndex = colIndex + width; // Exclusive
-	let btmIndex = rowIndex + height; // Exclusive
 
 	let colCount = this.getColumnCount();
-	let rowCount = this._layoutY.getLaneCount();
-
-	this._cbLftIdx = _validateIndex(colIndex, colCount);
-	this._cbRgtIdx = _validateIndex(rgtIndex, colCount);
-	this._cbTopIdx = _validateIndex(rowIndex, rowCount);
-	this._cbBtmIdx = _validateIndex(btmIndex, rowCount);
-
-	this._updateCellBounds();
+	cellBoundPainter.setCellBounds(colIndex, rowIndex, width, height, colCount);
 };
 /** @public
 * @ignore
@@ -25172,59 +24976,6 @@ VirtualizedLayoutGrid.prototype.getHorizontalLayout = function () {
 VirtualizedLayoutGrid.prototype.calculateColumnBounds = function (lftIdx, rgtIdx, outPositions, outNoBorders) {
 	this._grid.calculateColumnBounds(lftIdx, rgtIdx, outPositions, outNoBorders);
 };
-/** @private
-*/
-VirtualizedLayoutGrid.prototype._updateCellBounds = function () {
-	let cellBound = this._cellBound;
-	if(!cellBound) {
-		return;
-	}
-
-	let layoutX = this.getHorizontalLayout();
-	let layoutY = this._layoutY;
-	let lftIdx = this._cbLftIdx;
-	let rgtIdx = this._cbRgtIdx; // Exclusive
-	let topIdx = this._cbTopIdx;
-	let btmIdx = this._cbBtmIdx; // Exclusive
-	let lftPx, rgtPx, topPx, btmPx;
-	lftPx = rgtPx = topPx = btmPx = 0;
-	if(lftIdx < rgtIdx && topIdx < btmIdx) {
-		lftPx = layoutX.getLaneStart(lftIdx);
-		rgtPx = layoutX.getLaneEnd(rgtIdx - 1);
-		topPx = layoutY.getLaneStart(topIdx);
-		btmPx = layoutY.getLaneEnd(btmIdx - 1);
-	}
-
-	let width = rgtPx - lftPx;
-	let height = btmPx - topPx;
-	let noBorders = [false, false];
-	if(width > 0 && height > 0 && this._hscrollbar) {
-		let positions = [0, 0];
-		this.calculateColumnBounds(lftIdx, rgtIdx - 1, positions, noBorders);
-		lftPx = positions[0];
-		rgtPx = positions[1];
-		width = rgtPx - lftPx;
-	}
-
-	if(width > 0) {
-		cellBound.style.left = lftPx + "px";
-		cellBound.style.top = topPx + "px";
-		cellBound.style.width = width + "px";
-		cellBound.style.height = height + "px";
-
-		cellBound.classList.toggle("no-left-bound", noBorders[0]);
-		cellBound.classList.toggle("no-right-bound", noBorders[1]);
-
-		if(this._boundLayer) {
-			this._boundLayer.appendChild(cellBound);
-		}
-	} else {
-		let pn = cellBound.parentNode;
-		if(pn) {
-			pn.removeChild(cellBound);
-		}
-	}
-};
 /** @public
 * @ignore
 * @param {!Array.<Array>} posAry Left and right bound positions in pixel
@@ -25242,6 +24993,7 @@ VirtualizedLayoutGrid.prototype.updateColumnSeparators = function () {
 	this._grid.updateColumnSeparators();
 };
 /** @private
+* @return {Element}
 */
 VirtualizedLayoutGrid.prototype._initBoundLayer = function () {
 	let boundLayer = this._boundLayer;
@@ -25250,6 +25002,7 @@ VirtualizedLayoutGrid.prototype._initBoundLayer = function () {
 		boundLayer.className = "cover-layer";
 		this._element.appendChild(boundLayer);
 	}
+	return boundLayer;
 };
 /** @private
 */
@@ -25262,7 +25015,11 @@ VirtualizedLayoutGrid.prototype._requestUpdatingRowBounds = function () {
 */
 VirtualizedLayoutGrid.prototype._updateRowBounds = function () {
 	this._rowBoundTimer = 0;
-	this._updateCellBounds();
+
+	let cellBoundPainter = this._cellBoundPainter;
+	if(cellBoundPainter) {
+		cellBoundPainter.updateCellBounds();
+	}
 
 	if(!this._rowSelDirty) {
 		return;
@@ -26028,7 +25785,7 @@ Core_Core.prototype._hasPendingRowChange = false;
 * @return {string}
 */
 Core_Core.getVersion = function () {
-	return "5.1.103";
+	return "5.1.105";
 };
 /** {@link ElementWrapper#dispose}
 * @override