@annotorious/react 3.3.6 → 3.4.1

package/dist/annotorious-react.es23.js

@@ -1,53 +1,53 @@
-import { evaluate as Y, rectToClientRect as $, getPaddingObject as H, getSide as F, getSideAxis as M, getOppositePlacement as Q, getExpandedPlacements as U, getOppositeAxisPlacements as Z, getAlignmentSides as tt, clamp as _, min as X, max as z, getAlignment as I, getOppositeAxis as et, getAlignmentAxis as q, getAxisLength as G } from "./annotorious-react.es22.js";
-function W(o, c, l) {
+import { evaluate as X, rectToClientRect as I, getPaddingObject as W, getSide as Y, getSideAxis as F, getOppositePlacement as U, getExpandedPlacements as Z, getOppositeAxisPlacements as tt, getAlignmentSides as et, clamp as z, min as $, max as H, getAlignment as _, getOppositeAxis as nt, getAlignmentAxis as G, getAxisLength as J } from "./annotorious-react.es22.js";
+function q(o, c, l) {
   let {
     reference: e,
     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;
+  const t = F(c), a = G(c), r = J(a), d = Y(c), g = t === "y", u = e.x + e.width / 2 - s.width / 2, n = e.y + e.height / 2 - s.height / 2, m = e[r] / 2 - s[r] / 2;
+  let i;
   switch (d) {
     case "top":
-      n = {
+      i = {
         x: u,
         y: e.y - s.height
       };
       break;
     case "bottom":
-      n = {
+      i = {
         x: u,
         y: e.y + e.height
       };
       break;
     case "right":
-      n = {
+      i = {
         x: e.x + e.width,
-        y: i
+        y: n
       };
       break;
     case "left":
-      n = {
+      i = {
         x: e.x - s.width,
-        y: i
+        y: n
       };
       break;
     default:
-      n = {
+      i = {
         x: e.x,
         y: e.y
       };
   }
-  switch (I(c)) {
+  switch (_(c)) {
     case "start":
-      n[a] -= m * (l && g ? -1 : 1);
+      i[a] -= m * (l && g ? -1 : 1);
       break;
     case "end":
-      n[a] += m * (l && g ? -1 : 1);
+      i[a] += m * (l && g ? -1 : 1);
       break;
   }
-  return n;
+  return i;
 }
-const st = async (o, c, l) => {
+const ct = async (o, c, l) => {
   const {
     placement: e = "bottom",
     strategy: s = "absolute",
@@ -60,24 +60,24 @@ const st = async (o, c, l) => {
     strategy: s
   }), {
     x: u,
-    y: i
-  } = W(g, e, d), m = e, n = {}, f = 0;
+    y: n
+  } = q(g, e, d), m = e, i = {}, f = 0;
   for (let h = 0; h < r.length; h++) {
     const {
       name: x,
-      fn: w
+      fn: y
     } = r[h], {
-      x: A,
-      y,
-      data: R,
+      x: v,
+      y: A,
+      data: b,
       reset: p
-    } = await w({
+    } = await y({
       x: u,
-      y: i,
+      y: n,
       initialPlacement: e,
       placement: m,
       strategy: s,
-      middlewareData: n,
+      middlewareData: i,
       rects: g,
       platform: a,
       elements: {
@@ -85,11 +85,11 @@ const st = async (o, c, l) => {
         floating: c
       }
     });
-    u = A ?? u, i = y ?? i, n = {
-      ...n,
+    u = v ?? u, n = A ?? n, i = {
+      ...i,
       [x]: {
-        ...n[x],
-        ...R
+        ...i[x],
+        ...b
       }
     }, p && f <= 50 && (f++, typeof p == "object" && (p.placement && (m = p.placement), p.rects && (g = p.rects === !0 ? await a.getElementRects({
       reference: o,
@@ -97,18 +97,18 @@ const st = async (o, c, l) => {
       strategy: s
     }) : p.rects), {
       x: u,
-      y: i
-    } = W(g, m, d)), h = -1);
+      y: n
+    } = q(g, m, d)), h = -1);
   }
   return {
     x: u,
-    y: i,
+    y: n,
     placement: m,
     strategy: s,
-    middlewareData: n
+    middlewareData: i
   };
 };
-async function J(o, c) {
+async function K(o, c) {
   var l;
   c === void 0 && (c = {});
   const {
@@ -121,39 +121,39 @@ async function J(o, c) {
   } = o, {
     boundary: g = "clippingAncestors",
     rootBoundary: u = "viewport",
-    elementContext: i = "floating",
+    elementContext: n = "floating",
     altBoundary: m = !1,
-    padding: n = 0
-  } = Y(c, o), f = H(n), x = r[m ? i === "floating" ? "reference" : "floating" : i], w = $(await t.getClippingRect({
+    padding: i = 0
+  } = X(c, o), f = W(i), x = r[m ? n === "floating" ? "reference" : "floating" : n], y = I(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
-  })), A = i === "floating" ? {
+  })), v = n === "floating" ? {
     x: e,
     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)) || {
+  } : a.reference, A = await (t.getOffsetParent == null ? void 0 : t.getOffsetParent(r.floating)), b = await (t.isElement == null ? void 0 : t.isElement(A)) ? await (t.getScale == null ? void 0 : t.getScale(A)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
-  }, p = $(t.convertOffsetParentRelativeRectToViewportRelativeRect ? await t.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, p = I(t.convertOffsetParentRelativeRectToViewportRelativeRect ? await t.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: r,
-    rect: A,
-    offsetParent: y,
+    rect: v,
+    offsetParent: A,
     strategy: d
-  }) : A);
+  }) : v);
   return {
-    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
+    top: (y.top - p.top + f.top) / b.y,
+    bottom: (p.bottom - y.bottom + f.bottom) / b.y,
+    left: (y.left - p.left + f.left) / b.x,
+    right: (p.right - y.right + f.right) / b.x
   };
 }
-const ct = (o) => ({
+const lt = (o) => ({
   name: "arrow",
   options: o,
   async fn(c) {
@@ -168,29 +168,29 @@ const ct = (o) => ({
     } = c, {
       element: g,
       padding: u = 0
-    } = Y(o, c) || {};
+    } = X(o, c) || {};
     if (g == null)
       return {};
-    const i = H(u), m = {
+    const n = W(u), m = {
       x: l,
       y: e
-    }, 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 (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;
+    }, i = G(s), f = J(i), h = await a.getDimensions(g), x = i === "y", y = x ? "top" : "left", v = x ? "bottom" : "right", A = x ? "clientHeight" : "clientWidth", b = t.reference[f] + t.reference[i] - m[i] - t.floating[f], p = m[i] - t.reference[i], C = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(g));
+    let k = C ? C[A] : 0;
+    (!k || !await (a.isElement == null ? void 0 : a.isElement(C))) && (k = r.floating[A] || t.floating[f]);
+    const j = b / 2 - p / 2, L = k / 2 - h[f] / 2 - 1, w = $(n[y], L), B = $(n[v], L), S = w, M = k - h[f] - B, P = k / 2 - h[f] / 2 + j, R = z(S, P, M), E = !d.arrow && _(s) != null && P !== R && t.reference[f] / 2 - (P < S ? w : B) - h[f] / 2 < 0, O = E ? P < S ? P - S : P - M : 0;
     return {
-      [n]: m[n] + O,
+      [i]: m[i] + O,
       data: {
-        [n]: D,
-        centerOffset: b - D - O,
-        ...P && {
+        [i]: R,
+        centerOffset: P - R - O,
+        ...E && {
           alignmentOffset: O
         }
       },
-      reset: P
+      reset: E
     };
   }
-}), lt = function(o) {
+}), at = function(o) {
   return o === void 0 && (o = {}), {
     name: "flip",
     options: o,
@@ -205,64 +205,68 @@ const ct = (o) => ({
         elements: g
       } = c, {
         mainAxis: u = !0,
-        crossAxis: i = !0,
+        crossAxis: n = !0,
         fallbackPlacements: m,
-        fallbackStrategy: n = "bestFit",
+        fallbackStrategy: i = "bestFit",
         fallbackAxisSideDirection: f = "none",
         flipAlignment: h = !0,
         ...x
-      } = Y(o, c);
+      } = X(o, c);
       if ((l = t.arrow) != null && l.alignmentOffset)
         return {};
-      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]), i) {
-        const b = tt(s, a, R);
-        T.push(j[b[0]], j[b[1]]);
+      const y = Y(s), v = F(r), A = Y(r) === r, b = await (d.isRTL == null ? void 0 : d.isRTL(g.floating)), p = m || (A || !h ? [U(r)] : Z(r)), C = f !== "none";
+      !m && C && p.push(...tt(r, h, f, b));
+      const k = [r, ...p], j = await K(c, x), L = [];
+      let w = ((e = t.flip) == null ? void 0 : e.overflows) || [];
+      if (u && L.push(j[y]), n) {
+        const R = et(s, a, b);
+        L.push(j[R[0]], j[R[1]]);
       }
-      if (v = [...v, {
+      if (w = [...w, {
         placement: s,
-        overflows: T
-      }], !T.every((b) => b <= 0)) {
-        var L, S;
-        const b = (((L = t.flip) == null ? void 0 : L.index) || 0) + 1, D = k[b];
-        if (D)
-          return {
-            data: {
-              index: b,
-              overflows: v
-            },
-            reset: {
-              placement: D
-            }
-          };
-        let P = (S = v.filter((O) => O.overflows[0] <= 0).sort((O, E) => O.overflows[1] - E.overflows[1])[0]) == null ? void 0 : S.placement;
-        if (!P)
-          switch (n) {
+        overflows: L
+      }], !L.every((R) => R <= 0)) {
+        var B, S;
+        const R = (((B = t.flip) == null ? void 0 : B.index) || 0) + 1, E = k[R];
+        if (E) {
+          var M;
+          const D = n === "alignment" ? v !== F(E) : !1, T = ((M = w[0]) == null ? void 0 : M.overflows[0]) > 0;
+          if (!D || T)
+            return {
+              data: {
+                index: R,
+                overflows: w
+              },
+              reset: {
+                placement: E
+              }
+            };
+        }
+        let O = (S = w.filter((D) => D.overflows[0] <= 0).sort((D, T) => D.overflows[1] - T.overflows[1])[0]) == null ? void 0 : S.placement;
+        if (!O)
+          switch (i) {
             case "bestFit": {
-              var B;
-              const O = (B = v.filter((E) => {
+              var P;
+              const D = (P = w.filter((T) => {
                 if (C) {
-                  const V = M(E.placement);
-                  return V === A || // Create a bias to the `y` side axis due to horizontal
+                  const V = F(T.placement);
+                  return V === v || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
                   V === "y";
                 }
                 return !0;
-              }).map((E) => [E.placement, E.overflows.filter((V) => V > 0).reduce((V, N) => V + N, 0)]).sort((E, V) => E[1] - V[1])[0]) == null ? void 0 : B[0];
-              O && (P = O);
+              }).map((T) => [T.placement, T.overflows.filter((V) => V > 0).reduce((V, Q) => V + Q, 0)]).sort((T, V) => T[1] - V[1])[0]) == null ? void 0 : P[0];
+              D && (O = D);
               break;
             }
             case "initialPlacement":
-              P = r;
+              O = r;
               break;
           }
-        if (s !== P)
+        if (s !== O)
           return {
             reset: {
-              placement: P
+              placement: O
             }
           };
       }
@@ -270,8 +274,8 @@ const ct = (o) => ({
     }
   };
 };
-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));
+function N(o) {
+  const c = $(...o.map((t) => t.left)), l = $(...o.map((t) => t.top)), e = H(...o.map((t) => t.right)), s = H(...o.map((t) => t.bottom));
   return {
     x: c,
     y: l,
@@ -279,16 +283,16 @@ function K(o) {
     height: s - l
   };
 }
-function nt(o) {
+function it(o) {
   const c = o.slice().sort((s, t) => s.y - t.y), l = [];
   let e = null;
   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((s) => $(K(s)));
+  return l.map((s) => I(N(s)));
 }
-const at = function(o) {
+const rt = function(o) {
   return o === void 0 && (o = {}), {
     name: "inline",
     options: o,
@@ -303,34 +307,34 @@ const at = function(o) {
         padding: r = 2,
         x: d,
         y: g
-      } = 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);
+      } = X(o, c), u = Array.from(await (t.getClientRects == null ? void 0 : t.getClientRects(e.reference)) || []), n = it(u), m = I(N(u)), i = W(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 = 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;
+        if (n.length === 2 && n[0].left > n[1].right && d != null && g != null)
+          return n.find((x) => d > x.left - i.left && d < x.right + i.right && g > x.top - i.top && g < x.bottom + i.bottom) || m;
+        if (n.length >= 2) {
+          if (F(l) === "y") {
+            const w = n[0], B = n[n.length - 1], S = Y(l) === "top", M = w.top, P = B.bottom, R = S ? w.left : B.left, E = S ? w.right : B.right, O = E - R, D = P - M;
             return {
-              top: B,
-              bottom: b,
-              left: D,
-              right: P,
+              top: M,
+              bottom: P,
+              left: R,
+              right: E,
               width: O,
-              height: E,
-              x: D,
-              y: B
+              height: D,
+              x: R,
+              y: M
             };
           }
-          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;
+          const x = Y(l) === "left", y = H(...n.map((w) => w.right)), v = $(...n.map((w) => w.left)), A = n.filter((w) => x ? w.left === v : w.right === y), b = A[0].top, p = A[A.length - 1].bottom, C = v, k = y, j = k - C, L = p - b;
           return {
-            top: R,
+            top: b,
             bottom: p,
             left: C,
             right: k,
             width: j,
-            height: T,
+            height: L,
             x: C,
-            y: R
+            y: b
           };
         }
         return m;
@@ -350,34 +354,34 @@ const at = function(o) {
     }
   };
 };
-async function it(o, c) {
+async function ot(o, c) {
   const {
     placement: l,
     platform: e,
     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);
+  } = o, t = await (e.isRTL == null ? void 0 : e.isRTL(s.floating)), a = Y(l), r = _(l), d = F(l) === "y", g = ["left", "top"].includes(a) ? -1 : 1, u = t && d ? -1 : 1, n = X(c, o);
   let {
     mainAxis: m,
-    crossAxis: n,
+    crossAxis: i,
     alignmentAxis: f
-  } = typeof i == "number" ? {
-    mainAxis: i,
+  } = typeof n == "number" ? {
+    mainAxis: n,
     crossAxis: 0,
     alignmentAxis: null
   } : {
-    mainAxis: i.mainAxis || 0,
-    crossAxis: i.crossAxis || 0,
-    alignmentAxis: i.alignmentAxis
+    mainAxis: n.mainAxis || 0,
+    crossAxis: n.crossAxis || 0,
+    alignmentAxis: n.alignmentAxis
   };
-  return r && typeof f == "number" && (n = r === "end" ? f * -1 : f), d ? {
-    x: n * u,
+  return r && typeof f == "number" && (i = r === "end" ? f * -1 : f), d ? {
+    x: i * u,
     y: m * g
   } : {
     x: m * g,
-    y: n * u
+    y: i * u
   };
 }
-const rt = function(o) {
+const ft = function(o) {
   return o === void 0 && (o = 0), {
     name: "offset",
     options: o,
@@ -388,7 +392,7 @@ const rt = function(o) {
         y: t,
         placement: a,
         middlewareData: r
-      } = c, d = await it(c, o);
+      } = c, d = await ot(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,
@@ -399,7 +403,7 @@ const rt = function(o) {
       };
     }
   };
-}, ft = function(o) {
+}, mt = function(o) {
   return o === void 0 && (o = {}), {
     name: "shift",
     options: o,
@@ -414,33 +418,33 @@ const rt = function(o) {
         limiter: r = {
           fn: (x) => {
             let {
-              x: w,
-              y: A
+              x: y,
+              y: v
             } = x;
             return {
-              x: w,
-              y: A
+              x: y,
+              y: v
             };
           }
         },
         ...d
-      } = Y(o, c), g = {
+      } = X(o, c), g = {
         x: l,
         y: e
-      }, u = await J(c, d), i = M(F(s)), m = et(i);
-      let n = g[m], f = g[i];
+      }, u = await K(c, d), n = F(Y(s)), m = nt(n);
+      let i = g[m], f = g[n];
       if (t) {
-        const x = m === "y" ? "top" : "left", w = m === "y" ? "bottom" : "right", A = n + u[x], y = n - u[w];
-        n = _(A, n, y);
+        const x = m === "y" ? "top" : "left", y = m === "y" ? "bottom" : "right", v = i + u[x], A = i - u[y];
+        i = z(v, i, A);
       }
       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 x = n === "y" ? "top" : "left", y = n === "y" ? "bottom" : "right", v = f + u[x], A = f - u[y];
+        f = z(v, f, A);
       }
       const h = r.fn({
         ...c,
-        [m]: n,
-        [i]: f
+        [m]: i,
+        [n]: f
       });
       return {
         ...h,
@@ -449,7 +453,7 @@ const rt = function(o) {
           y: h.y - e,
           enabled: {
             [m]: t,
-            [i]: a
+            [n]: a
           }
         }
       };
@@ -457,13 +461,13 @@ const rt = function(o) {
   };
 };
 export {
-  ct as arrow,
-  st as computePosition,
-  J as detectOverflow,
-  lt as flip,
-  at as inline,
-  rt as offset,
-  $ as rectToClientRect,
-  ft as shift
+  lt as arrow,
+  ct as computePosition,
+  K as detectOverflow,
+  at as flip,
+  rt as inline,
+  ft as offset,
+  I as rectToClientRect,
+  mt as shift
 };
 //# sourceMappingURL=annotorious-react.es23.js.map