@annotorious/react 3.0.4 → 3.0.6

package/dist/annotorious-react.es16.js

@@ -1,65 +1,65 @@
-import { offset as et, shift as it, flip as nt, inline as ot, arrow as st, computePosition as rt } from "./annotorious-react.es28.js";
-import { createCoords as b, rectToClientRect as X, round as D, floor as A, max as T, min as z } from "./annotorious-react.es27.js";
-import { getOverflowAncestors as $, isElement as x, getWindow as E, getFrameElement as U, getComputedStyle as y, getDocumentElement as C, isHTMLElement as R, isWebKit as j, isTopLayer as S, getNodeName as M, isOverflowElement as _, getNodeScroll as H, getParentNode as W, isLastTraversableNode as N, isTableElement as ct, isContainingBlock as G, getContainingBlock as lt } from "./annotorious-react.es21.js";
+import { offset as et, shift as nt, flip as it, inline as ot, arrow as st, computePosition as rt } from "./annotorious-react.es28.js";
+import { createCoords as R, rectToClientRect as Y, round as A, floor as D, max as E, min as z } from "./annotorious-react.es27.js";
+import { getOverflowAncestors as $, isElement as y, getWindow as L, getFrameElement as U, getComputedStyle as x, getDocumentElement as b, isHTMLElement as C, isWebKit as j, isTopLayer as M, getNodeName as _, isOverflowElement as k, getNodeScroll as H, getParentNode as W, isLastTraversableNode as N, isTableElement as ct, isContainingBlock as G, getContainingBlock as lt } from "./annotorious-react.es21.js";
 function J(t) {
-  const e = y(t);
+  const e = x(t);
   let n = parseFloat(e.width) || 0, i = parseFloat(e.height) || 0;
-  const o = R(t), c = o ? t.offsetWidth : n, s = o ? t.offsetHeight : i, r = D(n) !== c || D(i) !== s;
+  const o = C(t), c = o ? t.offsetWidth : n, s = o ? t.offsetHeight : i, r = A(n) !== c || A(i) !== s;
   return r && (n = c, i = s), {
     width: n,
     height: i,
     $: r
   };
 }
