@syncfusion/ej2-maps 23.1.40 → 23.1.44

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

@@ -682,7 +682,7 @@ function renderTextElement(option, style, color, parent, isMinus) {
  * @private
  */
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-function convertElement(element, markerId, data, index, mapObj) {
+function convertElement(element, markerId, data, index, mapObj, templateType) {
     var childElement = createElement('div', {
         id: markerId, className: mapObj.element.id + '_marker_template_element'
     });
@@ -692,19 +692,21 @@ 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;
 }
 /**
@@ -1309,7 +1311,7 @@ function markerTemplate(eventArgs, templateFn, markerID, data, markerIndex, mark
     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';
         }
@@ -5511,6 +5513,12 @@ var Marker = /** @__PURE__ @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;
         }