@canopy-iiif/app 1.5.13 → 1.5.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@canopy-iiif/app",
-  "version": "1.5.13",
+  "version": "1.5.14",
   "private": false,
   "license": "MIT",
   "author": "Mat Jordan <mat@northwestern.edu>",

package/ui/dist/index.mjs

@@ -3089,6 +3089,9 @@ var DEFAULT_TILE_LAYERS = [
     maxZoom: 19
   }
 ];
+var CUSTOM_MARKER_SIZE = 40;
+var CUSTOM_MARKER_RADIUS = CUSTOM_MARKER_SIZE / 2;
+var CUSTOM_MARKER_POPUP_OFFSET = -CUSTOM_MARKER_RADIUS + 6;
 function resolveGlobalLeaflet() {
   try {
     if (typeof globalThis !== "undefined" && globalThis.L) return globalThis.L;
@@ -3295,8 +3298,8 @@ function buildTileLayers(inputLayers, leaflet) {
 function buildMarkerIcon(marker, leaflet) {
   if (!leaflet) return null;
   const hasThumbnail = Boolean(marker && marker.thumbnail);
-  const size = 56;
-  const anchor = size / 2;
+  const size = CUSTOM_MARKER_SIZE;
+  const anchor = CUSTOM_MARKER_RADIUS;
   const html = hasThumbnail ? `<div class="canopy-map__marker-thumb"><img src="${escapeHtml(
     marker.thumbnail
   )}" alt="" loading="lazy" /></div>` : '<span class="canopy-map__marker-solid"></span>';
@@ -3305,7 +3308,7 @@ function buildMarkerIcon(marker, leaflet) {
       className: "canopy-map__marker",
       iconSize: [size, size],
       iconAnchor: [anchor, anchor],
-      popupAnchor: [0, -anchor + 10],
+      popupAnchor: [0, CUSTOM_MARKER_POPUP_OFFSET],
       html
     });
   } catch (_) {
@@ -3314,8 +3317,8 @@ function buildMarkerIcon(marker, leaflet) {
 }
 function buildClusterOptions(leaflet) {
   if (!leaflet) return null;
-  const size = 56;
-  const anchor = size / 2;
+  const size = CUSTOM_MARKER_SIZE;
+  const anchor = CUSTOM_MARKER_RADIUS;
   return {
     chunkedLoading: true,
     iconCreateFunction: (cluster) => {