@refinitiv-ui/efx-grid 6.0.137 → 6.0.138

package/lib/column-selection-dialog/lib/column-selection-dialog.js

@@ -570,7 +570,7 @@ class ColumnSelectionDialog extends BasicElement {
 		this._excludedRightColumns = 0;
 		this._unmovableColumns = 0;
 		this._pendingScroll = false;
-		this._highlightedElem = null; // There can only one highlighted elem
+		this._focusedElement = null;
 		this._pendingTreeRefresh = false;
 		this._pendingResetSearchInput = false;
 		this._middleSeparator = "";
@@ -613,6 +613,8 @@ class ColumnSelectionDialog extends BasicElement {
 		this._handleInfoIconMouseover = this._handleInfoIconMouseover.bind(this);
 		this._handleInfoIconMouseout = this._handleInfoIconMouseout.bind(this);
 		this._handleClick = this._handleClick.bind(this);
+		this._handleFocusIn = this._handleFocusIn.bind(this);
+		this._handleFocusOut = this._handleFocusOut.bind(this);
 		this._createTreeCustomRender = this._createTreeCustomRender.bind(this);
 		this._selectAllCheckedChanged = this._selectAllCheckedChanged.bind(this);
 
@@ -738,7 +740,7 @@ class ColumnSelectionDialog extends BasicElement {
 					</div>
 					<div class="row">
 						<div class="side">
-							<ef-search-field placeholder="${this._searchPlaceholder ? this._searchPlaceholder : t["Search"]}" id="searchInput"></ef-search-field>
+							<ef-search-field aria-label="search for columns" placeholder="${this._searchPlaceholder ? this._searchPlaceholder : t["Search"]}" id="searchInput"></ef-search-field>
 						</div>
 						<div class="side">
 							<label>${t["Show in this order"]}</label>
@@ -750,13 +752,13 @@ class ColumnSelectionDialog extends BasicElement {
 							<div id="allColumns">
 								<ef-item id="treeNoResult" class="no-results" label="${t["No results found"]}"></ef-item>
 								<ef-header level="1" id="selectAllHeader">
-									<ef-checkbox id="selectAllCheckbox">${t["Select All"]}</ef-checkbox>
+									<ef-checkbox aria-label="select all columns" id="selectAllCheckbox">${t["Select All"]}</ef-checkbox>
 								</ef-header>
-								<ef-tree id="tree" multiple></ef-tree>
+								<ef-tree aria-label="column list" id="tree" multiple></ef-tree>
 							</div>
 						</div>
 						<div class="side" id="visibleSide">
-							<div id="visibleColumns">
+							<div id="visibleColumns" aria-label="visible column list">
 								${this._visibleColumnList.map(item => html`
 									<ef-item
 										value="${item.value}"
@@ -768,10 +770,10 @@ class ColumnSelectionDialog extends BasicElement {
 							</div>
 							<div id="ordering_div">
 								<div id="ordering_buttons">
-									<ef-button icon="up" @click="${this._onUpItem}" id="upItem">${t["Up"]}</ef-button><!--
-									--><ef-button icon="down" @click="${this._onDownItem}" id="downItem">${t["Down"]}</ef-button>
+									<ef-button aria-label="move selected visible columns up" icon="up" @click="${this._onUpItem}" id="upItem">${t["Up"]}</ef-button><!--
+									--><ef-button aria-label="move selected visible columns down" icon="down" @click="${this._onDownItem}" id="downItem">${t["Down"]}</ef-button>
 								</div>
-								<ef-button id="removeFromVisibleColumnsBtn" @click="${this._removeBtnClicked}">${t["Remove"]}</ef-button>
+								<ef-button aria-label="remove selected visible columns" id="removeFromVisibleColumnsBtn" @click="${this._removeBtnClicked}">${t["Remove"]}</ef-button>
 							</div>
 						</div>
 					</div>
@@ -779,7 +781,7 @@ class ColumnSelectionDialog extends BasicElement {
 				</div>
 				<div slot="footer">
 					<div part="custom-buttons">
-						${this._defaultItems ? html`<ef-button id="restore_btn" @click="${this._restoreDefault}" tabindex="0">${t["RESTORE DEFAULT"]}</ef-button>` : ""}
+						${this._defaultItems ? html`<ef-button aria-label="restore default visible columns" id="restore_btn" @click="${this._restoreDefault}" tabindex="0">${t["RESTORE DEFAULT"]}</ef-button>` : ""}
 						${hasNoVisibleItem ? html`<ef-icon icon="warning-circle"></ef-icon>` : ""}
 						${hasNoVisibleItem ? html`<div id="status_div">${t["WARNING_1"]}</div>` : ""}
 					</div>
@@ -827,6 +829,8 @@ class ColumnSelectionDialog extends BasicElement {
 		this._visibleColumnsContainer.addEventListener('mouseout', this._handleMouseout);
 		this._visibleColumnsContainer.addEventListener('click', this._handleClick);
 		this._visibleColumnsContainer.addEventListener('dblclick', this._removeBtnClicked);
+		this._visibleColumnsContainer.addEventListener('focusin', this._handleFocusIn);
+		this._visibleColumnsContainer.addEventListener('focusout', this._handleFocusOut);
 
 		// icon custom renderer
 		if(this._descriptionBox) { // TODO: This should not work only for the first time
@@ -1131,58 +1135,42 @@ class ColumnSelectionDialog extends BasicElement {
 		return getItemIndex(this._visibleColumnList, separatorCol.value, "value");
 	}
 
-	/** This will also remove focused state set by ef-item
-	 * @private
-	 */
-	_unhighlightItems() {
-		if(this._highlightedElem) { // There can be only one highlighted Item
-			this._highlightedElem.highlighted = false;
-			this._highlightedElem.removeAttribute('focused'); // WORKAROUND: Focused and highlighted have the same styles in Halo themes
-			this._highlightedElem = null;
-		}
-	}
-
 	/** @private
 	 * @param {number} step if positive highlight will move up, if negative highlight will move down
 	 */
-	_moveHighlightedItems(step) {
+	_moveFocusedItem(step) {
 		if (!step) {
 			return;
 		}
 
-		if (!this._highlightedElem) {
+		var focusedEl = this._focusedElement;
+		if (!focusedEl) {
 			var selectedIndexes = _getSelectedItemIndexes(this._visibleColumnList);
 			if (!selectedIndexes.length) {
 				return;
 			}
 
-			this._highlightedElem = this._visibleColumnsContainer.children[selectedIndexes[0]];
-			this._highlightedElem.highlighted = true;
+			focusedEl = this._visibleColumnsContainer.children[selectedIndexes[0]];
 		}
 
-		var pn = this._highlightedElem.parentNode;
+		var pn = focusedEl.parentNode;
 		if(!pn) {
 			return;
 		}
 
 		var chdr = pn.children;
 		var childCount = chdr.length;
-		var i; // highlighted index
+		var i; // focused element index
 		for(i = 0; i < childCount; ++i) {
-			if(chdr[i] === this._highlightedElem) {
+			if(chdr[i] === focusedEl) {
 				break;
 			}
 		}
-		if(i >= childCount) {
-			return;
-		}
 
 		i += step;
 		if (i >= 0 && i < childCount) {
-			this._unhighlightItems();
-			this._highlightedElem = chdr[i];
-			this._highlightedElem.highlighted = true;
 			scrollToItem(pn, i);
+			chdr[i].focus();
 		}
 	}
 
@@ -1501,6 +1489,22 @@ class ColumnSelectionDialog extends BasicElement {
 		this._selectAllStatus && this._selectAllCheckbox.setAttribute(this._selectAllStatus, "");
 	}
 
+	/**
+	 * @private
+	 * @param {Object} e
+	 */
+	_handleFocusIn(e) {
+		this._focusedElement = e.target;
+	}
+
+	/**
+	 * @private
+	 * @param {Object} e
+	 */
+	_handleFocusOut(e) {
+		this._focusedElement = null;
+	}
+
 	/**
 	 * @private
 	 * @param {Object} e
@@ -1509,17 +1513,32 @@ class ColumnSelectionDialog extends BasicElement {
 		var handled = false;
 		switch (e.keyCode) {
 		case 40: // down
-		case 9: // tab
-			this._moveHighlightedItems(1);
+			this._moveFocusedItem(1);
 			handled = true;
 			break;
 		case 38: // up
-			this._moveHighlightedItems(-1);
+			this._moveFocusedItem(-1);
 			handled = true;
 			break;
+		case 9: // tab
+			var focusedEl = this._focusedElement;
+			if (focusedEl) {
+				if (e.shiftKey) {
+					if(focusedEl.previousElementSibling) {
+						this._moveFocusedItem(-1);
+						handled = true;
+					}
+				} else {
+					if (focusedEl.nextElementSibling) {
+						this._moveFocusedItem(1);
+						handled = true;
+					}
+				}
+			}
+			break;
 		case 13: // enter
-			if(this._highlightedElem) {
-				this._highlightedElem.click();
+			if(this._focusedElement) {
+				this._focusedElement.click();
 				handled = true;
 			}
 			break;
@@ -1527,7 +1546,6 @@ class ColumnSelectionDialog extends BasicElement {
 
 		if(handled) {
 			e.preventDefault();
-			e.stopPropagation();
 		}
 	}
 
@@ -1538,14 +1556,7 @@ class ColumnSelectionDialog extends BasicElement {
 	_handleMouseover(e) {
 		var targetElem = e.target;
 		if (targetElem.highlightable) {
-			if (this._highlightedElem) {
-				if(this._highlightedElem === targetElem) {
-					return;
-				}
-				this._highlightedElem.highlighted = false;
-			}
-			this._highlightedElem = targetElem;
-			this._highlightedElem.highlighted = true;
+			targetElem.highlighted = true;
 		}
 	}
 
@@ -1554,11 +1565,7 @@ class ColumnSelectionDialog extends BasicElement {
 	 * @param {Object} e
 	 */
 	_handleMouseout(e) {
-		var targetElem = e.target;
-		if (targetElem === this._highlightedElem) {
-			targetElem.highlighted = false;
-			this._highlightedElem = null;
-		}
+		e.target.highlighted = false;
 	}
 
 	/**
@@ -1582,8 +1589,7 @@ class ColumnSelectionDialog extends BasicElement {
 			return;
 		}
 
-		var list = null;
-		list = this._visibleColumnList;
+		var list = this._visibleColumnList;
 		var selectedIndex = getDomElementIndex(selectedElement);
 
 		if(e.metaKey || e.ctrlKey) {
@@ -1608,7 +1614,7 @@ class ColumnSelectionDialog extends BasicElement {
 	 * @private
 	 * @param {object} e - event object
 	 */
-	 _handleInfoIconClicked(e) {
+	_handleInfoIconClicked(e) {
 		var targetElem = e.currentTarget;
 		var divItem = targetElem.parentNode;
 		var treeItem = divItem.parentNode;
@@ -1621,7 +1627,7 @@ class ColumnSelectionDialog extends BasicElement {
 	 * @private
 	 * @param {object} e - event object
 	 */
-	 _handleInfoIconMouseover(e) {
+	_handleInfoIconMouseover(e) {
 		var targetElem = e.currentTarget;
 		var divItem = targetElem.parentNode;
 		var treeItem = divItem.parentNode;
@@ -1634,7 +1640,7 @@ class ColumnSelectionDialog extends BasicElement {
 	 * @private
 	 * @param {object} e - event object
 	 */
-	 _handleInfoIconMouseout(e) {
+	_handleInfoIconMouseout(e) {
 		var targetElem = e.currentTarget;
 		var divItem = targetElem.parentNode;
 		var treeItem = divItem.parentNode;
@@ -1873,10 +1879,10 @@ class ColumnSelectionDialog extends BasicElement {
 	}
 
 	/**
- * ef-tree value changed event
- * @param {Object} e
- * @private
- */
+	 * ef-tree value changed event
+	 * @param {Object} e
+	 * @private
+	 */
 	_treeValueChanged(e) {
 		var selectedMapping = {};
 
@@ -2007,7 +2013,6 @@ class ColumnSelectionDialog extends BasicElement {
 			if (index >= 0) this._visibleColumnList[index] = null;
 		}
 		this._visibleColumnList = this._visibleColumnList.filter(Boolean); // clear null element
-		this._unhighlightItems();
 		this._pendingButtonUpdate = true;
 	}
 }

package/lib/grid/index.js

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

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

@@ -37,7 +37,8 @@ declare namespace RowFilteringPlugin {
         itemList?: any[]|null,
         additionalItems?: any[]|null,
         compactMode?: boolean|null,
-        blankValues?: (boolean|string)|null
+        blankValues?: (boolean|string)|null,
+        dateTimeFormat?: string|null
     };
 
     type FilterEntry = {

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

@@ -4,23 +4,23 @@ import Ext from "../../tr-grid-util/es6/Ext.js";
 declare namespace ZoomPlugin {
 
     type Options = {
-        zoomFactor?: number,
-        step?: number,
-        wheel?: boolean,
-        maxFactor?: number,
-        minFactor?: number,
-        zoomChanged?: ((...params: any[]) => any)
+        zoomFactor?: number|null,
+        step?: number|null,
+        wheel?: boolean|null,
+        maxFactor?: number|null,
+        minFactor?: number|null,
+        zoomChanged?: ((...params: any[]) => any)|null
     };
 
 }
 
 declare class ZoomPlugin extends GridPlugin {
 
-    constructor(options?: ZoomPlugin.Options);
+    constructor(options?: ZoomPlugin.Options|null);
 
     public hasMultiTableSupport(): boolean;
 
-    public config(options?: ZoomPlugin.Options): void;
+    public config(options?: ZoomPlugin.Options|null): void;
 
     public getConfigObject(gridOptions?: any): any;
 
@@ -30,21 +30,21 @@ declare class ZoomPlugin extends GridPlugin {
 
     public zoomOut(): number;
 
-    public zoomTo(factor?: number): number;
+    public zoomTo(factor?: number|null): number;
 
     public setStep(step: number): void;
 
-    public zoomDefault(zoomFactor?: number): number;
+    public zoomDefault(zoomFactor?: number|null): number;
 
-    public addElement(elem: Element): void;
+    public addElement(elem: Element|null): void;
 
-    public removeElement(elem: Element): Element;
+    public removeElement(elem: Element|null): Element|null;
 
     public updateZoomedLayout(): void;
 
-    public enableWheelToZoom(bool?: boolean): void;
+    public enableWheelToZoom(bool?: boolean|null): void;
 
-    public getDefaultMouseWheelLogic(): ((...params: any[]) => any);
+    public getDefaultMouseWheelLogic(): ((...params: any[]) => any)|null;
 
 }
 

package/lib/versions.json

@@ -4,7 +4,7 @@
 	"@grid/column-dragging": "1.0.21",
 	"@grid/row-segmenting": "1.0.35",
 	"@grid/statistics-row": "1.0.17",
-	"@grid/zoom": "1.0.11",
+	"@grid/zoom": "1.0.13",
 	"tr-grid-auto-tooltip": "1.1.9",
 	"tr-grid-cell-selection": "1.0.39",
 	"tr-grid-checkbox": "1.0.70",
@@ -31,7 +31,7 @@
 	"tr-grid-textformatting": "1.0.49",
 	"tr-grid-titlewrap": "1.0.22",
 	"@grid/formatters": "1.0.55",
-	"@grid/column-selection-dialog": "4.0.57",
+	"@grid/column-selection-dialog": "4.0.59",
 	"@grid/filter-dialog": "4.0.79",
 	"@grid/column-format-dialog": "4.0.45"
 }

package/lib/zoom/es6/Zoom.d.ts

@@ -4,23 +4,23 @@ import Ext from "../../tr-grid-util/es6/Ext.js";
 declare namespace ZoomPlugin {
 
     type Options = {
-        zoomFactor?: number,
-        step?: number,
-        wheel?: boolean,
-        maxFactor?: number,
-        minFactor?: number,
-        zoomChanged?: ((...params: any[]) => any)
+        zoomFactor?: number|null,
+        step?: number|null,
+        wheel?: boolean|null,
+        maxFactor?: number|null,
+        minFactor?: number|null,
+        zoomChanged?: ((...params: any[]) => any)|null
     };
 
 }
 
 declare class ZoomPlugin extends GridPlugin {
 
-    constructor(options?: ZoomPlugin.Options);
+    constructor(options?: ZoomPlugin.Options|null);
 
     public hasMultiTableSupport(): boolean;
 
-    public config(options?: ZoomPlugin.Options): void;
+    public config(options?: ZoomPlugin.Options|null): void;
 
     public getConfigObject(gridOptions?: any): any;
 
@@ -30,21 +30,21 @@ declare class ZoomPlugin extends GridPlugin {
 
     public zoomOut(): number;
 
-    public zoomTo(factor?: number): number;
+    public zoomTo(factor?: number|null): number;
 
     public setStep(step: number): void;
 
-    public zoomDefault(zoomFactor?: number): number;
+    public zoomDefault(zoomFactor?: number|null): number;
 
-    public addElement(elem: Element): void;
+    public addElement(elem: Element|null): void;
 
-    public removeElement(elem: Element): Element;
+    public removeElement(elem: Element|null): Element|null;
 
     public updateZoomedLayout(): void;
 
-    public enableWheelToZoom(bool?: boolean): void;
+    public enableWheelToZoom(bool?: boolean|null): void;
 
-    public getDefaultMouseWheelLogic(): ((...params: any[]) => any);
+    public getDefaultMouseWheelLogic(): ((...params: any[]) => any)|null;
 
 }
 

package/lib/zoom/es6/Zoom.js

@@ -24,8 +24,8 @@ import Ext from "../../tr-grid-util/es6/Ext.js";
 * @param {ZoomPlugin.Options=} options
 * @extends {GridPlugin}
 */
-var ZoomPlugin = function (options) {
-	var t = this;
+let ZoomPlugin = function (options) {
+	let t = this;
 
 	t._updateZoomedLayout = t._updateZoomedLayout.bind(t);
 	t._updateElementLayout = t._updateElementLayout.bind(t);
@@ -81,7 +81,7 @@ ZoomPlugin.prototype.getName = function () {
 
 /** @override */
 ZoomPlugin.prototype.initialize = function (host, options) {
-	var t = this;
+	let t = this;
 	if (t._hosts.indexOf(host) >= 0) {
 		return;
 	}
@@ -104,8 +104,8 @@ ZoomPlugin.prototype.initialize = function (host, options) {
 
 /** @override */
 ZoomPlugin.prototype.unload = function (host) {
-	var t = this;
-	var at = t._hosts.indexOf(host);
+	let t = this;
+	let at = t._hosts.indexOf(host);
 	if (at < 0) { return; }
 
 	if(t._hosts.length === 1) {
@@ -123,14 +123,14 @@ ZoomPlugin.prototype.unload = function (host) {
 ZoomPlugin.prototype.config = function (options) {
 	if (!options) { return; }
 
-	var extOptions = options["zoom"];
+	let extOptions = options["zoom"];
 
 	if (!extOptions) {
 		return;
 	}
-	var t = this;
+	let t = this;
 
-	var val = extOptions["wheel"];
+	let val = extOptions["wheel"];
 	if (val != null) {
 		t._wheel = !!val;
 	}
@@ -163,14 +163,16 @@ ZoomPlugin.prototype.config = function (options) {
 * @return {!Object}
 */
 ZoomPlugin.prototype.getConfigObject = function (gridOptions) {
-	var obj = gridOptions || {};
+	let obj = gridOptions || {};
 
-	var extOptions = obj.zoom;
+	let extOptions = obj.zoom;
 	if(!extOptions) {
 		extOptions = obj.zoom = {};
 	}
 
-	extOptions.wheel = this._wheel;
+	if(!this._wheel) {
+		extOptions.wheel = false;
+	}
 
 	if (this._step !== 0.25) {
 		extOptions.step = this._step;
@@ -201,7 +203,7 @@ ZoomPlugin.prototype.getZoomFactor = function () {
 * @return {number} zoomFactor
 */
 ZoomPlugin.prototype.zoomIn = function () {
-	var t = this;
+	let t = this;
 	t.zoomTo(t._zoomFactor + t._step);
 	return t._zoomFactor;
 };
@@ -210,7 +212,7 @@ ZoomPlugin.prototype.zoomIn = function () {
 * @return {number} zoomFactor
 */
 ZoomPlugin.prototype.zoomOut = function () {
-	var t = this;
+	let t = this;
 	t.zoomTo(t._zoomFactor - t._step);
 	return t._zoomFactor;
 };
@@ -220,7 +222,7 @@ ZoomPlugin.prototype.zoomOut = function () {
 * @return {number} factor
 */
 ZoomPlugin.prototype.zoomTo = function (factor) {
-	var t = this;
+	let t = this;
 
 	if (!factor) { // 0, NaN, undefined, empty string, and null
 		factor = 1;
@@ -239,11 +241,11 @@ ZoomPlugin.prototype.zoomTo = function (factor) {
 		return factor;
 	}
 
-	var prevZoomFactor = t._zoomFactor;
+	let prevZoomFactor = t._zoomFactor;
 	t._zoomFactor = factor;
 
 	// TODO: Refactor the logic, so that the zoom styles are applied directly to the parent element, eliminating margin-right styling
-	var i;
+	let i;
 	for (i = t._elems.length; --i >= 0;) {
 		t._applyZoom(t._elems[i]);
 	}
@@ -264,7 +266,7 @@ ZoomPlugin.prototype.zoomTo = function (factor) {
 * @param {number} step
 */
 ZoomPlugin.prototype.setStep = function (step) {
-	var s = step;
+	let s = step;
 	if (s != null) {
 		if (typeof s !== "number") {
 			s = parseFloat(s);
@@ -285,7 +287,7 @@ ZoomPlugin.prototype.zoomDefault = ZoomPlugin.prototype.zoomTo;
 * @param {Element} elem
 */
 ZoomPlugin.prototype.addElement = function (elem) {
-	var t = this;
+	let t = this;
 	if (elem && t._elems.indexOf(elem) < 0) {
 		t._applyZoom(elem);
 		t._elems.push(elem);
@@ -298,8 +300,8 @@ ZoomPlugin.prototype.addElement = function (elem) {
 * @returns {Element}
 */
 ZoomPlugin.prototype.removeElement = function (elem) {
-	var t = this;
-	var at = t._elems.indexOf(elem);
+	let t = this;
+	let at = t._elems.indexOf(elem);
 	if (at >= 0) {
 		t._elems.splice(at, 1);
 		t._clearZoomStyles(elem);
@@ -317,11 +319,11 @@ ZoomPlugin.prototype.updateZoomedLayout = function() {
 * @param {Element|tr.Grid} obj
 */
 ZoomPlugin.prototype._applyZoom = function (obj) {
-	if (!obj) { return; }
-
-	var t = this;
-
-	var elem = (obj instanceof Object) ? /** @type{Element} */(obj.getElement()) : /** @type{Element} */(obj);
+	let t = this;
+	let elem = (obj && obj.getElement) ? obj.getElement() : obj;
+	if(!elem) {
+		return;
+	}
 
 	// This type of css scale is most compatable options
 	// alternative css can be more promising but not the most copatable (like: zoom)
@@ -343,7 +345,7 @@ ZoomPlugin.prototype._applyZoom = function (obj) {
 * @param {Element} elem
 */
 ZoomPlugin.prototype._updateElementLayout = function (elem) {
-	var domStyle = /** @type{CSSStyleDeclaration} */(elem.style);
+	let domStyle = /** @type{CSSStyleDeclaration} */(elem.style);
 	if(this._zoomFactor !== 1) {
 		// After scaling there is empty space between elem and it's parent
 		// So it needs to correct the transformation shift of an inline-element
@@ -356,7 +358,7 @@ ZoomPlugin.prototype._updateElementLayout = function (elem) {
 /** @private
 */
 ZoomPlugin.prototype._updateZoomedLayout = function() {
-	var i, elem;
+	let i, elem;
 	for(i = this._elems.length; --i >= 0;) {
 		elem = this._elems[i];
 		this._updateElementLayout(elem);
@@ -371,7 +373,7 @@ ZoomPlugin.prototype._updateZoomedLayout = function() {
 * @param {Element} elem
 */
 ZoomPlugin.prototype._clearZoomStyles = function (elem) {
-	var domStyle = /** @type{CSSStyleDeclaration} */(elem.style);
+	let domStyle = /** @type{CSSStyleDeclaration} */(elem.style);
 	domStyle["transform"] = "";
 	domStyle["transformOrigin"] = "";
 	domStyle["marginRight"] = "";
@@ -382,11 +384,11 @@ ZoomPlugin.prototype._clearZoomStyles = function (elem) {
 * @param {boolean=} bool
 */
 ZoomPlugin.prototype.enableWheelToZoom = function (bool) {
-	var t = this;
+	let t = this;
 	bool = !!bool; // Force boolean
 	if (t._wheel !== bool) {
 		t._wheel = bool;
-		for (var i = t._hosts.length; --i >= 0;) {
+		for (let i = t._hosts.length; --i >= 0;) {
 			if (bool) {
 				t._hosts[i].listen("wheel", t._onWheel);
 			} else {
@@ -402,7 +404,7 @@ ZoomPlugin.prototype.enableWheelToZoom = function (bool) {
 ZoomPlugin.prototype._onWheel = function (e) {
 	if (!e.ctrlKey || e.shiftKey || e.altKey) { return; } // Only handle Ctrl+wheel
 
-	var delta = e["deltaY"]; // Provided by WheelEvent >> https://developer.mozilla.org/en-US/docs/Web/API/WheelEvent
+	let delta = e["deltaY"]; // Provided by WheelEvent >> https://developer.mozilla.org/en-US/docs/Web/API/WheelEvent
 	if (!delta) { return; }
 
 	e.preventDefault(); // Disable browser default zoom behaviour
@@ -420,6 +422,16 @@ ZoomPlugin.prototype.getDefaultMouseWheelLogic = function () {
 	return this._onWheel;
 };
 
+/** @public
+* @ignore
+* @return {!Object}
+*/
+ZoomPlugin.prototype._getEventHandlers = function() {
+	return {
+		"wheel": this._onWheel
+	};
+};
+
 
 
 export default ZoomPlugin;

package/package.json

@@ -69,5 +69,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"version": "6.0.137"
+	"version": "6.0.138"
 }