@annotorious/react 3.3.3 → 3.3.5

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,269 +1,256 @@
-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 { isElement as F, getComputedStyle as Z } from "./annotorious-react.es17.js";
-import { getOverflowAncestors as xe } from "./annotorious-react.es17.js";
+import * as r from "react";
+import { useModernLayoutEffect as O, useEffectEvent as X } from "./annotorious-react.es17.js";
+import { jsxs as Y, jsx as P } from "react/jsx-runtime";
+import { isElement as I, getComputedStyle as q } from "./annotorious-react.es18.js";
+import { getOverflowAncestors as pe } from "./annotorious-react.es18.js";
 import "react-dom";
-import { useFloating as z } from "./annotorious-react.es15.js";
-import { arrow as we, flip as Ee, inline as Se, offset as Ie, shift as Fe } from "./annotorious-react.es15.js";
-const $ = {
-  ...s
-}, G = $.useInsertionEffect, J = G || ((t) => t());
-function K(t) {
-  const n = s.useRef(() => {
-    if (process.env.NODE_ENV !== "production")
-      throw new Error("Cannot call an event handler while rendering.");
-  });
-  return J(() => {
-    n.current = t;
-  }), s.useCallback(function() {
-    for (var c = arguments.length, e = new Array(c), o = 0; o < c; o++)
-      e[o] = arguments[o];
-    return n.current == null ? void 0 : n.current(...e);
-  }, []);
-}
-var M = typeof document < "u" ? k : q;
-let y = !1, _ = 0;
+import { useFloating as Q } from "./annotorious-react.es15.js";
+import { arrow as he, flip as xe, inline as ve, offset as Ce, shift as we } from "./annotorious-react.es15.js";
+const Z = {
+  ...r
+};
+let V = !1, z = 0;
 const W = () => (
   // Ensure the id is unique with multiple independent versions of Floating UI
   // on <React 18
-  "floating-ui-" + Math.random().toString(36).slice(2, 6) + _++
+  "floating-ui-" + Math.random().toString(36).slice(2, 6) + z++
 );
