@syncfusion/ej2-maps 20.4.42 → 20.4.48

package/dist/es6/ej2-maps.es5.js

@@ -8276,7 +8276,8 @@ var Maps = /** @__PURE__ @class */ (function (_super) {
         EventHandler.add(this.element, 'keydown', this.keyDownHandler, this);
         EventHandler.add(this.element, 'keyup', this.keyUpHandler, this);
         //  EventHandler.add(this.element, cancelEvent, this.mouseLeaveOnMap, this);
-        window.addEventListener((Browser.isTouch && ('orientation' in window && 'onorientationchange' in window)) ? 'orientationchange' : 'resize', this.mapsOnResize.bind(this));
+        this.resizeEvent = this.mapsOnResize.bind(this);
+        window.addEventListener((Browser.isTouch && ('orientation' in window && 'onorientationchange' in window)) ? 'orientationchange' : 'resize', this.resizeEvent);
     };
     /**
      * To unbind event handlers from maps.
@@ -8295,7 +8296,7 @@ var Maps = /** @__PURE__ @class */ (function (_super) {
         EventHandler.remove(this.element, 'keydown', this.keyDownHandler);
         EventHandler.remove(this.element, 'keyup', this.keyUpHandler);
         //EventHandler.remove(this.element, cancelEvent, this.mouseLeaveOnMap);
-        window.removeEventListener((Browser.isTouch && ('orientation' in window && 'onorientationchange' in window)) ? 'orientationchange' : 'resize', this.mapsOnResize);
+        window.removeEventListener((Browser.isTouch && ('orientation' in window && 'onorientationchange' in window)) ? 'orientationchange' : 'resize', this.resizeEvent);
     };
     /**
      * This method is used to perform operations when mouse pointer leave from maps.
@@ -9141,6 +9142,9 @@ var Maps = /** @__PURE__ @class */ (function (_super) {
      */
     Maps.prototype.destroy = function () {
         this.unWireEVents();
+        if (!isNullOrUndefined(this.mapsTooltipModule)) {
+            this.mapsTooltipModule.removeEventListener();
+        }
         _super.prototype.destroy.call(this);
         this.shapeSelectionItem = [];
         this.toggledShapeElementId = [];
@@ -11238,14 +11242,14 @@ var Legend = /** @__PURE__ @class */ (function () {
                             ' L ' + (rightPageX - width) + ' ' + (locY + height) + ' z ';
                         var leftPath = ' M ' + leftPageX + ' ' + locY + ' L ' + (leftPageX + width) + ' ' + (locY - height) +
                             ' L ' + (leftPageX + width) + ' ' + (locY + height) + ' z ';
-                        var leftPageOptions = new PathOption(map.element.id + '_Left_Page', '#a6a6a6', 0, '#a6a6a6', ((page + 1) === 1 ? 0.5 : 1), 1, '', leftPath);
+                        var leftPageOptions = new PathOption(map.element.id + '_Left_Page', this.maps.themeStyle.legendTextColor, 0, this.maps.themeStyle.legendTextColor, ((page + 1) === 1 ? 0.5 : 1), 1, '', leftPath);
                         leftPageElement.appendChild(render.drawPath(leftPageOptions));
                         var leftRectPageOptions = new RectOption(map.element.id + '_Left_Page_Rect', 'transparent', {}, 1, new Rect(leftPageX - (width / 2), (locY - (height * 2)), width * 2, spacing * 2), null, null, '', '');
                         var pathEle = render.drawRectangle(leftRectPageOptions);
                         pathEle.tabIndex = (page + 1) === 1 ? -1 : (map.tabIndex + 1);
                         leftPageElement.appendChild(pathEle);
                         this.wireEvents(leftPageElement);
-                        var rightPageOptions = new PathOption(map.element.id + '_Right_Page', '#a6a6a6', 0, '#a6a6a6', ((page + 1) === this.totalPages.length ? 0.5 : 1), 1, '', rightPath);
+                        var rightPageOptions = new PathOption(map.element.id + '_Right_Page', this.maps.themeStyle.legendTextColor, 0, this.maps.themeStyle.legendTextColor, ((page + 1) === this.totalPages.length ? 0.5 : 1), 1, '', rightPath);
                         rightPageElement.appendChild(render.drawPath(rightPageOptions));
                         var rightRectPageOptions = new RectOption(map.element.id + '_Right_Page_Rect', 'transparent', {}, 1, new Rect(rightPageX - spacing - (width / 2), (locY - (height * 2)), width * 2, spacing * 2), null, null, '', '');
                         pathEle = render.drawRectangle(rightRectPageOptions);
@@ -11259,7 +11263,7 @@ var Legend = /** @__PURE__ @class */ (function () {
                             'id': map.element.id + '_Paging_Text',
                             'x': pageTextX,
                             'y': locY + (pagingTextSize.height / 4),
-                            'fill': '#a6a6a6',
+                            'fill': this.maps.themeStyle.legendTextColor,
                             'font-size': '14px',
                             'font-style': pagingFont.fontStyle,
                             'font-family': pagingFont.fontFamily,
@@ -13808,23 +13812,26 @@ var MapsTooltip = /** @__PURE__ @class */ (function () {
         else {
             this.maps.on(Browser.touchMoveEvent, this.renderTooltip, this);
         }
-        this.maps.element.addEventListener('contextmenu', this.removeTooltip);
         this.maps.on(Browser.touchCancelEvent, this.removeTooltip, this);
+        this.maps.element.addEventListener('contextmenu', this.removeTooltip);
     };
     MapsTooltip.prototype.removeEventListener = function () {
-        if (this.maps.isDestroyed) {
-            return;
-        }
-        if (this.maps.tooltipDisplayMode === 'DoubleClick') {
-            this.maps.off('dblclick', this.removeTooltip);
-        }
-        else if (this.maps.tooltipDisplayMode === 'Click') {
-            this.maps.off(Browser.touchEndEvent, this.mouseUpHandler);
-        }
-        else {
-            this.maps.off(Browser.touchMoveEvent, this.renderTooltip);
+        if (this.maps) {
+            if (this.maps.isDestroyed) {
+                return;
+            }
+            if (this.maps.tooltipDisplayMode === 'DoubleClick') {
+                this.maps.off('dblclick', this.removeTooltip);
+            }
+            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);
         }
-        this.maps.off(Browser.touchCancelEvent, this.removeTooltip);
     };
     /**
      * Get module name.
@@ -13845,7 +13852,6 @@ var MapsTooltip = /** @__PURE__ @class */ (function () {
             this.svgTooltip.destroy();
         }
         this.svgTooltip = null;
-        this.removeEventListener();
         //TODO: Calling the below code throws spec issue.
         //this.maps = null;
     };