@syncfusion/ej2-maps 28.2.9 → 29.1.34

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 28.2.9
+*  version : 29.1.33
 *  Copyright Syncfusion Inc. 2001 - 2024. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,32 +1,30 @@
 {
-  "_from": "@syncfusion/ej2-maps@*",
-  "_id": "@syncfusion/ej2-maps@28.2.6",
+  "_from": "@syncfusion/ej2-maps@29.1.33",
+  "_id": "@syncfusion/ej2-maps@29.1.33",
   "_inBundle": false,
-  "_integrity": "sha512-xX75B2KaDwXt7tn/swZhDNqxlRsSd52P/+n0g96715/mVWVGwdMEEiXxxYzryRoGx0fs26nhprGmvGl6qbh+lw==",
+  "_integrity": "sha512-8FOun9obT58pjiDfXgT4Xnrre6KixmoiRWoLKjxKsYy4RbQU9ZUg+wSzN6PlLUeyT2gauC7M9oD0f0NaajOl3g==",
   "_location": "/@syncfusion/ej2-maps",
   "_phantomChildren": {},
   "_requested": {
-    "type": "range",
+    "type": "version",
     "registry": true,
-    "raw": "@syncfusion/ej2-maps@*",
+    "raw": "@syncfusion/ej2-maps@29.1.33",
     "name": "@syncfusion/ej2-maps",
     "escapedName": "@syncfusion%2fej2-maps",
     "scope": "@syncfusion",
-    "rawSpec": "*",
+    "rawSpec": "29.1.34",
     "saveSpec": null,
-    "fetchSpec": "*"
+    "fetchSpec": "29.1.34"
   },
   "_requiredBy": [
-    "/",
-    "/@syncfusion/ej2",
     "/@syncfusion/ej2-angular-maps",
     "/@syncfusion/ej2-react-maps",
     "/@syncfusion/ej2-vue-maps"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-maps/-/ej2-maps-28.2.6.tgz",
-  "_shasum": "1fb1958d38bd44143abd4e04c0d2df3b3378ea31",
-  "_spec": "@syncfusion/ej2-maps@*",
-  "_where": "/jenkins/workspace/elease-automation_release_28.1.1/packages/included",
+  "_resolved": "https://registry.npmjs.org/@syncfusion/ej2-maps/-/ej2-maps-29.1.33.tgz",
+  "_shasum": "92cc95addd7066ea358752dc136f1a572f58d1f9",
+  "_spec": "@syncfusion/ej2-maps@29.1.33",
+  "_where": "E:\\march2025\\memory-leaks\\node_modules\\@syncfusion\\ej2-angular-maps",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -35,13 +33,13 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~28.2.9",
-    "@syncfusion/ej2-buttons": "~28.2.7",
-    "@syncfusion/ej2-compression": "~28.2.3",
-    "@syncfusion/ej2-data": "~28.2.3",
-    "@syncfusion/ej2-file-utils": "~28.2.3",
-    "@syncfusion/ej2-pdf-export": "~28.2.3",
-    "@syncfusion/ej2-svg-base": "~28.2.3"
+    "@syncfusion/ej2-base": "~29.1.33",
+    "@syncfusion/ej2-buttons": "~29.1.33",
+    "@syncfusion/ej2-compression": "~29.1.33",
+    "@syncfusion/ej2-data": "~29.1.33",
+    "@syncfusion/ej2-file-utils": "~29.1.33",
+    "@syncfusion/ej2-pdf-export": "~29.1.33",
+    "@syncfusion/ej2-svg-base": "~29.1.33"
   },
   "deprecated": false,
   "description": "The Maps component is used to visualize the geographical data and represent the statistical data of a particular geographical area on earth with user interactivity, and provides various customizing options",
@@ -92,7 +90,7 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
+  "sideEffects": false,
   "typings": "index.d.ts",
-  "version": "28.2.9",
-  "sideEffects": false
-}
+  "version": "29.1.34"
+}

package/src/maps/layers/layer-panel.d.ts

