@syncfusion/ej2-maps 23.1.40 → 23.1.44

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 23.1.40
+*  version : 23.1.44
 *  Copyright Syncfusion Inc. 2001 - 2023. 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,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-maps@*",
-  "_id": "@syncfusion/ej2-maps@23.1.38",
+  "_id": "@syncfusion/ej2-maps@23.1.42",
   "_inBundle": false,
-  "_integrity": "sha512-dICyZztGFAexcEDWDd/2HtAZRapAEuwJH/vYMSuRWSlnGIrr29XVmMKJfIcCnEvubdL3DXKs4OeWP/ONdFkmuw==",
+  "_integrity": "sha512-eMReu0U+FMB9nMc2I+RJf2VyhZ4R37/vL2ylEP+47XGyayh/tIuke/mRaljMgSHJwrvR5iq5q9fsDgU0oSJpcA==",
   "_location": "/@syncfusion/ej2-maps",
   "_phantomChildren": {},
   "_requested": {
@@ -23,8 +23,8 @@
     "/@syncfusion/ej2-react-maps",
     "/@syncfusion/ej2-vue-maps"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-maps/-/ej2-maps-23.1.38.tgz",
-  "_shasum": "94a28ab3e94bf0ea9954f88baf9abe6808bc5664",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-maps/-/ej2-maps-23.1.42.tgz",
+  "_shasum": "9441e258cd1d01dd7eb2734ddc40a2cd113454eb",
   "_spec": "@syncfusion/ej2-maps@*",
   "_where": "/jenkins/workspace/elease-automation_release_23.1.1/packages/included",
   "author": {
@@ -35,12 +35,12 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~23.1.38",
-    "@syncfusion/ej2-buttons": "~23.1.39",
+    "@syncfusion/ej2-base": "~23.1.41",
+    "@syncfusion/ej2-buttons": "~23.1.43",
     "@syncfusion/ej2-compression": "~23.1.36",
-    "@syncfusion/ej2-data": "~23.1.36",
+    "@syncfusion/ej2-data": "~23.1.44",
     "@syncfusion/ej2-file-utils": "~23.1.36",
-    "@syncfusion/ej2-pdf-export": "~23.1.39",
+    "@syncfusion/ej2-pdf-export": "~23.1.43",
     "@syncfusion/ej2-svg-base": "~23.1.36"
   },
   "deprecated": false,
@@ -93,6 +93,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "23.1.40",
+  "version": "23.1.44",
   "sideEffects": false
 }

package/src/maps/layers/marker.js

@@ -280,6 +280,12 @@ var Marker = /** @class */ (function () {
      */
     Marker.prototype.markerClick = function (e) {
         var target = e.target.id;
+        if (target.indexOf(this.maps.element.id) === -1) {
+            var ancestor = e.target.closest('.' + this.maps.element.id + '_marker_template_element');
+            if (!isNullOrUndefined(ancestor) && ancestor.id.indexOf('_MarkerIndex_') > -1) {
+                target = ancestor.id;
+            }
+        }
         if (target.indexOf('_LayerIndex_') === -1 || target.indexOf('_cluster_') > 0) {
             return;
         }

package/src/maps/utils/helper.d.ts

@@ -385,7 +385,7 @@ export declare function renderTextElement(option: TextOption, style: FontModel,
  * @returns {HTMLCollection} Returns the html collection
  * @private
  */
-export declare function convertElement(element: HTMLCollection, markerId: string, data: any, index: number, mapObj: Maps): HTMLElement;
+export declare function convertElement(element: HTMLCollection, markerId: string, data: any, index: number, mapObj: Maps, templateType: string): HTMLElement;
 /**
  *
  * @param {string} value - Specifies the value

package/src/maps/utils/helper.js

@@ -699,7 +699,7 @@ export function renderTextElement(option, style, color, parent, isMinus) {
  * @private
  */
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-export function convertElement(element, markerId, data, index, mapObj) {
+export function convertElement(element, markerId, data, index, mapObj, templateType) {
     var childElement = createElement('div', {
         id: markerId, className: mapObj.element.id + '_marker_template_element'
     });
@@ -709,19 +709,21 @@ export function convertElement(element, markerId, data, index, mapObj) {
         childElement.appendChild(element[0]);
         elementLength--;
     }
-    var templateHtml = childElement.innerHTML;
-    var properties = Object.keys(data);
-    var regExp = RegExp;
-    for (var i = 0; i < properties.length; i++) {
-        if (typeof data[properties[i]] === 'object') {
-            templateHtml = convertStringToValue(templateHtml, '', data, mapObj);
-            // eslint-disable-next-line @typescript-eslint/ban-types
-        }
-        else if (properties[i].toLowerCase() !== 'latitude' && properties[i].toLowerCase() !== 'longitude') {
-            templateHtml = templateHtml.replace(new regExp('{{:' + properties[i] + '}}', 'g'), data[properties[i].toString()]);
+    if (!mapObj.isReact || templateType !== 'function') {
+        var templateHtml = childElement.innerHTML;
+        var properties = Object.keys(data);
+        var regExp = RegExp;
+        for (var i = 0; i < properties.length; i++) {
+            if (typeof data[properties[i]] === 'object') {
+                templateHtml = convertStringToValue(templateHtml, '', data, mapObj);
+                // eslint-disable-next-line @typescript-eslint/ban-types
+            }
+            else if (properties[i].toLowerCase() !== 'latitude' && properties[i].toLowerCase() !== 'longitude') {
+                templateHtml = templateHtml.replace(new regExp('{{:' + properties[i] + '}}', 'g'), data[properties[i].toString()]);
+            }
         }
+        childElement.innerHTML = templateHtml;
     }
-    childElement.innerHTML = templateHtml;
     return childElement;
 }
 /**
@@ -1327,7 +1329,7 @@ export function markerTemplate(eventArgs, templateFn, markerID, data, markerInde
     templateFn = getTemplateFunction(eventArgs.template, maps);
     if (templateFn && (templateFn(data, maps, eventArgs.template, maps.element.id + '_MarkerTemplate' + markerIndex, false).length)) {
         var templateElement = templateFn(data, maps, eventArgs.template, maps.element.id + '_MarkerTemplate' + markerIndex, false);
-        var markerElement = convertElement(templateElement, markerID, data, markerIndex, maps);
+        var markerElement = convertElement(templateElement, markerID, data, markerIndex, maps, typeof eventArgs.template);
         for (var i = 0; i < markerElement.children.length; i++) {
             markerElement.children[i].style.pointerEvents = 'auto';
         }