@annotorious/react 3.3.3 → 3.3.4

package/dist/annotorious-react.es.js

@@ -1,43 +1,49 @@
-import { Annotorious as r, AnnotoriousContext as a, useAnnotation as p, useAnnotationSelectAction as i, useAnnotationStore as u, useAnnotations as s, useAnnotator as m, useAnnotatorUser as A, useHover as S, useSelection as x, useViewportState as c } from "./annotorious-react.es2.js";
-import { AnnotoriousPlugin as g } from "./annotorious-react.es3.js";
+import { Annotorious as r, AnnotoriousContext as a, useAnnotation as i, useAnnotationSelectAction as p, useAnnotationStore as s, useAnnotations as m, useAnnotator as u, useAnnotatorUser as A, useHover as S, useSelection as l, useViewportState as c } from "./annotorious-react.es2.js";
+import { AnnotoriousPlugin as x } from "./annotorious-react.es3.js";
 import { ImageAnnotationPopup as d } from "./annotorious-react.es4.js";
-import { ImageAnnotator as O } from "./annotorious-react.es5.js";
+import { ImageAnnotator as I } from "./annotorious-react.es5.js";
 /* empty css                      */
 /* empty css                      */
-import { Origin as I, UserSelectAction as P, createAnonymousGuest as w, createBody as V, defaultColorProvider as h } from "@annotorious/core";
-import { ShapeType as U, W3CImageFormat as B, chainStyles as F, computeStyle as G, createImageAnnotator as H } from "@annotorious/annotorious";
-import { OpenSeadragonAnnotator as W, OpenSeadragonAnnotatorContext as b, useViewer as j } from "./annotorious-react.es8.js";
-import { OpenSeadragonAnnotationPopup as q } from "./annotorious-react.es9.js";
-import { OpenSeadragonViewer as D } from "./annotorious-react.es10.js";
+import { Origin as O, UserSelectAction as V, createAnonymousGuest as P, createBody as w, defaultColorProvider as z } from "@annotorious/core";
+import { ShapeType as G, W3CImageFormat as W, chainStyles as h, computeStyle as v, createImageAnnotator as U, parseFragmentSelector as B, parseSVGSelector as H, parseW3CImageAnnotation as T, serializeFragmentSelector as b, serializeSVGSelector as j, serializeW3CImageAnnotation as k } from "@annotorious/annotorious";
+import { OpenSeadragonAnnotator as D, OpenSeadragonAnnotatorContext as E, useViewer as J } from "./annotorious-react.es8.js";
+import { OpenSeadragonAnnotationPopup as L } from "./annotorious-react.es9.js";
+import { OpenSeadragonViewer as N } from "./annotorious-react.es10.js";
 export {
   r as Annotorious,
   a as AnnotoriousContext,
-  g as AnnotoriousPlugin,
+  x as AnnotoriousPlugin,
   d as ImageAnnotationPopup,
-  O as ImageAnnotator,
-  q as OpenSeadragonAnnotationPopup,
-  W as OpenSeadragonAnnotator,
-  b as OpenSeadragonAnnotatorContext,
-  D as OpenSeadragonViewer,
-  I as Origin,
-  U as ShapeType,
-  P as UserSelectAction,
-  B as W3CImageFormat,
-  F as chainStyles,
-  G as computeStyle,
-  w as createAnonymousGuest,
-  V as createBody,
-  H as createImageAnnotator,
-  h as defaultColorProvider,
-  p as useAnnotation,
-  i as useAnnotationSelectAction,
-  u as useAnnotationStore,
-  s as useAnnotations,
-  m as useAnnotator,
+  I as ImageAnnotator,
+  L as OpenSeadragonAnnotationPopup,
+  D as OpenSeadragonAnnotator,
+  E as OpenSeadragonAnnotatorContext,
+  N as OpenSeadragonViewer,
+  O as Origin,
+  G as ShapeType,
+  V as UserSelectAction,
+  W as W3CImageFormat,
+  h as chainStyles,
+  v as computeStyle,
+  P as createAnonymousGuest,
+  w as createBody,
+  U as createImageAnnotator,
+  z as defaultColorProvider,
+  B as parseFragmentSelector,
+  H as parseSVGSelector,
+  T as parseW3CImageAnnotation,
+  b as serializeFragmentSelector,
+  j as serializeSVGSelector,
+  k as serializeW3CImageAnnotation,
+  i as useAnnotation,
+  p as useAnnotationSelectAction,
+  s as useAnnotationStore,
+  m as useAnnotations,
+  u as useAnnotator,
   A as useAnnotatorUser,
   S as useHover,
-  x as useSelection,
-  j as useViewer,
+  l as useSelection,
+  J as useViewer,
   c as useViewportState
 };
 //# sourceMappingURL=annotorious-react.es.js.map