@@ -115,8 +115,9 @@ export declare class LayerPanel {
     calculateRectBounds(layerData: any[]): void;
     calculatePolygonBox(coordinates: any[]): any;
     calculateRectBox(coordinates: any[], type?: string, isFirstItem?: boolean): void;
-    generateTiles(zoomLevel: number, tileTranslatePoint: Point, zoomType?: string, bing?: BingMap, position?: Point): void;
-    arrangeTiles(type: string, x: number, y: number): void;
+    generateTiles(zoomLevel: number, tileTranslatePoint: Point, zoomType?: string, bing?: BingMap, position?: Point, isPinch?: boolean): void;
+    arrangeTiles(type: string, x: number, y: number, isPinch?: boolean): void;
+    private tileProcess;
     /**
      * Animation for tile layers and hide the group element until the tile layer rendering.
      *

package/src/maps/layers/layer-panel.js

@@ -1096,7 +1096,7 @@ var LayerPanel = /** @class */ (function () {
             }
         }
     };
-    LayerPanel.prototype.generateTiles = function (zoomLevel, tileTranslatePoint, zoomType, bing, position) {
+    LayerPanel.prototype.generateTiles = function (zoomLevel, tileTranslatePoint, zoomType, bing, position, isPinch) {
         var userLang = this.mapObject.locale;
         var size = this.mapObject.availableSize;
         this.tiles = [];
@@ -1186,122 +1186,136 @@ var LayerPanel = /** @class */ (function () {
         }
         if (this.mapObject.previousScale !== this.mapObject.scale || this.mapObject.isReset || this.mapObject.isZoomByPosition
             || this.mapObject.zoomNotApplied) {
-            this.arrangeTiles(zoomType, this.animateToZoomX, this.animateToZoomY);
+            this.arrangeTiles(zoomType, this.animateToZoomX, this.animateToZoomY, isPinch);
         }
     };
-    LayerPanel.prototype.arrangeTiles = function (type, x, y) {
+    LayerPanel.prototype.arrangeTiles = function (type, x, y, isPinch) {
         var _this = this;
+        if (isPinch === void 0) { isPinch = false; }
         var element = document.getElementById(this.mapObject.element.id + '_tile_parent');
         var element1 = document.getElementById(this.mapObject.element.id + '_tiles');
-        var timeOut;
-        if (!isNullOrUndefined(type) && type !== 'Pan') {
-            this.tileAnimation(type, x, y);
-            timeOut = animationMode === 'Disable' ? 0 : (this.mapObject.layersCollection[0].animationDuration === 0 &&
-                animationMode === 'Enable') ? 1000 : this.mapObject.layersCollection[0].animationDuration;
-        }
-        else {
-            timeOut = 0;
-        }
-        setTimeout(function () {
-            if (element) {
-                element.style.zIndex = '1';
-            }
-            if (element1) {
-                element1.style.zIndex = '0';
-            }
-            var animateElement;
-            if (!document.getElementById(_this.mapObject.element.id + '_animated_tiles') && element) {
-                animateElement = createElement('div', { id: _this.mapObject.element.id + '_animated_tiles' });
-                element.appendChild(animateElement);
+        if (!isPinch) {
+            var timeOut = void 0;
+            if (!isNullOrUndefined(type) && type !== 'Pan') {
+                this.tileAnimation(type, x, y);
+                timeOut = animationMode === 'Disable' ? 0 : (this.mapObject.layersCollection[0].animationDuration === 0 &&
+                    animationMode === 'Enable') ? 1000 : this.mapObject.layersCollection[0].animationDuration;
             }
             else {
-                if (type !== 'Pan' && element1 && element) {
-                    element1.appendChild(element.children[0]);
-                    if (!_this.mapObject.isAddLayer && !isNullOrUndefined(document.getElementById(_this.mapObject.element.id + '_animated_tiles'))) {
-                        document.getElementById(_this.mapObject.element.id + '_animated_tiles').id =
-                            _this.mapObject.element.id + '_animated_tiles_old';
-                    }
+                timeOut = 0;
+            }
+            setTimeout(function () {
+                if (element) {
+                    element.style.zIndex = '1';
+                }
+                if (element1) {
+                    element1.style.zIndex = '0';
+                }
+                var animateElement;
+                if (!document.getElementById(_this.mapObject.element.id + '_animated_tiles') && element) {
                     animateElement = createElement('div', { id: _this.mapObject.element.id + '_animated_tiles' });
                     element.appendChild(animateElement);
                 }
                 else {
-                    animateElement = element ? element.children[0] : null;
-                }
-            }
-            for (var id = 0; id < _this.tiles.length; id++) {
-                var tile = _this.tiles[id];
-                var imgElement = null;
-                var mapId = _this.mapObject.element.id;
-                if (type === 'Pan') {
-                    var child = document.getElementById(mapId + '_tile_' + id);
-                    var isNewTile = false;
-                    if (isNullOrUndefined(child)) {
-                        isNewTile = true;
-                        child = createElement('div', { id: mapId + '_tile_' + id });
-                        imgElement = createElement('img');
+                    if (type !== 'Pan' && element1 && element) {
+                        element1.appendChild(element.children[0]);
+                        if (!_this.mapObject.isAddLayer && !isNullOrUndefined(document.getElementById(_this.mapObject.element.id + '_animated_tiles'))) {
+                            document.getElementById(_this.mapObject.element.id + '_animated_tiles').id =
+                                _this.mapObject.element.id + '_animated_tiles_old';
+                        }
+                        animateElement = createElement('div', { id: _this.mapObject.element.id + '_animated_tiles' });
+                        element.appendChild(animateElement);
                     }
                     else {
-                        child.style.removeProperty('display');
-                        imgElement = child.children[0];
-                    }
-                    if (!isNewTile && imgElement && imgElement.src !== tile.src) {
-                        imgElement.src = tile.src;
+                        animateElement = element ? element.children[0] : null;
                     }
-                    child.style.position = 'absolute';
-                    child.style.left = tile.left + 'px';
-                    child.style.top = tile.top + 'px';
-                    child.style.height = tile.height + 'px';
-                    child.style.width = tile.width + 'px';
-                    if (isNewTile) {
-                        imgElement.setAttribute('height', '256px');
-                        imgElement.setAttribute('width', '256px');
-                        imgElement.setAttribute('src', tile.src);
-                        imgElement.setAttribute('alt', _this.mapObject.getLocalizedLabel('ImageNotFound'));
-                        imgElement.style.setProperty('user-select', 'none');
-                        child.appendChild(imgElement);
-                        animateElement.appendChild(child);
+                }
+                _this.tileProcess(type, animateElement, isPinch);
+                if (!isNullOrUndefined(_this.mapObject.currentTiles)) {
+                    for (var l = _this.tiles.length; l < animateElement.childElementCount; l++) {
+                        var isExistingElement = false;
+                        for (var a = 0; a < _this.mapObject.currentTiles.childElementCount; a++) {
+                            if (!isExistingElement &&
+                                _this.mapObject.currentTiles.children[a].id === animateElement.children[l].id) {
+                                isExistingElement = true;
+                            }
+                        }
+                        if (isExistingElement) {
+                            animateElement.children[l].style.display = 'none';
+                        }
+                        else {
+                            animateElement.removeChild(animateElement.children[l]);
+                        }
                     }
                 }
-                else {
+            }, timeOut);
+        }
+        else {
+            var animateElement = document.getElementById(this.mapObject.element.id + '_animates_tiles');
+            if (isNullOrUndefined(animateElement)) {
+                animateElement = createElement('div', { id: this.mapObject.element.id + '_animates_tiles' });
+            }
+            this.tileProcess(type, animateElement, isPinch);
+            element1.appendChild(animateElement);
+        }
+    };
+    LayerPanel.prototype.tileProcess = function (type, animateElement, isPinch) {
+        for (var id = 0; id < this.tiles.length; id++) {
+            var tile = this.tiles[id];
+            var imgElement = null;
+            var mapId = this.mapObject.element.id;
+            if (type === 'Pan') {
+                var child = document.getElementById(mapId + '_tile_' + id);
+                var isNewTile = false;
+                if (isNullOrUndefined(child)) {
+                    isNewTile = true;
+                    child = createElement('div', { id: mapId + '_tile_' + id });
                     imgElement = createElement('img');
+                }
+                else {
+                    child.style.removeProperty('display');
+                    imgElement = child.children[0];
+                }
+                if (!isNewTile && imgElement && imgElement.src !== tile.src) {
+                    imgElement.src = tile.src;
+                }
+                child.style.position = 'absolute';
+                child.style.left = tile.left + 'px';
+                child.style.top = tile.top + 'px';
+                child.style.height = tile.height + 'px';
+                child.style.width = tile.width + 'px';
+                if (isNewTile) {
                     imgElement.setAttribute('height', '256px');
                     imgElement.setAttribute('width', '256px');
                     imgElement.setAttribute('src', tile.src);
+                    imgElement.setAttribute('alt', this.mapObject.getLocalizedLabel('ImageNotFound'));
                     imgElement.style.setProperty('user-select', 'none');
-                    imgElement.setAttribute('alt', _this.mapObject.getLocalizedLabel('ImageNotFound'));
-                    var child = createElement('div', { id: mapId + '_tile_' + id });
-                    child.style.position = 'absolute';
-                    child.style.left = tile.left + 'px';
-                    child.style.top = tile.top + 'px';
-                    child.style.height = tile.height + 'px';
-                    child.style.width = tile.width + 'px';
                     child.appendChild(imgElement);
-                    if (animateElement) {
-                        animateElement.appendChild(child);
-                    }
-                }
-                if (id === (_this.tiles.length - 1) && document.getElementById(_this.mapObject.element.id + '_animated_tiles_old')) {
-                    removeElement(_this.mapObject.element.id + '_animated_tiles_old');
+                    animateElement.appendChild(child);
                 }
             }
-            if (!isNullOrUndefined(_this.mapObject.currentTiles)) {
-                for (var l = _this.tiles.length; l < animateElement.childElementCount; l++) {
-                    var isExistingElement = false;
-                    for (var a = 0; a < _this.mapObject.currentTiles.childElementCount; a++) {
-                        if (!isExistingElement &&
-                            _this.mapObject.currentTiles.children[a].id === animateElement.children[l].id) {
-                            isExistingElement = true;
-                        }
-                    }
-                    if (isExistingElement) {
-                        animateElement.children[l].style.display = 'none';
-                    }
-                    else {
-                        animateElement.removeChild(animateElement.children[l]);
-                    }
+            else {
+                imgElement = createElement('img');
+                imgElement.setAttribute('height', '256px');
+                imgElement.setAttribute('width', '256px');
+                imgElement.setAttribute('src', tile.src);
+                imgElement.style.setProperty('user-select', 'none');
+                imgElement.setAttribute('alt', this.mapObject.getLocalizedLabel('ImageNotFound'));
+                var child = createElement('div', { id: mapId + '_tile_' + id });
+                child.style.position = 'absolute';
+                child.style.left = tile.left + 'px';
+                child.style.top = tile.top + 'px';
+                child.style.height = tile.height + 'px';
+                child.style.width = tile.width + 'px';
+                child.appendChild(imgElement);
+                if (animateElement) {
+                    animateElement.appendChild(child);
                 }
             }
-        }, timeOut);
+            if (!isPinch && id === (this.tiles.length - 1) && document.getElementById(this.mapObject.element.id + '_animated_tiles_old')) {
+                removeElement(this.mapObject.element.id + '_animated_tiles_old');
+            }
+        }
     };
     /**
      * Animation for tile layers and hide the group element until the tile layer rendering.

package/src/maps/layers/legend.js

@@ -2373,8 +2373,10 @@ var Legend = /** @class */ (function () {
         this.defsElement = null;
         this.legendElement = [];
         this.oldShapeElement = null;
-        this.removeEventListener();
-        this.maps = null;
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        if (!this.maps.refreshing) {
+            this.maps = null;
+        }
     };
     return Legend;
 }());

package/src/maps/maps.js

@@ -2041,6 +2041,20 @@ var Maps = /** @class */ (function (_super) {
         if (!isNullOrUndefined(this.mapsTooltipModule)) {
             this.mapsTooltipModule.removeEventListener();
         }
+        if (!isNullOrUndefined(this.zoomModule)) {
+            this.zoomModule.removeEventListener();
+        }
+        if (!isNullOrUndefined(this.legendModule)) {
+            this.legendModule.removeEventListener();
+        }
+        if (!isNullOrUndefined(this.selectionModule)) {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            this.selectionModule.removeEventListener();
+        }
+        if (!isNullOrUndefined(this.highlightModule)) {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            this.highlightModule.removeEventListener();
+        }
         if (!isNullOrUndefined(this.bingMap)) {
             this.bingMap.destroy();
         }

package/src/maps/model/base-model.d.ts

@@ -932,21 +932,25 @@ export interface PolygonSettingsModel {
 
     /**
      * Gets or sets the properties of all the polygon shapes that will be displayed in a layer.
+     * {% codeBlock src='maps/polygonSettingsPolygons/index.md' %}{% endcodeBlock %}
      */
     polygons?: PolygonSettingModel[];
 
     /**
      * Gets or sets the properties for selecting polygon shapes in a map layer.
+     * {% codeBlock src='maps/polygonSettingsSelectionSettings/index.md' %}{% endcodeBlock %}
      */
     selectionSettings?: SelectionSettingsModel;
 
     /**
      * Gets or sets the properties for highlighting polygon shapes in a map layer.
+     * {% codeBlock src='maps/polygonSettingsHighlightSettings/index.md' %}{% endcodeBlock %}
      */
     highlightSettings?: HighlightSettingsModel;
 
     /**
      * Specifies the properties such as visibility, fill, border and text style to customize the tooltip.
+     * {% codeBlock src='maps/polygonSettingsTooltipSettings/index.md' %}{% endcodeBlock %}
      */
     tooltipSettings?: PolygonTooltipSettingsModel;
 

package/src/maps/model/base.d.ts

@@ -827,18 +827,22 @@ export declare class PolygonSetting extends ChildProperty<PolygonSettings> {
 export declare class PolygonSettings extends ChildProperty<PolygonSettings> {
     /**
      * Gets or sets the properties of all the polygon shapes that will be displayed in a layer.
+     * {% codeBlock src='maps/polygonSettingsPolygons/index.md' %}{% endcodeBlock %}
      */
     polygons: PolygonSettingModel[];
     /**
      * Gets or sets the properties for selecting polygon shapes in a map layer.
+     * {% codeBlock src='maps/polygonSettingsSelectionSettings/index.md' %}{% endcodeBlock %}
      */
     selectionSettings: SelectionSettingsModel;
     /**
      * Gets or sets the properties for highlighting polygon shapes in a map layer.
+     * {% codeBlock src='maps/polygonSettingsHighlightSettings/index.md' %}{% endcodeBlock %}
      */
     highlightSettings: HighlightSettingsModel;
     /**
      * Specifies the properties such as visibility, fill, border and text style to customize the tooltip.
+     * {% codeBlock src='maps/polygonSettingsTooltipSettings/index.md' %}{% endcodeBlock %}
      */
     tooltipSettings: PolygonTooltipSettingsModel;
 }

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

@@ -20,8 +20,9 @@ export declare class Highlight {
      * To unbind events for highlight module.
      *
      * @returns {void}
+     * @private
      */
-    private removeEventListener;
+    removeEventListener(): void;
     /**
      * Public method for highlight module.
      *

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

@@ -25,6 +25,7 @@ var Highlight = /** @class */ (function () {
      * To unbind events for highlight module.
      *
      * @returns {void}
+     * @private
      */
     Highlight.prototype.removeEventListener = function () {
         if (this.maps.isDestroyed) {
@@ -263,8 +264,10 @@ var Highlight = /** @class */ (function () {
      */
     Highlight.prototype.destroy = function () {
         this.highlightSettings = null;
-        this.removeEventListener();
-        this.maps = null;
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        if (!this.maps.refreshing) {
+            this.maps = null;
+        }
     };
     return Highlight;
 }());

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

@@ -24,8 +24,9 @@ export declare class Selection {
      * For removing events from selection module.
      *
      * @returns {void}
+     * @private
      */
-    private removeEventListener;
+    removeEventListener(): void;
     private mouseClick;
     /**
      * Selects the element in the map.

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

@@ -23,6 +23,7 @@ var Selection = /** @class */ (function () {
      * For removing events from selection module.
      *
      * @returns {void}
+     * @private
      */
     Selection.prototype.removeEventListener = function () {
         if (this.maps.isDestroyed) {
@@ -324,8 +325,10 @@ var Selection = /** @class */ (function () {
      */
     Selection.prototype.destroy = function () {
         this.selectionsettings = null;
-        this.removeEventListener();
-        this.maps = null;
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        if (!this.maps.refreshing) {
+            this.maps = null;
+        }
     };
     return Selection;
 }());

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

@@ -461,22 +461,20 @@ var MapsTooltip = /** @class */ (function () {
      * @private
      */
     MapsTooltip.prototype.removeEventListener = function () {
-        if (this.maps) {
-            if (this.maps.isDestroyed) {
-                return;
-            }
-            if (this.maps.tooltipDisplayMode === 'DoubleClick') {
-                this.maps.off('dblclick', this.renderTooltip);
-            }
-            else if (this.maps.tooltipDisplayMode === 'Click') {
-                this.maps.off(Browser.touchEndEvent, this.mouseUpHandler);
-            }
-            else {
-                this.maps.off(Browser.touchMoveEvent, this.renderTooltip);
-            }
-            this.maps.off(Browser.touchCancelEvent, this.removeTooltip);
-            this.maps.element.removeEventListener('contextmenu', this.removeTooltip);
+        if (this.maps.isDestroyed) {
+            return;
         }
+        if (this.maps.tooltipDisplayMode === 'DoubleClick') {
+            this.maps.off('dblclick', this.renderTooltip);
+        }
+        else if (this.maps.tooltipDisplayMode === 'Click') {
+            this.maps.off(Browser.touchEndEvent, this.mouseUpHandler);
+        }
+        else {
+            this.maps.off(Browser.touchMoveEvent, this.renderTooltip);
+        }
+        this.maps.off(Browser.touchCancelEvent, this.removeTooltip);
+        this.maps.element.removeEventListener('contextmenu', this.removeTooltip);
     };
     /**
      * Get module name.
@@ -499,7 +497,9 @@ var MapsTooltip = /** @class */ (function () {
             removeElement(this.maps.element.id + '_mapsTooltip');
         }
         this.svgTooltip = null;
-        this.maps = null;
+        if (!this.maps.refreshing) {
+            this.maps = null;
+        }
     };
     return MapsTooltip;
 }());

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

@@ -70,6 +70,18 @@ export declare class Zoom {
     private templateCount;
     private pinchDistance;
     /** @private */
+    startDistance: number;
+    /** @private */
+    touchCenter: Point;
+    /** @private */
+    pinchStartLatLong: object;
+    /** @private */
+    isCancellation: boolean;
+    private pinchTileZoomScale;
+    private tileZoomLevel;
+    private pinchZoomScale;
+    private isPinchZooming;
+    /** @private */
     mouseDownLatLong: object;
     /** @private */
     mouseMoveLatLong: object;
@@ -92,6 +104,7 @@ export declare class Zoom {
     private calculateInitalZoomTranslatePoint;
     private triggerZoomEvent;
     private getTileTranslatePosition;
+    private getTileTranslate;
     /**
      * @returns {void}
      * @private
@@ -99,12 +112,14 @@ export declare class Zoom {
     performRectZooming(): void;
     private setInteraction;
     private updateInteraction;
+    private tilePinchingProcess;
     /**
      * @param {PointerEvent} e - Specifies the vent in the map
      * @returns {void}
      * @private
      */
     performPinchZooming(e: PointerEvent | TouchEvent): void;
+    private copyStyles;
     private getTouchCenterPoint;
     private triggerZoomComplete;
     /**