@nulib/clover 0.0.0-stage → 4.0.0-beta.1

package/dist/components/Items/StandaloneItems.mjs

@@ -0,0 +1,80 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useState, useRef, useEffect, useMemo } from "react";
+import { Pager, stepsOf, ItemsView } from "./Items.mjs";
+import { itemsOf } from "../../core/items.mjs";
+import { fetchResource } from "../../core/load.mjs";
+function StandaloneItems({
+  iiifContent,
+  items: provided,
+  navigation,
+  onSelect,
+  request,
+  header = true,
+  forwardedRef,
+  ...rest
+}) {
+  var _a, _b;
+  const [resource, setResource] = useState(null);
+  const [selected, setSelected] = useState(0);
+  const key = typeof iiifContent === "string" ? iiifContent : iiifContent == null ? void 0 : iiifContent.id;
+  const latest = useRef({ iiifContent, request });
+  latest.current = { iiifContent, request };
+  useEffect(() => {
+    if (provided || latest.current.iiifContent === void 0) return;
+    const controller = new AbortController();
+    fetchResource(latest.current.iiifContent, {
+      request: latest.current.request,
+      signal: controller.signal
+    }).then((loaded) => {
+      if (!controller.signal.aborted) setResource(loaded);
+    }).catch(() => void 0);
+    return () => controller.abort();
+  }, [key, provided]);
+  const items = useMemo(
+    () => itemsOf(provided ? provided : resource),
+    [provided, resource]
+  );
+  if (!items.length) return null;
+  const isViews = !provided && (resource == null ? void 0 : resource.type) === "Manifest";
+  const mode = navigation ?? (isViews ? "id" : "homepage");
+  if (rest.layout === "pager") {
+    return /* @__PURE__ */ jsx(
+      Pager,
+      {
+        ...rest,
+        forwardedRef,
+        steps: stepsOf(items, selected, "left-to-right", (item, event) => {
+          onSelect == null ? void 0 : onSelect(item, event);
+          setSelected(items.indexOf(item));
+        })
+      }
+    );
+  }
+  const homepage = (_b = (_a = resource == null ? void 0 : resource.homepage) == null ? void 0 : _a[0]) == null ? void 0 : _b.id;
+  return /* @__PURE__ */ jsx(
+    ItemsView,
+    {
+      ...rest,
+      forwardedRef,
+      items,
+      selected: mode === "id" ? selected : -1,
+      navigation: mode,
+      request,
+      showSummary: !isViews,
+      heading: header && resource ? {
+        label: resource.label,
+        summary: resource.summary,
+        homepage
+      } : void 0,
+      onActivate: (item, event) => {
+        onSelect == null ? void 0 : onSelect(item, event);
+        setSelected(items.indexOf(item));
+      },
+      followFocus: (item) => setSelected(items.indexOf(item))
+    }
+  );
+}
+export {
+  StandaloneItems as default
+};

package/dist/components/Items/clamped.mjs

@@ -0,0 +1,90 @@
+"use client";
+import { hideUntilBack } from "../../ui/Tip.mjs";
+const ITEM = '.clover-items-item[role="option"], .clover-items-link';
+const watched = /* @__PURE__ */ new Map();
+let resized = null;
+let styled = null;
+let frame = 0;
+function measure(text) {
+  const entry = watched.get(text);
+  if (!entry) return;
+  const cut = text.clientHeight > 0 && text.scrollHeight > text.clientHeight + 1;
+  if (cut === entry.cut) return;
+  entry.cut = cut;
+  entry.change(cut);
+}
+function measureAll() {
+  cancelAnimationFrame(frame);
+  frame = requestAnimationFrame(
+    () => watched.forEach((_, text) => measure(text))
+  );
+}
+function hideFull(event) {
+  var _a, _b;
+  if (event.key !== "Escape") return;
+  const items = /* @__PURE__ */ new Set();
+  const focused = (_b = (_a = document.activeElement) == null ? void 0 : _a.closest) == null ? void 0 : _b.call(
+    _a,
+    ITEM
+  );
+  if (focused) items.add(focused);
+  try {
+    document.querySelectorAll(`:is(${ITEM}):hover`).forEach((item) => items.add(item));
+  } catch {
+  }
+  const shown = [...items].filter(
+    (item) => item.dataset.fullHidden === void 0 && item.querySelector(".clover-items-label-full")
+  );
+  if (!shown.length) return;
+  event.preventDefault();
+  event.stopPropagation();
+  shown.forEach(
+    (item) => hideUntilBack(item, "fullHidden", [
+      "pointerenter",
+      item === focused ? "blur" : "focus"
+    ])
+  );
+}
+function start() {
+  var _a, _b;
+  resized = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(
+    (entries) => entries.forEach((entry) => measure(entry.target))
+  );
+  styled = typeof MutationObserver === "undefined" ? null : new MutationObserver(measureAll);
+  styled == null ? void 0 : styled.observe(document.head, {
+    childList: true,
+    subtree: true,
+    characterData: true
+  });
+  styled == null ? void 0 : styled.observe(document.documentElement, {
+    attributes: true,
+    attributeFilter: ["style", "class"]
+  });
+  (_b = (_a = document.fonts) == null ? void 0 : _a.addEventListener) == null ? void 0 : _b.call(_a, "loadingdone", measureAll);
+  document.addEventListener("keydown", hideFull, true);
+}
+function stop() {
+  var _a, _b, _c;
+  cancelAnimationFrame(frame);
+  (_a = resized == null ? void 0 : resized.disconnect) == null ? void 0 : _a.call(resized);
+  styled == null ? void 0 : styled.disconnect();
+  resized = styled = null;
+  (_c = (_b = document.fonts) == null ? void 0 : _b.removeEventListener) == null ? void 0 : _c.call(_b, "loadingdone", measureAll);
+  document.removeEventListener("keydown", hideFull, true);
+}
+function watchClamp(text, change) {
+  var _a;
+  if (!watched.size) start();
+  watched.set(text, { change });
+  (_a = resized == null ? void 0 : resized.observe) == null ? void 0 : _a.call(resized, text);
+  measure(text);
+  return () => {
+    var _a2;
+    watched.delete(text);
+    (_a2 = resized == null ? void 0 : resized.unobserve) == null ? void 0 : _a2.call(resized, text);
+    if (!watched.size) stop();
+  };
+}
+export {
+  watchClamp
+};

