@annotorious/react 3.4.3 → 3.4.4

package/dist/annotorious-react.es.js

@@ -1,14 +1,15 @@
-import { Annotorious as r, AnnotoriousContext as a, useAnnotation as i, useAnnotationSelectAction as p, useAnnotationStore as s, useAnnotations as m, useAnnotator as u, useAnnotatorUser as A, useHover as S, useSelection as l, useViewportState as c } from "./annotorious-react.es2.js";
+import { Annotorious as r, AnnotoriousContext as a, useAnnotation as i, useAnnotationSelectAction as p, useAnnotationStore as s, useAnnotations as m, useAnnotator as u, useAnnotatorUser as A, useHover as S, useSelection as l, useViewportState as g } from "./annotorious-react.es2.js";
 import { AnnotoriousPlugin as x } from "./annotorious-react.es3.js";
 import { ImageAnnotationPopup as d } from "./annotorious-react.es4.js";
 import { ImageAnnotator as I } from "./annotorious-react.es5.js";
 /* empty css                      */
 /* empty css                      */
-import { Origin as O, UserSelectAction as V, createAnonymousGuest as P, createBody as w, defaultColorProvider as z } from "@annotorious/core";
-import { ShapeType as G, W3CImageFormat as W, chainStyles as h, computeStyle as v, createImageAnnotator as U, parseFragmentSelector as B, parseSVGSelector as H, parseW3CImageAnnotation as T, serializeFragmentSelector as b, serializeSVGSelector as j, serializeW3CImageAnnotation as k } from "@annotorious/annotorious";
+import { Origin as y, UserSelectAction as V, createAnonymousGuest as P, createBody as v, defaultColorProvider as w } from "@annotorious/core";
+import { ShapeType as F, W3CImageFormat as G, chainStyles as W, computeStyle as h, createImageAnnotator as H, parseFragmentSelector as T, parseSVGSelector as U, parseW3CImageAnnotation as B, serializeFragmentSelector as b, serializeSVGSelector as j, serializeW3CImageAnnotation as k } from "@annotorious/annotorious";
 import { OpenSeadragonAnnotator as D, OpenSeadragonAnnotatorContext as E, useViewer as J } from "./annotorious-react.es8.js";
 import { OpenSeadragonAnnotationPopup as L } from "./annotorious-react.es9.js";