-function k(t) {
-  return x(t) ? t : t.contextElement;
+function q(t) {
+  return y(t) ? t : t.contextElement;
 }
 function F(t) {
-  const e = k(t);
-  if (!R(e))
-    return b(1);
+  const e = q(t);
+  if (!C(e))
+    return R(1);
   const n = e.getBoundingClientRect(), {
     width: i,
     height: o,
     $: c
   } = J(e);
-  let s = (c ? D(n.width) : n.width) / i, r = (c ? D(n.height) : n.height) / o;
+  let s = (c ? A(n.width) : n.width) / i, r = (c ? A(n.height) : n.height) / o;
   return (!s || !Number.isFinite(s)) && (s = 1), (!r || !Number.isFinite(r)) && (r = 1), {
     x: s,
     y: r
   };
 }
-const ft = /* @__PURE__ */ b(0);
+const ft = /* @__PURE__ */ R(0);
 function Q(t) {
-  const e = E(t);
+  const e = L(t);
   return !j() || !e.visualViewport ? ft : {
     x: e.visualViewport.offsetLeft,
     y: e.visualViewport.offsetTop
   };
 }
 function ut(t, e, n) {
-  return e === void 0 && (e = !1), !n || e && n !== E(t) ? !1 : e;
+  return e === void 0 && (e = !1), !n || e && n !== L(t) ? !1 : e;
 }
-function L(t, e, n, i) {
+function T(t, e, n, i) {
   e === void 0 && (e = !1), n === void 0 && (n = !1);
-  const o = t.getBoundingClientRect(), c = k(t);
-  let s = b(1);
-  e && (i ? x(i) && (s = F(i)) : s = F(t));
-  const r = ut(c, n, i) ? Q(c) : b(0);
-  let l = (o.left + r.x) / s.x, f = (o.top + r.y) / s.y, u = o.width / s.x, h = o.height / s.y;
+  const o = t.getBoundingClientRect(), c = q(t);
+  let s = R(1);
+  e && (i ? y(i) && (s = F(i)) : s = F(t));
+  const r = ut(c, n, i) ? Q(c) : R(0);
+  let f = (o.left + r.x) / s.x, l = (o.top + r.y) / s.y, u = o.width / s.x, a = o.height / s.y;
   if (c) {
-    const m = E(c), g = i && x(i) ? E(i) : i;
-    let v = m, a = U(v);
-    for (; a && i && g !== v; ) {
-      const p = F(a), d = a.getBoundingClientRect(), w = y(a), O = d.left + (a.clientLeft + parseFloat(w.paddingLeft)) * p.x, B = d.top + (a.clientTop + parseFloat(w.paddingTop)) * p.y;
-      l *= p.x, f *= p.y, u *= p.x, h *= p.y, l += O, f += B, v = E(a), a = U(v);
+    const p = L(c), h = i && y(i) ? L(i) : i;
+    let v = p, d = U(v);
+    for (; d && i && h !== v; ) {
+      const w = F(d), g = d.getBoundingClientRect(), m = x(d), O = g.left + (d.clientLeft + parseFloat(m.paddingLeft)) * w.x, B = g.top + (d.clientTop + parseFloat(m.paddingTop)) * w.y;
+      f *= w.x, l *= w.y, u *= w.x, a *= w.y, f += O, l += B, v = L(d), d = U(v);
     }
   }
-  return X({
+  return Y({
     width: u,
-    height: h,
-    x: l,
-    y: f
+    height: a,
+    x: f,
+    y: l
   });
 }
 function ht(t) {
@@ -69,36 +69,37 @@ function ht(t) {
     offsetParent: i,
     strategy: o
   } = t;
-  const c = o === "fixed", s = C(i), r = e ? S(e.floating) : !1;
+  const c = o === "fixed", s = b(i), r = e ? M(e.floating) : !1;
   if (i === s || r && c)
     return n;
-  let l = {
+  let f = {
     scrollLeft: 0,
     scrollTop: 0
-  }, f = b(1);
-  const u = b(0), h = R(i);
-  if ((h || !h && !c) && ((M(i) !== "body" || _(s)) && (l = H(i)), R(i))) {
-    const m = L(i);
-    f = F(i), u.x = m.x + i.clientLeft, u.y = m.y + i.clientTop;
+  }, l = R(1);
+  const u = R(0), a = C(i);
+  if ((a || !a && !c) && ((_(i) !== "body" || k(s)) && (f = H(i)), C(i))) {
+    const p = T(i);
+    l = F(i), u.x = p.x + i.clientLeft, u.y = p.y + i.clientTop;
   }
   return {
-    width: n.width * f.x,
-    height: n.height * f.y,
-    x: n.x * f.x - l.scrollLeft * f.x + u.x,
-    y: n.y * f.y - l.scrollTop * f.y + u.y
+    width: n.width * l.x,
+    height: n.height * l.y,
+    x: n.x * l.x - f.scrollLeft * l.x + u.x,
+    y: n.y * l.y - f.scrollTop * l.y + u.y
   };
 }
 function at(t) {
   return Array.from(t.getClientRects());
 }
-function Y(t) {
-  return L(C(t)).left + H(t).scrollLeft;
+function S(t, e) {
+  const n = H(t).scrollLeft;
+  return e ? e.left + n : T(b(t)).left + n;
 }
 function dt(t) {
-  const e = C(t), n = H(t), i = t.ownerDocument.body, o = T(e.scrollWidth, e.clientWidth, i.scrollWidth, i.clientWidth), c = T(e.scrollHeight, e.clientHeight, i.scrollHeight, i.clientHeight);
-  let s = -n.scrollLeft + Y(t);
+  const e = b(t), n = H(t), i = t.ownerDocument.body, o = E(e.scrollWidth, e.clientWidth, i.scrollWidth, i.clientWidth), c = E(e.scrollHeight, e.clientHeight, i.scrollHeight, i.clientHeight);
+  let s = -n.scrollLeft + S(t);
   const r = -n.scrollTop;
-  return y(i).direction === "rtl" && (s += T(e.clientWidth, i.clientWidth) - o), {
+  return x(i).direction === "rtl" && (s += E(e.clientWidth, i.clientWidth) - o), {
     width: o,
     height: c,
     x: s,
@@ -106,36 +107,36 @@ function dt(t) {
   };
 }
 function gt(t, e) {
-  const n = E(t), i = C(t), o = n.visualViewport;
-  let c = i.clientWidth, s = i.clientHeight, r = 0, l = 0;
+  const n = L(t), i = b(t), o = n.visualViewport;
+  let c = i.clientWidth, s = i.clientHeight, r = 0, f = 0;
   if (o) {
     c = o.width, s = o.height;
-    const f = j();
-    (!f || f && e === "fixed") && (r = o.offsetLeft, l = o.offsetTop);
+    const l = j();
+    (!l || l && e === "fixed") && (r = o.offsetLeft, f = o.offsetTop);
   }
   return {
     width: c,
     height: s,
     x: r,
-    y: l
+    y: f
   };
 }
 function pt(t, e) {
-  const n = L(t, !0, e === "fixed"), i = n.top + t.clientTop, o = n.left + t.clientLeft, c = R(t) ? F(t) : b(1), s = t.clientWidth * c.x, r = t.clientHeight * c.y, l = o * c.x, f = i * c.y;
+  const n = T(t, !0, e === "fixed"), i = n.top + t.clientTop, o = n.left + t.clientLeft, c = C(t) ? F(t) : R(1), s = t.clientWidth * c.x, r = t.clientHeight * c.y, f = o * c.x, l = i * c.y;
   return {
     width: s,
     height: r,
-    x: l,
-    y: f
+    x: f,
+    y: l
   };
 }
-function K(t, e, n) {
+function X(t, e, n) {
   let i;
   if (e === "viewport")
     i = gt(t, n);
   else if (e === "document")
-    i = dt(C(t));
-  else if (x(e))
+    i = dt(b(t));
+  else if (y(e))
     i = pt(e, n);
   else {
     const o = Q(t);
@@ -145,22 +146,22 @@ function K(t, e, n) {
       y: e.y - o.y
     };
   }
-  return X(i);
+  return Y(i);
 }
 function Z(t, e) {
   const n = W(t);
-  return n === e || !x(n) || N(n) ? !1 : y(n).position === "fixed" || Z(n, e);
+  return n === e || !y(n) || N(n) ? !1 : x(n).position === "fixed" || Z(n, e);
 }
 function wt(t, e) {
   const n = e.get(t);
   if (n)
     return n;
-  let i = $(t, [], !1).filter((r) => x(r) && M(r) !== "body"), o = null;
-  const c = y(t).position === "fixed";
+  let i = $(t, [], !1).filter((r) => y(r) && _(r) !== "body"), o = null;
+  const c = x(t).position === "fixed";
   let s = c ? W(t) : t;
-  for (; x(s) && !N(s); ) {
-    const r = y(s), l = G(s);
-    !l && r.position === "fixed" && (o = null), (c ? !l && !o : !l && r.position === "static" && !!o && ["absolute", "fixed"].includes(o.position) || _(s) && !l && Z(t, s)) ? i = i.filter((u) => u !== s) : o = r, s = W(s);
+  for (; y(s) && !N(s); ) {
+    const r = x(s), f = G(s);
+    !f && r.position === "fixed" && (o = null), (c ? !f && !o : !f && r.position === "static" && !!o && ["absolute", "fixed"].includes(o.position) || k(s) && !f && Z(t, s)) ? i = i.filter((u) => u !== s) : o = r, s = W(s);
   }
   return e.set(t, i), i;
 }
@@ -171,15 +172,15 @@ function mt(t) {
     rootBoundary: i,
     strategy: o
   } = t;
-  const s = [...n === "clippingAncestors" ? S(e) ? [] : wt(e, this._c) : [].concat(n), i], r = s[0], l = s.reduce((f, u) => {
-    const h = K(e, u, o);
-    return f.top = T(h.top, f.top), f.right = z(h.right, f.right), f.bottom = z(h.bottom, f.bottom), f.left = T(h.left, f.left), f;
-  }, K(e, r, o));
+  const s = [...n === "clippingAncestors" ? M(e) ? [] : wt(e, this._c) : [].concat(n), i], r = s[0], f = s.reduce((l, u) => {
+    const a = X(e, u, o);
+    return l.top = E(a.top, l.top), l.right = z(a.right, l.right), l.bottom = z(a.bottom, l.bottom), l.left = E(a.left, l.left), l;
+  }, X(e, r, o));
   return {
-    width: l.right - l.left,
-    height: l.bottom - l.top,
-    x: l.left,
-    y: l.top
+    width: f.right - f.left,
+    height: f.bottom - f.top,
+    x: f.left,
+    y: f.top
   };
 }
 function vt(t) {
@@ -192,54 +193,65 @@ function vt(t) {
     height: n
   };
 }
-function xt(t, e, n) {
-  const i = R(e), o = C(e), c = n === "fixed", s = L(t, !0, c, e);
+function yt(t, e, n) {
+  const i = C(e), o = b(e), c = n === "fixed", s = T(t, !0, c, e);
   let r = {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const l = b(0);
+  const f = R(0);
   if (i || !i && !c)
-    if ((M(e) !== "body" || _(o)) && (r = H(e)), i) {
-      const h = L(e, !0, c, e);
-      l.x = h.x + e.clientLeft, l.y = h.y + e.clientTop;
-    } else o && (l.x = Y(o));
-  const f = s.left + r.scrollLeft - l.x, u = s.top + r.scrollTop - l.y;
+    if ((_(e) !== "body" || k(o)) && (r = H(e)), i) {
+      const h = T(e, !0, c, e);
+      f.x = h.x + e.clientLeft, f.y = h.y + e.clientTop;
+    } else o && (f.x = S(o));
+  let l = 0, u = 0;
+  if (o && !i && !c) {
+    const h = o.getBoundingClientRect();
+    u = h.top + r.scrollTop, l = h.left + r.scrollLeft - // RTL <body> scrollbar.
+    S(o, h);
+  }
+  const a = s.left + r.scrollLeft - f.x - l, p = s.top + r.scrollTop - f.y - u;
   return {
-    x: f,
-    y: u,
+    x: a,
+    y: p,
     width: s.width,
     height: s.height
   };
 }
 function V(t) {
-  return y(t).position === "static";
+  return x(t).position === "static";
 }
-function P(t, e) {
-  return !R(t) || y(t).position === "fixed" ? null : e ? e(t) : t.offsetParent;
+function K(t, e) {
+  if (!C(t) || x(t).position === "fixed")
+    return null;
+  if (e)
+    return e(t);
+  let n = t.offsetParent;
+  return b(t) === n && (n = n.ownerDocument.body), n;
 }
 function tt(t, e) {
-  const n = E(t);
-  if (S(t))
+  const n = L(t);
+  if (M(t))
     return n;
-  if (!R(t)) {
+  if (!C(t)) {
     let o = W(t);
     for (; o && !N(o); ) {
-      if (x(o) && !V(o))
+      if (y(o) && !V(o))
         return o;
       o = W(o);
     }
     return n;
   }
-  let i = P(t, e);
+  let i = K(t, e);
   for (; i && ct(i) && V(i); )
-    i = P(i, e);
+    i = K(i, e);
   return i && N(i) && V(i) && !G(i) ? n : i || lt(t) || n;
 }
-const yt = async function(t) {
+const xt = async function(t) {
   const e = this.getOffsetParent || tt, n = this.getDimensions, i = await n(t.floating);
   return {
-    reference: xt(t.reference, await e(t.floating), t.strategy),
+    reference: yt(t.reference, await e(t.floating), t.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -249,45 +261,45 @@ const yt = async function(t) {
   };
 };
 function bt(t) {
-  return y(t).direction === "rtl";
+  return x(t).direction === "rtl";
 }
 const Rt = {
   convertOffsetParentRelativeRectToViewportRelativeRect: ht,
-  getDocumentElement: C,
+  getDocumentElement: b,
   getClippingRect: mt,
   getOffsetParent: tt,
-  getElementRects: yt,
+  getElementRects: xt,
   getClientRects: at,
   getDimensions: vt,
   getScale: F,
-  isElement: x,
+  isElement: y,
   isRTL: bt
 };
 function Ct(t, e) {
   let n = null, i;
-  const o = C(t);
+  const o = b(t);
   function c() {
     var r;
     clearTimeout(i), (r = n) == null || r.disconnect(), n = null;
   }
-  function s(r, l) {
-    r === void 0 && (r = !1), l === void 0 && (l = 1), c();
+  function s(r, f) {
+    r === void 0 && (r = !1), f === void 0 && (f = 1), c();
     const {
-      left: f,
+      left: l,
       top: u,
-      width: h,
-      height: m
+      width: a,
+      height: p
     } = t.getBoundingClientRect();
-    if (r || e(), !h || !m)
+    if (r || e(), !a || !p)
       return;
-    const g = A(u), v = A(o.clientWidth - (f + h)), a = A(o.clientHeight - (u + m)), p = A(f), w = {
-      rootMargin: -g + "px " + -v + "px " + -a + "px " + -p + "px",
-      threshold: T(0, z(1, l)) || 1
+    const h = D(u), v = D(o.clientWidth - (l + a)), d = D(o.clientHeight - (u + p)), w = D(l), m = {
+      rootMargin: -h + "px " + -v + "px " + -d + "px " + -w + "px",
+      threshold: E(0, z(1, f)) || 1
     };
     let O = !0;
-    function B(q) {
-      const I = q[0].intersectionRatio;
-      if (I !== l) {
+    function B(P) {
+      const I = P[0].intersectionRatio;
+      if (I !== f) {
         if (!O)
           return s();
         I ? s(!1, I) : i = setTimeout(() => {
@@ -298,54 +310,54 @@ function Ct(t, e) {
     }
     try {
       n = new IntersectionObserver(B, {
-        ...w,
+        ...m,
         // Handle <iframe>s
         root: o.ownerDocument
       });
     } catch {
-      n = new IntersectionObserver(B, w);
+      n = new IntersectionObserver(B, m);
     }
     n.observe(t);
   }
   return s(!0), c;
 }
-function Tt(t, e, n, i) {
+function Et(t, e, n, i) {
   i === void 0 && (i = {});
   const {
     ancestorScroll: o = !0,
     ancestorResize: c = !0,
     elementResize: s = typeof ResizeObserver == "function",
     layoutShift: r = typeof IntersectionObserver == "function",
-    animationFrame: l = !1
-  } = i, f = k(t), u = o || c ? [...f ? $(f) : [], ...$(e)] : [];
-  u.forEach((d) => {
-    o && d.addEventListener("scroll", n, {
+    animationFrame: f = !1
+  } = i, l = q(t), u = o || c ? [...l ? $(l) : [], ...$(e)] : [];
+  u.forEach((g) => {
+    o && g.addEventListener("scroll", n, {
       passive: !0
-    }), c && d.addEventListener("resize", n);
+    }), c && g.addEventListener("resize", n);
   });
-  const h = f && r ? Ct(f, n) : null;
-  let m = -1, g = null;
-  s && (g = new ResizeObserver((d) => {
-    let [w] = d;
-    w && w.target === f && g && (g.unobserve(e), cancelAnimationFrame(m), m = requestAnimationFrame(() => {
+  const a = l && r ? Ct(l, n) : null;
+  let p = -1, h = null;
+  s && (h = new ResizeObserver((g) => {
+    let [m] = g;
+    m && m.target === l && h && (h.unobserve(e), cancelAnimationFrame(p), p = requestAnimationFrame(() => {
       var O;
-      (O = g) == null || O.observe(e);
+      (O = h) == null || O.observe(e);
     })), n();
-  }), f && !l && g.observe(f), g.observe(e));
-  let v, a = l ? L(t) : null;
-  l && p();
-  function p() {
-    const d = L(t);
-    a && (d.x !== a.x || d.y !== a.y || d.width !== a.width || d.height !== a.height) && n(), a = d, v = requestAnimationFrame(p);
+  }), l && !f && h.observe(l), h.observe(e));
+  let v, d = f ? T(t) : null;
+  f && w();
+  function w() {
+    const g = T(t);
+    d && (g.x !== d.x || g.y !== d.y || g.width !== d.width || g.height !== d.height) && n(), d = g, v = requestAnimationFrame(w);
   }
   return n(), () => {
-    var d;
-    u.forEach((w) => {
-      o && w.removeEventListener("scroll", n), c && w.removeEventListener("resize", n);
-    }), h == null || h(), (d = g) == null || d.disconnect(), g = null, l && cancelAnimationFrame(v);
+    var g;
+    u.forEach((m) => {
+      o && m.removeEventListener("scroll", n), c && m.removeEventListener("resize", n);
+    }), a == null || a(), (g = h) == null || g.disconnect(), h = null, f && cancelAnimationFrame(v);
   };
 }
-const Ft = et, Wt = it, Bt = nt, At = st, Dt = ot, Nt = (t, e, n) => {
+const Ft = et, Wt = nt, Bt = it, Dt = st, At = ot, Nt = (t, e, n) => {
   const i = /* @__PURE__ */ new Map(), o = {
     platform: Rt,
     ...n
@@ -359,12 +371,12 @@ const Ft = et, Wt = it, Bt = nt, At = st, Dt = ot, Nt = (t, e, n) => {
   });
 };
 export {
-  At as arrow,
-  Tt as autoUpdate,
+  Dt as arrow,
+  Et as autoUpdate,
   Nt as computePosition,
   Bt as flip,
   $ as getOverflowAncestors,
-  Dt as inline,
+  At as inline,
   Ft as offset,
   Rt as platform,
   Wt as shift