@annotorious/react 3.0.4 → 3.0.6

package/dist/annotorious-react.es28.js

@@ -1,16 +1,16 @@
 import { evaluate as Y, getSide as F, getSideAxis as M, getOppositePlacement as Q, getExpandedPlacements as U, getOppositeAxisPlacements as Z, getAlignmentSides as tt, rectToClientRect as $, getPaddingObject as H, clamp as _, getAlignmentAxis as q, getAlignment as I, min as X, max as z, getOppositeAxis as et, getAxisLength as G } from "./annotorious-react.es27.js";
-function W(i, s, l) {
+function W(o, c, l) {
   let {
     reference: e,
-    floating: o
-  } = i;
-  const t = M(s), f = q(s), a = G(f), d = F(s), g = t === "y", u = e.x + e.width / 2 - o.width / 2, c = e.y + e.height / 2 - o.height / 2, m = e[a] / 2 - o[a] / 2;
+    floating: s
+  } = o;
+  const t = M(c), a = q(c), r = G(a), d = F(c), g = t === "y", u = e.x + e.width / 2 - s.width / 2, i = e.y + e.height / 2 - s.height / 2, m = e[r] / 2 - s[r] / 2;
   let n;
   switch (d) {
     case "top":
       n = {
         x: u,
-        y: e.y - o.height
+        y: e.y - s.height
       };
       break;
     case "bottom":
@@ -22,13 +22,13 @@ function W(i, s, l) {
     case "right":
       n = {
         x: e.x + e.width,
-        y: c
+        y: i
       };
       break;
     case "left":
       n = {
-        x: e.x - o.width,
-        y: c
+        x: e.x - s.width,
+        y: i
       };
       break;
     default:
@@ -37,152 +37,152 @@ function W(i, s, l) {
         y: e.y
       };
   }
-  switch (I(s)) {
+  switch (I(c)) {
     case "start":
-      n[f] -= m * (l && g ? -1 : 1);
+      n[a] -= m * (l && g ? -1 : 1);
       break;
     case "end":
-      n[f] += m * (l && g ? -1 : 1);
+      n[a] += m * (l && g ? -1 : 1);
       break;
   }
   return n;
 }
-const st = async (i, s, l) => {
+const st = async (o, c, l) => {
   const {
     placement: e = "bottom",
-    strategy: o = "absolute",
+    strategy: s = "absolute",
     middleware: t = [],
-    platform: f
-  } = l, a = t.filter(Boolean), d = await (f.isRTL == null ? void 0 : f.isRTL(s));
-  let g = await f.getElementRects({
-    reference: i,
-    floating: s,
-    strategy: o
+    platform: a
+  } = l, r = t.filter(Boolean), d = await (a.isRTL == null ? void 0 : a.isRTL(c));
+  let g = await a.getElementRects({
+    reference: o,
+    floating: c,
+    strategy: s
   }), {
     x: u,
-    y: c
-  } = W(g, e, d), m = e, n = {}, r = 0;
-  for (let h = 0; h < a.length; h++) {
+    y: i
+  } = W(g, e, d), m = e, n = {}, f = 0;
+  for (let h = 0; h < r.length; h++) {
     const {
       name: x,
       fn: w
-    } = a[h], {
-      x: b,
+    } = r[h], {
+      x: A,
       y,
       data: R,
       reset: p
     } = await w({
       x: u,
-      y: c,
+      y: i,
       initialPlacement: e,
       placement: m,
-      strategy: o,
+      strategy: s,
       middlewareData: n,
       rects: g,
-      platform: f,
+      platform: a,
       elements: {
-        reference: i,
-        floating: s
+        reference: o,
+        floating: c
       }
     });
-    u = b ?? u, c = y ?? c, n = {
+    u = A ?? u, i = y ?? i, n = {
       ...n,
       [x]: {
         ...n[x],
         ...R
       }
-    }, p && r <= 50 && (r++, typeof p == "object" && (p.placement && (m = p.placement), p.rects && (g = p.rects === !0 ? await f.getElementRects({
-      reference: i,
-      floating: s,
-      strategy: o
+    }, p && f <= 50 && (f++, typeof p == "object" && (p.placement && (m = p.placement), p.rects && (g = p.rects === !0 ? await a.getElementRects({
+      reference: o,
+      floating: c,
+      strategy: s
     }) : p.rects), {
       x: u,
-      y: c
+      y: i
     } = W(g, m, d)), h = -1);
   }
   return {
     x: u,
-    y: c,
+    y: i,
     placement: m,
-    strategy: o,
+    strategy: s,
     middlewareData: n
   };
 };
-async function J(i, s) {
+async function J(o, c) {
   var l;
-  s === void 0 && (s = {});
+  c === void 0 && (c = {});
   const {
     x: e,
-    y: o,
+    y: s,
     platform: t,
-    rects: f,
-    elements: a,
+    rects: a,
+    elements: r,
     strategy: d
-  } = i, {
+  } = o, {
     boundary: g = "clippingAncestors",
     rootBoundary: u = "viewport",
-    elementContext: c = "floating",
+    elementContext: i = "floating",
     altBoundary: m = !1,
     padding: n = 0
-  } = Y(s, i), r = H(n), x = a[m ? c === "floating" ? "reference" : "floating" : c], w = $(await t.getClippingRect({
-    element: (l = await (t.isElement == null ? void 0 : t.isElement(x))) == null || l ? x : x.contextElement || await (t.getDocumentElement == null ? void 0 : t.getDocumentElement(a.floating)),
+  } = Y(c, o), f = H(n), x = r[m ? i === "floating" ? "reference" : "floating" : i], w = $(await t.getClippingRect({
+    element: (l = await (t.isElement == null ? void 0 : t.isElement(x))) == null || l ? x : x.contextElement || await (t.getDocumentElement == null ? void 0 : t.getDocumentElement(r.floating)),
     boundary: g,
     rootBoundary: u,
     strategy: d
-  })), b = c === "floating" ? {
+  })), A = i === "floating" ? {
     x: e,
-    y: o,
-    width: f.floating.width,
-    height: f.floating.height
-  } : f.reference, y = await (t.getOffsetParent == null ? void 0 : t.getOffsetParent(a.floating)), R = await (t.isElement == null ? void 0 : t.isElement(y)) ? await (t.getScale == null ? void 0 : t.getScale(y)) || {
+    y: s,
+    width: a.floating.width,
+    height: a.floating.height
+  } : a.reference, y = await (t.getOffsetParent == null ? void 0 : t.getOffsetParent(r.floating)), R = await (t.isElement == null ? void 0 : t.isElement(y)) ? await (t.getScale == null ? void 0 : t.getScale(y)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
   }, p = $(t.convertOffsetParentRelativeRectToViewportRelativeRect ? await t.convertOffsetParentRelativeRectToViewportRelativeRect({
-    elements: a,
-    rect: b,
+    elements: r,
+    rect: A,
     offsetParent: y,
     strategy: d
-  }) : b);
+  }) : A);
   return {
-    top: (w.top - p.top + r.top) / R.y,
-    bottom: (p.bottom - w.bottom + r.bottom) / R.y,
-    left: (w.left - p.left + r.left) / R.x,
-    right: (p.right - w.right + r.right) / R.x
+    top: (w.top - p.top + f.top) / R.y,
+    bottom: (p.bottom - w.bottom + f.bottom) / R.y,
+    left: (w.left - p.left + f.left) / R.x,
+    right: (p.right - w.right + f.right) / R.x
   };
 }
-const ct = (i) => ({
+const ct = (o) => ({
   name: "arrow",
-  options: i,
-  async fn(s) {
+  options: o,
+  async fn(c) {
     const {
       x: l,
       y: e,
-      placement: o,
+      placement: s,
       rects: t,
-      platform: f,
-      elements: a,
+      platform: a,
+      elements: r,
       middlewareData: d
-    } = s, {
+    } = c, {
       element: g,
       padding: u = 0
-    } = Y(i, s) || {};
+    } = Y(o, c) || {};
     if (g == null)
       return {};
-    const c = H(u), m = {
+    const i = H(u), m = {
       x: l,
       y: e
-    }, n = q(o), r = G(n), h = await f.getDimensions(g), x = n === "y", w = x ? "top" : "left", b = x ? "bottom" : "right", y = x ? "clientHeight" : "clientWidth", R = t.reference[r] + t.reference[n] - m[n] - t.floating[r], p = m[n] - t.reference[n], C = await (f.getOffsetParent == null ? void 0 : f.getOffsetParent(g));
+    }, n = q(s), f = G(n), h = await a.getDimensions(g), x = n === "y", w = x ? "top" : "left", A = x ? "bottom" : "right", y = x ? "clientHeight" : "clientWidth", R = t.reference[f] + t.reference[n] - m[n] - t.floating[f], p = m[n] - t.reference[n], C = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(g));
     let k = C ? C[y] : 0;
-    (!k || !await (f.isElement == null ? void 0 : f.isElement(C))) && (k = a.floating[y] || t.floating[r]);
-    const j = R / 2 - p / 2, T = k / 2 - h[r] / 2 - 1, v = X(c[w], T), L = X(c[b], T), S = v, B = k - h[r] - L, A = k / 2 - h[r] / 2 + j, D = _(S, A, B), P = !d.arrow && I(o) != null && A !== D && t.reference[r] / 2 - (A < S ? v : L) - h[r] / 2 < 0, O = P ? A < S ? A - S : A - B : 0;
+    (!k || !await (a.isElement == null ? void 0 : a.isElement(C))) && (k = r.floating[y] || t.floating[f]);
+    const j = R / 2 - p / 2, T = k / 2 - h[f] / 2 - 1, v = X(i[w], T), L = X(i[A], T), S = v, B = k - h[f] - L, b = k / 2 - h[f] / 2 + j, D = _(S, b, B), P = !d.arrow && I(s) != null && b !== D && t.reference[f] / 2 - (b < S ? v : L) - h[f] / 2 < 0, O = P ? b < S ? b - S : b - B : 0;
     return {
       [n]: m[n] + O,
       data: {
         [n]: D,
-        centerOffset: A - D - O,
+        centerOffset: b - D - O,
         ...P && {
           alignmentOffset: O
         }
@@ -190,48 +190,48 @@ const ct = (i) => ({
       reset: P
     };
   }
-}), lt = function(i) {
-  return i === void 0 && (i = {}), {
+}), lt = function(o) {
+  return o === void 0 && (o = {}), {
     name: "flip",
-    options: i,
-    async fn(s) {
+    options: o,
+    async fn(c) {
       var l, e;
       const {
-        placement: o,
+        placement: s,
         middlewareData: t,
-        rects: f,
-        initialPlacement: a,
+        rects: a,
+        initialPlacement: r,
         platform: d,
         elements: g
-      } = s, {
+      } = c, {
         mainAxis: u = !0,
-        crossAxis: c = !0,
+        crossAxis: i = !0,
         fallbackPlacements: m,
         fallbackStrategy: n = "bestFit",
-        fallbackAxisSideDirection: r = "none",
+        fallbackAxisSideDirection: f = "none",
         flipAlignment: h = !0,
         ...x
-      } = Y(i, s);
+      } = Y(o, c);
       if ((l = t.arrow) != null && l.alignmentOffset)
         return {};
-      const w = F(o), b = M(a), y = F(a) === a, R = await (d.isRTL == null ? void 0 : d.isRTL(g.floating)), p = m || (y || !h ? [Q(a)] : U(a)), C = r !== "none";
-      !m && C && p.push(...Z(a, h, r, R));
-      const k = [a, ...p], j = await J(s, x), T = [];
+      const w = F(s), A = M(r), y = F(r) === r, R = await (d.isRTL == null ? void 0 : d.isRTL(g.floating)), p = m || (y || !h ? [Q(r)] : U(r)), C = f !== "none";
+      !m && C && p.push(...Z(r, h, f, R));
+      const k = [r, ...p], j = await J(c, x), T = [];
       let v = ((e = t.flip) == null ? void 0 : e.overflows) || [];
-      if (u && T.push(j[w]), c) {
-        const A = tt(o, f, R);
-        T.push(j[A[0]], j[A[1]]);
+      if (u && T.push(j[w]), i) {
+        const b = tt(s, a, R);
+        T.push(j[b[0]], j[b[1]]);
       }
       if (v = [...v, {
-        placement: o,
+        placement: s,
         overflows: T
-      }], !T.every((A) => A <= 0)) {
+      }], !T.every((b) => b <= 0)) {
         var L, S;
-        const A = (((L = t.flip) == null ? void 0 : L.index) || 0) + 1, D = k[A];
+        const b = (((L = t.flip) == null ? void 0 : L.index) || 0) + 1, D = k[b];
         if (D)
           return {
             data: {
-              index: A,
+              index: b,
               overflows: v
             },
             reset: {
@@ -246,7 +246,7 @@ const ct = (i) => ({
               const O = (B = v.filter((E) => {
                 if (C) {
                   const V = M(E.placement);
-                  return V === b || // Create a bias to the `y` side axis due to horizontal
+                  return V === A || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
                   V === "y";
                 }
@@ -256,10 +256,10 @@ const ct = (i) => ({
               break;
             }
             case "initialPlacement":
-              P = a;
+              P = r;
               break;
           }
-        if (o !== P)
+        if (s !== P)
           return {
             reset: {
               placement: P
@@ -270,49 +270,49 @@ const ct = (i) => ({
     }
   };
 };
-function K(i) {
-  const s = X(...i.map((t) => t.left)), l = X(...i.map((t) => t.top)), e = z(...i.map((t) => t.right)), o = z(...i.map((t) => t.bottom));
+function K(o) {
+  const c = X(...o.map((t) => t.left)), l = X(...o.map((t) => t.top)), e = z(...o.map((t) => t.right)), s = z(...o.map((t) => t.bottom));
   return {
-    x: s,
+    x: c,
     y: l,
-    width: e - s,
-    height: o - l
+    width: e - c,
+    height: s - l
   };
 }
-function nt(i) {
-  const s = i.slice().sort((o, t) => o.y - t.y), l = [];
+function nt(o) {
+  const c = o.slice().sort((s, t) => s.y - t.y), l = [];
   let e = null;
-  for (let o = 0; o < s.length; o++) {
-    const t = s[o];
+  for (let s = 0; s < c.length; s++) {
+    const t = c[s];
     !e || t.y - e.y > e.height / 2 ? l.push([t]) : l[l.length - 1].push(t), e = t;
   }
-  return l.map((o) => $(K(o)));
+  return l.map((s) => $(K(s)));
 }
-const at = function(i) {
-  return i === void 0 && (i = {}), {
+const at = function(o) {
+  return o === void 0 && (o = {}), {
     name: "inline",
-    options: i,
-    async fn(s) {
+    options: o,
+    async fn(c) {
       const {
         placement: l,
         elements: e,
-        rects: o,
+        rects: s,
         platform: t,
-        strategy: f
-      } = s, {
-        padding: a = 2,
+        strategy: a
+      } = c, {
+        padding: r = 2,
         x: d,
         y: g
-      } = Y(i, s), u = Array.from(await (t.getClientRects == null ? void 0 : t.getClientRects(e.reference)) || []), c = nt(u), m = $(K(u)), n = H(a);
-      function r() {
-        if (c.length === 2 && c[0].left > c[1].right && d != null && g != null)
-          return c.find((x) => d > x.left - n.left && d < x.right + n.right && g > x.top - n.top && g < x.bottom + n.bottom) || m;
-        if (c.length >= 2) {
+      } = Y(o, c), u = Array.from(await (t.getClientRects == null ? void 0 : t.getClientRects(e.reference)) || []), i = nt(u), m = $(K(u)), n = H(r);
+      function f() {
+        if (i.length === 2 && i[0].left > i[1].right && d != null && g != null)
+          return i.find((x) => d > x.left - n.left && d < x.right + n.right && g > x.top - n.top && g < x.bottom + n.bottom) || m;
+        if (i.length >= 2) {
           if (M(l) === "y") {
-            const v = c[0], L = c[c.length - 1], S = F(l) === "top", B = v.top, A = L.bottom, D = S ? v.left : L.left, P = S ? v.right : L.right, O = P - D, E = A - B;
+            const v = i[0], L = i[i.length - 1], S = F(l) === "top", B = v.top, b = L.bottom, D = S ? v.left : L.left, P = S ? v.right : L.right, O = P - D, E = b - B;
             return {
               top: B,
-              bottom: A,
+              bottom: b,
               left: D,
               right: P,
               width: O,
@@ -321,7 +321,7 @@ const at = function(i) {
               y: B
             };
           }
-          const x = F(l) === "left", w = z(...c.map((v) => v.right)), b = X(...c.map((v) => v.left)), y = c.filter((v) => x ? v.left === b : v.right === w), R = y[0].top, p = y[y.length - 1].bottom, C = b, k = w, j = k - C, T = p - R;
+          const x = F(l) === "left", w = z(...i.map((v) => v.right)), A = X(...i.map((v) => v.left)), y = i.filter((v) => x ? v.left === A : v.right === w), R = y[0].top, p = y[y.length - 1].bottom, C = A, k = w, j = k - C, T = p - R;
           return {
             top: R,
             bottom: p,
@@ -337,12 +337,12 @@ const at = function(i) {
       }
       const h = await t.getElementRects({
         reference: {
-          getBoundingClientRect: r
+          getBoundingClientRect: f
         },
         floating: e.floating,
-        strategy: f
+        strategy: a
       });
-      return o.reference.x !== h.reference.x || o.reference.y !== h.reference.y || o.reference.width !== h.reference.width || o.reference.height !== h.reference.height ? {
+      return s.reference.x !== h.reference.x || s.reference.y !== h.reference.y || s.reference.width !== h.reference.width || s.reference.height !== h.reference.height ? {
         reset: {
           rects: h
         }
@@ -350,27 +350,26 @@ const at = function(i) {
     }
   };
 };
-async function it(i, s) {
+async function it(o, c) {
   const {
     placement: l,
     platform: e,
-    elements: o
-  } = i, t = await (e.isRTL == null ? void 0 : e.isRTL(o.floating)), f = F(l), a = I(l), d = M(l) === "y", g = ["left", "top"].includes(f) ? -1 : 1, u = t && d ? -1 : 1, c = Y(s, i);
+    elements: s
+  } = o, t = await (e.isRTL == null ? void 0 : e.isRTL(s.floating)), a = F(l), r = I(l), d = M(l) === "y", g = ["left", "top"].includes(a) ? -1 : 1, u = t && d ? -1 : 1, i = Y(c, o);
   let {
     mainAxis: m,
     crossAxis: n,
-    alignmentAxis: r
-  } = typeof c == "number" ? {
-    mainAxis: c,
+    alignmentAxis: f
+  } = typeof i == "number" ? {
+    mainAxis: i,
     crossAxis: 0,
     alignmentAxis: null
   } : {
-    mainAxis: 0,
-    crossAxis: 0,
-    alignmentAxis: null,
-    ...c
+    mainAxis: i.mainAxis || 0,
+    crossAxis: i.crossAxis || 0,
+    alignmentAxis: i.alignmentAxis
   };
-  return a && typeof r == "number" && (n = a === "end" ? r * -1 : r), d ? {
+  return r && typeof f == "number" && (n = r === "end" ? f * -1 : f), d ? {
     x: n * u,
     y: m * g
   } : {
@@ -378,76 +377,80 @@ async function it(i, s) {
     y: n * u
   };
 }
-const rt = function(i) {
-  return i === void 0 && (i = 0), {
+const rt = function(o) {
+  return o === void 0 && (o = 0), {
     name: "offset",
-    options: i,
-    async fn(s) {
+    options: o,
+    async fn(c) {
       var l, e;
       const {
-        x: o,
+        x: s,
         y: t,
-        placement: f,
-        middlewareData: a
-      } = s, d = await it(s, i);
-      return f === ((l = a.offset) == null ? void 0 : l.placement) && (e = a.arrow) != null && e.alignmentOffset ? {} : {
-        x: o + d.x,
+        placement: a,
+        middlewareData: r
+      } = c, d = await it(c, o);
+      return a === ((l = r.offset) == null ? void 0 : l.placement) && (e = r.arrow) != null && e.alignmentOffset ? {} : {
+        x: s + d.x,
         y: t + d.y,
         data: {
           ...d,
-          placement: f
+          placement: a
         }
       };
     }
   };
-}, ft = function(i) {
-  return i === void 0 && (i = {}), {
+}, ft = function(o) {
+  return o === void 0 && (o = {}), {
     name: "shift",
-    options: i,
-    async fn(s) {
+    options: o,
+    async fn(c) {
       const {
         x: l,
         y: e,
-        placement: o
-      } = s, {
+        placement: s
+      } = c, {
         mainAxis: t = !0,
-        crossAxis: f = !1,
-        limiter: a = {
+        crossAxis: a = !1,
+        limiter: r = {
           fn: (x) => {
             let {
               x: w,
-              y: b
+              y: A
             } = x;
             return {
               x: w,
-              y: b
+              y: A
             };
           }
         },
         ...d
-      } = Y(i, s), g = {
+      } = Y(o, c), g = {
         x: l,
         y: e
-      }, u = await J(s, d), c = M(F(o)), m = et(c);
-      let n = g[m], r = g[c];
+      }, u = await J(c, d), i = M(F(s)), m = et(i);
+      let n = g[m], f = g[i];
       if (t) {
-        const x = m === "y" ? "top" : "left", w = m === "y" ? "bottom" : "right", b = n + u[x], y = n - u[w];
-        n = _(b, n, y);
+        const x = m === "y" ? "top" : "left", w = m === "y" ? "bottom" : "right", A = n + u[x], y = n - u[w];
+        n = _(A, n, y);
       }
-      if (f) {
-        const x = c === "y" ? "top" : "left", w = c === "y" ? "bottom" : "right", b = r + u[x], y = r - u[w];
-        r = _(b, r, y);
+      if (a) {
+        const x = i === "y" ? "top" : "left", w = i === "y" ? "bottom" : "right", A = f + u[x], y = f - u[w];
+        f = _(A, f, y);
       }
-      const h = a.fn({
-        ...s,
+      const h = r.fn({
+        ...c,
         [m]: n,
-        [c]: r
+        [i]: f
       });
       return {
         ...h,
         data: {
           x: h.x - l,
-          y: h.y - e
+          y: h.y - e,
+          enabled: {
+            [m]: t,
+            [i]: a
+          }
         }
       };
     }