@canopy-iiif/app 1.5.13 → 1.5.15

package/package.json

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

package/ui/dist/index.mjs

@@ -809,7 +809,7 @@ function NavigationTreeItem({ node, depth, nodeKey }) {
       "data-expanded": allowToggle ? defaultExpanded ? "true" : "false" : void 0,
       "data-default-expanded": allowToggle && defaultExpanded ? "true" : void 0
     },
-    /* @__PURE__ */ React14.createElement("div", { className: "canopy-nav-tree__row" }, /* @__PURE__ */ React14.createElement(
+    /* @__PURE__ */ React14.createElement("div", { className: "canopy-nav-tree__row" }, /* @__PURE__ */ React14.createElement("div", { className: "canopy-nav-tree__link-wrapper" }, /* @__PURE__ */ React14.createElement(
       Tag,
       {
         className: classes.join(" "),
@@ -819,7 +819,7 @@ function NavigationTreeItem({ node, depth, nodeKey }) {
       },
       node.title || node.slug,
       isRoadmap ? /* @__PURE__ */ React14.createElement("span", { className: "canopy-nav-tree__badge" }, "Roadmap") : null
-    ), allowToggle ? /* @__PURE__ */ React14.createElement(
+    )), allowToggle ? /* @__PURE__ */ React14.createElement(
       "button",
       {
         type: "button",
@@ -839,7 +839,14 @@ function NavigationTreeItem({ node, depth, nodeKey }) {
           strokeWidth: "1.5",
           className: "canopy-nav-tree__toggle-icon"
         },
-        /* @__PURE__ */ React14.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 9l7 7 7-7" })
+        /* @__PURE__ */ React14.createElement(
+          "path",
+          {
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            d: "M5 9l7 7 7-7"
+          }
+        )
       ),
       /* @__PURE__ */ React14.createElement("span", { className: "sr-only" }, toggleLabel)
     ) : null),
@@ -884,7 +891,14 @@ function NavigationTree({
       ...rest
     },
     heading ? /* @__PURE__ */ React14.createElement("div", { className: headingClassName }, heading) : null,
-    /* @__PURE__ */ React14.createElement(NavigationTreeList, { nodes, depth: includeRoot ? -1 : 0, parentKey })
+    /* @__PURE__ */ React14.createElement(
+      NavigationTreeList,
+      {
+        nodes,
+        depth: includeRoot ? -1 : 0,
+        parentKey
+      }
+    )
   );
 }
 
@@ -3089,6 +3103,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 +3312,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 +3322,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 +3331,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) => {