@syncfusion/ej2-maps 25.1.35 → 25.1.40

package/src/maps/model/theme.js

@@ -354,7 +354,7 @@ export function getThemeStyle(theme) {
                 shapeFill: '#A6A6A6',
                 rectangleZoomFillColor: '#d3d3d3',
                 rectangleZoomFillOpacity: 0.5,
-                rectangleZoomBorderColor: "#009900"
+                rectangleZoomBorderColor: '#009900'
             };
             break;
         case 'highcontrast':
@@ -379,7 +379,7 @@ export function getThemeStyle(theme) {
                 shapeFill: '#A6A6A6',
                 rectangleZoomFillColor: '#d3d3d3',
                 rectangleZoomFillOpacity: 0.5,
-                rectangleZoomBorderColor: "#009900"
+                rectangleZoomBorderColor: '#009900'
             };
             break;
         case 'bootstrap4':
@@ -407,7 +407,7 @@ export function getThemeStyle(theme) {
                 shapeFill: '#A6A6A6',
                 rectangleZoomFillColor: '#d3d3d3',
                 rectangleZoomFillOpacity: 0.5,
-                rectangleZoomBorderColor: "#009900"
+                rectangleZoomBorderColor: '#009900'
             };
             break;
         case 'tailwind':
@@ -435,7 +435,7 @@ export function getThemeStyle(theme) {
                 shapeFill: '#E5E7EB',
                 rectangleZoomFillColor: '#d3d3d3',
                 rectangleZoomFillOpacity: 0.5,
-                rectangleZoomBorderColor: "#009900"
+                rectangleZoomBorderColor: '#009900'
             };
             break;
         case 'tailwinddark':
@@ -463,7 +463,7 @@ export function getThemeStyle(theme) {
                 shapeFill: '#374151',
                 rectangleZoomFillColor: '#d3d3d3',
                 rectangleZoomFillOpacity: 0.5,
-                rectangleZoomBorderColor: "#009900"
+                rectangleZoomBorderColor: '#009900'
             };
             break;
         case 'bootstrap5':
@@ -491,7 +491,7 @@ export function getThemeStyle(theme) {
                 shapeFill: '#E9ECEF',
                 rectangleZoomFillColor: '#d3d3d3',
                 rectangleZoomFillOpacity: 0.5,
-                rectangleZoomBorderColor: "#009900"
+                rectangleZoomBorderColor: '#009900'
             };
             break;
         case 'bootstrap5dark':
@@ -519,7 +519,7 @@ export function getThemeStyle(theme) {
                 shapeFill: '#495057',
                 rectangleZoomFillColor: '#d3d3d3',
                 rectangleZoomFillOpacity: 0.5,
-                rectangleZoomBorderColor: "#009900"
+                rectangleZoomBorderColor: '#009900'
             };
             break;
         case 'fluent':
@@ -547,7 +547,7 @@ export function getThemeStyle(theme) {
                 shapeFill: '#F3F2F1',
                 rectangleZoomFillColor: '#d3d3d3',
                 rectangleZoomFillOpacity: 0.5,
-                rectangleZoomBorderColor: "#009900"
+                rectangleZoomBorderColor: '#009900'
             };
             break;
         case 'fluentdark':
@@ -575,7 +575,7 @@ export function getThemeStyle(theme) {
                 shapeFill: '#252423',
                 rectangleZoomFillColor: '#d3d3d3',
                 rectangleZoomFillOpacity: 0.5,
-                rectangleZoomBorderColor: "#009900"
+                rectangleZoomBorderColor: '#009900'
             };
             break;
         case 'material3':
@@ -604,7 +604,7 @@ export function getThemeStyle(theme) {
                 shapeFill: '#E7E0EC',
                 rectangleZoomFillColor: '#6750A4',
                 rectangleZoomFillOpacity: 0.24,
-                rectangleZoomBorderColor: "#6750A4"
+                rectangleZoomBorderColor: '#6750A4'
             };
             break;
         case 'material3dark':
@@ -633,7 +633,7 @@ export function getThemeStyle(theme) {
                 shapeFill: '#49454F',
                 rectangleZoomFillColor: '#D0BCFF',
                 rectangleZoomFillOpacity: 0.24,
-                rectangleZoomBorderColor: "#D0BCFF"
+                rectangleZoomBorderColor: '#D0BCFF'
             };
             break;
         default:
@@ -658,7 +658,7 @@ export function getThemeStyle(theme) {
                 shapeFill: '#A6A6A6',
                 rectangleZoomFillColor: '#d3d3d3',
                 rectangleZoomFillOpacity: 0.5,
-                rectangleZoomBorderColor: "#009900"
+                rectangleZoomBorderColor: '#009900'
             };
             break;
     }

package/src/maps/user-interaction/annotation.d.ts

@@ -9,6 +9,11 @@ export declare class Annotations {
     /**
      * To create annotation elements
      *
+     * @param {HTMLElement} parentElement - Specifies the parent element in the map.
+     * @param {Annotation} annotation -  Specifies the options for customizing the annotation element in maps.
+     * @param {number} annotationIndex - Specifies the index of the annotation.
+     * @returns {void}
+     *
      * @private
      */
     createAnnotationTemplate(parentElement: HTMLElement, annotation: Annotation, annotationIndex: number): void;

package/src/maps/user-interaction/annotation.js

@@ -26,10 +26,14 @@ var Annotations = /** @class */ (function () {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         this.map.renderReactTemplates();
     };
-    // eslint-disable-next-line valid-jsdoc
     /**
      * To create annotation elements
      *
+     * @param {HTMLElement} parentElement - Specifies the parent element in the map.
+     * @param {Annotation} annotation -  Specifies the options for customizing the annotation element in maps.
+     * @param {number} annotationIndex - Specifies the index of the annotation.
+     * @returns {void}
+     *
      * @private
      */
     Annotations.prototype.createAnnotationTemplate = function (parentElement, annotation, annotationIndex) {
@@ -41,7 +45,6 @@ var Annotations = /** @class */ (function () {
         var map = this.map;
         var templateElement;
         var availSize = map.availableSize;
-        var id = map.element.id + '_Annotation_' + annotationIndex;
         var childElement = createElement('div', {
             id: map.element.id + '_Annotation_' + annotationIndex
         });
@@ -50,6 +53,7 @@ var Annotations = /** @class */ (function () {
             cancel: false, name: annotationRendering, content: annotation.content,
             annotation: annotation
         };
+        //eslint-disable-next-line @typescript-eslint/no-unused-vars
         this.map.trigger(annotationRendering, argsData, function (annotationArgs) {
             if (argsData.cancel) {
                 return;

package/src/maps/user-interaction/highlight.d.ts

@@ -24,14 +24,26 @@ export declare class Highlight {
     private removeEventListener;
     /**
      * Public method for highlight module
+     *
+     * @param {number} layerIndex - Specifies the index of the layer.
+     * @param {string} name - Specifies the name.
+     * @param {boolean} enable - Specifies the enabling of highlight in map.
+     * @returns {void}
      * @private
      */
     addHighlight(layerIndex: number, name: string, enable: boolean): void;
     private mouseMove;
     /**
+     * Handles the highlighting events in map
+     *
+     * @param {Element} targetElement - Specifies the target element.
+     * @param {number} layerIndex - Specifies the index of the layer.
+     * @param {object} data - Specifies the data for the map.
+     * @param {object} shapeData - Specifies the data for the map to render.
+     * @returns {void}
      * @private
      */
-    handleHighlight(targetElement: Element, layerIndex: number, data: any, shapeData: any): void;
+    handleHighlight(targetElement: Element, layerIndex: number, data: object, shapeData: object): void;
     private mapHighlight;
     private highlightMap;
     /**

package/src/maps/user-interaction/highlight.js

@@ -33,9 +33,13 @@ var Highlight = /** @class */ (function () {
         this.maps.off(Browser.touchMoveEvent, this.mouseMove);
         this.maps.off(Browser.touchStartEvent, this.mouseMove);
     };
-    // eslint-disable-next-line valid-jsdoc
     /**
      * Public method for highlight module
+     *
+     * @param {number} layerIndex - Specifies the index of the layer.
+     * @param {string} name - Specifies the name.
+     * @param {boolean} enable - Specifies the enabling of highlight in map.
+     * @returns {void}
      * @private
      */
     Highlight.prototype.addHighlight = function (layerIndex, name, enable) {
@@ -142,9 +146,15 @@ var Highlight = /** @class */ (function () {
         }
     };
     /**
+     * Handles the highlighting events in map
+     *
+     * @param {Element} targetElement - Specifies the target element.
+     * @param {number} layerIndex - Specifies the index of the layer.
+     * @param {object} data - Specifies the data for the map.
+     * @param {object} shapeData - Specifies the data for the map to render.
+     * @returns {void}
      * @private
      */
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     Highlight.prototype.handleHighlight = function (targetElement, layerIndex, data, shapeData) {
         if (this.maps.legendSettings.visible && targetElement.id.indexOf('_MarkerIndex_') === -1 && this.maps.legendModule
             && this.maps.legendSettings.type === 'Layers') {

package/src/maps/user-interaction/selection.d.ts

@@ -28,11 +28,23 @@ export declare class Selection {
     private removeEventListener;
     private mouseClick;
     /**
+     * Selects the element in the map
+     *
+     * @param {Element} targetElement - Specifies the target element.
+     * @param {number} layerIndex - Specifies the index of the layer.
+     * @param {object} data - Specifies the data for the map.
+     * @param {object} shapeData - Specifies the data for the map to render.
+     * @returns {void}
      * @private
      */
-    selectElement(targetElement: Element, layerIndex: number, data: any, shapeData: any): void;
+    selectElement(targetElement: Element, layerIndex: number, data: object, shapeData: object): void;
     /**
      * Public method for selection
+     *
+     * @param {number} layerIndex - Specifies the index of the layer.
+     * @param {string} name - Specifies the name.
+     * @param {boolean} enable - Specifies the enabling of selection in map.
+     * @returns {void}
      * @private
      */
     addSelection(layerIndex: number, name: string, enable: boolean): void;

package/src/maps/user-interaction/selection.js

@@ -99,9 +99,15 @@ var Selection = /** @class */ (function () {
         }
     };
     /**
+     * Selects the element in the map
+     *
+     * @param {Element} targetElement - Specifies the target element.
+     * @param {number} layerIndex - Specifies the index of the layer.
+     * @param {object} data - Specifies the data for the map.
+     * @param {object} shapeData - Specifies the data for the map to render.
+     * @returns {void}
      * @private
      */
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     Selection.prototype.selectElement = function (targetElement, layerIndex, data, shapeData) {
         this.maps.mapSelect = targetElement ? true : false;
         if (this.maps.legendModule && this.maps.legendSettings.visible && targetElement.id.indexOf('_MarkerIndex_') === -1) {
@@ -113,9 +119,13 @@ var Selection = /** @class */ (function () {
             this.selectMap(targetElement, shapeData, data);
         }
     };
-    // eslint-disable-next-line valid-jsdoc
     /**
      * Public method for selection
+     *
+     * @param {number} layerIndex - Specifies the index of the layer.
+     * @param {string} name - Specifies the name.
+     * @param {boolean} enable - Specifies the enabling of selection in map.
+     * @returns {void}
      * @private
      */
     Selection.prototype.addSelection = function (layerIndex, name, enable) {
@@ -138,12 +148,7 @@ var Selection = /** @class */ (function () {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     Selection.prototype.selectMap = function (targetElement, shapeData, data) {
         var _this = this;
-        var layerIndex = parseInt(targetElement.id.split('_LayerIndex_')[1].split('_')[0], 10);
-        var parentElement;
-        var children;
-        var selectionClass;
         var isLineStringShape = targetElement.parentElement.id.indexOf('LineString') > -1;
-        var selectionsettings = this.selectionsettings;
         var border = {
             color: isLineStringShape ? (this.selectionsettings.fill || this.selectionsettings.border.color) :
                 this.selectionsettings.border.color,
@@ -162,6 +167,7 @@ var Selection = /** @class */ (function () {
             data: data,
             maps: this.maps
         };
+        //eslint-disable-next-line @typescript-eslint/no-unused-vars
         this.maps.trigger('itemSelection', eventArgs, function (observedArgs) {
             eventArgs.border.opacity = isNullOrUndefined(_this.selectionsettings.border.opacity) ?
                 _this.selectionsettings.opacity : _this.selectionsettings.border.opacity;
@@ -178,9 +184,9 @@ var Selection = /** @class */ (function () {
                     }
                     if (targetElement.id.indexOf('NavigationIndex') > -1) {
                         var index = parseInt(targetElement.id.split('_NavigationIndex_')[1].split('_')[0], 10);
-                        var layerIndex_1 = parseInt(targetElement.parentElement.id.split('_LayerIndex_')[1].split('_')[0], 10);
-                        targetElement.setAttribute('stroke-width', _this.maps.layers[layerIndex_1].navigationLineSettings[index].width.toString());
-                        targetElement.setAttribute('stroke', _this.maps.layers[layerIndex_1].navigationLineSettings[index].color);
+                        var layerIndex = parseInt(targetElement.parentElement.id.split('_LayerIndex_')[1].split('_')[0], 10);
+                        targetElement.setAttribute('stroke-width', _this.maps.layers[layerIndex].navigationLineSettings[index].width.toString());
+                        targetElement.setAttribute('stroke', _this.maps.layers[layerIndex].navigationLineSettings[index].color);
                     }
                 }
                 else {
@@ -215,9 +221,9 @@ var Selection = /** @class */ (function () {
                         }
                         if (ele.id.indexOf('NavigationIndex') > -1) {
                             var index = parseInt(targetElement.id.split('_NavigationIndex_')[1].split('_')[0], 10);
-                            var layerIndex_2 = parseInt(targetElement.parentElement.id.split('_LayerIndex_')[1].split('_')[0], 10);
-                            ele.setAttribute('stroke-width', _this.maps.layers[layerIndex_2].navigationLineSettings[index].width.toString());
-                            ele.setAttribute('stroke', _this.maps.layers[layerIndex_2].navigationLineSettings[index].color);
+                            var layerIndex = parseInt(targetElement.parentElement.id.split('_LayerIndex_')[1].split('_')[0], 10);
+                            ele.setAttribute('stroke-width', _this.maps.layers[layerIndex].navigationLineSettings[index].width.toString());
+                            ele.setAttribute('stroke', _this.maps.layers[layerIndex].navigationLineSettings[index].color);
                         }
                     }
                     if (!isLineStringShape) {

package/src/maps/user-interaction/tooltip.d.ts

@@ -18,6 +18,8 @@ export declare class MapsTooltip {
     tooltipTargetID: string;
     constructor(maps: Maps);
     /**
+     * @param {PointerEvent} e - Specifies the event.
+     * @returns {void}
      * @private
      */
     renderTooltip(e: PointerEvent): void;
@@ -31,20 +33,32 @@ export declare class MapsTooltip {
     private setTooltipContent;
     private formatter;
     /**
+     * Handles the mouse up
+     *
+     * @param {PointerEvent} e - Specifies the event
+     * @returns {void}
      * @private
      */
     mouseUpHandler(e: PointerEvent): void;
     /**
+     * Removes the tooltip
+     *
+     * @returns {boolean} - Returns the boolean whether tooltip is removed or not.
      * @private
      */
     removeTooltip(): boolean;
     private clearTooltip;
     /**
      * To bind events for tooltip module
+     *
+     * @returns {void}
      * @private
      */
     addEventListener(): void;
     /**
+     * Removes the event listeners
+     *
+     * @returns {void}
      * @private
      */
     removeEventListener(): void;

package/src/maps/user-interaction/tooltip.js

@@ -12,6 +12,8 @@ var MapsTooltip = /** @class */ (function () {
         this.addEventListener();
     }
     /**
+     * @param {PointerEvent} e - Specifies the event.
+     * @returns {void}
      * @private
      */
     MapsTooltip.prototype.renderTooltip = function (e) {
@@ -201,6 +203,7 @@ var MapsTooltip = /** @class */ (function () {
                     }
                     document.getElementById(this.maps.element.id + '_Secondary_Element').appendChild(tooltipEle);
                 }
+                // eslint-disable-next-line no-constant-condition
                 if (typeof (isPolygon ? polygon.tooltipTemplate !== 'function' : option.template !== 'function') && (isPolygon ? polygon.tooltipTemplate !== null : option.template !== null) && Object.keys(typeof (isPolygon ? polygon.tooltipTemplate === 'object' : option.template === 'object') ? (isPolygon ? polygon.tooltipTemplate : option.template) : {}).length === 1) {
                     if (isPolygon) {
                         polygon.tooltipTemplate = polygon.tooltipTemplate[Object.keys(polygon.tooltipTemplate)[0]];
@@ -360,6 +363,10 @@ var MapsTooltip = /** @class */ (function () {
         return format;
     };
     /**
+     * Handles the mouse up
+     *
+     * @param {PointerEvent} e - Specifies the event
+     * @returns {void}
      * @private
      */
     MapsTooltip.prototype.mouseUpHandler = function (e) {
@@ -372,6 +379,9 @@ var MapsTooltip = /** @class */ (function () {
         }
     };
     /**
+     * Removes the tooltip
+     *
+     * @returns {boolean} - Returns the boolean whether tooltip is removed or not.
      * @private
      */
     MapsTooltip.prototype.removeTooltip = function () {
@@ -383,6 +393,7 @@ var MapsTooltip = /** @class */ (function () {
         return isTooltipRemoved;
     };
     MapsTooltip.prototype.clearTooltip = function (element) {
+        // eslint-disable-next-line @typescript-eslint/tslint/config
         var tooltipElement = element.closest('#' + this.maps.element.id + '_mapsTooltipparent_template');
         if (isNullOrUndefined(tooltipElement)) {
             var isTooltipRemoved = this.removeTooltip();
@@ -392,9 +403,10 @@ var MapsTooltip = /** @class */ (function () {
             }
         }
     };
-    // eslint-disable-next-line valid-jsdoc
     /**
      * To bind events for tooltip module
+     *
+     * @returns {void}
      * @private
      */
     MapsTooltip.prototype.addEventListener = function () {
@@ -414,6 +426,9 @@ var MapsTooltip = /** @class */ (function () {
         this.maps.element.addEventListener('contextmenu', this.removeTooltip);
     };
     /**
+     * Removes the event listeners
+     *
+     * @returns {void}
      * @private
      */
     MapsTooltip.prototype.removeEventListener = function () {

package/src/maps/user-interaction/zoom.d.ts

@@ -52,7 +52,7 @@ export declare class Zoom {
     /** @private */
     browserName: string;
     /** @private */
-    isPointer: Boolean;
+    isPointer: boolean;
     private handled;
     private fingers;
     /** @private */
@@ -66,12 +66,11 @@ export declare class Zoom {
     private startTouches;
     private index;
     private templateCount;
-    private distanceX;
-    private distanceY;
+    private pinchDistance;
     /** @private */
-    mouseDownLatLong: any;
+    mouseDownLatLong: object;
     /** @private */
-    mouseMoveLatLong: any;
+    mouseMoveLatLong: object;
     /** @private */
     isSingleClick: boolean;
     /** @private */
@@ -91,17 +90,22 @@ export declare class Zoom {
     private triggerZoomEvent;
     private getTileTranslatePosition;
     /**
+     * @returns {void}
      * @private
      */
     performRectZooming(): void;
     private setInteraction;
     private updateInteraction;
     /**
+     * @param {PointerEvent} e - Specifies the vent in the map
+     * @returns {void}
      * @private
      */
     performPinchZooming(e: PointerEvent | TouchEvent): void;
+    private getTouchCenterPoint;
     private triggerZoomComplete;
     /**
+     * @returns {void}
      * @private
      */
     drawZoomRectangle(): void;
@@ -117,6 +121,10 @@ export declare class Zoom {
      */
     private animateTransform;
     /**
+     * @param {Maps} maps - Specifies the Map control
+     * @param {boolean} animate - Specifies the animation is available or not
+     * @param {boolean} isPanning - Specifies that it is panning or not
+     * @returns {void}
      * @private
      */
     applyTransform(maps: Maps, animate?: boolean, isPanning?: boolean): void;
@@ -139,21 +147,26 @@ export declare class Zoom {
      * @param {PanDirection} direction - Specifies the direction of the panning.
      * @param {number} xDifference - Specifies the distance moved in the horizontal direction.
      * @param {number} yDifference - Specifies the distance moved in the vertical direction.
-     * @param {PointerEvent | TouchEvent | KeyboardEvent} mouseLocation - Specifies the pointer event argument.
+     * @param {PointerEvent | TouchEvent | KeyboardEvent} event - Specifies the pointer event argument.
      * @returns {void}
      * @private
      */
-    panning(direction: PanDirection, xDifference: number, yDifference: number, mouseLocation?: PointerEvent | TouchEvent | KeyboardEvent): void;
-    private toAlignSublayer;
+    panning(direction: PanDirection, xDifference: number, yDifference: number, event?: PointerEvent | TouchEvent | KeyboardEvent): void;
     /**
+     * @param {number} zoomFactor - Specifies the factor for zooming
+     * @param {string} type - Specifies the type
+     * @returns {void}
      * @private
      */
     toolBarZooming(zoomFactor: number, type: string): void;
     /**
+     * @returns {void}
      * @private
      */
     createZoomingToolbars(): void;
     /**
+     * @param {PointerEvent} e - Specifies the event in the map
+     * @returns {void}
      * @private
      */
     performToolBarAction(e: PointerEvent): void;
@@ -166,24 +179,37 @@ export declare class Zoom {
     private panningStyle;
     private applySelection;
     /**
+     * @param {PointerEvent} e - Specifies the event in the map
+     * @returns {void}
      * @private
      */
     showTooltip(e: PointerEvent): void;
     /**
+     * @returns {void}
      * @private
      */
     removeTooltip(): void;
     /**
+     * @returns {void}
      * @private
      */
     alignToolBar(): void;
     /**
+     * @param {number} factor - Specifies the factor for toolbar
+     * @param {string} id - Specifies the id
+     * @returns {void}
      * @private
      */
     removeToolbarOpacity(factor: number, id: string): void;
     private setOpacity;
     private removeZoomOpacity;
     /**
+     * @param {string} zoomClassStyle - Specifies the style for zoom class.
+     * @param {string} zoomInClassStyle - Specifies the style for zoom in.
+     * @param {string} zoomOutClassStyle - Specifies the style for zoom out.
+     * @param {string} panClassStyle -  Specifies the style for pan.
+     * @param {string} resetClassStyle - Specifies the style for reset.
+     * @returns {void}
      * @private
      */
     removeToolbarClass(zoomClassStyle: string, zoomInClassStyle: string, zoomOutClassStyle: string, panClassStyle: string, resetClassStyle: string): void;
@@ -193,32 +219,44 @@ export declare class Zoom {
      * To bind events.
      *
      * @param {Element} element - Specifies the element.
-     * @param {any} process - Specifies the process.
+     * @param {Function} process - Specifies the process.
      * @returns {void}
      * @private
      */
-    wireEvents(element: Element, process: any): void;
+    wireEvents(element: Element, process: Function): void;
     /**
+     * @param {WheelEvent} e - Specifies the wheel event in the map for zooming
+     * @returns {void}
      * @private
      */
     mapMouseWheel(e: WheelEvent): void;
     /**
+     * @param {PointerEvent} e - Specifies the event in the map
+     * @returns {void}
      * @private
      */
     doubleClick(e: PointerEvent): void;
     /**
+     * @param {PointerEvent} e - Specifies the event in the map
+     * @returns {void}
      * @private
      */
     mouseDownHandler(e: PointerEvent | TouchEvent): void;
     /**
+     * @param {PointerEvent} e - Specifies the event in the map
+     * @returns {void}
      * @private
      */
     mouseMoveHandler(e: PointerEvent | TouchEvent): void;
     /**
+     * @param {PointerEvent} e - Specifies the event in the map
+     * @returns {void}
      * @private
      */
     mouseUpHandler(e: PointerEvent | TouchEvent): void;
     /**
+     * @param {PointerEvent} e - Specifies the event in the map
+     * @returns {void}
      * @private
      */
     mouseCancelHandler(e: PointerEvent): void;
@@ -231,14 +269,21 @@ export declare class Zoom {
      */
     click(e: PointerEvent): void;
     /**
+     * Gets the Mouse Position
+     *
+     * @param {number} pageX - Specifies the Page x in map
+     * @param {number} pageY - Specifies the Page y in map
+     * @returns {Point} - returns the mouse point position
      * @private
      */
     getMousePosition(pageX: number, pageY: number): Point;
     /**
+     * @returns {void}
      * @private
      */
     addEventListener(): void;
     /**
+     * @returns {void}
      * @private
      */
     removeEventListener(): void;