@syncfusion/ej2-maps 22.2.5 → 22.2.12

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

@@ -631,7 +631,7 @@ function renderTextElement(option, style, color, parent, isMinus = false) {
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 function convertElement(element, markerId, data, index, mapObj) {
     const childElement = createElement('div', {
-        id: markerId
+        id: markerId, className: mapObj.element.id + '_marker_template_element'
     });
     childElement.style.cssText = 'position: absolute;pointer-events: auto;';
     let elementLength = element.length;
@@ -1251,7 +1251,7 @@ function markerTemplate(eventArgs, templateFn, markerID, data, markerIndex, mark
         const templateElement = templateFn(data, maps, eventArgs.template, maps.element.id + '_MarkerTemplate' + markerIndex, false);
         const markerElement = convertElement(templateElement, markerID, data, markerIndex, maps);
         for (let i = 0; i < markerElement.children.length; i++) {
-            markerElement.children[i].style.pointerEvents = 'none';
+            markerElement.children[i].style.pointerEvents = 'auto';
         }
         markerElement.style.left = (maps.isTileMap ? location.x : (location.x + transPoint.x) * scale) + offset.x - maps.mapAreaRect.x + 'px';
         markerElement.style.top = (maps.isTileMap ? location.y : (location.y + transPoint.y) * scale) + offset.y - maps.mapAreaRect.y + 'px';
@@ -6555,8 +6555,14 @@ class LayerPanel {
         }
         pathEle.setAttribute('aria-label', ((!isNullOrUndefined(currentShapeData['property'])) ?
             (currentShapeData['property'][properties]) : ''));
-        pathEle.tabIndex = this.mapObject.tabIndex + index + 3;
-        pathEle.setAttribute('role', '');
+        if (this.currentLayer.selectionSettings.enable || this.currentLayer.highlightSettings.enable) {
+            pathEle.tabIndex = this.mapObject.tabIndex + index + 3;
+            pathEle.setAttribute('role', 'button');
+            pathEle.style.cursor = this.currentLayer.highlightSettings.enable && !this.currentLayer.selectionSettings.enable ? 'default' : 'pointer';
+        }
+        else {
+            pathEle.setAttribute('role', 'region');
+        }
         if (drawingType === 'LineString' || drawingType === 'MultiLineString') {
             pathEle.style.cssText = 'outline:none';
         }
@@ -13728,6 +13734,12 @@ class MapsTooltip {
             clearTimeout(this.clearTimeout);
             this.clearTimeout = setTimeout(this.removeTooltip.bind(this), 2000);
         }
+        if (target.id.indexOf(this.maps.element.id) === -1) {
+            const ancestor = target.closest('.' + this.maps.element.id + '_marker_template_element');
+            if (!isNullOrUndefined(ancestor) && ancestor.id.indexOf('_MarkerIndex_') > -1) {
+                target = ancestor;
+            }
+        }
         let option;
         let currentData = '';
         const targetId = target.id;