@refinitiv-ui/efx-grid 6.0.104 → 6.0.105

package/lib/tr-grid-column-resizing/es6/ColumnResizing.d.ts

@@ -6,25 +6,25 @@ import { injectCss, prettifyCss } from "../../tr-grid-util/es6/Util.js";
 declare namespace ColumnResizingPlugin {
 
     type Options = {
-        preserveProportion?: boolean,
-        preserveGridSize?: boolean,
-        noResizing?: boolean,
-        columnResized?: ((...params: any[]) => any),
-        dblClicked?: ((...params: any[]) => any),
-        dragStart?: ((...params: any[]) => any),
-        dragEnd?: ((...params: any[]) => any)
+        preserveProportion?: boolean|null,
+        preserveGridSize?: boolean|null,
+        noResizing?: boolean|null,
+        columnResized?: ((...params: any[]) => any)|null,
+        dblClicked?: ((...params: any[]) => any)|null,
+        dragStart?: ((...params: any[]) => any)|null,
+        dragEnd?: ((...params: any[]) => any)|null
     };
 
     type ColumnOptions = {
-        noResizing?: boolean,
-        defaultWidth?: number
+        noResizing?: boolean|null,
+        defaultWidth?: number|null
     };
 
 }
 
 declare class ColumnResizingPlugin extends GridPlugin {
 
-    constructor(options?: ColumnResizingPlugin.Options);
+    constructor(options?: ColumnResizingPlugin.Options|null);
 
     public getName(): string;
 
@@ -40,15 +40,15 @@ declare class ColumnResizingPlugin extends GridPlugin {
 
     public getConfigObject(gridOptions?: any): any;
 
-    public disableResizing(colIndex: number, opt_disabled?: boolean): void;
+    public disableResizing(colIndex: number, opt_disabled?: boolean|null): void;
 
     public getDraggedColumnIndex(): number;
 
     public getDraggedAnchorX(): number;
 
-    public setColumnWidths(cols: (number)[], width: (number)[]|number, opt_scalable?: boolean): void;
+    public setColumnWidths(cols: (number)[]|null, width: (number)[]|number|null, opt_scalable?: boolean|null): void;
 
-    public setAllColumnWidths(colWidth: number, scalability?: boolean): boolean;
+    public setAllColumnWidths(colWidth: number, scalability?: boolean|null): boolean;
 
     public getColumnWidths(): (number)[]|null;
 
@@ -56,11 +56,11 @@ declare class ColumnResizingPlugin extends GridPlugin {
 
     public getColumnSizeStates(): (any)[]|null;
 
-    public setColumnSizeStates(columns: (any)[]|string): void;
+    public setColumnSizeStates(columns: (any)[]|string|null): void;
 
-    public enablePipeHandleMode(bool?: boolean): void;
+    public enablePipeHandleMode(bool?: boolean|null): void;
 
-    public enableHandlebarMode(bool?: boolean): void;
+    public enableHandlebarMode(bool?: boolean|null): void;
 
 }
 

package/lib/tr-grid-column-resizing/es6/ColumnResizing.js

@@ -39,8 +39,8 @@ import { injectCss, prettifyCss } from "../../tr-grid-util/es6/Util.js";
 * @extends {GridPlugin}
 * @param {ColumnResizingPlugin~Options=} options
 */
-var ColumnResizingPlugin = function (options) {
-	var t = this;
+let ColumnResizingPlugin = function (options) {
+	let t = this;
 	t._onPreSectionRender = t._onPreSectionRender.bind(t);
 	t._requestResizerUpdate = t._requestResizerUpdate.bind(t);
 	t._updateResizers = t._updateResizers.bind(t);
@@ -265,7 +265,7 @@ ColumnResizingPlugin.prototype.initialize = function (host, options) {
 * @param {Object} host core grid object
 */
 ColumnResizingPlugin.prototype.unload = function (host) {
-	var at = this._hosts.indexOf(host);
+	let at = this._hosts.indexOf(host);
 	if(at < 0) { return; }
 
 	this._hosts.splice(at, 1);
@@ -280,36 +280,29 @@ ColumnResizingPlugin.prototype.unload = function (host) {
 		this._updateTimer = 0;
 	}
 
-	var titleSect = host.getSection("title");
+	let titleSect = host.getSection("title");
 	if(titleSect) {
-		for(var c = host.getColumnCount(); --c >= 0;) {
-			var col = titleSect.getColumn(c);
+		for(let c = host.getColumnCount(); --c >= 0;) {
+			let col = titleSect.getColumn(c);
 			if(col._resizers) {
-				var len = col._resizers.length;
-				for(var i = 0; i < len; ++i) {
-					var resizer = col._resizers[i];
-					if(resizer.dispose) {
-						resizer.dispose();
-					} else {
-						Dom.removeParent(resizer);
-					}
+				let len = col._resizers.length;
+				for(let i = 0; i < len; ++i) {
+					Dom.removeParent(col._resizers[i]);
 				}
 				col._resizers = null;
 			}
 		}
 	}
 
-	if(!this._hosts.length) {
-		this._compositeGrid = null;
-	}
+	this._dispose();
 };
 /** @public
 * @param {Object=} options
 */
 ColumnResizingPlugin.prototype.config = function (options) {
 	if(!options) { return; }
-	var host = this._hosts[this._hosts.length - 1];
-	var pluginOption = options["columnResizing"];
+	let host = this._hosts[this._hosts.length - 1];
+	let pluginOption = options["columnResizing"];
 	if(pluginOption) {
 		if(pluginOption["preserveProportion"]) {
 			this._keepProportion = true;
@@ -339,11 +332,11 @@ ColumnResizingPlugin.prototype.config = function (options) {
 		this.addListener(pluginOption, "dragEnd");
 	}
 
-	var columns = options["columns"];
+	let columns = options["columns"];
 	if(!columns) { return; }
 
-	var len = columns.length;
-	for(var c = 0; c < len; ++c) {
+	let len = columns.length;
+	for(let c = 0; c < len; ++c) {
 		this._configColumn(host, c, columns[c]);
 	}
 };
@@ -353,32 +346,32 @@ ColumnResizingPlugin.prototype.config = function (options) {
 * @return {!Object}
 */
 ColumnResizingPlugin.prototype.getConfigObject = function (gridOptions) {
-	var obj = gridOptions || {};
+	let obj = gridOptions || {};
 
-	var columns = obj.columns;
+	let columns = obj.columns;
 	if (!columns) {
 		columns = obj.columns = [];
 	}
 
-	var len = this.getColumnCount();
-	for (var i = 0; i < len; ++i) {
-		var column = columns[i];
+	let len = this.getColumnCount();
+	for (let i = 0; i < len; ++i) {
+		let column = columns[i];
 		if (!column) {
 			column = columns[i] = {};
 		}
 
-		var noResizing = this._getColumnOption(i, 'noResizing', this._hosts[0]);
+		let noResizing = this._getColumnOption(i, 'noResizing', this._hosts[0]);
 		if (noResizing) {
 			column.noResizing = noResizing;
 		}
 
-		var defaultWidth = this._getColumnOption(i, 'defaultWidth', this._hosts[0]);
+		let defaultWidth = this._getColumnOption(i, 'defaultWidth', this._hosts[0]);
 		if (typeof defaultWidth == "number") {
 			column.defaultWidth = defaultWidth;
 		}
 	}
 
-	var extOptions = obj.columnResizing;
+	let extOptions = obj.columnResizing;
 	if (!extOptions) {
 		extOptions = obj.columnResizing = {};
 	}
@@ -401,7 +394,7 @@ ColumnResizingPlugin.prototype._configColumn = function(host, colIndex, columnCo
 		if(columnConfig["noResizing"]) {
 			this._newColumnData(colIndex)["noResizing"] = true;
 		}
-		var num = columnConfig["defaultWidth"];
+		let num = columnConfig["defaultWidth"];
 		if(typeof num == "number") {
 			this._newColumnData(colIndex)["defaultWidth"] = num;
 			if(host) {
@@ -416,7 +409,7 @@ ColumnResizingPlugin.prototype._configColumn = function(host, colIndex, columnCo
 */
 ColumnResizingPlugin.prototype._afterInit = function () {
 	if(this._compositeGrid) {
-		var core = this._compositeGrid.getCoreGrid();
+		let core = this._compositeGrid.getCoreGrid();
 		core.unloadPlugin("ResizableTitlePlugin");
 	}
 };
@@ -427,10 +420,10 @@ ColumnResizingPlugin.prototype._afterInit = function () {
 * @param {boolean=} opt_disabled
 */
 ColumnResizingPlugin.prototype.disableResizing = function(colIndex, opt_disabled) {
-	var colData = this._newColumnData(colIndex);
+	let colData = this._newColumnData(colIndex);
 	colData["noResizing"] = opt_disabled !== false;
 
-	for(var i = this._hosts.length; --i >= 0;) {
+	for(let i = this._hosts.length; --i >= 0;) {
 		this._updateResizerCount(this._hosts[i]);
 	}
 };
@@ -456,14 +449,14 @@ ColumnResizingPlugin.prototype.getDraggedAnchorX = function() {
 * @param {boolean=} opt_scalable If not defined false value is used instead
 */
 ColumnResizingPlugin.prototype.setColumnWidths = function (cols, width, opt_scalable) {
-	var colCount = this.getColumnCount();
-	var widths = new Array(colCount);
-	var isNumber = typeof width === "number";
-	for (var c = 0; c < cols.length; c++) {
+	let colCount = this.getColumnCount();
+	let widths = new Array(colCount);
+	let isNumber = typeof width === "number";
+	for (let c = 0; c < cols.length; c++) {
 		widths[cols[c]] = isNumber ? width : width[c];
 	}
-	var host;
-	for(var i = this._hosts.length; --i >= 0;) {
+	let host;
+	for(let i = this._hosts.length; --i >= 0;) {
 		host = this._hosts[i];
 		host.setColumnWidths(widths, opt_scalable);
 	}
@@ -476,13 +469,13 @@ ColumnResizingPlugin.prototype.setColumnWidths = function (cols, width, opt_scal
 * @return {boolean} True if there is any changed
 */
 ColumnResizingPlugin.prototype.setAllColumnWidths = function (colWidth, scalability) {
-	var colCount = this.getColumnCount();
-	var widths = new Array(colCount);
-	var i;
+	let colCount = this.getColumnCount();
+	let widths = new Array(colCount);
+	let i;
 	for (i = 0; i < colCount; i++) {
 		widths[i] = colWidth;
 	}
-	var host, dirty = false;
+	let host, dirty = false;
 	for(i = this._hosts.length; --i >= 0;) {
 		host = this._hosts[i];
 		dirty |= host.setColumnWidths(widths, scalability);
@@ -495,9 +488,9 @@ ColumnResizingPlugin.prototype.setAllColumnWidths = function (colWidth, scalabil
 * @returns {Array.<number>} Array of width
 */
 ColumnResizingPlugin.prototype.getColumnWidths = function () {
-	var colCount = this.getColumnCount();
-	var host = this._hosts[0], out = new Array(colCount);
-	for (var i = 0; i < colCount; i++) {
+	let colCount = this.getColumnCount();
+	let host = this._hosts[0], out = new Array(colCount);
+	for (let i = 0; i < colCount; i++) {
 		out[i] = host.getColumnWidth(i);
 	}
 	return out;
@@ -508,10 +501,10 @@ ColumnResizingPlugin.prototype.getColumnWidths = function () {
 * @returns {boolean} True if there is any changed
 */
 ColumnResizingPlugin.prototype.resetAllColumnsToDefaultWidth = function () {
-	var dirty = false;
-	var hosts = this._hosts;
-	var host;
-	for (var i = 0; i < hosts.length; i++ ) {
+	let dirty = false;
+	let hosts = this._hosts;
+	let host;
+	for (let i = 0; i < hosts.length; i++ ) {
 		host = hosts[i];
 		dirty |= host.resetColumnWidths();
 	}
@@ -523,9 +516,9 @@ ColumnResizingPlugin.prototype.resetAllColumnsToDefaultWidth = function () {
 * @returns {Array.<Object>} Columns state
 */
 ColumnResizingPlugin.prototype.getColumnSizeStates = function () {
-	var colCount = this.getColumnCount();
-	var host = this._hosts[0], out = new Array(colCount);
-	for (var i = 0; i < colCount; i++) {
+	let colCount = this.getColumnCount();
+	let host = this._hosts[0], out = new Array(colCount);
+	for (let i = 0; i < colCount; i++) {
 		out[i] = {
 			width: host.getColumnWidth(i),
 			scalability: host.getColumnScalability(i)
@@ -540,7 +533,7 @@ ColumnResizingPlugin.prototype.getColumnSizeStates = function () {
 * @param {Array.<Object>|string} columns Array or string
 */
 ColumnResizingPlugin.prototype.setColumnSizeStates = function (columns) {
-	var host = this._hosts[0];
+	let host = this._hosts[0];
 
 	if (typeof columns === 'string') {
 		columns = JSON.parse(columns);
@@ -557,9 +550,9 @@ ColumnResizingPlugin.prototype.setColumnSizeStates = function (columns) {
 * @param {boolean=} bool
 */
 ColumnResizingPlugin.prototype.enablePipeHandleMode = function(bool) {
-	var pipe = this._pipe = (bool !== false);
-	var len = this._hosts.length;
-	for(var i = 0; i < len; ++i) {
+	let pipe = this._pipe = (bool !== false);
+	let len = this._hosts.length;
+	for(let i = 0; i < len; ++i) {
 		this._hosts[i].enableClass("tr-pipe-resizer", pipe);
 	}
 };
@@ -567,10 +560,10 @@ ColumnResizingPlugin.prototype.enablePipeHandleMode = function(bool) {
 * @param {boolean=} bool
 */
 ColumnResizingPlugin.prototype.enableHandlebarMode = function(bool) {
-	var enabled = this._hbMode = (bool !== false);
+	let enabled = this._hbMode = (bool !== false);
 
 	if(enabled) {
-		var csp = this._getCSP();
+		let csp = this._getCSP();
 		if(csp) {
 			csp.listen("selectionChanged", this._updateHandlebar);
 		} else {
@@ -599,8 +592,8 @@ ColumnResizingPlugin.prototype._updateResizers = function () {
 	if(this._hbMode) {
 		this._updateHandlebar();
 	} else {
-		for(var i = this._hosts.length; --i >= 0;) {
-			var host = this._hosts[i];
+		for(let i = this._hosts.length; --i >= 0;) {
+			let host = this._hosts[i];
 			this._updateResizerCount(host);
 		}
 	}
@@ -620,7 +613,7 @@ ColumnResizingPlugin.prototype._onPreSectionRender = function (e) {
 */
 ColumnResizingPlugin.prototype._onTimer = function() {
 	if(this._hbMode) {
-		var csp = this._getCSP();
+		let csp = this._getCSP();
 		if(csp) {
 			csp.listen("selectionChanged", this._updateHandlebar);
 		}
@@ -633,8 +626,8 @@ ColumnResizingPlugin.prototype._onTimer = function() {
 */
 ColumnResizingPlugin.prototype._onColumnAdded = function(e) {
 	if(e.context && e.colIndex != null) {
-		for(var i = this._hosts.length; --i >= 0;) {
-			var host = this._hosts[i];
+		for(let i = this._hosts.length; --i >= 0;) {
+			let host = this._hosts[i];
 			this._configColumn(host, e.colIndex, e.context);
 		}
 	}
@@ -645,7 +638,7 @@ ColumnResizingPlugin.prototype._onColumnAdded = function(e) {
 ColumnResizingPlugin.prototype._onDragStart = function (e) {
 	if (this._dragIndex >= 0) { return; }
 
-	var host = this._getDraggedGrid(e);
+	let host = this._getDraggedGrid(e);
 	this._dragIndex = this._getResizerIndex(host, e);
 	if (this._dragIndex < 0) { return; }
 
@@ -658,7 +651,7 @@ ColumnResizingPlugin.prototype._onDragStart = function (e) {
 		window.addEventListener("mouseup", this._onDragEnd);
 	}
 
-	var gridParent = host.getElement().parentElement;
+	let gridParent = host.getElement().parentElement;
 
 	gridParent.classList.add("tr-dragging"); // Prevent text selection
 	gridParent.classList.add("tr-resize-cursor");
@@ -697,9 +690,9 @@ ColumnResizingPlugin.prototype._onDrag = function (e) {
 		return;
 	}
 
-	var diff = this._diffX = this._getAnchorX(e) - this._anchorX;
-	var width = this._draggedGrid.getColumnWidth(this._dragIndex);
-	var minWidth = this._draggedGrid.getMinimumColumnWidth(this._dragIndex);
+	let diff = this._diffX = this._getAnchorX(e) - this._anchorX;
+	let width = this._draggedGrid.getColumnWidth(this._dragIndex);
+	let minWidth = this._draggedGrid.getMinimumColumnWidth(this._dragIndex);
 
 	if (width + diff < minWidth) {
 		diff = minWidth - width;
@@ -716,7 +709,7 @@ ColumnResizingPlugin.prototype._onDragEnd = function (e) {
 	window.removeEventListener("mousemove", this._onDrag);
 	window.removeEventListener("mouseup", this._onDragEnd);
 
-	var parentElement = this._guideline.parentElement;
+	let parentElement = this._guideline.parentElement;
 	if (parentElement) {
 		parentElement.classList.remove("tr-dragging");
 		parentElement.classList.remove("tr-resize-cursor");
@@ -729,9 +722,9 @@ ColumnResizingPlugin.prototype._onDragEnd = function (e) {
 	this._activeResizer = null;
 
 	if(this._diffX) { // There must be some change after dragging
-		var diff = this._diffX;
-		var minWidth = this._draggedGrid.getMinimumColumnWidth(this._dragIndex);
-		var newWidth = this._draggedGrid.getColumnWidth(this._dragIndex) + (diff / this._draggedGrid["zoomFactor"]);
+		let diff = this._diffX;
+		let minWidth = this._draggedGrid.getMinimumColumnWidth(this._dragIndex);
+		let newWidth = this._draggedGrid.getColumnWidth(this._dragIndex) + (diff / this._draggedGrid["zoomFactor"]);
 		if (newWidth < minWidth) { newWidth = minWidth; }
 
 		if (this._keepProportion) {
@@ -743,7 +736,7 @@ ColumnResizingPlugin.prototype._onDragEnd = function (e) {
 				"scalability": true
 			});
 		} else {
-			var cols = this._getResizingCols(this._dragIndex);
+			let cols = this._getResizingCols(this._dragIndex);
 			this.setColumnWidths(cols, newWidth);
 
 			this._dispatch("columnResized", {
@@ -767,20 +760,20 @@ ColumnResizingPlugin.prototype._onDragEnd = function (e) {
 * @param {Event} e
 */
 ColumnResizingPlugin.prototype._onDblClick = function(e){
-	var host = this.getRelativeGrid(e);
-	var colIndex = this._getResizerIndex(host, e);
-	var plugin = this._getPlugin("ColumnFitterPlugin");
+	let host = this.getRelativeGrid(e);
+	let colIndex = this._getResizerIndex(host, e);
+	let plugin = this._getPlugin("ColumnFitterPlugin");
 	if(!plugin) {
 		plugin = this._getPlugin("ColumnWidthAdjustingPlugin");
 	}
 
 	if(plugin) {
-		var cols = this._getResizingCols(colIndex);
-		var widths = [];
-		var index;
-		for(var i = cols.length; --i >= 0;) {
+		let cols = this._getResizingCols(colIndex);
+		let widths = [];
+		let index;
+		for(let i = cols.length; --i >= 0;) {
 			index = cols[i];
-			var defaultW = this._getColumnOption(index, "defaultWidth");
+			let defaultW = this._getColumnOption(index, "defaultWidth");
 			widths[i] = (defaultW != null) ? defaultW : plugin["getAdjustedColumnWidth"](index);
 		}
 
@@ -799,22 +792,22 @@ ColumnResizingPlugin.prototype._updateHandlebar = function(e) {
 		return;
 	}
 
-	var csp = this._getCSP();
+	let csp = this._getCSP();
 	if(!csp) {
 		return;
 	}
 
-	var sels = csp.getSelectedColumns();
+	let sels = csp.getSelectedColumns();
 
-	var showHandlebar = sels.length === 1;
+	let showHandlebar = sels.length === 1;
 	if(showHandlebar) {
 		if(!this._handlebar) {
 			this._handlebar = this._newResizer("tr-handlebar");
 			this._guideline.classList.add("tr-hb-guideline");
 			this._guideline.appendChild(this._handlebar);
 		}
-		var colIndex = this._handlebar._colIndex = sels[0];
-		var grid = null;
+		let colIndex = this._handlebar._colIndex = sels[0];
+		let grid = null;
 		if(e) {
 			grid = this._handlebar._grid = e.grid;
 		} else {
@@ -846,7 +839,7 @@ ColumnResizingPlugin._stopPropagation = function (e) {
 * @return {ColumnSelectionPlugin}
 */
 ColumnResizingPlugin.prototype._getCSP = function () {
-	var csp = this._getPlugin("ColumnSelectionPlugin");
+	let csp = this._getPlugin("ColumnSelectionPlugin");
 	if(csp && csp.isEnabled()) {
 		return /** @type{ColumnSelectionPlugin} */(csp);
 	} else {
@@ -861,15 +854,15 @@ ColumnResizingPlugin.prototype._updateResizerCount = function (host) {
 		return;
 	}
 
-	var titleSect = host.getSection("title");
+	let titleSect = host.getSection("title");
 	if(!titleSect) {
 		return;
 	}
-	var colCount = host.getColumnCount();
-	var c, rowCount, col, boxes;
+	let colCount = host.getColumnCount();
+	let c, rowCount, col, boxes;
 	// Normal mode and Pipe mode
-	var titleSects = host.getAllSections("title");
-	for (var i = 0; i < titleSects.length; i++) {
+	let titleSects = host.getAllSections("title");
+	for (let i = 0; i < titleSects.length; i++) {
 		titleSect = titleSects[i];
 		for (c = 0; c < colCount; ++c) {
 			rowCount = titleSect.getRowCount();
@@ -878,21 +871,21 @@ ColumnResizingPlugin.prototype._updateResizerCount = function (host) {
 			if (!boxes) {
 				boxes = col._resizers = [];
 			}
-			for (var j = 0; j < rowCount; j++) {
-				var disabled = false;
-				var cell = titleSect.getCell(c, j); // TODO: This can be optimized
-				var cellColSpan = titleSect.getCellColSpan(c, j);
+			for (let j = 0; j < rowCount; j++) {
+				let disabled = false;
+				let cell = titleSect.getCell(c, j); // TODO: This can be optimized
+				let cellColSpan = titleSect.getCellColSpan(c, j);
 				if(cellColSpan){
-					var lastSpanCol = c + cellColSpan - 1;
+					let lastSpanCol = c + cellColSpan - 1;
 					disabled = this._getColumnOption(lastSpanCol, "noResizing");
 				} else {
 					disabled = this._getColumnOption(c, "noResizing");
 				}
-				var box = cell._resizer;
+				let box = cell._resizer;
 				if (!box) {
 					box = this._newResizer();
 					cell._resizer = box; // Cache to prevent repeating creation
-					var cellElem = cell.getElement();
+					let cellElem = cell.getElement();
 					cellElem.insertBefore(box, cellElem.firstChild);
 					boxes.push(box);
 				}
@@ -907,7 +900,7 @@ ColumnResizingPlugin.prototype._updateResizerCount = function (host) {
 * @return {!Element}
 */
 ColumnResizingPlugin.prototype._newResizer = function (classStr) {
-	var box = Dom.div(classStr ? classStr : "resizer");
+	let box = Dom.div(classStr ? classStr : "resizer");
 	box.setAttribute("draggable", "true");
 	box.addEventListener("mousedown", ColumnResizingPlugin._stopPropagation);
 	box.addEventListener("click", ColumnResizingPlugin._stopPropagation);
@@ -946,15 +939,15 @@ ColumnResizingPlugin.prototype._getResizerIndex = function (host, e) {
 		}
 	}
 
-	var box = e["currentTarget"];
+	let box = e["currentTarget"];
 	if (box._disabled) { // disabled is an internal flag
 		return -1;
 	}
 
-	var pos = host.getRelativePosition(e);
-	var colIndex = pos.colIndex;
-	var rowIndex = pos.rowIndex;
-	var colSpan = pos["section"].getCellColSpan(colIndex, rowIndex);
+	let pos = host.getRelativePosition(e);
+	let colIndex = pos.colIndex;
+	let rowIndex = pos.rowIndex;
+	let colSpan = pos["section"].getCellColSpan(colIndex, rowIndex);
 	return (colIndex != null) ? colIndex + colSpan - 1 : -1;
 };
 /** @private
@@ -972,9 +965,9 @@ ColumnResizingPlugin.prototype._getColumnRight = function (host, colIndex) {
 * @return {Array.<number>}
 */
 ColumnResizingPlugin.prototype._getResizingCols = function (clickIndex) {
-	var csp = this._getCSP();
+	let csp = this._getCSP();
 	if(csp) {
-		var cols = csp["getSelectedColumns"]();
+		let cols = csp["getSelectedColumns"]();
 		if(cols.indexOf(clickIndex) >= 0) { // if clickIndex does not exist in selected columns then return clickIndex.
 			return cols;
 		}
@@ -982,6 +975,35 @@ ColumnResizingPlugin.prototype._getResizingCols = function (clickIndex) {
 	return [clickIndex];
 };
 
+/** @public
+* @ignore
+* @return {Object}
+*/
+ColumnResizingPlugin.prototype._getEventHandlers = function () {
+	return {
+		"dragStart": this._onDragStart,
+		"drag": this._onDrag,
+		"dragEnd": this._onDragEnd,
+		"dblClick": this._onDblClick
+	};
+};
+/** @public
+* @ignore
+* @param {number} colIndex
+* @return {Array.<Element>}
+*/
+ColumnResizingPlugin.prototype.getResizers = function (colIndex) {
+	var host = this._hosts[0];
+	let titleSect = host ? host.getSection("title") : null;
+	if(titleSect) {
+		let col = titleSect.getColumn(colIndex);
+		if(col) {
+			return col._resizers || null;
+		}
+	}
+	return null;
+};
+
 
 
 export default ColumnResizingPlugin;

package/lib/types/es6/ColumnResizing.d.ts

@@ -6,25 +6,25 @@ import { injectCss, prettifyCss } from "../../tr-grid-util/es6/Util.js";
 declare namespace ColumnResizingPlugin {
 
     type Options = {
-        preserveProportion?: boolean,
-        preserveGridSize?: boolean,
-        noResizing?: boolean,
-        columnResized?: ((...params: any[]) => any),
-        dblClicked?: ((...params: any[]) => any),
-        dragStart?: ((...params: any[]) => any),
-        dragEnd?: ((...params: any[]) => any)
+        preserveProportion?: boolean|null,
+        preserveGridSize?: boolean|null,
+        noResizing?: boolean|null,
+        columnResized?: ((...params: any[]) => any)|null,
+        dblClicked?: ((...params: any[]) => any)|null,
+        dragStart?: ((...params: any[]) => any)|null,
+        dragEnd?: ((...params: any[]) => any)|null
     };
 
     type ColumnOptions = {
-        noResizing?: boolean,
-        defaultWidth?: number
+        noResizing?: boolean|null,
+        defaultWidth?: number|null
     };
 
 }
 
 declare class ColumnResizingPlugin extends GridPlugin {
 
-    constructor(options?: ColumnResizingPlugin.Options);
+    constructor(options?: ColumnResizingPlugin.Options|null);
 
     public getName(): string;
 
@@ -40,15 +40,15 @@ declare class ColumnResizingPlugin extends GridPlugin {
 
     public getConfigObject(gridOptions?: any): any;
 
-    public disableResizing(colIndex: number, opt_disabled?: boolean): void;
+    public disableResizing(colIndex: number, opt_disabled?: boolean|null): void;
 
     public getDraggedColumnIndex(): number;
 
     public getDraggedAnchorX(): number;
 
-    public setColumnWidths(cols: (number)[], width: (number)[]|number, opt_scalable?: boolean): void;
+    public setColumnWidths(cols: (number)[]|null, width: (number)[]|number|null, opt_scalable?: boolean|null): void;
 
-    public setAllColumnWidths(colWidth: number, scalability?: boolean): boolean;
+    public setAllColumnWidths(colWidth: number, scalability?: boolean|null): boolean;
 
     public getColumnWidths(): (number)[]|null;
 
@@ -56,11 +56,11 @@ declare class ColumnResizingPlugin extends GridPlugin {
 
     public getColumnSizeStates(): (any)[]|null;
 
-    public setColumnSizeStates(columns: (any)[]|string): void;
+    public setColumnSizeStates(columns: (any)[]|string|null): void;
 
-    public enablePipeHandleMode(bool?: boolean): void;
+    public enablePipeHandleMode(bool?: boolean|null): void;
 
-    public enableHandlebarMode(bool?: boolean): void;
+    public enableHandlebarMode(bool?: boolean|null): void;
 
 }