@edgepdf/viewer-react 0.0.26 → 0.0.27

package/dist/index.js

@@ -11274,11 +11274,23 @@ var MarkerManager = class {
    */
   createCustomIcon(iconType) {
     const iconUrl = `${this.iconBasePath}${iconType}.png`;
+    const getOffsetBasedOnIconType = (iconType2) => {
+      if (iconType2 === "pin") {
+        return [15, 40];
+      }
+      if (iconType2 === "pin-gray-selected" || iconType2 === "pin-yellow-selected") {
+        return [16, 36];
+      }
+      if (iconType2 === "pin-gray" || iconType2 === "pin-yellow") {
+        return [16, 36];
+      }
+      return [15, 40];
+    };
     return import_leaflet3.default.icon({
       iconUrl,
       iconSize: [30, 40],
       // Default marker size
-      iconAnchor: [30, 10],
+      iconAnchor: getOffsetBasedOnIconType(iconType),
       // Point of the icon which will correspond to marker's location
       popupAnchor: [0, 0],
       // Point from which the popup should open relative to the iconAnchor
@@ -11313,7 +11325,7 @@ var MarkerManager = class {
       leafletMarker.bindTooltip(marker.label, {
         permanent: false,
         direction: "top",
-        offset: [-13, -10],
+        offset: [0, -40],
         className: "edgepdf-marker-tooltip"
       });
     }
@@ -11409,8 +11421,8 @@ var MarkerManager = class {
     }
     const overlaySize = 40;
     const borderWidth = 1;
-    const overlayAnchorX = 35;
-    const overlayAnchorY = 10;
+    const overlayAnchorX = 20;
+    const overlayAnchorY = 40;
     const overlayHTML = `
       <div style="
         width: ${overlaySize}px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edgepdf/viewer-react",
-  "version": "0.0.26",
+  "version": "0.0.27",
   "description": "EdgePDF Viewer - React components for viewing PDF documents with interactive markers and zoom controls",
   "type": "module",
   "main": "./dist/index.js",