-import { OpenSeadragonViewer as N } from "./annotorious-react.es10.js";
+import { OpenSeadragonHoverTooltip as N } from "./annotorious-react.es10.js";
+import { OpenSeadragonViewer as R } from "./annotorious-react.es11.js";
 export {
   r as Annotorious,
   a as AnnotoriousContext,
@@ -18,20 +19,21 @@ export {
   L as OpenSeadragonAnnotationPopup,
   D as OpenSeadragonAnnotator,
   E as OpenSeadragonAnnotatorContext,
-  N as OpenSeadragonViewer,
-  O as Origin,
-  G as ShapeType,
+  N as OpenSeadragonHoverTooltip,
+  R as OpenSeadragonViewer,
+  y as Origin,
+  F as ShapeType,
   V as UserSelectAction,
-  W as W3CImageFormat,
-  h as chainStyles,
-  v as computeStyle,
+  G as W3CImageFormat,
+  W as chainStyles,
+  h as computeStyle,
   P as createAnonymousGuest,
-  w as createBody,
-  U as createImageAnnotator,
-  z as defaultColorProvider,
-  B as parseFragmentSelector,
-  H as parseSVGSelector,
-  T as parseW3CImageAnnotation,
+  v as createBody,
+  H as createImageAnnotator,
+  w as defaultColorProvider,
+  T as parseFragmentSelector,
+  U as parseSVGSelector,
+  B as parseW3CImageAnnotation,
   b as serializeFragmentSelector,
   j as serializeSVGSelector,
   k as serializeW3CImageAnnotation,
@@ -44,6 +46,6 @@ export {
   S as useHover,
   l as useSelection,
   J as useViewer,
-  c as useViewportState
+  g as useViewportState
 };
 //# sourceMappingURL=annotorious-react.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"annotorious-react.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}
+{"version":3,"file":"annotorious-react.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/dist/annotorious-react.es10.js

@@ -1,19 +1,35 @@
-import { jsx as a } from "react/jsx-runtime";
-import { forwardRef as m, useRef as p, useContext as u, useLayoutEffect as c, useImperativeHandle as d } from "react";
-import l from "openseadragon";
-import { OpenSeadragonAnnotatorContext as v } from "./annotorious-react.es8.js";
-const S = m((n, i) => {
-  const { className: s, options: t } = n, r = p(null), { viewer: f, setViewer: e } = u(v);
-  return c(() => {
-    if (r.current) {
-      const o = l({ ...t, element: r.current });
-      return e && e(o), () => {
-        e && e(void 0), o.destroy();
-      };
+import { jsx as b } from "react/jsx-runtime";
+import { useState as c, useEffect as E } from "react";
+import { useAnnotator as h } from "./annotorious-react.es2.js";
+import { useViewer as y } from "./annotorious-react.es8.js";
+const v = 10, S = (n) => {
+  const m = n.offsetX || v, a = n.offsetY || v, e = h(), t = y(), [s, p] = c(), [r, i] = c();
+  return E(() => {
+    if (!e || !t) return;
+    const u = (o) => {
+      i(o ? e.state.store.getAnnotation(o) : void 0);
+    }, f = (o) => {
+      const { offsetX: d, offsetY: x } = o;
+      p({ x: d, y: x });
+    };
+    t.element.addEventListener("pointermove", f);
+    const l = e.state.hover.subscribe(u);
+    return () => {
+      t.element.removeEventListener("pointermove", f), l();
+    };
+  }, [e, t]), r && s && /* @__PURE__ */ b(
+    "div",
+    {
+      style: {
+        position: "absolute",
+        top: `${s.y + a}px`,
+        left: `${s.x + m}px`
+      },
+      children: n.tooltip({ annotation: r })
     }
-  }, [JSON.stringify(t)]), d(i, () => f), /* @__PURE__ */ a("div", { className: s, ref: r });
-});
+  );
+};
 export {
-  S as OpenSeadragonViewer
+  S as OpenSeadragonHoverTooltip
 };
 //# sourceMappingURL=annotorious-react.es10.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"annotorious-react.es10.js","sources":["../src/openseadragon/OpenSeadragonViewer.tsx"],"sourcesContent":["import { forwardRef, useContext, useEffect, useImperativeHandle, useLayoutEffect, useRef } from 'react';\nimport OpenSeadragon from 'openseadragon';\nimport { OpenSeadragonAnnotatorContext } from './OpenSeadragonAnnotator';\n\nexport interface OpenSeadragonViewerProps {\n\n  className?: string;\n\n  options: OpenSeadragon.Options;\n\n}\n\nexport const OpenSeadragonViewer = forwardRef<OpenSeadragon.Viewer, OpenSeadragonViewerProps>((props: OpenSeadragonViewerProps, ref) => {\n\n  const { className, options } = props;\n\n  const element = useRef<HTMLDivElement>(null);\n\n  const { viewer, setViewer } = useContext(OpenSeadragonAnnotatorContext);\n\n  useLayoutEffect(() => {    \n    if (element.current) {\n      const v = OpenSeadragon({...options, element: element.current });\n\n      // Checking for setViewer is just a convenience so we can\n      // use this component also without an OpenSeadragonAnnotator\n      if (setViewer)\n        setViewer(v);\n\n      return () => {\n        if (setViewer)\n          setViewer(undefined);\n\n        v.destroy();\n      }\n    }\n  }, [JSON.stringify(options)]);\n\n  useImperativeHandle(ref, () => viewer);\n\n  return (\n    <div className={className} ref={element} />\n  );\n\n});"],"names":["OpenSeadragonViewer","forwardRef","props","ref","className","options","element","useRef","viewer","setViewer","useContext","OpenSeadragonAnnotatorContext","useLayoutEffect","v","OpenSeadragon","useImperativeHandle","jsx"],"mappings":";;;;AAYO,MAAMA,IAAsBC,EAA2D,CAACC,GAAiCC,MAAQ;AAEhI,QAAA,EAAE,WAAAC,GAAW,SAAAC,EAAA,IAAYH,GAEzBI,IAAUC,EAAuB,IAAI,GAErC,EAAE,QAAAC,GAAQ,WAAAC,MAAcC,EAAWC,CAA6B;AAEtE,SAAAC,EAAgB,MAAM;AACpB,QAAIN,EAAQ,SAAS;AACb,YAAAO,IAAIC,EAAc,EAAC,GAAGT,GAAS,SAASC,EAAQ,SAAS;AAI3D,aAAAG,KACFA,EAAUI,CAAC,GAEN,MAAM;AACP,QAAAJ,KACFA,EAAU,MAAS,GAErBI,EAAE,QAAQ;AAAA,MACZ;AAAA,IAAA;AAAA,KAED,CAAC,KAAK,UAAUR,CAAO,CAAC,CAAC,GAERU,EAAAZ,GAAK,MAAMK,CAAM,GAGlC,gBAAAQ,EAAA,OAAA,EAAI,WAAAZ,GAAsB,KAAKE,EAAS,CAAA;AAG7C,CAAC;"}
+{"version":3,"file":"annotorious-react.es10.js","sources":["../src/openseadragon/OpenSeadragonHoverTooltip.tsx"],"sourcesContent":["import { ReactNode, useEffect, useState } from 'react';\nimport { Annotation } from '@annotorious/core';\nimport { ImageAnnotation } from '@annotorious/annotorious';\nimport { useAnnotator } from '../Annotorious';\nimport { AnnotoriousOpenSeadragonAnnotator, useViewer } from '.';\n\ninterface HoverTooltipContentProps <T extends Annotation = ImageAnnotation> {\n   \n  annotation: T;\n\n}\n\ninterface OpenSeadragonHoverTooltipProps {\n\n  offsetX?: number;\n\n  offsetY?: number;\n\n  tooltip: (props: HoverTooltipContentProps) => ReactNode;\n\n}\n\nconst DEFAULT_OFFSET = 10;\n\nexport const OpenSeadragonHoverTooltip = (props: OpenSeadragonHoverTooltipProps) => {\n\n  const offsetX = props.offsetX || DEFAULT_OFFSET;\n  const offsetY = props.offsetY || DEFAULT_OFFSET;\n\n  const anno = useAnnotator<AnnotoriousOpenSeadragonAnnotator>();\n\n  const viewer = useViewer();\n\n  const [pos, setPos] = useState<{ x: number, y: number } | undefined>();\n\n  const [hovered, setHovered] = useState<ImageAnnotation | undefined>();\n\n  useEffect(() => {\n    if (!anno || !viewer) return;\n\n    const onHover = (id: string) => {\n      if (id)\n        setHovered(anno.state.store.getAnnotation(id));\n      else\n        setHovered(undefined);\n    }\n\n    const onPointerMove = (evt: PointerEvent) => {\n      const { offsetX: x, offsetY: y } = evt;\n      setPos({ x, y });\n    }\n\n    viewer.element.addEventListener('pointermove', onPointerMove);\n    const unsubscribe = anno.state.hover.subscribe(onHover);\n\n    return () => {\n      viewer.element.removeEventListener('pointermove', onPointerMove);\n      unsubscribe();\n    }\n  }, [anno, viewer]);\n\n  return (hovered && pos) && (\n    <div \n      style={{ \n        position: 'absolute',\n        top: `${pos.y + offsetY}px`,\n        left: `${pos.x + offsetX}px`\n      }}>\n      {props.tooltip({ annotation: hovered })}\n    </div>\n  )\n\n}"],"names":["DEFAULT_OFFSET","OpenSeadragonHoverTooltip","props","offsetX","offsetY","anno","useAnnotator","viewer","useViewer","pos","setPos","useState","hovered","setHovered","useEffect","onHover","id","onPointerMove","evt","x","y","unsubscribe","jsx"],"mappings":";;;;AAsBA,MAAMA,IAAiB,IAEVC,IAA4B,CAACC,MAA0C;AAE5E,QAAAC,IAAUD,EAAM,WAAWF,GAC3BI,IAAUF,EAAM,WAAWF,GAE3BK,IAAOC,EAAgD,GAEvDC,IAASC,EAAU,GAEnB,CAACC,GAAKC,CAAM,IAAIC,EAA+C,GAE/D,CAACC,GAASC,CAAU,IAAIF,EAAsC;AAEpE,SAAAG,EAAU,MAAM;AACV,QAAA,CAACT,KAAQ,CAACE,EAAQ;AAEhB,UAAAQ,IAAU,CAACC,MAAe;AAC1B,MACFH,EADEG,IACSX,EAAK,MAAM,MAAM,cAAcW,CAAE,IAEjC,MAFkC;AAAA,IAGjD,GAEMC,IAAgB,CAACC,MAAsB;AAC3C,YAAM,EAAE,SAASC,GAAG,SAASC,EAAM,IAAAF;AAC5B,MAAAR,EAAA,EAAE,GAAAS,GAAG,GAAAC,GAAG;AAAA,IACjB;AAEO,IAAAb,EAAA,QAAQ,iBAAiB,eAAeU,CAAa;AAC5D,UAAMI,IAAchB,EAAK,MAAM,MAAM,UAAUU,CAAO;AAEtD,WAAO,MAAM;AACJ,MAAAR,EAAA,QAAQ,oBAAoB,eAAeU,CAAa,GACnDI,EAAA;AAAA,IACd;AAAA,EAAA,GACC,CAAChB,GAAME,CAAM,CAAC,GAETK,KAAWH,KACjB,gBAAAa;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,UAAU;AAAA,QACV,KAAK,GAAGb,EAAI,IAAIL,CAAO;AAAA,QACvB,MAAM,GAAGK,EAAI,IAAIN,CAAO;AAAA,MAC1B;AAAA,MACC,UAAMD,EAAA,QAAQ,EAAE,YAAYU,EAAS,CAAA;AAAA,IAAA;AAAA,EACxC;AAGJ;"}

package/dist/annotorious-react.es11.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"annotorious-react.es11.js","sources":["../src/useDebounce.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nexport const useDebounce = (value: any, delay: number) => {\n  const [debouncedValue, setDebouncedValue] = useState<any>(value);\n\n  const timerRef = useRef<ReturnType<typeof setTimeout>>(undefined);\n\n  useEffect(() => {\n    timerRef.current = \n      setTimeout(() => setDebouncedValue(value), delay);\n\n    return () => {\n      clearTimeout(timerRef.current);\n    };\n  }, [value, delay]);\n\n  return debouncedValue;\n}"],"names":["useDebounce","value","delay","debouncedValue","setDebouncedValue","useState","timerRef","useRef","useEffect"],"mappings":";AAEa,MAAAA,IAAc,CAACC,GAAYC,MAAkB;AACxD,QAAM,CAACC,GAAgBC,CAAiB,IAAIC,EAAcJ,CAAK,GAEzDK,IAAWC,EAAsC,MAAS;AAEhE,SAAAC,EAAU,OACRF,EAAS,UACP,WAAW,MAAMF,EAAkBH,CAAK,GAAGC,CAAK,GAE3C,MAAM;AACX,iBAAaI,EAAS,OAAO;AAAA,EAC/B,IACC,CAACL,GAAOC,CAAK,CAAC,GAEVC;AACT;"}
+{"version":3,"file":"annotorious-react.es11.js","sources":["../src/openseadragon/OpenSeadragonViewer.tsx"],"sourcesContent":["import { forwardRef, useContext, useEffect, useImperativeHandle, useLayoutEffect, useRef } from 'react';\nimport OpenSeadragon from 'openseadragon';\nimport { OpenSeadragonAnnotatorContext } from './OpenSeadragonAnnotator';\n\nexport interface OpenSeadragonViewerProps {\n\n  className?: string;\n\n  options: OpenSeadragon.Options;\n\n}\n\nexport const OpenSeadragonViewer = forwardRef<OpenSeadragon.Viewer, OpenSeadragonViewerProps>((props: OpenSeadragonViewerProps, ref) => {\n\n  const { className, options } = props;\n\n  const element = useRef<HTMLDivElement>(null);\n\n  const { viewer, setViewer } = useContext(OpenSeadragonAnnotatorContext);\n\n  useLayoutEffect(() => {    \n    if (element.current) {\n      const v = OpenSeadragon({...options, element: element.current });\n\n      // Checking for setViewer is just a convenience so we can\n      // use this component also without an OpenSeadragonAnnotator\n      if (setViewer)\n        setViewer(v);\n\n      return () => {\n        if (setViewer)\n          setViewer(undefined);\n\n        v.destroy();\n      }\n    }\n  }, [JSON.stringify(options)]);\n\n  useImperativeHandle(ref, () => viewer);\n\n  return (\n    <div className={className} ref={element} />\n  );\n\n});"],"names":["OpenSeadragonViewer","forwardRef","props","ref","className","options","element","useRef","viewer","setViewer","useContext","OpenSeadragonAnnotatorContext","useLayoutEffect","v","OpenSeadragon","useImperativeHandle","jsx"],"mappings":";;;;AAYO,MAAMA,IAAsBC,EAA2D,CAACC,GAAiCC,MAAQ;AAEhI,QAAA,EAAE,WAAAC,GAAW,SAAAC,EAAA,IAAYH,GAEzBI,IAAUC,EAAuB,IAAI,GAErC,EAAE,QAAAC,GAAQ,WAAAC,MAAcC,EAAWC,CAA6B;AAEtE,SAAAC,EAAgB,MAAM;AACpB,QAAIN,EAAQ,SAAS;AACb,YAAAO,IAAIC,EAAc,EAAC,GAAGT,GAAS,SAASC,EAAQ,SAAS;AAI3D,aAAAG,KACFA,EAAUI,CAAC,GAEN,MAAM;AACP,QAAAJ,KACFA,EAAU,MAAS,GAErBI,EAAE,QAAQ;AAAA,MACZ;AAAA,IAAA;AAAA,KAED,CAAC,KAAK,UAAUR,CAAO,CAAC,CAAC,GAERU,EAAAZ,GAAK,MAAMK,CAAM,GAGlC,gBAAAQ,EAAA,OAAA,EAAI,WAAAZ,GAAsB,KAAKE,EAAS,CAAA;AAG7C,CAAC;"}

package/dist/annotorious-react.es12.js

@@ -1,256 +1,11 @@
-import * as r from "react";
-import { useModernLayoutEffect as O, useEffectEvent as X } from "./annotorious-react.es17.js";
-import { jsxs as Y, jsx as P } from "react/jsx-runtime";
-import { isElement as I, getComputedStyle as q } from "./annotorious-react.es18.js";
-import { getOverflowAncestors as pe } from "./annotorious-react.es18.js";
-import "react-dom";
-import { useFloating as Q } from "./annotorious-react.es15.js";
-import { arrow as he, flip as xe, inline as ve, offset as Ce, shift as we } from "./annotorious-react.es15.js";
-const Z = {
-  ...r
+import { useState as c, useRef as n, useEffect as s } from "react";
+const i = (e, t) => {
+  const [u, o] = c(e), r = n(void 0);
+  return s(() => (r.current = setTimeout(() => o(e), t), () => {
+    clearTimeout(r.current);
+  }), [e, t]), u;
 };
-let V = !1, z = 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) + z++
-);
-function G() {
-  const [t, o] = r.useState(() => V ? W() : void 0);
-  return O(() => {
-    t == null && o(W());
-  }, []), r.useEffect(() => {
-    V = !0;
-  }, []), t;
-}
-const J = Z.useId, $ = J || G;
-let M;
-process.env.NODE_ENV !== "production" && (M = /* @__PURE__ */ new Set());
-function K() {
-  for (var t, o = arguments.length, l = new Array(o), e = 0; e < o; e++)
-    l[e] = arguments[e];
-  const s = "Floating UI: " + l.join(" ");
-  if (!((t = M) != null && t.has(s))) {
-    var c;
-    (c = M) == null || c.add(s), console.warn(s);
-  }
-}
-function _() {
-  for (var t, o = arguments.length, l = new Array(o), e = 0; e < o; e++)
-    l[e] = arguments[e];
-  const s = "Floating UI: " + l.join(" ");
-  if (!((t = M) != null && t.has(s))) {
-    var c;
-    (c = M) == null || c.add(s), console.error(s);
-  }
-}
-const ue = /* @__PURE__ */ r.forwardRef(function(o, l) {
-  const {
-    context: {
-      placement: e,
-      elements: {
-        floating: s
-      },
-      middlewareData: {
-        arrow: c,
-        shift: u
-      }
-    },
-    width: f = 14,
-    height: a = 7,
-    tipRadius: F = 0,
-    strokeWidth: d = 0,
-    staticOffset: g,
-    stroke: R,
-    d: n,
-    style: {
-      transform: p,
-      ...h
-    } = {},
-    ...x
-  } = o;
-  process.env.NODE_ENV !== "production" && (l || K("The `ref` prop is required for `FloatingArrow`."));
-  const v = $(), [E, i] = r.useState(!1);
-  if (O(() => {
-    if (!s) return;
-    q(s).direction === "rtl" && i(!0);
-  }, [s]), !s)
-    return null;
-  const [m, D] = e.split("-"), N = m === "top" || m === "bottom";
-  let S = g;
-  (N && u != null && u.x || !N && u != null && u.y) && (S = null);
-  const C = d * 2, b = C / 2, T = f / 2 * (F / -8 + 1), y = a / 2 * F / 4, w = !!n, k = S && D === "end" ? "bottom" : "top";
-  let A = S && D === "end" ? "right" : "left";
-  S && E && (A = D === "end" ? "left" : "right");
-  const B = (c == null ? void 0 : c.x) != null ? S || c.x : "", U = (c == null ? void 0 : c.y) != null ? S || c.y : "", L = n || "M0,0" + (" H" + f) + (" L" + (f - T) + "," + (a - y)) + (" Q" + f / 2 + "," + a + " " + T + "," + (a - y)) + " Z", H = {
-    top: w ? "rotate(180deg)" : "",
-    left: w ? "rotate(90deg)" : "rotate(-90deg)",
-    bottom: w ? "" : "rotate(180deg)",
-    right: w ? "rotate(-90deg)" : "rotate(90deg)"
-  }[m];
-  return /* @__PURE__ */ Y("svg", {
-    ...x,
-    "aria-hidden": !0,
-    ref: l,
-    width: w ? f : f + C,
-    height: f,
-    viewBox: "0 0 " + f + " " + (a > f ? a : f),
-    style: {
-      position: "absolute",
-      pointerEvents: "none",
-      [A]: B,
-      [k]: U,
-      [m]: N || w ? "100%" : "calc(100% - " + C / 2 + "px)",
-      transform: [H, p].filter((j) => !!j).join(" "),
-      ...h
-    },
-    children: [C > 0 && /* @__PURE__ */ P("path", {
-      clipPath: "url(#" + v + ")",
-      fill: "none",
-      stroke: R,
-      strokeWidth: C + (n ? 0 : 1),
-      d: L
-    }), /* @__PURE__ */ P("path", {
-      stroke: C && !n ? x.fill : "none",
-      d: L
-    }), /* @__PURE__ */ P("clipPath", {
-      id: v,
-      children: /* @__PURE__ */ P("rect", {
-        x: -b,
-        y: b * (w ? -1 : 1),
-        width: f + C,
-        height: f
-      })
-    })]
-  });
-});
-function ee() {
-  const t = /* @__PURE__ */ new Map();
-  return {
-    emit(o, l) {
-      var e;
-      (e = t.get(o)) == null || e.forEach((s) => s(l));
-    },
-    on(o, l) {
-      t.has(o) || t.set(o, /* @__PURE__ */ new Set()), t.get(o).add(l);
-    },
-    off(o, l) {
-      var e;
-      (e = t.get(o)) == null || e.delete(l);
-    }
-  };
-}
-const te = /* @__PURE__ */ r.createContext(null), ne = /* @__PURE__ */ r.createContext(null), oe = () => {
-  var t;
-  return ((t = r.useContext(te)) == null ? void 0 : t.id) || null;
-}, re = () => r.useContext(ne);
-function se(t) {
-  const {
-    open: o = !1,
-    onOpenChange: l,
-    elements: e
-  } = t, s = $(), c = r.useRef({}), [u] = r.useState(() => ee()), f = oe() != null;
-  if (process.env.NODE_ENV !== "production") {
-    const n = e.reference;
-    n && !I(n) && _("Cannot pass a virtual element to the `elements.reference` option,", "as it must be a real DOM element. Use `refs.setPositionReference()`", "instead.");
-  }
-  const [a, F] = r.useState(e.reference), d = X((n, p, h) => {
-    c.current.openEvent = n ? p : void 0, u.emit("openchange", {
-      open: n,
-      event: p,
-      reason: h,
-      nested: f
-    }), l == null || l(n, p, h);
-  }), g = r.useMemo(() => ({
-    setPositionReference: F
-  }), []), R = r.useMemo(() => ({
-    reference: a || e.reference || null,
-    floating: e.floating || null,
-    domReference: e.reference
-  }), [a, e.reference, e.floating]);
-  return r.useMemo(() => ({
-    dataRef: c,
-    open: o,
-    onOpenChange: d,
-    elements: R,
-    events: u,
-    floatingId: s,
-    refs: g
-  }), [o, d, R, u, s, g]);
-}
-function de(t) {
-  t === void 0 && (t = {});
-  const {
-    nodeId: o
-  } = t, l = se({
-    ...t,
-    elements: {
-      reference: null,
-      floating: null,
-      ...t.elements
-    }
-  }), e = t.rootContext || l, s = e.elements, [c, u] = r.useState(null), [f, a] = r.useState(null), d = (s == null ? void 0 : s.domReference) || c, g = r.useRef(null), R = re();
-  O(() => {
-    d && (g.current = d);
-  }, [d]);
-  const n = Q({
-    ...t,
-    elements: {
-      ...s,
-      ...f && {
-        reference: f
-      }
-    }
-  }), p = r.useCallback((i) => {
-    const m = I(i) ? {
-      getBoundingClientRect: () => i.getBoundingClientRect(),
-      getClientRects: () => i.getClientRects(),
-      contextElement: i
-    } : i;
-    a(m), n.refs.setReference(m);
-  }, [n.refs]), h = r.useCallback((i) => {
-    (I(i) || i === null) && (g.current = i, u(i)), (I(n.refs.reference.current) || n.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.
-    i !== null && !I(i)) && n.refs.setReference(i);
-  }, [n.refs]), x = r.useMemo(() => ({
-    ...n.refs,
-    setReference: h,
-    setPositionReference: p,
-    domReference: g
-  }), [n.refs, h, p]), v = r.useMemo(() => ({
-    ...n.elements,
-    domReference: d
-  }), [n.elements, d]), E = r.useMemo(() => ({
-    ...n,
-    ...e,
-    refs: x,
-    elements: v,
-    nodeId: o
-  }), [n, x, v, o, e]);
-  return O(() => {
-    e.dataRef.current.floatingContext = E;
-    const i = R == null ? void 0 : R.nodesRef.current.find((m) => m.id === o);
-    i && (i.context = E);
-  }), r.useMemo(() => ({
-    ...n,
-    context: E,
-    refs: x,
-    elements: v
-  }), [n, x, v, E]);
-}
 export {
-  ue as FloatingArrow,
-  he as arrow,
-  xe as flip,
-  pe as getOverflowAncestors,
-  ve as inline,
-  Ce as offset,
-  we as shift,
-  de as useFloating,
-  oe as useFloatingParentNodeId,
-  se as useFloatingRootContext,
-  re as useFloatingTree,
-  $ as useId
+  i as useDebounce
 };
 //# sourceMappingURL=annotorious-react.es12.js.map