package/dist/components/Label/Label.mjs

@@ -0,0 +1,39 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { selectCanvas } from "../../core/selectors.mjs";
+import { toPlainText } from "../../core/text.mjs";
+import { localize } from "../../core/value.mjs";
+import { join } from "../../lib/classnames.mjs";
+import { useOptionalCloverSelector, useOptionalClover } from "../../react/context.mjs";
+import { useProvider } from "../Primitives/resource.mjs";
+const Label = forwardRef(function Label2({ of = "manifest", label, as: Tag = "span", className, ...rest }, ref) {
+  var _a;
+  const fromRoot = useOptionalCloverSelector(
+    (state) => {
+      var _a2, _b;
+      return of === "canvas" ? (_a2 = selectCanvas(state.manifest, state.canvasId)) == null ? void 0 : _a2.label : (_b = state.manifest) == null ? void 0 : _b.label;
+    },
+    void 0
+  );
+  const provider = useProvider();
+  const language = (_a = useOptionalClover()) == null ? void 0 : _a.language;
+  const { text, lang } = localize(
+    label ?? (provider ? provider.label : fromRoot),
+    language
+  );
+  if (!text) return null;
+  return /* @__PURE__ */ jsx(
+    Tag,
+    {
+      ref,
+      className: join("clover-label", className),
+      lang,
+      ...rest,
+      children: toPlainText(text)
+    }
+  );
+});
+export {
+  Label
+};

package/dist/components/Map/LoadedMap.mjs

@@ -0,0 +1,26 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { ConnectedMap } from "./MapView.mjs";
+import { Root } from "../Root/Root.mjs";
+function LoadedMap({
+  iiifContent,
+  request,
+  language,
+  forwardedRef,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsx(
+    Root,
+    {
+      iiifContent,
+      request,
+      language,
+      annotationPages: "all",
+      style: { display: "contents" },
+      children: /* @__PURE__ */ jsx(ConnectedMap, { ...rest, scope: "all", forwardedRef })
+    }
+  );
+}
+export {
+  LoadedMap as default
+};

package/dist/components/Map/Map.mjs

@@ -0,0 +1,38 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { forwardRef, Suspense, lazy } from "react";
+import { ConnectedMap, GivenMap } from "./MapView.mjs";
+import { useOptionalClover } from "../../react/context.mjs";
+import { join } from "../../lib/classnames.mjs";
+const LoadedMap = lazy(() => import("./LoadedMap.mjs"));
+const CloverMap = forwardRef(
+  function CloverMap2(props, ref) {
+    const root = useOptionalClover();
+    const { iiifContent, request, language, ...rest } = props;
+    if (iiifContent !== void 0) {
+      return (
+        // Its box, while the Root's code loads: the page holds still around it.
+        /* @__PURE__ */ jsx(
+          Suspense,
+          {
+            fallback: /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: join("clover-geomap", rest.className),
+                "data-status": "loading",
+                style: rest.style,
+                children: /* @__PURE__ */ jsx("div", { style: { height: "var(--clover-map-height, 24rem)" } })
+              }
+            ),
+            children: /* @__PURE__ */ jsx(LoadedMap, { ...props, forwardedRef: ref })
+          }
+        )
+      );
+    }
+    const given = props.navPlace !== void 0 || props.georeferences !== void 0;
+    return root && !given ? /* @__PURE__ */ jsx(ConnectedMap, { ...rest, scope: "view", forwardedRef: ref }) : /* @__PURE__ */ jsx(GivenMap, { ...rest, forwardedRef: ref });
+  }
+);
+export {
+  CloverMap
+};