@nulib/clover 4.7.0 → 4.8.0

package/dist/components/Canvas/PlaceBox.mjs

@@ -1,7 +1,9 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { Close } from "../Body/glyphs.mjs";
+import { useMemo } from "react";
+import { CollapseMap, ExpandMap, Close } from "../Body/glyphs.mjs";
 import { GivenMap } from "../Map/MapView.mjs";
+import { canvasGeoreferences } from "../../core/geo.mjs";
 import Button from "../../ui/Button.mjs";
 import { useCloverTranslation } from "../../i18n/useCloverTranslation.mjs";
 import { localize } from "../../core/value.mjs";
@@ -13,11 +15,21 @@ function PlaceBox({
   id,
   open,
   onClose,
+  swapped = false,
+  onSwap,
   feature,
   name,
+  canvases,
+  owner,
   language
 }) {
   const { t, langOf } = useCloverTranslation();
+  const overlays = useMemo(
+    () => (canvases ?? []).flatMap(
+      (canvas) => canvasGeoreferences(canvas)
+    ),
+    [canvases]
+  );
   useOneOpen(open, () => onClose(false));
   const heading = localize(name, language);
   const fallback = useContainerName(
@@ -30,6 +42,7 @@ function PlaceBox({
     {
       className: "clover-canvas-caption clover-canvas-place",
       "data-open": open,
+      "data-swapped": swapped || void 0,
       "data-testid": "clover-canvas-place",
       id,
       role: "group",
@@ -42,17 +55,29 @@ function PlaceBox({
         onClose(true);
       },
       children: [
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            className: "clover-canvas-caption-close",
-            id: `close-${id}`,
-            label: t("commonClose"),
-            lang: langOf("commonClose"),
-            onClick: () => onClose(true),
-            children: /* @__PURE__ */ jsx(Close, {})
-          }
-        ),
+        /* @__PURE__ */ jsxs("div", { className: "clover-canvas-place-actions", children: [
+          onSwap && /* @__PURE__ */ jsx(
+            Button,
+            {
+              id: `swap-${id}`,
+              label: t(swapped ? "mapCollapse" : "mapExpand"),
+              lang: langOf(swapped ? "mapCollapse" : "mapExpand"),
+              onClick: onSwap,
+              children: swapped ? /* @__PURE__ */ jsx(CollapseMap, {}) : /* @__PURE__ */ jsx(ExpandMap, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              className: "clover-canvas-caption-close",
+              id: `close-${id}`,
+              label: t("commonClose"),
+              lang: langOf("commonClose"),
+              onClick: () => onClose(true),
+              children: /* @__PURE__ */ jsx(Close, {})
+            }
+          )
+        ] }),
         fallback.node,
         heading.text && /* @__PURE__ */ jsx(
           "p",
@@ -67,6 +92,9 @@ function PlaceBox({
           GivenMap,
           {
             navPlace: feature,
+            overlays,
+            owner,
+            reframe: swapped,
             forwardedRef: null,
             landmark: false,
             list: false,

package/dist/components/Label/Label.mjs

@@ -8,7 +8,14 @@ import { join } from "../../lib/classnames.mjs";
 import { useOptionalCloverSelector, useOptionalClover } from "../../react/context.mjs";
 import { useProvider } from "../Primitives/resource.mjs";
 import { languageProps } from "../../i18n/direction.mjs";
-const Label = forwardRef(function Label2({ of = "manifest", label, as: Tag = "span", className, ...rest }, ref) {
+const Label = forwardRef(function Label2({
+  of = "manifest",
+  label,
+  as: Tag = "span",
+  keep = false,
+  className,
+  ...rest
+}, ref) {
   var _a;
   const fromRoot = useOptionalCloverSelector(
     (state) => {
@@ -23,7 +30,20 @@ const Label = forwardRef(function Label2({ of = "manifest", label, as: Tag = "sp
     label ?? (provider ? provider.label : fromRoot),
     language
   );
-  if (!text) return null;
+  if (!text) {
+    if (!keep) return null;
+    return /* @__PURE__ */ jsx(
+      Tag,
+      {
+        ref,
+        className: join("clover-label", className),
+        "data-empty": "",
+        ...rest,
+        "aria-hidden": "true",
+        children: " "
+      }
+    );
+  }
   return /* @__PURE__ */ jsx(
     Tag,
     {

package/dist/components/Map/MapView.mjs

@@ -5,7 +5,7 @@ import { createPortal } from "react-dom";
 import { useUniqueId } from "../../ui/useUniqueId.mjs";
 import { useHighContrast, highContrastProps } from "../../hooks/useHighContrast.mjs";
 import { DEFAULT_STYLE_URL, applyDefaultBasemap } from "./basemap.mjs";
-import { navPlaceOf, georeferencesOf, cornersOf, boundsOf, readGeoreference } from "../../core/geo.mjs";
+import { navPlaceOf, georeferencesOf, pictureOf, cornersOf, boundsOf, readGeoreference } from "../../core/geo.mjs";
 import { sendsCredentials } from "../../core/request.mjs";
 import { selectVisibleCanvases, selectShownId } from "../../core/selectors.mjs";
 import { localize } from "../../core/value.mjs";
@@ -20,6 +20,7 @@ import { languageProps, directionOf } from "../../i18n/direction.mjs";
 import { Tip } from "../../ui/Tip.mjs";
 import { ZoomOut, ZoomIn } from "../../ui/controlGlyphs.mjs";
 import { Information } from "../Body/glyphs.mjs";
+import { PICTURE_SIZE } from "../../ui/EntryThumbnail.mjs";
 import { NavDate } from "../../ui/NavDate.mjs";
 import { readDate } from "../../core/dates.mjs";
 import { dateTimeOf, formatDate } from "../../core/dates-format.mjs";
@@ -109,9 +110,11 @@ const NO_IDS = /* @__PURE__ */ new Set();
 function GivenMap({
   navPlace,
   georeferences,
+  overlays: read,
+  owner,
   ...rest
 }) {
-  const features = useGiven(
+  const given = useGiven(
     navPlace,
     (value) => navPlaceOf(
       {
@@ -123,11 +126,22 @@ function GivenMap({
       null
     )
   );
+  const features = useMemo(() => {
+    const picture = pictureOf(owner);
+    if (!picture) return given;
+    const thumbnail = JSON.stringify(picture);
+    return {
+      ...given,
+      features: given.features.map(
+        (feature) => feature.properties.thumbnail ? feature : { ...feature, properties: { ...feature.properties, thumbnail } }
+      )
+    };
+  }, [given, owner]);
   const overlays = useGiven(
     georeferences,
     (value) => (value ?? []).map((annotation) => readGeoreference(annotation)).filter((overlay) => Boolean(overlay))
   );
-  return /* @__PURE__ */ jsx(MapView, { ...rest, features, overlays });
+  return /* @__PURE__ */ jsx(MapView, { ...rest, features, overlays: read ?? overlays });
 }
 function useGiven(value, read) {
   const memo = useRef(null);
@@ -153,13 +167,14 @@ function MapView({
   current,
   activeAnnotations,
   onHighlight,
+  reframe,
   list = true,
   credits = true,
   language,
   highContrast,
   landmark = true,
   overlay = true,
-  overlayOpacity = 0.75,
+  overlayOpacity = 1,
   styleUrl,
   workerUrl,
   scrollZoom = false,
@@ -189,20 +204,24 @@ function MapView({
     onHighlight,
     t,
     features,
-    host: root.hostLanguage
+    host: root.hostLanguage,
+    request
   });
   latest.current = {
     onSelect,
     onHighlight,
     t,
     features,
-    host: root.hostLanguage
+    host: root.hostLanguage,
+    request
   };
   const name = useRef(
     null
   );
   const reread = useRef(null);
   const framed = useRef("");
+  const frameAll = useRef(null);
+  const reframeWanted = useRef(false);
   useEffect(() => {
     if (!near) return;
     let live = true;
@@ -248,7 +267,7 @@ function MapView({
       if (!landmark) instance.getCanvas().setAttribute("role", "group");
       instance.addControl(
         new maplibre.NavigationControl({ showCompass: false }),
-        "bottom-left"
+        "top-right"
       );
       (_c = (_b = instance.touchZoomRotate) == null ? void 0 : _b.disableRotation) == null ? void 0 : _c.call(_b);
       (_e = (_d = instance.keyboard) == null ? void 0 : _d.disableRotation) == null ? void 0 : _e.call(_d);
@@ -263,8 +282,10 @@ function MapView({
         attrib == null ? void 0 : attrib.removeAttribute("open");
         addPlaceLayers(instance, colorsOf(container.current));
         let popup = null;
+        const pictures = {};
         let picked = null;
         let shown = "";
+        let named = null;
         let dismissed = "";
         let hovered;
         let pickedId;
@@ -289,6 +310,7 @@ function MapView({
           popup == null ? void 0 : popup.remove();
           popup = null;
           shown = "";
+          named = null;
         };
         const show2 = (feature) => {
           var _a3, _b2, _c2, _d2, _e2, _f, _g, _h, _i;
@@ -329,6 +351,7 @@ function MapView({
           const below = room - foot >= top;
           const away = gap();
           hangs = below ? away : -away;
+          const content = text;
           popup = new maplibre.Popup({
             closeButton: false,
             closeOnClick: false,
@@ -336,9 +359,41 @@ function MapView({
             offset: [0, hangs],
             maxWidth: "none",
             className: "clover-geomap-popup"
-          }).setLngLat(below ? [middle, south] : [middle, north]).setDOMContent(text).addTo(instance);
-          shown = keyOf(feature);
+          }).setLngLat(below ? [middle, south] : [middle, north]).setDOMContent(content).addTo(instance);
+          const key = keyOf(feature);
+          shown = key;
+          named = feature;
           keepInside();
+          picture(feature, content, key);
+        };
+        const picture = (feature, content, key) => {
+          var _a3;
+          const source = (_a3 = feature.properties) == null ? void 0 : _a3.thumbnail;
+          if (typeof source !== "string") return;
+          void (pictures[source] ?? (pictures[source] = import("./placePicture.mjs").then(
+            ({ placePicture }) => placePicture(
+              JSON.parse(source),
+              PICTURE_SIZE,
+              latest.current.request
+            )
+          ).catch(() => void 0))).then((url) => {
+            if (!url || shown !== key) return;
+            const image = document.createElement("img");
+            image.className = "clover-tip-image";
+            image.alt = "";
+            image.decoding = "async";
+            image.hidden = true;
+            image.onload = () => {
+              var _a4, _b2;
+              if (shown !== key) return;
+              image.hidden = false;
+              (_b2 = (_a4 = popup == null ? void 0 : popup.getElement) == null ? void 0 : _a4.call(popup)) == null ? void 0 : _b2.setAttribute("data-picture", "");
+              keepInside();
+            };
+            image.onerror = () => image.remove();
+            image.src = url;
+            content.prepend(image);
+          });
         };
         let hangs = 0;
         const keepInside = () => {
@@ -357,13 +412,24 @@ function MapView({
         reread.current = (next) => {
           var _a3;
           (_a3 = instance.removeFeatureState) == null ? void 0 : _a3.call(instance, { source: NAVPLACE });
-          hovered = void 0;
           const placeOf = (feature) => JSON.stringify([feature.properties, feature.geometry]);
-          const kept = picked ? next.features.find((f) => placeOf(f) === placeOf(picked)) : void 0;
+          const find = (feature) => feature ? next.features.find((f) => placeOf(f) === placeOf(feature)) : void 0;
+          const kept = find(picked);
+          const still = find(named);
+          const pointed = hovered !== void 0 ? still : void 0;
           picked = kept ?? null;
           pickedId = void 0;
+          hovered = void 0;
+          if (kept) pick(kept);
+          if (pointed) {
+            hovered = idOf(pointed);
+            mark(hovered, "hover", true);
+          }
+          if (still) {
+            named = still;
+            return;
+          }
           if (!kept) return unname();
-          pick(kept);
           show2(kept);
         };
         name.current = (feature) => {
@@ -380,30 +446,43 @@ function MapView({
             (_b2 = name.current) == null ? void 0 : _b2.call(name, feature, event.lngLat);
             (_d2 = (_c2 = latest.current).onSelect) == null ? void 0 : _d2.call(_c2, feature);
           });
-          instance.on("mousemove", layer, (event) => {
-            var _a3, _b2, _c2;
-            instance.getCanvas().style.cursor = "pointer";
-            const feature = (_a3 = event.features) == null ? void 0 : _a3[0];
-            if (!feature) return;
-            if (keyOf(feature) !== dismissed) show2(feature);
-            const id = idOf(feature);
-            if (id === hovered) return;
-            mark(hovered, "hover", false);
-            hovered = id;
-            mark(hovered, "hover", true);
-            (_c2 = (_b2 = latest.current).onHighlight) == null ? void 0 : _c2.call(_b2, feature);
-          });
-          instance.on("mouseleave", layer, () => {
-            var _a3, _b2;
-            instance.getCanvas().style.cursor = "";
-            dismissed = "";
-            mark(hovered, "hover", false);
-            hovered = void 0;
-            (_b2 = (_a3 = latest.current).onHighlight) == null ? void 0 : _b2.call(_a3, null);
-            if (picked) show2(picked);
-            else unname();
-          });
         }
+        const leave = () => {
+          var _a3, _b2;
+          if (hovered === void 0 && !shown) return;
+          instance.getCanvas().style.cursor = "";
+          dismissed = "";
+          mark(hovered, "hover", false);
+          hovered = void 0;
+          (_b2 = (_a3 = latest.current).onHighlight) == null ? void 0 : _b2.call(_a3, null);
+          if (picked) show2(picked);
+          else unname();
+        };
+        instance.on("mousemove", (event) => {
+          var _a3, _b2, _c2;
+          const under = ((_a3 = instance.queryRenderedFeatures) == null ? void 0 : _a3.call(instance, event.point, {
+            layers: CLICKABLE.filter((layer) => {
+              var _a4;
+              return (_a4 = instance.getLayer) == null ? void 0 : _a4.call(instance, layer);
+            })
+          })) ?? [];
+          if (!under.length) {
+            if (hovered !== void 0) leave();
+            return;
+          }
+          instance.getCanvas().style.cursor = "pointer";
+          const feature = under.find((each) => idOf(each) === hovered) ?? under[0];
+          if (keyOf(feature) !== dismissed) show2(feature);
+          const id = idOf(feature);
+          if (id === hovered) return;
+          mark(hovered, "hover", false);
+          hovered = id;
+          mark(hovered, "hover", true);
+          (_c2 = (_b2 = latest.current).onHighlight) == null ? void 0 : _c2.call(_b2, feature);
+        });
+        instance.on("mouseout", () => {
+          if (hovered !== void 0) leave();
+        });
         instance.on("click", (event) => {
           var _a3;
           const under = (_a3 = instance.queryRenderedFeatures) == null ? void 0 : _a3.call(instance, event.point, {
@@ -435,7 +514,13 @@ function MapView({
         setMap(instance);
       });
       if (typeof ResizeObserver !== "undefined") {
-        observer = new ResizeObserver(() => instance == null ? void 0 : instance.resize());
+        observer = new ResizeObserver(() => {
+          var _a2;
+          instance == null ? void 0 : instance.resize();
+          if (!reframeWanted.current) return;
+          reframeWanted.current = false;
+          (_a2 = frameAll.current) == null ? void 0 : _a2.call(frameAll);
+        });
         observer.observe(container.current);
       }
     }).catch(() => {
@@ -565,11 +650,19 @@ function MapView({
     if (!map) return;
     const bounds = boundsOf(features.features, overlay ? overlays : []);
     if (!bounds) return;
+    frameAll.current = () => frame(map, bounds, zoom ?? POINT_ZOOM, zoom);
     const extent = bounds.flat().join();
     if (extent === framed.current) return;
+    const glide = framed.current !== "";
     framed.current = extent;
-    frame(map, bounds, zoom ?? POINT_ZOOM, zoom);
+    frame(map, bounds, zoom ?? POINT_ZOOM, zoom, glide);
   }, [map, features, overlays, overlay, zoom]);
+  const reframed = useRef(reframe);
+  useEffect(() => {
+    if (Object.is(reframed.current, reframe)) return;
+    reframed.current = reframe;
+    reframeWanted.current = true;
+  }, [reframe]);
   const choose = (feature) => {
     var _a;
     const bounds = boundsOf([feature]);
@@ -683,14 +776,22 @@ function MapView({
     }
   ) });
 }
-function frame(map, bounds, zoom, most = 12) {
+function frame(map, bounds, zoom, most = 12, glide = false) {
+  const duration = glide && !reducedMotion() ? GLIDE : 0;
   const [[west, south], [east, north]] = bounds;
   if (west === east && south === north) {
-    map.jumpTo({ center: [west, south], zoom });
+    const view = { center: [west, south], zoom };
+    if (duration) map.easeTo({ ...view, duration });
+    else map.jumpTo(view);
   } else {
-    map.fitBounds(bounds, { padding: 32, maxZoom: most, duration: 0 });
+    map.fitBounds(bounds, { padding: 32, maxZoom: most, duration });
   }
 }
+const GLIDE = 600;
+const reducedMotion = () => {
+  var _a;
+  return typeof window !== "undefined" && Boolean((_a = window.matchMedia) == null ? void 0 : _a.call(window, "(prefers-reduced-motion: reduce)").matches);
+};
 function center([[west, south], [east, north]]) {
   return [(west + east) / 2, (south + north) / 2];
 }

package/dist/components/Map/placePicture.mjs

@@ -0,0 +1,16 @@
+"use client";
+import { loadManifest } from "../../core/load.mjs";
+import { thumbnailSource, resolveThumbnail } from "../../core/thumbnail.mjs";
+async function placePicture(picture, size, request) {
+  var _a;
+  let resource = picture;
+  if (picture.type === "Manifest" && !picture.items) {
+    const manifest = await loadManifest(picture, { request });
+    resource = manifest.thumbnail ? manifest : (_a = manifest.items) == null ? void 0 : _a[0];
+  }
+  const source = thumbnailSource(resource);
+  return source ? resolveThumbnail(source, size, request) : void 0;
+}
+export {
+  placePicture
+};

package/dist/core/geo-detect.mjs

@@ -8,12 +8,10 @@ function hasMapData(manifest, collection = null) {
   }
   for (const canvas of selectSequence(manifest).canvases) {
     if (canvas.navPlace) return true;
+    if (isGeoreferenced(canvas)) return true;
     for (const page of asArray(canvas.annotations)) {
       for (const annotation of asArray(page == null ? void 0 : page.items)) {
         if (annotation == null ? void 0 : annotation.navPlace) return true;
-        if (asArray(annotation == null ? void 0 : annotation.motivation).includes("georeferencing")) {
-          return true;
-        }
         const bodies = asArray(annotation == null ? void 0 : annotation.body);
         if (bodies.some(
           (body) => (body == null ? void 0 : body.type) === "Feature" || (body == null ? void 0 : body.type) === "FeatureCollection"
@@ -25,6 +23,14 @@ function hasMapData(manifest, collection = null) {
   }
   return false;
 }
+function isGeoreferenced(canvas) {
+  return asArray(canvas == null ? void 0 : canvas.annotations).some(
+    (page) => asArray(page == null ? void 0 : page.items).some(
+      (annotation) => asArray(annotation == null ? void 0 : annotation.motivation).includes("georeferencing")
+    )
+  );
+}
 export {
-  hasMapData
+  hasMapData,
+  isGeoreferenced
 };

package/dist/core/geo.mjs

@@ -50,6 +50,27 @@ function closed(geometry) {
     return { ...geometry, geometries: geometry.geometries.map(closed) };
   return geometry;
 }
+function pictureOf(resource) {
+  const value = resource;
+  if (!value) return null;
+  if (asArray(value.thumbnail).length) return { thumbnail: value.thumbnail };
+  if (value.type === "Canvas") {
+    const { items, placeholderContainer, accompanyingContainer } = value;
+    return {
+      type: "Canvas",
+      items,
+      placeholderContainer,
+      accompanyingContainer
+    };
+  }
+  if (value.type === "Manifest") {
+    const first = asArray(value.items)[0];
+    if (first) return pictureOf(first);
+    if (typeof value.id === "string" && /^https?:\/\//.test(value.id))
+      return { type: "Manifest", id: value.id };
+  }
+  return null;
+}
 function flatten(feature, owner, language) {
   const own = feature.properties ?? {};
   const properties = {};
@@ -69,6 +90,8 @@ function flatten(feature, owner, language) {
   if (owner.annotationId) properties.annotationId = owner.annotationId;
   if (owner.manifestId) properties.manifestId = owner.manifestId;
   if (typeof owner.navDate === "string") properties.navDate = owner.navDate;
+  const picture = pictureOf(owner.resource);
+  if (picture) properties.thumbnail = JSON.stringify(picture);
   return {
     type: "Feature",
     ...feature.id != null ? { id: feature.id } : {},
@@ -95,7 +118,8 @@ function navPlaceOf(manifest, collection = null, language) {
   const features = [];
   const add = (geo, owner) => features.push(...featuresOf(geo).map((f) => flatten(f, owner, language)));
   const c = collection;
-  if (c == null ? void 0 : c.navPlace) add(c.navPlace, { label: c.label, navDate: c.navDate });
+  if (c == null ? void 0 : c.navPlace)
+    add(c.navPlace, { label: c.label, navDate: c.navDate, resource: c });
   const m = manifest ?? {};
   let own = false;
   for (const member of asArray(c == null ? void 0 : c.items)) {
@@ -107,17 +131,21 @@ function navPlaceOf(manifest, collection = null, language) {
     add(place, {
       label: open ? m.label : member.label,
       manifestId: member.id,
-      navDate: open ? m.navDate ?? member.navDate : member.navDate
+      navDate: open ? m.navDate ?? member.navDate : member.navDate,
+      // The open member's own Manifest, unless its entry has a thumbnail it lacks;
+      // another member's entry, its Manifest loaded once its place is named.
+      resource: open && (m.thumbnail || !member.thumbnail) ? m : member
     });
   }
   if (m.navPlace && !own)
-    add(m.navPlace, { label: m.label, navDate: m.navDate });
+    add(m.navPlace, { label: m.label, navDate: m.navDate, resource: m });
   for (const canvas of selectSequence(manifest).canvases) {
     if (canvas.navPlace) {
       add(canvas.navPlace, {
         label: canvas.label,
         canvasId: canvas.id,
-        navDate: canvas.navDate
+        navDate: canvas.navDate,
+        resource: canvas
       });
     }
     for (const annotation of annotationsOf(canvas)) {
@@ -219,17 +247,24 @@ function readGeoreference(annotation, canvas) {
   };
 }
 const georeferences = /* @__PURE__ */ new WeakMap();
+function canvasGeoreferences(canvas) {
+  if (!canvas) return NO_GEOREFERENCES;
+  const cached = georeferences.get(canvas);
+  if (cached) return cached;
+  const found = annotationsOf(canvas).map((annotation) => readGeoreference(annotation, canvas)).filter(
+    (georeference) => Boolean(georeference)
+  );
+  const result = found.length ? found : NO_GEOREFERENCES;
+  georeferences.set(canvas, result);
+  return result;
+}
 function georeferencesOf(manifest) {
   if (!manifest) return NO_GEOREFERENCES;
   const cached = georeferences.get(manifest);
   if (cached) return cached;
-  const found = [];
-  for (const canvas of selectSequence(manifest).canvases) {
-    for (const annotation of annotationsOf(canvas)) {
-      const georeference = readGeoreference(annotation, canvas);
-      if (georeference) found.push(georeference);
-    }
-  }
+  const found = selectSequence(manifest).canvases.flatMap(
+    canvasGeoreferences
+  );
   const result = found.length ? found : NO_GEOREFERENCES;
   georeferences.set(manifest, result);
   return result;
@@ -318,8 +353,10 @@ function boundsOf(features, overlays = []) {
 export {
   affineTransform,
   boundsOf,
+  canvasGeoreferences,
   cornersOf,
   georeferencesOf,
   navPlaceOf,
+  pictureOf,
   readGeoreference
 };

package/dist/i18n/locales/en.json.mjs

@@ -1,5 +1,5 @@
 "use client";
-const en = JSON.parse('{"commonClose":"Close","commonNext":"Next","commonPrevious":"Previous","commonSearch":"Search","commonViewAll":"View all","controlShortcut":"{{label}} ({{shortcut}})","contentSearchLoading":"Loading...","contentSearchPlaceholder":"Search","contentSearchResultsNone":"No results","contentSearchResult":"1 result","contentSearchResults":"{{count}} results","contentSearchError":"The search could not be completed.","contentSearchPosition":"Result {{index}} of {{total}}","contentSearchClear":"Clear search","canvasPosition":"Item {{index}} of {{total}}","canvasImage":"Image","bodyUnloadableImage":"This image could not be loaded.","bodyUnloadableVideo":"This video could not be loaded.","bodyUnloadableAudio":"This audio could not be loaded.","bodyUnloadableModel":"This model could not be loaded.","canvasRoleDescription":"zoomable image","canvasKeysImage":"Use the arrow keys to pan, with Shift for larger steps, plus and minus to zoom, 0 to reset the view, and R or Shift+R to rotate.","canvasKeysMedia":"Press Space or K to play or pause, J or L to skip ten seconds back or forward, and M to mute or unmute.","canvasKeysAnnotations":"Press Escape to clear the selected annotation.","sceneModel":"3D model","sceneRoleDescription":"rotatable 3D model","sceneKeys":"Use the arrow keys to rotate the model, with Shift for larger steps, plus and minus to zoom, 0 to reset the view, and R or Shift+R to rotate it right or left.","sceneRotateUp":"Rotate up","sceneRotateDown":"Rotate down","sceneRotate":"Rotate","sceneResetView":"Reset view","statusLoading":"Loading…","statusError":"This could not be loaded.","itemsLabel":"Items","download":"Download","downloadPage":"This page","downloadAll":"All pages","templateSidebar":"Items","templateSidebarToggle":"Show items","templateBack":"Back","templateBackTo":"Back to {{label}}","collectionLabel":"Collection","itemsScrollBack":"Show previous items","itemsScrollForward":"Show more items","aboutRights":"Rights","aboutDate":"Date","aboutHomepage":"Homepage","aboutSeeAlso":"See also","aboutProvider":"Provider","logo":"Logo","aboutManifest":"IIIF Manifest","aboutCanvas":"IIIF Canvas","aboutPartOf":"Part of","aboutOpenManifest":"Open the full Manifest","aboutCollection":"IIIF Collection","readingLanguage":"Language","annotationsHide":"Hide annotations","annotationsHideTip":"Hide","readMore":"Read more","readLess":"Read less","annotationsShow":"Find on the image","annotationsShowTime":"Find in the recording","annotationsImage":"Image","annotationsLanguage":"Language","annotationsOpenLink":"Open","transcriptLabel":"Transcript","imageViewerOpen":"Open image viewer","imageViewerClose":"Close image viewer","canvasChoice":"Choice","canvasViewerControls":"Viewer controls","canvasExpandControls":"Expand viewer controls","canvasCollapseControls":"Collapse viewer controls","canvasScrollBack":"Show previous controls","canvasScrollForward":"Show more controls","imageFullScreen":"Full screen","imageExitFullScreen":"Exit full screen","imageResetZoom":"Reset zoom","imageRotateLeft":"Rotate left","imageRotateRight":"Rotate right","imageZoomIn":"Zoom in","imageZoomOut":"Zoom out","informationPanelTabs":"Information panel","sectionsScrollBack":"Show previous tabs","sectionsScrollForward":"Show more tabs","informationPanelClose":"Close information panel","informationPanelTabsAbout":"About","informationPanelTabsAnnotations":"Annotations","informationPanelTabsSearch":"Search","informationPanelTabsContents":"Contents","contentsSectionsIn":"Sections in","contentsSectionsTip":"Sections","informationPanelTabsMap":"Map","informationPanelTabsCollection":"Collection","informationPanelTabsTargets":"Views","mapUnavailable":"The map could not be shown.","mapLabel":"Map","mapAttribution":"Map credits","mapPlaceUntitled":"Place {{number}}","mapOverlay":"Georeferenced image","mapPlacesListed":"Places listed after the map: {{count}}","informationPanelToggle":"More information","playerPlay":"Play","playerPause":"Pause","playerMute":"Mute","playerUnmute":"Unmute","playerVolume":"Volume","playerSeek":"Seek","playerCaptions":"Captions","playerCaptionsOff":"Off","playerChapters":"Chapters","playerFill":"Fill frame","playerFit":"Fit to frame","playerCurrentTime":"Current time","playerDuration":"Duration","splitHandle":"Resize panels"}');
+const en = JSON.parse('{"commonClose":"Close","commonNext":"Next","commonPrevious":"Previous","commonSearch":"Search","commonViewAll":"View all","controlShortcut":"{{label}} ({{shortcut}})","contentSearchLoading":"Loading...","contentSearchPlaceholder":"Search","contentSearchResultsNone":"No results","contentSearchResult":"1 result","contentSearchResults":"{{count}} results","contentSearchError":"The search could not be completed.","contentSearchPosition":"Result {{index}} of {{total}}","contentSearchClear":"Clear search","canvasPosition":"Item {{index}} of {{total}}","canvasImage":"Image","bodyUnloadableImage":"This image could not be loaded.","bodyUnloadableVideo":"This video could not be loaded.","bodyUnloadableAudio":"This audio could not be loaded.","bodyUnloadableModel":"This model could not be loaded.","canvasRoleDescription":"zoomable image","canvasKeysImage":"Use the arrow keys to pan, with Shift for larger steps, plus and minus to zoom, 0 to reset the view, and R or Shift+R to rotate.","canvasKeysMedia":"Press Space or K to play or pause, J or L to skip ten seconds back or forward, and M to mute or unmute.","canvasKeysAnnotations":"Press Escape to clear the selected annotation.","sceneModel":"3D model","sceneRoleDescription":"rotatable 3D model","sceneKeys":"Use the arrow keys to rotate the model, with Shift for larger steps, plus and minus to zoom, 0 to reset the view, and R or Shift+R to rotate it right or left.","sceneRotateUp":"Rotate up","sceneRotateDown":"Rotate down","sceneRotate":"Rotate","sceneResetView":"Reset view","statusLoading":"Loading…","statusError":"This could not be loaded.","itemsLabel":"Items","download":"Download","downloadPage":"This page","downloadAll":"All pages","templateSidebar":"Items","templateSidebarToggle":"Show items","templateBack":"Back","templateBackTo":"Back to {{label}}","collectionLabel":"Collection","itemsScrollBack":"Show previous items","itemsScrollForward":"Show more items","aboutRights":"Rights","aboutDate":"Date","aboutHomepage":"Homepage","aboutSeeAlso":"See also","aboutProvider":"Provider","logo":"Logo","aboutManifest":"IIIF Manifest","aboutCanvas":"IIIF Canvas","aboutPartOf":"Part of","aboutOpenManifest":"Open the full Manifest","aboutCollection":"IIIF Collection","readingLanguage":"Language","annotationsHide":"Hide annotations","annotationsHideTip":"Hide","readMore":"Read more","readLess":"Read less","annotationsShow":"Find on the image","annotationsShowTime":"Find in the recording","annotationsImage":"Image","annotationsLanguage":"Language","annotationsOpenLink":"Open","transcriptLabel":"Transcript","imageViewerOpen":"Open image viewer","imageViewerClose":"Close image viewer","canvasChoice":"Choice","canvasViewerControls":"Viewer controls","canvasExpandControls":"Expand viewer controls","canvasCollapseControls":"Collapse viewer controls","canvasScrollBack":"Show previous controls","canvasScrollForward":"Show more controls","imageFullScreen":"Full screen","imageExitFullScreen":"Exit full screen","imageResetZoom":"Reset zoom","imageRotateLeft":"Rotate left","imageRotateRight":"Rotate right","imageZoomIn":"Zoom in","imageZoomOut":"Zoom out","informationPanelTabs":"Information panel","sectionsScrollBack":"Show previous tabs","sectionsScrollForward":"Show more tabs","informationPanelClose":"Close information panel","informationPanelTabsAbout":"About","informationPanelTabsAnnotations":"Annotations","informationPanelTabsSearch":"Search","informationPanelTabsContents":"Contents","contentsSectionsIn":"Sections in","contentsSectionsTip":"Sections","informationPanelTabsMap":"Map","informationPanelTabsCollection":"Collection","informationPanelTabsTargets":"Views","mapUnavailable":"The map could not be shown.","mapLabel":"Map","mapExpand":"Expand map","mapCollapse":"Collapse map","mapAttribution":"Map credits","mapPlaceUntitled":"Place {{number}}","mapOverlay":"Georeferenced image","mapPlacesListed":"Places listed after the map: {{count}}","informationPanelToggle":"More information","playerPlay":"Play","playerPause":"Pause","playerMute":"Mute","playerUnmute":"Unmute","playerVolume":"Volume","playerSeek":"Seek","playerCaptions":"Captions","playerCaptionsOff":"Off","playerChapters":"Chapters","playerFill":"Fill frame","playerFit":"Fit to frame","playerCurrentTime":"Current time","playerDuration":"Duration","splitHandle":"Resize panels"}');
 export {
   en as default
 };