@refinitiv-ui/efx-grid 6.0.41 → 6.0.42

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

@@ -405,6 +405,10 @@ declare class Core extends ElementWrapper {
 
     public getColumnGroupChildIds(groupId: string): (string)[]|null;
 
+    public getValidColumnList(colIds: (string)[]|null, columnMap?: any): (string)[];
+
+    public createColumnMap(colIds?: (string)[]|null): any;
+
     public startBatch(batchType: string): boolean;
 
     public stopBatch(batchType: string): boolean;

package/lib/core/es6/grid/Core.js

@@ -82,6 +82,7 @@ var Core = function (opt_initializer) {
 
 	_t._onMouseMove = _t._onMouseMove.bind(_t);
 	_t._onRowHightlighted = _t._onRowHightlighted.bind(_t);
+	_t._onGridClicked = _t._onGridClicked.bind(_t);
 
 	_t._onWindowResize = _t._onWindowResize.bind(_t);
 	_t._onSectionDataChanged = _t._onSectionDataChanged.bind(_t);
@@ -167,11 +168,16 @@ var Core = function (opt_initializer) {
 	_t._hscrollbar.setOtherScrollbar(_t._vscrollbar);
 	_t._vscrollbar.setOtherScrollbar(_t._hscrollbar);
 
-	if (Util.isMobile) {
+	if (Util.isMobile || Util.isTouchDevice) {
 		_t._element.addEventListener("touchmove", this._onMouseMove, false);
 	} else {
 		_t._element.addEventListener("mousemove", this._onMouseMove, false);
 	}
+
+	if(Util.isSafari){
+		_t._element.addEventListener("click", this._onGridClicked);
+	}
+
 	window.addEventListener("resize", _t._onWindowResize, false); // Should be unlistened after destroyed
 	_t._rowVirtualizer.listen("indexChanged", _t._onRowInViewChanged);
 	_t._colVirtualizer.listen("indexChanged", _t._onColInViewChanged);
@@ -556,7 +562,7 @@ Core.prototype._batches = null;
 * @return {string}
 */
 Core.getVersion = function () {
-	return "5.1.59";
+	return "5.1.63";
 };
 /** {@link ElementWrapper#dispose}
 * @override
@@ -4411,6 +4417,53 @@ Core.prototype.getColumnGroupChildIds = function (groupId) {
 	return null;
 };
 
+/** @public
+* @description Get a list of objects with column id and column index in sorted order
+* @param {Array.<string>} colIds
+* @param {Object=} columnMap
+* @return {!Array.<string>} Return column array with corresponding order to UI
+* @example
+* core.getValidColumnList(["c1","c2","c5"]); // Get list of valid columns
+* core.getValidColumnList(["c1","c2","c5"],{ "c2":true, "c5":true }); // Get list of valid columns from specific mapping
+*/
+Core.prototype.getValidColumnList = function (colIds, columnMap) {
+	var colList = [];
+	if(!colIds){
+		return colList;
+	}
+	if(!columnMap){
+		columnMap = this.createColumnMap(colIds);
+	}
+	var colCount = this.getColumnCount();
+	for(var c = 0; c < colCount; ++c) {
+		var id = this._getColumnDef(c)["id"];
+		if(columnMap[id] != null){
+			colList.push({"index": c, "id": id});
+		}
+	}
+	return colList;
+};
+
+/** @public
+* @description Create mapping object from an array of strings
+* @param {Array.<string>=} colIds
+* @return {!Object} Column mapping object
+*/
+Core.prototype.createColumnMap = function (colIds) {
+	if(!colIds){
+		colIds = this.getColumnIds();
+	}
+	var mappingObj = {};
+	var count = colIds.length;
+	for(var i = 0; i < count; i++){
+		var colId = colIds[i];
+		if(colId){
+			mappingObj[colId] = true;
+		}
+	}
+	return mappingObj;
+};
+
 /** @public
 * @param {string} batchType
 * @return {boolean}
@@ -5250,6 +5303,18 @@ Core.prototype._onMouseMove = function () {
 	this._vscrollbar.flash();
 	this._hscrollbar.flash();
 };
+/** @private */
+Core.prototype._onGridClicked = function () {
+	// research for dragging
+	var selection = window.getSelection();
+	if(selection.toString()){
+		return;
+	}
+	var activeElem = document.activeElement;
+	if(!this._element.contains(activeElem)){
+		this.focus();
+	}
+};
 
 /** @private
 * @param {Object} e

package/lib/core/es6/grid/plugins/SortableTitlePlugin.d.ts

@@ -11,8 +11,9 @@ declare namespace SortableTitlePlugin {
     type SortOrder = "a" | "ascending" | "d" | "descending" | "n" | null|null;
 
     type InitialSort = {
-        colIndex: number,
-        field: string,
+        colIndex?: number|null,
+        colId?: string|null,
+        field?: string|null,
         sortOrder?: SortableTitlePlugin.SortOrder|null,
         order?: SortableTitlePlugin.SortOrder|null
     };

package/lib/core/es6/grid/plugins/SortableTitlePlugin.js

@@ -81,8 +81,9 @@ Ext.inherits(SortableTitlePlugin, EventDispatcher);
 
 /** The sorting object which will be used for initialSort config.
  * @typedef {Object} SortableTitlePlugin~InitialSort
- * @property {number} colIndex Index of the column
- * @property {string} field field of the column
+ * @property {number=} colIndex Index of the column
+ * @property {string=} colId column id of the column
+ * @property {string=} field field of the column
  * @property {SortableTitlePlugin~SortOrder=} sortOrder=null Set to "d" for descending order and "a" for ascending order
  * @property {SortableTitlePlugin~SortOrder=} order Alias of sortOrder
  */
@@ -740,6 +741,7 @@ SortableTitlePlugin.prototype.getSortedColumns = function () {
 		var state = this._sortStates[i];
 		arr[i] = {
 			"colIndex": colIndex,
+			"colId": this._getColumnId(colIndex),
 			"field": state["field"] || "",
 			"sortOrder": state["sortOrder"] || "n"
 		};
@@ -781,7 +783,7 @@ SortableTitlePlugin.prototype.sortColumns = function (sortOptions, opt_arg) {
 			var opt = sortOptions[i];
 			var colRef = opt["colIndex"];
 			if(colRef < 0 || colRef == null) {
-				colRef = opt["field"];
+				colRef = opt["colId"] || opt["field"];
 			}
 			var state = this._prepareSorting(
 				colRef,
@@ -1368,19 +1370,9 @@ SortableTitlePlugin.prototype._prepareSorting = function (colRef, sortOrder) {
 		return null;
 	}
 
-	var colIndex = -1;
-	var field = "";
-	var priority = -1;
-	if(typeof colRef === "number") {
-		colIndex = colRef;
-		field = this.getColumnSortingField(colIndex);
-		priority = this.getSortPriority(colIndex);
-	} else if(typeof colRef === "string") {
-		field = colRef;
-		colIndex = this._getColumnIndexByField(field);
-		var fields = this.getColumnSortingFields();
-		priority = fields.indexOf(field);
-	}
+	var colIndex = this._getColumnIndex(colRef);
+	var priority = this.getSortPriority(colIndex);
+	var field = this.getColumnSortingField(colIndex);
 
 	var curState = (priority >= 0) ? this._sortStates[priority] : null;
 	var curOrder = curState ? curState["sortOrder"] : "n";
@@ -1764,21 +1756,29 @@ SortableTitlePlugin.prototype._getColumnIndexByOptions = function (sortOptions)
 	return -1;
 };
 /** @private
-* @param {string} field
+* @param {string|number} colRef
 * @return {number}
 */
-SortableTitlePlugin.prototype._getColumnIndexByField = function (field) {
-	if(field) {
-		var host = this._hosts[0];
-		var colCount = host ? host.getColumnCount() : 0;
-		for (var c = 0; c < colCount; ++c) {
-			if(field === this.getColumnSortingField(c)) {
-				return c;
-			}
-		}
+SortableTitlePlugin.prototype._getColumnIndex = function (colRef) {
+	var host = this._hosts[0];
+	if(host && colRef != null) {
+		return host.getColumnIndex(colRef);
 	}
 	return -1;
 };
+
+/** @private
+* @param {string|number} colRef
+* @return {string} column id or empty string for not found
+*/
+SortableTitlePlugin.prototype._getColumnId = function (colRef) {
+	var host = this._hosts[0];
+	if(host && colRef != null) {
+		return host.getColumnId(colRef);
+	}
+	return "";
+};
+
 /** @private
 * @param {number} colIndex
 * @return {Object}

package/lib/core/es6/grid/util/util.js

@@ -2,23 +2,46 @@
 * @namespace
 */
 var Util = {};
+
+// TODO: move to tr-grid-util
+
 /** @const
 * @type {boolean}
 */
-Util.isIE = Util.isIE || (function () {
+Util.isIE = (function () {
 	var ua = window.navigator.userAgent;
 	return (ua.indexOf('MSIE ') > 0) || (ua.indexOf('Trident/') > 0) || (ua.indexOf('Edge/') > 0);
 }());
 /** @const
 * @type {boolean}
 */
-Util.isTouchDevice = Util.isTouchDevice || (function () {
+Util.isTouchDevice = (function () {
 	if ((navigator["maxTouchPoints"] && navigator["maxTouchPoints"] < 256) ||
 		(navigator["msMaxTouchPoints"] && navigator["msMaxTouchPoints"] < 256)) {
 		return true;
 	}
 	return false;
 }());
+/** @const
+* @type {boolean}
+*/
+Util.isSafari = (function () {
+	var rejectedExpression = /Chrome|Android|CriOS|FxiOS|EdgiOS/i;
+	var safariExpression = /Safari/i;
+	var agent = navigator.userAgent;
+	if (rejectedExpression.test(agent)) {
+		return false;
+	}
+	return safariExpression.test(agent);
+}());
+
+/** @public
+ * @type {boolean}
+ */
+Util.isMobile = (function () {
+	return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
+}());
+
 /** Retrieve an element from Novakit control or any object that has "getElement" method.
 * @public
 * @ignore
@@ -364,12 +387,5 @@ Util._preventDefault = function (e) {
 	e.stopPropagation();
 };
 
-/** @public
- * @type {boolean}
- */
-Util.isMobile = Util.isMobile || (function () {
-	return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
-}());
-
 export default Util;
 export { Util };

package/lib/grid/index.js

@@ -1,3 +1,3 @@
 import {Grid} from "./lib/efx-grid.js";
 export {Grid}
-window.EFX_GRID = { version: "6.0.41" };
+window.EFX_GRID = { version: "6.0.42" };

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

@@ -4189,9 +4189,9 @@ DateTime.toDateObject = function(dateInput) {
 */
 DateTime.toDateNumber = function(dateObj) {
 	return DateTime._millisecondToDateNumber(Date.UTC(
-		dateObj.getFullYear(),
-		dateObj.getMonth(),
-		dateObj.getDate()
+		dateObj.getUTCFullYear(),
+		dateObj.getUTCMonth(),
+		dateObj.getUTCDate()
 	));
 };
 /** Convert the JavaScript date object to the time number in a range between 0 and 1. WARNING: This discards date and millisecond from the given date object.
@@ -7753,23 +7753,46 @@ Engine._proto = Engine.prototype;
 * @namespace
 */
 var util_Util = {};
+
+// TODO: move to tr-grid-util
+
 /** @const
 * @type {boolean}
 */
-util_Util.isIE = util_Util.isIE || (function () {
+util_Util.isIE = (function () {
 	var ua = window.navigator.userAgent;
 	return (ua.indexOf('MSIE ') > 0) || (ua.indexOf('Trident/') > 0) || (ua.indexOf('Edge/') > 0);
 }());
 /** @const
 * @type {boolean}
 */
-util_Util.isTouchDevice = util_Util.isTouchDevice || (function () {
+util_Util.isTouchDevice = (function () {
 	if ((navigator["maxTouchPoints"] && navigator["maxTouchPoints"] < 256) ||
 		(navigator["msMaxTouchPoints"] && navigator["msMaxTouchPoints"] < 256)) {
 		return true;
 	}
 	return false;
 }());
+/** @const
+* @type {boolean}
+*/
+util_Util.isSafari = (function () {
+	var rejectedExpression = /Chrome|Android|CriOS|FxiOS|EdgiOS/i;
+	var safariExpression = /Safari/i;
+	var agent = navigator.userAgent;
+	if (rejectedExpression.test(agent)) {
+		return false;
+	}
+	return safariExpression.test(agent);
+}());
+
+/** @public
+ * @type {boolean}
+ */
+util_Util.isMobile = (function () {
+	return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
+}());
+
 /** Retrieve an element from Novakit control or any object that has "getElement" method.
 * @public
 * @ignore
@@ -8115,13 +8138,6 @@ util_Util._preventDefault = function (e) {
 	e.stopPropagation();
 };
 
-/** @public
- * @type {boolean}
- */
-util_Util.isMobile = util_Util.isMobile || (function () {
-	return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
-}());
-
 /* harmony default export */ var util = (util_Util);
 
 
@@ -35410,6 +35426,7 @@ var Core = function (opt_initializer) {
 
 	_t._onMouseMove = _t._onMouseMove.bind(_t);
 	_t._onRowHightlighted = _t._onRowHightlighted.bind(_t);
+	_t._onGridClicked = _t._onGridClicked.bind(_t);
 
 	_t._onWindowResize = _t._onWindowResize.bind(_t);
 	_t._onSectionDataChanged = _t._onSectionDataChanged.bind(_t);
@@ -35495,11 +35512,16 @@ var Core = function (opt_initializer) {
 	_t._hscrollbar.setOtherScrollbar(_t._vscrollbar);
 	_t._vscrollbar.setOtherScrollbar(_t._hscrollbar);
 
-	if (util.isMobile) {
+	if (util.isMobile || util.isTouchDevice) {
 		_t._element.addEventListener("touchmove", this._onMouseMove, false);
 	} else {
 		_t._element.addEventListener("mousemove", this._onMouseMove, false);
 	}
+
+	if(util.isSafari){
+		_t._element.addEventListener("click", this._onGridClicked);
+	}
+
 	window.addEventListener("resize", _t._onWindowResize, false); // Should be unlistened after destroyed
 	_t._rowVirtualizer.listen("indexChanged", _t._onRowInViewChanged);
 	_t._colVirtualizer.listen("indexChanged", _t._onColInViewChanged);
@@ -35884,7 +35906,7 @@ Core.prototype._batches = null;
 * @return {string}
 */
 Core.getVersion = function () {
-	return "5.1.59";
+	return "5.1.63";
 };
 /** {@link ElementWrapper#dispose}
 * @override
@@ -39739,6 +39761,53 @@ Core.prototype.getColumnGroupChildIds = function (groupId) {
 	return null;
 };
 
+/** @public
+* @description Get a list of objects with column id and column index in sorted order
+* @param {Array.<string>} colIds
+* @param {Object=} columnMap
+* @return {!Array.<string>} Return column array with corresponding order to UI
+* @example
+* core.getValidColumnList(["c1","c2","c5"]); // Get list of valid columns
+* core.getValidColumnList(["c1","c2","c5"],{ "c2":true, "c5":true }); // Get list of valid columns from specific mapping
+*/
+Core.prototype.getValidColumnList = function (colIds, columnMap) {
+	var colList = [];
+	if(!colIds){
+		return colList;
+	}
+	if(!columnMap){
+		columnMap = this.createColumnMap(colIds);
+	}
+	var colCount = this.getColumnCount();
+	for(var c = 0; c < colCount; ++c) {
+		var id = this._getColumnDef(c)["id"];
+		if(columnMap[id] != null){
+			colList.push({"index": c, "id": id});
+		}
+	}
+	return colList;
+};
+
+/** @public
+* @description Create mapping object from an array of strings
+* @param {Array.<string>=} colIds
+* @return {!Object} Column mapping object
+*/
+Core.prototype.createColumnMap = function (colIds) {
+	if(!colIds){
+		colIds = this.getColumnIds();
+	}
+	var mappingObj = {};
+	var count = colIds.length;
+	for(var i = 0; i < count; i++){
+		var colId = colIds[i];
+		if(colId){
+			mappingObj[colId] = true;
+		}
+	}
+	return mappingObj;
+};
+
 /** @public
 * @param {string} batchType
 * @return {boolean}
@@ -40578,6 +40647,18 @@ Core.prototype._onMouseMove = function () {
 	this._vscrollbar.flash();
 	this._hscrollbar.flash();
 };
+/** @private */
+Core.prototype._onGridClicked = function () {
+	// research for dragging
+	var selection = window.getSelection();
+	if(selection.toString()){
+		return;
+	}
+	var activeElem = document.activeElement;
+	if(!this._element.contains(activeElem)){
+		this.focus();
+	}
+};
 
 /** @private
 * @param {Object} e
@@ -42057,8 +42138,9 @@ es6_Ext.inherits(SortableTitlePlugin, event_EventDispatcher);
 
 /** The sorting object which will be used for initialSort config.
  * @typedef {Object} SortableTitlePlugin~InitialSort
- * @property {number} colIndex Index of the column
- * @property {string} field field of the column
+ * @property {number=} colIndex Index of the column
+ * @property {string=} colId column id of the column
+ * @property {string=} field field of the column
  * @property {SortableTitlePlugin~SortOrder=} sortOrder=null Set to "d" for descending order and "a" for ascending order
  * @property {SortableTitlePlugin~SortOrder=} order Alias of sortOrder
  */
@@ -42716,6 +42798,7 @@ SortableTitlePlugin.prototype.getSortedColumns = function () {
 		var state = this._sortStates[i];
 		arr[i] = {
 			"colIndex": colIndex,
+			"colId": this._getColumnId(colIndex),
 			"field": state["field"] || "",
 			"sortOrder": state["sortOrder"] || "n"
 		};
@@ -42757,7 +42840,7 @@ SortableTitlePlugin.prototype.sortColumns = function (sortOptions, opt_arg) {
 			var opt = sortOptions[i];
 			var colRef = opt["colIndex"];
 			if(colRef < 0 || colRef == null) {
-				colRef = opt["field"];
+				colRef = opt["colId"] || opt["field"];
 			}
 			var state = this._prepareSorting(
 				colRef,
@@ -43344,19 +43427,9 @@ SortableTitlePlugin.prototype._prepareSorting = function (colRef, sortOrder) {
 		return null;
 	}
 
-	var colIndex = -1;
-	var field = "";
-	var priority = -1;
-	if(typeof colRef === "number") {
-		colIndex = colRef;
-		field = this.getColumnSortingField(colIndex);
-		priority = this.getSortPriority(colIndex);
-	} else if(typeof colRef === "string") {
-		field = colRef;
-		colIndex = this._getColumnIndexByField(field);
-		var fields = this.getColumnSortingFields();
-		priority = fields.indexOf(field);
-	}
+	var colIndex = this._getColumnIndex(colRef);
+	var priority = this.getSortPriority(colIndex);
+	var field = this.getColumnSortingField(colIndex);
 
 	var curState = (priority >= 0) ? this._sortStates[priority] : null;
 	var curOrder = curState ? curState["sortOrder"] : "n";
@@ -43740,21 +43813,29 @@ SortableTitlePlugin.prototype._getColumnIndexByOptions = function (sortOptions)
 	return -1;
 };
 /** @private
-* @param {string} field
+* @param {string|number} colRef
 * @return {number}
 */
-SortableTitlePlugin.prototype._getColumnIndexByField = function (field) {
-	if(field) {
-		var host = this._hosts[0];
-		var colCount = host ? host.getColumnCount() : 0;
-		for (var c = 0; c < colCount; ++c) {
-			if(field === this.getColumnSortingField(c)) {
-				return c;
-			}
-		}
+SortableTitlePlugin.prototype._getColumnIndex = function (colRef) {
+	var host = this._hosts[0];
+	if(host && colRef != null) {
+		return host.getColumnIndex(colRef);
 	}
 	return -1;
 };
+
+/** @private
+* @param {string|number} colRef
+* @return {string} column id or empty string for not found
+*/
+SortableTitlePlugin.prototype._getColumnId = function (colRef) {
+	var host = this._hosts[0];
+	if(host && colRef != null) {
+		return host.getColumnId(colRef);
+	}
+	return "";
+};
+
 /** @private
 * @param {number} colIndex
 * @return {Object}
@@ -43966,21 +44047,17 @@ SortableTitlePlugin._proto = SortableTitlePlugin.prototype;
 * @description Fired after ADC data or response received from the server
 * @property {Array.<Array>} data Data part of the server response
 */
-
 /** @event Grid#pageIndexChanged
 * @description Fired after page index in the data view is changed during the active pagination mode
 */
-
 /** @event Grid#pageCountChanged
 * @description Fired after page count in the data view is changed during the active pagination mode
 */
-
 /** @event Grid#dataComposed
 * @description Trigger before dataChanged. Perform any data update during the event will NOT cause more dataChanged events
 * @property {Grid} grid
 * @property {RowDefinition} rowDef
 */
-
 /** @event Grid#beforeRowRemoved
 * @description Fired only when a row will be removed through Grid's API and before occurring of the actual removal
 */
@@ -47747,6 +47824,7 @@ Grid.prototype._logData = function(rowDefs, options) {
 
 	console.table(tbl); // eslint-disable-line
 };
+
 /** @public
 * @description Replace existing row with a new row. Row ID would be changed, after row is replaced.
 * @param {Grid~RowReference} rowRef Reference (i.e. row index, row id, or row definition) of the insert position
@@ -47770,6 +47848,96 @@ Grid.prototype.replaceRow = function(rowRef, rowOption) {
 	}
 };
 
+/** Scroll the view to the specified column. If the column is already in the view, nothing happens. If the column is outside of the view, the view will be moved to the column with some additional offsets
+* @public
+* @param {number} colIndex
+* @param {boolean=} leftOfView Default is false. If true, the specified column will be put at the leftmost of the view (no offset)
+* @returns {boolean} Return true, if there is any change
+*/
+Grid.prototype.scrollToColumn = function (colIndex, leftOfView) {
+	return this._grid.scrollToColumn(colIndex, leftOfView);
+};
+/** Scroll the view to the specified row. If the row is already in the view, nothing happens. If the row is outside of the view, the view will be moved to the row with some additional offsets
+* @public
+* @param {number} rowIndex
+* @param {boolean=} topOfView=false If true, the specified row will be put at the top of the view (no offset)
+*/
+Grid.prototype.scrollToRow = function (rowIndex, topOfView) {
+	this._grid.scrollToRow("content", rowIndex, topOfView);
+};
+
+/** Get scroll value in pixel from the horizontal scrollbar
+* @public
+* @returns {number} pixels
+*/
+Grid.prototype.getScrollLeft = function () {
+	return this._grid.getScrollLeft();
+};
+/** Get scroll value in pixel from the vertical scrollbar
+* @public
+* @returns {number} pixels
+*/
+Grid.prototype.getScrollTop = function () {
+	return this._grid.getScrollTop();
+};
+
+/** Set scroll value to the horizontal scrollbar. This will move the scrollbar to specific position
+* @public
+* @param {number} pixels
+* @see {@link Grid.scrollRight}
+*/
+Grid.prototype.setScrollLeft = function (pixels) {
+	this._grid.setScrollLeft(pixels);
+};
+/**  Set scroll value to the vertical scrollbar. This will move the scrollbar to specific position
+* @public
+* @param {number} pixels
+* @see {@link Grid.scrollDown}
+*/
+Grid.prototype.setScrollTop = function (pixels) {
+	this._grid.setScrollTop(pixels);
+};
+
+/** Scroll the view to the right by the specified value. Use negative value to scroll the view to the left
+* @public
+* @param {number} pixels
+* @see {@link Grid.setScrollLeft}
+*/
+Grid.prototype.scrollRight = function (pixels) {
+	this._grid.scrollRight(pixels);
+};
+/** Scroll the view down by the specified value. Use negative value to scroll the view to the top
+* @public
+* @param {number} pixels
+* @see {@link Grid.setScrollTop}
+*/
+Grid.prototype.scrollDown = function (pixels) {
+	this._grid.scrollDown(pixels);
+};
+
+/** Get width of scrollable area from the horizontal scrollbar. This is useful for determining the end of scrollbar
+* @public
+* @returns {number}
+*/
+Grid.prototype.getScrollWidth = function () {
+	return this._grid.getScrollWidth();
+};
+/** Get height of scrollable area from the vertical scrollbar. This is useful for determining the end of scrollbar
+* @public
+* @returns {number}
+*/
+Grid.prototype.getScrollHeight = function () {
+	return this._grid.getScrollHeight();
+};
+
+/** Get information about current grid's view and the vertical scrollbar
+* @public
+* @returns {Object} Returns null, if vertical scrollbar does not exists
+*/
+Grid.prototype.getVScrollView = function () {
+	return this._grid.getVScrollView();
+};
+
 
 /* harmony default export */ var js_Grid = (Grid);