@annotorious/react 3.0.21 → 3.0.22

package/dist/annotorious-react.es13.js

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