@annotorious/react 3.0.20 → 3.0.22

package/dist/annotorious-react.es10.js

@@ -1,17 +1,17 @@
-import { j as f } from "./annotorious-react.es11.js";
-import { forwardRef as m, useRef as p, useContext as u, useLayoutEffect as c, useImperativeHandle as d } from "react";
+import { j as a } from "./annotorious-react.es11.js";
+import { forwardRef as m, useRef as u, useContext as p, useLayoutEffect as c, useImperativeHandle as d } from "react";
 import l from "openseadragon";
 import { OpenSeadragonAnnotatorContext as x } from "./annotorious-react.es8.js";
-const S = m((n, s) => {
-  const { className: i, options: t } = n, r = p(null), { viewer: a, setViewer: e } = u(x);
+const S = m((o, s) => {
+  const { className: i, options: t } = o, r = u(null), { viewer: f, setViewer: e } = p(x);
   return c(() => {
     if (r.current) {
-      const o = l({ ...t, element: r.current });
-      return e && e(o), () => {
-        e && e(void 0), o.destroy();
+      const n = l({ ...t, element: r.current });
+      return e && e(n), () => {
+        e && e(void 0), n.destroy();
       };
     }
-  }, [JSON.stringify(t)]), d(s, () => a), /* @__PURE__ */ f.jsx("div", { className: i, ref: r });
+  }, [JSON.stringify(t)]), d(s, () => f), /* @__PURE__ */ a.jsx("div", { className: i, ref: r });
 });
 export {
   S as OpenSeadragonViewer

package/dist/annotorious-react.es11.js.map

@@ -1 +1 @@
-{"version":3,"file":"annotorious-react.es11.js","sources":["../../../node_modules/react/jsx-runtime.js"],"sourcesContent":["'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('./cjs/react-jsx-runtime.production.min.js');\n} else {\n  module.exports = require('./cjs/react-jsx-runtime.development.js');\n}\n"],"names":["jsxRuntimeModule","require$$0","require$$1"],"mappings":";;;AAEI,QAAQ,IAAI,aAAa,eAC3BA,EAAA,UAAiBC,EAAoD,IAErED,EAAA,UAAiBE,EAAiD;;","x_google_ignoreList":[0]}
+{"version":3,"file":"annotorious-react.es11.js","sources":["../../../node_modules/react/jsx-runtime.js"],"sourcesContent":["'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('./cjs/react-jsx-runtime.production.js');\n} else {\n  module.exports = require('./cjs/react-jsx-runtime.development.js');\n}\n"],"names":["jsxRuntimeModule","require$$0","require$$1"],"mappings":";;;AAEI,QAAQ,IAAI,aAAa,eAC3BA,EAAA,UAAiBC,EAAgD,IAEjED,EAAA,UAAiBE,EAAiD;;","x_google_ignoreList":[0]}

package/dist/annotorious-react.es13.js

@@ -4,7 +4,7 @@ import { getComputedStyle as Z, isElement as I } from "./annotorious-react.es21.
 import { getOverflowAncestors as Re } from "./annotorious-react.es21.js";
 import "react-dom";
 import { useFloating as z } from "./annotorious-react.es15.js";
-import { arrow as xe, flip as Ee, inline as we, offset as Ce, shift as Se } 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 $ = {
   ...o
 }, G = $.useInsertionEffect, J = G || ((t) => t());
@@ -90,10 +90,10 @@ const me = /* @__PURE__ */ o.forwardRef(function(n, s) {
       transform: p,
       ...R
     } = {},
-    ...v
+    ...x
   } = n;
   process.env.NODE_ENV !== "production" && (s || te("The `ref` prop is required for `FloatingArrow`."));
-  const x = B(), [C, f] = o.useState(!1);
+  const E = B(), [C, f] = o.useState(!1);
   if (b(() => {
     if (!r) return;
     Z(r).direction === "rtl" && f(!0);
@@ -102,7 +102,7 @@ const me = /* @__PURE__ */ o.forwardRef(function(n, s) {
   const [m, F] = e.split("-"), M = m === "top" || m === "bottom";
   let S = g;
   (M && u != null && u.x || !M && u != null && u.y) && (S = null);
-  const E = d * 2, N = E / 2, A = i / 2 * (O / -8 + 1), T = a / 2 * O / 4, w = !!c, U = S && F === "end" ? "bottom" : "top";
+  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 = {
@@ -111,10 +111,10 @@ const me = /* @__PURE__ */ o.forwardRef(function(n, s) {
     bottom: w ? "" : "rotate(180deg)",
     right: w ? "rotate(-90deg)" : "rotate(90deg)"
   }[m];
-  return /* @__PURE__ */ o.createElement("svg", D({}, v, {
+  return /* @__PURE__ */ o.createElement("svg", D({}, x, {
     "aria-hidden": !0,
     ref: s,
-    width: w ? i : i + E,
+    width: w ? i : i + v,
     height: i,
     viewBox: "0 0 " + i + " " + (a > i ? a : i),
     style: {
@@ -122,25 +122,25 @@ const me = /* @__PURE__ */ o.forwardRef(function(n, s) {
       pointerEvents: "none",
       [j]: H,
       [U]: X,
-      [m]: M || w ? "100%" : "calc(100% - " + E / 2 + "px)",
+      [m]: M || w ? "100%" : "calc(100% - " + v / 2 + "px)",
       transform: [Y, p].filter((L) => !!L).join(" "),
       ...R
     }
-  }), E > 0 && /* @__PURE__ */ o.createElement("path", {
-    clipPath: "url(#" + x + ")",
+  }), v > 0 && /* @__PURE__ */ o.createElement("path", {
+    clipPath: "url(#" + E + ")",
     fill: "none",
     stroke: h,
-    strokeWidth: E + (c ? 0 : 1),
+    strokeWidth: v + (c ? 0 : 1),
     d: y
   }), /* @__PURE__ */ o.createElement("path", {
-    stroke: E && !c ? v.fill : "none",
+    stroke: v && !c ? x.fill : "none",
     d: y
   }), /* @__PURE__ */ o.createElement("clipPath", {
-    id: x
+    id: E
   }, /* @__PURE__ */ o.createElement("rect", {
     x: -N,
     y: N * (w ? -1 : 1),
-    width: i + E,
+    width: i + v,
     height: i
   })));
 });
@@ -232,21 +232,21 @@ function ge(t) {
     // `null` to support `positionReference` + an unstable `reference`
     // callback ref.
     f !== null && !I(f)) && c.refs.setReference(f);
-  }, [c.refs]), v = o.useMemo(() => ({
+  }, [c.refs]), x = o.useMemo(() => ({
     ...c.refs,
     setReference: R,
     setPositionReference: p,
     domReference: g
-  }), [c.refs, R, p]), x = o.useMemo(() => ({
+  }), [c.refs, R, p]), E = o.useMemo(() => ({
     ...c.elements,
     domReference: d
   }), [c.elements, d]), C = o.useMemo(() => ({
     ...c,
     ...e,
-    refs: v,
-    elements: x,
+    refs: x,
+    elements: E,
     nodeId: n
-  }), [c, v, x, n, 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);
@@ -254,14 +254,14 @@ function ge(t) {
   }), o.useMemo(() => ({
     ...c,
     context: C,
-    refs: v,
-    elements: x
-  }), [c, v, x, C]);
+    refs: x,
+    elements: E
+  }), [c, x, E, C]);
 }
 export {
   me as FloatingArrow,
-  xe as arrow,
-  Ee as flip,
+  Ee as arrow,
+  ve as flip,
   Re as getOverflowAncestors,
   we as inline,
   Ce as offset,

package/dist/annotorious-react.es15.js

@@ -1,4 +1,4 @@
-import { offset as I, shift as J, flip as K, inline as N, computePosition as Q, arrow as v } from "./annotorious-react.es16.js";
+import { offset as I, shift as J, flip as K, inline as N, computePosition as Q, arrow as A } from "./annotorious-react.es16.js";
 import { autoUpdate as le, platform as ce } from "./annotorious-react.es16.js";
 import * as f from "react";
 import { useLayoutEffect as T, useEffect as X } from "react";
@@ -34,11 +34,11 @@ function h(e, t) {
   }
   return e !== e && t !== t;
 }
-function q(e) {
+function v(e) {
   return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
 }
-function A(e, t) {
-  const n = q(e);
+function q(e, t) {
+  const n = v(e);
   return Math.round(t * n) / n;
 }
 function $(e) {
@@ -128,11 +128,11 @@ function te(e) {
     };
     if (!c.floating)
       return o;
-    const w = A(c.floating, i.x), m = A(c.floating, i.y);
+    const w = q(c.floating, i.x), m = q(c.floating, i.y);
     return k ? {
       ...o,
       transform: "translate(" + w + "px, " + m + "px)",
-      ...q(c.floating) >= 1.5 && {
+      ...v(c.floating) >= 1.5 && {
         willChange: "transform"
       }
     } : {
@@ -161,10 +161,10 @@ const Z = (e) => {
         element: r,
         padding: s
       } = typeof e == "function" ? e(n) : e;
-      return r && t(r) ? r.current != null ? v({
+      return r && t(r) ? r.current != null ? A({
         element: r.current,
         padding: s
-      }).fn(n) : {} : r ? v({
+      }).fn(n) : {} : r ? A({
         element: r,
         padding: s
       }).fn(n) : {};