package/dist/annotorious-react.es12.js

@@ -1,6 +1,6 @@
 import * as s from "react";
 import { useLayoutEffect as k, useEffect as q } from "react";
-import { jsxs as Q, jsx as O } from "react/jsx-runtime";
+import { jsxs as Q, jsx as P } from "react/jsx-runtime";
 import { isElement as F, getComputedStyle as Z } from "./annotorious-react.es17.js";
 import { getOverflowAncestors as xe } from "./annotorious-react.es17.js";
 import "react-dom";
@@ -38,24 +38,24 @@ function ee() {
   }, []), t;
 }
 const te = $.useId, B = te || ee;
-let P;
-process.env.NODE_ENV !== "production" && (P = /* @__PURE__ */ new Set());
+let O;
+process.env.NODE_ENV !== "production" && (O = /* @__PURE__ */ new Set());
 function ne() {
   for (var t, n = arguments.length, c = new Array(n), e = 0; e < n; e++)
     c[e] = arguments[e];
   const o = "Floating UI: " + c.join(" ");
-  if (!((t = P) != null && t.has(o))) {
-    var i;
-    (i = P) == null || i.add(o), console.warn(o);
+  if (!((t = O) != null && t.has(o))) {
+    var l;
+    (l = O) == null || l.add(o), console.warn(o);
   }
 }
 function oe() {
   for (var t, n = arguments.length, c = new Array(n), e = 0; e < n; e++)
     c[e] = arguments[e];
   const o = "Floating UI: " + c.join(" ");
-  if (!((t = P) != null && t.has(o))) {
-    var i;
-    (i = P) == null || i.add(o), console.error(o);
+  if (!((t = O) != null && t.has(o))) {
+    var l;
+    (l = O) == null || l.add(o), console.error(o);
   }
 }
 const pe = /* @__PURE__ */ s.forwardRef(function(n, c) {
@@ -66,11 +66,11 @@ const pe = /* @__PURE__ */ s.forwardRef(function(n, c) {
         floating: o
       },
       middlewareData: {
-        arrow: i,
+        arrow: l,
         shift: u
       }
     },
-    width: l = 14,
+    width: f = 14,
     height: a = 7,
     tipRadius: I = 0,
     strokeWidth: d = 0,
@@ -84,19 +84,19 @@ const pe = /* @__PURE__ */ s.forwardRef(function(n, c) {
     ...v
   } = n;
   process.env.NODE_ENV !== "production" && (c || ne("The `ref` prop is required for `FloatingArrow`."));
-  const x = B(), [E, f] = s.useState(!1);
+  const x = B(), [E, i] = s.useState(!1);
   if (M(() => {
     if (!o) return;
-    Z(o).direction === "rtl" && f(!0);
+    Z(o).direction === "rtl" && i(!0);
   }, [o]), !o)
     return null;
-  const [m, b] = e.split("-"), D = m === "top" || m === "bottom";
+  const [m, D] = e.split("-"), N = m === "top" || m === "bottom";
   let S = g;
-  (D && u != null && u.x || !D && u != null && u.y) && (S = null);
-  const C = d * 2, N = C / 2, A = l / 2 * (I / -8 + 1), T = a / 2 * I / 4, w = !!r, U = S && b === "end" ? "bottom" : "top";
-  let L = S && b === "end" ? "right" : "left";
-  S && E && (L = b === "end" ? "left" : "right");
-  const H = (i == null ? void 0 : i.x) != null ? S || i.x : "", X = (i == null ? void 0 : i.y) != null ? S || i.y : "", V = r || "M0,0" + (" H" + l) + (" L" + (l - A) + "," + (a - T)) + (" Q" + l / 2 + "," + a + " " + A + "," + (a - T)) + " Z", Y = {
+  (N && u != null && u.x || !N && u != null && u.y) && (S = null);
+  const C = d * 2, b = C / 2, A = f / 2 * (I / -8 + 1), T = a / 2 * I / 4, w = !!r, U = S && D === "end" ? "bottom" : "top";
+  let L = S && D === "end" ? "right" : "left";
+  S && E && (L = D === "end" ? "left" : "right");
+  const H = (l == null ? void 0 : l.x) != null ? S || l.x : "", X = (l == null ? void 0 : l.y) != null ? S || l.y : "", V = r || "M0,0" + (" H" + f) + (" L" + (f - A) + "," + (a - T)) + (" Q" + f / 2 + "," + a + " " + A + "," + (a - T)) + " Z", Y = {
     top: w ? "rotate(180deg)" : "",
     left: w ? "rotate(90deg)" : "rotate(-90deg)",
     bottom: w ? "" : "rotate(180deg)",
@@ -106,34 +106,34 @@ const pe = /* @__PURE__ */ s.forwardRef(function(n, c) {
     ...v,
     "aria-hidden": !0,
     ref: c,
-    width: w ? l : l + C,
-    height: l,
-    viewBox: "0 0 " + l + " " + (a > l ? a : l),
+    width: w ? f : f + C,
+    height: f,
+    viewBox: "0 0 " + f + " " + (a > f ? a : f),
     style: {
       position: "absolute",
       pointerEvents: "none",
       [L]: H,
       [U]: X,
-      [m]: D || w ? "100%" : "calc(100% - " + C / 2 + "px)",
+      [m]: N || w ? "100%" : "calc(100% - " + C / 2 + "px)",
       transform: [Y, p].filter((j) => !!j).join(" "),
       ...R
     },
-    children: [C > 0 && /* @__PURE__ */ O("path", {
+    children: [C > 0 && /* @__PURE__ */ P("path", {
       clipPath: "url(#" + x + ")",
       fill: "none",
       stroke: h,
       strokeWidth: C + (r ? 0 : 1),
       d: V
-    }), /* @__PURE__ */ O("path", {
+    }), /* @__PURE__ */ P("path", {
       stroke: C && !r ? v.fill : "none",
       d: V
-    }), /* @__PURE__ */ O("clipPath", {
+    }), /* @__PURE__ */ P("clipPath", {
       id: x,
-      children: /* @__PURE__ */ O("rect", {
-        x: -N,
-        y: N * (w ? -1 : 1),
-        width: l + C,
-        height: l
+      children: /* @__PURE__ */ P("rect", {
+        x: -b,
+        y: b * (w ? -1 : 1),
+        width: f + C,
+        height: f
       })
     })]
   });
@@ -146,11 +146,11 @@ function re() {
       (e = t.get(n)) == null || e.forEach((o) => o(c));
     },
     on(n, c) {
-      t.set(n, [...t.get(n) || [], c]);
+      t.has(n) || t.set(n, /* @__PURE__ */ new Set()), t.get(n).add(c);
     },
     off(n, c) {
       var e;
-      t.set(n, ((e = t.get(n)) == null ? void 0 : e.filter((o) => o !== c)) || []);
+      (e = t.get(n)) == null || e.delete(c);
     }
   };
 }
@@ -163,17 +163,17 @@ function fe(t) {
     open: n = !1,
     onOpenChange: c,
     elements: e
-  } = t, o = B(), i = s.useRef({}), [u] = s.useState(() => re()), l = ie() != null;
+  } = t, o = B(), l = s.useRef({}), [u] = s.useState(() => re()), f = ie() != null;
   if (process.env.NODE_ENV !== "production") {
     const r = e.reference;
     r && !F(r) && oe("Cannot pass a virtual element to the `elements.reference` option,", "as it must be a real DOM element. Use `refs.setPositionReference()`", "instead.");
   }
   const [a, I] = s.useState(e.reference), d = K((r, p, R) => {
-    i.current.openEvent = r ? p : void 0, u.emit("openchange", {
+    l.current.openEvent = r ? p : void 0, u.emit("openchange", {
       open: r,
       event: p,
       reason: R,
-      nested: l
+      nested: f
     }), c == null || c(r, p, R);
   }), g = s.useMemo(() => ({
     setPositionReference: I
@@ -183,7 +183,7 @@ function fe(t) {
     domReference: e.reference
   }), [a, e.reference, e.floating]);
   return s.useMemo(() => ({
-    dataRef: i,
+    dataRef: l,
     open: n,
     onOpenChange: d,
     elements: h,
@@ -203,7 +203,7 @@ function he(t) {
       floating: null,
       ...t.elements
     }
-  }), e = t.rootContext || c, o = e.elements, [i, u] = s.useState(null), [l, a] = s.useState(null), d = (o == null ? void 0 : o.domReference) || i, g = s.useRef(null), h = le();
+  }), e = t.rootContext || c, o = e.elements, [l, u] = s.useState(null), [f, a] = s.useState(null), d = (o == null ? void 0 : o.domReference) || l, g = s.useRef(null), h = le();
   M(() => {
     d && (g.current = d);
   }, [d]);
@@ -211,21 +211,22 @@ function he(t) {
     ...t,
     elements: {
       ...o,
-      ...l && {
-        reference: l
+      ...f && {
+        reference: f
       }
     }
-  }), p = s.useCallback((f) => {
-    const m = F(f) ? {
-      getBoundingClientRect: () => f.getBoundingClientRect(),
-      contextElement: f
-    } : f;
+  }), p = s.useCallback((i) => {
+    const m = F(i) ? {
+      getBoundingClientRect: () => i.getBoundingClientRect(),
+      getClientRects: () => i.getClientRects(),
+      contextElement: i
+    } : i;
     a(m), r.refs.setReference(m);
-  }, [r.refs]), R = s.useCallback((f) => {
-    (F(f) || f === null) && (g.current = f, u(f)), (F(r.refs.reference.current) || r.refs.reference.current === null || // Don't allow setting virtual elements using the old technique back to
+  }, [r.refs]), R = s.useCallback((i) => {
+    (F(i) || i === null) && (g.current = i, u(i)), (F(r.refs.reference.current) || r.refs.reference.current === null || // Don't allow setting virtual elements using the old technique back to
     // `null` to support `positionReference` + an unstable `reference`
     // callback ref.
-    f !== null && !F(f)) && r.refs.setReference(f);
+    i !== null && !F(i)) && r.refs.setReference(i);
   }, [r.refs]), v = s.useMemo(() => ({
     ...r.refs,
     setReference: R,
@@ -243,8 +244,8 @@ function he(t) {
   }), [r, v, x, n, e]);
   return M(() => {
     e.dataRef.current.floatingContext = E;
-    const f = h == null ? void 0 : h.nodesRef.current.find((m) => m.id === n);
-    f && (f.context = E);
+    const i = h == null ? void 0 : h.nodesRef.current.find((m) => m.id === n);
+    i && (i.context = E);
   }), s.useMemo(() => ({
     ...r,
     context: E,