-function ee() {
-  const [t, n] = s.useState(() => y ? W() : void 0);
-  return M(() => {
-    t == null && n(W());
-  }, []), s.useEffect(() => {
-    y = !0;
+function G() {
+  const [t, o] = r.useState(() => V ? W() : void 0);
+  return O(() => {
+    t == null && o(W());
+  }, []), r.useEffect(() => {
+    V = !0;
   }, []), t;
 }
-const te = $.useId, B = te || ee;
-let P;
-process.env.NODE_ENV !== "production" && (P = /* @__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);
+const J = Z.useId, $ = J || G;
+let M;
+process.env.NODE_ENV !== "production" && (M = /* @__PURE__ */ new Set());
+function K() {
+  for (var t, o = arguments.length, l = new Array(o), e = 0; e < o; e++)
+    l[e] = arguments[e];
+  const s = "Floating UI: " + l.join(" ");
+  if (!((t = M) != null && t.has(s))) {
+    var c;
+    (c = M) == null || c.add(s), console.warn(s);
   }
 }
-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);
+function _() {
+  for (var t, o = arguments.length, l = new Array(o), e = 0; e < o; e++)
+    l[e] = arguments[e];
+  const s = "Floating UI: " + l.join(" ");
+  if (!((t = M) != null && t.has(s))) {
+    var c;
+    (c = M) == null || c.add(s), console.error(s);
   }
 }
-const pe = /* @__PURE__ */ s.forwardRef(function(n, c) {
+const ue = /* @__PURE__ */ r.forwardRef(function(o, l) {
   const {
     context: {
       placement: e,
       elements: {
-        floating: o
+        floating: s
       },
       middlewareData: {
-        arrow: i,
+        arrow: c,
         shift: u
       }
     },
-    width: l = 14,
+    width: f = 14,
     height: a = 7,
-    tipRadius: I = 0,
+    tipRadius: F = 0,
     strokeWidth: d = 0,
     staticOffset: g,
-    stroke: h,
-    d: r,
+    stroke: R,
+    d: n,
     style: {
       transform: p,
-      ...R
+      ...h
     } = {},
-    ...v
-  } = n;
-  process.env.NODE_ENV !== "production" && (c || ne("The `ref` prop is required for `FloatingArrow`."));
-  const x = B(), [E, f] = s.useState(!1);
-  if (M(() => {
-    if (!o) return;
-    Z(o).direction === "rtl" && f(!0);
-  }, [o]), !o)
+    ...x
+  } = o;
+  process.env.NODE_ENV !== "production" && (l || K("The `ref` prop is required for `FloatingArrow`."));
+  const v = $(), [E, i] = r.useState(!1);
+  if (O(() => {
+    if (!s) return;
+    q(s).direction === "rtl" && i(!0);
+  }, [s]), !s)
     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, T = f / 2 * (F / -8 + 1), y = a / 2 * F / 4, w = !!n, k = S && D === "end" ? "bottom" : "top";
+  let A = S && D === "end" ? "right" : "left";
+  S && E && (A = D === "end" ? "left" : "right");
+  const B = (c == null ? void 0 : c.x) != null ? S || c.x : "", U = (c == null ? void 0 : c.y) != null ? S || c.y : "", L = n || "M0,0" + (" H" + f) + (" L" + (f - T) + "," + (a - y)) + (" Q" + f / 2 + "," + a + " " + T + "," + (a - y)) + " Z", H = {
     top: w ? "rotate(180deg)" : "",
     left: w ? "rotate(90deg)" : "rotate(-90deg)",
     bottom: w ? "" : "rotate(180deg)",
     right: w ? "rotate(-90deg)" : "rotate(90deg)"
   }[m];
-  return /* @__PURE__ */ Q("svg", {
-    ...v,
+  return /* @__PURE__ */ Y("svg", {
+    ...x,
     "aria-hidden": !0,
-    ref: c,
-    width: w ? l : l + C,
-    height: l,
-    viewBox: "0 0 " + l + " " + (a > l ? a : l),
+    ref: 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)",
-      transform: [Y, p].filter((j) => !!j).join(" "),
-      ...R
+      [A]: B,
+      [k]: U,
+      [m]: N || w ? "100%" : "calc(100% - " + C / 2 + "px)",
+      transform: [H, p].filter((j) => !!j).join(" "),
+      ...h
     },
-    children: [C > 0 && /* @__PURE__ */ O("path", {
-      clipPath: "url(#" + x + ")",
+    children: [C > 0 && /* @__PURE__ */ P("path", {
+      clipPath: "url(#" + v + ")",
       fill: "none",
-      stroke: h,
-      strokeWidth: C + (r ? 0 : 1),
-      d: V
-    }), /* @__PURE__ */ O("path", {
-      stroke: C && !r ? v.fill : "none",
-      d: V
-    }), /* @__PURE__ */ O("clipPath", {
-      id: x,
-      children: /* @__PURE__ */ O("rect", {
-        x: -N,
-        y: N * (w ? -1 : 1),
-        width: l + C,
-        height: l
+      stroke: R,
+      strokeWidth: C + (n ? 0 : 1),
+      d: L
+    }), /* @__PURE__ */ P("path", {
+      stroke: C && !n ? x.fill : "none",
+      d: L
+    }), /* @__PURE__ */ P("clipPath", {
+      id: v,
+      children: /* @__PURE__ */ P("rect", {
+        x: -b,
+        y: b * (w ? -1 : 1),
+        width: f + C,
+        height: f
       })
     })]
   });
 });
-function re() {
+function ee() {
   const t = /* @__PURE__ */ new Map();
   return {
-    emit(n, c) {
+    emit(o, l) {
       var e;
-      (e = t.get(n)) == null || e.forEach((o) => o(c));
+      (e = t.get(o)) == null || e.forEach((s) => s(l));
     },
-    on(n, c) {
-      t.set(n, [...t.get(n) || [], c]);
+    on(o, l) {
+      t.has(o) || t.set(o, /* @__PURE__ */ new Set()), t.get(o).add(l);
     },
-    off(n, c) {
+    off(o, l) {
       var e;
-      t.set(n, ((e = t.get(n)) == null ? void 0 : e.filter((o) => o !== c)) || []);
+      (e = t.get(o)) == null || e.delete(l);
     }
   };
 }
-const se = /* @__PURE__ */ s.createContext(null), ce = /* @__PURE__ */ s.createContext(null), ie = () => {
+const te = /* @__PURE__ */ r.createContext(null), ne = /* @__PURE__ */ r.createContext(null), oe = () => {
   var t;
-  return ((t = s.useContext(se)) == null ? void 0 : t.id) || null;
-}, le = () => s.useContext(ce);
-function fe(t) {
+  return ((t = r.useContext(te)) == null ? void 0 : t.id) || null;
+}, re = () => r.useContext(ne);
+function se(t) {
   const {
-    open: n = !1,
-    onOpenChange: c,
+    open: o = !1,
+    onOpenChange: l,
     elements: e
-  } = t, o = B(), i = s.useRef({}), [u] = s.useState(() => re()), l = ie() != null;
+  } = t, s = $(), c = r.useRef({}), [u] = r.useState(() => ee()), f = oe() != 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 n = e.reference;
+    n && !I(n) && _("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", {
-      open: r,
+  const [a, F] = r.useState(e.reference), d = X((n, p, h) => {
+    c.current.openEvent = n ? p : void 0, u.emit("openchange", {
+      open: n,
       event: p,
-      reason: R,
-      nested: l
-    }), c == null || c(r, p, R);
-  }), g = s.useMemo(() => ({
-    setPositionReference: I
-  }), []), h = s.useMemo(() => ({
+      reason: h,
+      nested: f
+    }), l == null || l(n, p, h);
+  }), g = r.useMemo(() => ({
+    setPositionReference: F
+  }), []), R = r.useMemo(() => ({
     reference: a || e.reference || null,
     floating: e.floating || null,
     domReference: e.reference
   }), [a, e.reference, e.floating]);
-  return s.useMemo(() => ({
-    dataRef: i,
-    open: n,
+  return r.useMemo(() => ({
+    dataRef: c,
+    open: o,
     onOpenChange: d,
-    elements: h,
+    elements: R,
     events: u,
-    floatingId: o,
+    floatingId: s,
     refs: g
-  }), [n, d, h, u, o, g]);
+  }), [o, d, R, u, s, g]);
 }
-function he(t) {
+function de(t) {
   t === void 0 && (t = {});
   const {
-    nodeId: n
-  } = t, c = fe({
+    nodeId: o
+  } = t, l = se({
     ...t,
     elements: {
       reference: null,
       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();
-  M(() => {
+  }), e = t.rootContext || l, s = e.elements, [c, u] = r.useState(null), [f, a] = r.useState(null), d = (s == null ? void 0 : s.domReference) || c, g = r.useRef(null), R = re();
+  O(() => {
     d && (g.current = d);
   }, [d]);
-  const r = z({
+  const n = Q({
     ...t,
     elements: {
-      ...o,
-      ...l && {
-        reference: l
+      ...s,
+      ...f && {
+        reference: f
       }
     }
-  }), p = s.useCallback((f) => {
-    const m = F(f) ? {
-      getBoundingClientRect: () => f.getBoundingClientRect(),
-      contextElement: f
-    } : f;
-    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
+  }), p = r.useCallback((i) => {
+    const m = I(i) ? {
+      getBoundingClientRect: () => i.getBoundingClientRect(),
+      getClientRects: () => i.getClientRects(),
+      contextElement: i
+    } : i;
+    a(m), n.refs.setReference(m);
+  }, [n.refs]), h = r.useCallback((i) => {
+    (I(i) || i === null) && (g.current = i, u(i)), (I(n.refs.reference.current) || n.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);
-  }, [r.refs]), v = s.useMemo(() => ({
-    ...r.refs,
-    setReference: R,
+    i !== null && !I(i)) && n.refs.setReference(i);
+  }, [n.refs]), x = r.useMemo(() => ({
+    ...n.refs,
+    setReference: h,
     setPositionReference: p,
     domReference: g
-  }), [r.refs, R, p]), x = s.useMemo(() => ({
-    ...r.elements,
+  }), [n.refs, h, p]), v = r.useMemo(() => ({
+    ...n.elements,
     domReference: d
-  }), [r.elements, d]), E = s.useMemo(() => ({
-    ...r,
+  }), [n.elements, d]), E = r.useMemo(() => ({
+    ...n,
     ...e,
-    refs: v,
-    elements: x,
-    nodeId: n
-  }), [r, v, x, n, e]);
-  return M(() => {
+    refs: x,
+    elements: v,
+    nodeId: o
+  }), [n, x, v, o, e]);
+  return O(() => {
     e.dataRef.current.floatingContext = E;
-    const f = h == null ? void 0 : h.nodesRef.current.find((m) => m.id === n);
-    f && (f.context = E);
-  }), s.useMemo(() => ({
-    ...r,
+    const i = R == null ? void 0 : R.nodesRef.current.find((m) => m.id === o);
+    i && (i.context = E);
+  }), r.useMemo(() => ({
+    ...n,
     context: E,
-    refs: v,
-    elements: x
-  }), [r, v, x, E]);
+    refs: x,
+    elements: v
+  }), [n, x, v, E]);
 }
 export {
-  pe as FloatingArrow,
-  we as arrow,
-  Ee as flip,
-  xe as getOverflowAncestors,
-  Se as inline,
-  Ie as offset,
-  Fe as shift,
-  he as useFloating,
-  ie as useFloatingParentNodeId,
-  fe as useFloatingRootContext,
-  le as useFloatingTree,
-  B as useId
+  ue as FloatingArrow,
+  he as arrow,
+  xe as flip,
+  pe as getOverflowAncestors,
+  ve as inline,
+  Ce as offset,
+  we as shift,
+  de as useFloating,
+  oe as useFloatingParentNodeId,
+  se as useFloatingRootContext,
+  re as useFloatingTree,
+  $ as useId
 };
 //# sourceMappingURL=annotorious-react.es12.js.map