@soomo/react-text-annotator 3.1.0-staging.21 → 3.1.0-staging.23

package/dist/react-text-annotator.es7.js

@@ -1,14 +1,14 @@
-import { j as jsxRuntimeExports } from "./react-text-annotator.es9.js";
+import { j as jsxRuntimeExports } from "./react-text-annotator.es8.js";
 import { useState, useCallback, useEffect, useRef, useMemo } from "react";
 import { useAnnotator, useSelection } from "@annotorious/react";
-import { denormalizeRectWithOffset, toDomRectList, NOT_ANNOTATABLE_CLASS } from "@soomo/text-annotator";
-import { useFloating, useDismiss, useRole, useInteractions, FloatingPortal, FloatingFocusManager, FloatingArrow } from "./react-text-annotator.es15.js";
-import { isMobile } from "./react-text-annotator.es16.js";
+import { toViewportBounds, toDomRectList, NOT_ANNOTATABLE_CLASS } from "@soomo/text-annotator";
+import { useFloating, useDismiss, useRole, useInteractions, FloatingPortal, FloatingFocusManager, FloatingArrow } from "./react-text-annotator.es14.js";
+import { isMobile } from "./react-text-annotator.es15.js";
 import { useAnnouncePopupNavigation } from "./react-text-annotator.es4.js";
 import { useAnnotationQuoteIdling } from "./react-text-annotator.es5.js";
 /* empty css                          */
-import { inline, offset, flip, shift, arrow } from "./react-text-annotator.es18.js";
-import { autoUpdate } from "./react-text-annotator.es19.js";
+import { inline, offset, flip, shift, arrow } from "./react-text-annotator.es17.js";
+import { autoUpdate } from "./react-text-annotator.es18.js";
 const TextAnnotationPopup = (props) => {
   var _a;
   const { popup, ariaNavigationMessage } = props;
@@ -47,25 +47,28 @@ const TextAnnotationPopup = (props) => {
   const role = useRole(context, { role: "dialog" });
   const { getFloatingProps } = useInteractions([dismiss, role]);
   useEffect(() => {
-    if ((annotation == null ? void 0 : annotation.id) && !isAnnotationQuoteIdling) {
-      const bounds = r == null ? void 0 : r.state.store.getAnnotationBounds(annotation.id);
+    if (!r) return;
+    const annotationId = annotation == null ? void 0 : annotation.id;
+    const annotationSelectorsLength = annotation == null ? void 0 : annotation.target.selector.length;
+    if (annotationId && annotationSelectorsLength > 0 && isAnnotationQuoteIdling) {
+      const bounds = r.state.store.getAnnotationBounds(annotation.id);
       setOpen(Boolean(bounds));
     } else {
       setOpen(false);
     }
-  }, [annotation == null ? void 0 : annotation.id, r == null ? void 0 : r.state.store, isAnnotationQuoteIdling]);
+  }, [annotation == null ? void 0 : annotation.id, annotation == null ? void 0 : annotation.target.selector, isAnnotationQuoteIdling, r == null ? void 0 : r.state.store]);
   useEffect(() => {
     if (!r) return;
     if (isOpen && (annotation == null ? void 0 : annotation.id)) {
       refs.setPositionReference({
         getBoundingClientRect: () => {
           const bounds = r.state.store.getAnnotationBounds(annotation.id);
-          return bounds ? denormalizeRectWithOffset(bounds, r.element.getBoundingClientRect()) : new DOMRect();
+          return bounds ? toViewportBounds(bounds, r.element.getBoundingClientRect()) : new DOMRect();
         },
         getClientRects: () => {
           const rects = r.state.store.getAnnotationRects(annotation.id);
           const denormalizedRects = rects.map(
-            (rect) => denormalizeRectWithOffset(rect, r.element.getBoundingClientRect())
+            (rect) => toViewportBounds(rect, r.element.getBoundingClientRect())
           );
           return toDomRectList(denormalizedRects);
         }

package/dist/react-text-annotator.es7.js.map

@@ -1 +1 @@
-{"version":3,"file":"react-text-annotator.es7.js","sources":["../src/TextAnnotationPopup/TextAnnotationPopup.tsx"],"sourcesContent":["import React, { FC, ReactNode, useCallback, useRef, useEffect, useMemo, useState } from 'react';\nimport { useAnnotator, useSelection } from '@annotorious/react';\nimport {\n  NOT_ANNOTATABLE_CLASS,\n  denormalizeRectWithOffset,\n  toDomRectList,\n  type TextAnnotation,\n  type TextAnnotator\n} from '@soomo/text-annotator';\nimport {\n  arrow,\n  autoUpdate,\n  flip,\n  FloatingArrow,\n  FloatingArrowProps,\n  FloatingFocusManager,\n  FloatingPortal,\n  inline,\n  offset,\n  shift,\n  useDismiss,\n  useFloating,\n  useInteractions,\n  useRole\n} from '@floating-ui/react';\n\nimport { isMobile } from './isMobile';\nimport { useAnnouncePopupNavigation, useAnnotationQuoteIdling } from '../hooks';\n\nimport './TextAnnotationPopup.css';\n\ninterface TextAnnotationPopupProps {\n\n  ariaNavigationMessage?: string;\n\n  ariaCloseWarning?: string;\n\n  arrow?: boolean;\n\n  arrowProps?: Omit<FloatingArrowProps, 'context' | 'ref'>;\n\n  popup(props: TextAnnotationPopupContentProps): ReactNode;\n\n}\n\nexport interface TextAnnotationPopupContentProps {\n\n  annotation: TextAnnotation;\n\n  editable?: boolean;\n\n  event?: PointerEvent | KeyboardEvent;\n\n}\n\nexport const TextAnnotationPopup: FC<TextAnnotationPopupProps> = (props) => {\n\n  const { popup, ariaNavigationMessage } = props;\n\n  const r = useAnnotator<TextAnnotator>();\n\n  const { selected, event } = useSelection<TextAnnotation>();\n  const annotation = selected[0]?.annotation;\n\n  const isAnnotationQuoteIdling = useAnnotationQuoteIdling(annotation?.id);\n\n  const [isOpen, setOpen] = useState(selected?.length > 0);\n  const handleClose = () => r?.cancelSelected();\n\n  const [isFocused, setFocused] = useState(false);\n  const handleFocus = useCallback(() => setFocused(true), []);\n  const handleBlur = useCallback(() => setFocused(false), []);\n  useEffect(() => {\n    if (!isOpen) handleBlur();\n  }, [isOpen, handleBlur]);\n\n  const arrowRef = useRef(null);\n\n  const { refs, floatingStyles, update, context } = useFloating({\n    placement: isMobile() ? 'bottom' : 'top',\n    open: isOpen,\n    onOpenChange: (open, _event, reason) => {\n      if (!open && (reason === 'escape-key' || reason === 'focus-out')) {\n        setOpen(open);\n        handleClose();\n      }\n    },\n    middleware: [\n      inline(),\n      offset(10),\n      flip({ crossAxis: true }),\n      shift({ crossAxis: true, padding: 10 }),\n      arrow({ element: arrowRef })\n    ],\n    whileElementsMounted: autoUpdate\n  });\n\n  const dismiss = useDismiss(context);\n\n  const role = useRole(context, { role: 'dialog' });\n\n  const { getFloatingProps } = useInteractions([dismiss, role]);\n\n  useEffect(() => {\n    if (annotation?.id && !isAnnotationQuoteIdling) {\n      const bounds = r?.state.store.getAnnotationBounds(annotation.id);\n      setOpen(Boolean(bounds));\n    } else {\n      setOpen(false);\n    }\n  }, [annotation?.id, r?.state.store, isAnnotationQuoteIdling]);\n\n  useEffect(() => {\n    if (!r) return;\n\n    if (isOpen && annotation?.id) {\n      refs.setPositionReference({\n        getBoundingClientRect: () => {\n          const bounds = r.state.store.getAnnotationBounds(annotation.id);\n          return bounds\n            ? denormalizeRectWithOffset(bounds, r.element.getBoundingClientRect())\n            : new DOMRect();\n        },\n        getClientRects: () => {\n          const rects = r.state.store.getAnnotationRects(annotation.id);\n          const denormalizedRects = rects.map((rect) =>\n            denormalizeRectWithOffset(rect, r.element.getBoundingClientRect())\n          );\n          return toDomRectList(denormalizedRects);\n        }\n      });\n    } else {\n      refs.setPositionReference(null);\n    }\n  }, [isOpen, annotation?.id, annotation?.target, r]);\n\n  useEffect(() => {\n    const config: MutationObserverInit = { attributes: true, childList: true, subtree: true };\n\n    const mutationObserver = new MutationObserver(() => update());\n    mutationObserver.observe(document.body, config);\n\n    window.document.addEventListener('scroll', update, true);\n\n    return () => {\n      mutationObserver.disconnect();\n      window.document.removeEventListener('scroll', update, true);\n    };\n  }, [update]);\n\n  // Don't shift focus to the floating element if selected via keyboard or on mobile.\n  const initialFocus = useMemo(() => {\n    return (event?.type === 'keyup' || event?.type === 'contextmenu' || isMobile()) ? -1 : 0;\n  }, [event]);\n\n  /**\n   * Announce the navigation hint only on the keyboard selection,\n   * because the focus isn't shifted to the popup automatically then\n   */\n  useAnnouncePopupNavigation({\n    disabled: isFocused,\n    floatingOpen: isOpen,\n    message: ariaNavigationMessage,\n  });\n\n  return isOpen && annotation ? (\n    <FloatingPortal>\n      <FloatingFocusManager\n        context={context}\n        modal={false}\n        closeOnFocusOut={true}\n        returnFocus={false}\n        initialFocus={initialFocus}>\n        <div\n          className={`a9s-popup r6o-popup annotation-popup r6o-text-popup ${NOT_ANNOTATABLE_CLASS}`}\n          ref={refs.setFloating}\n          style={floatingStyles}\n          {...getFloatingProps({\n            onFocus: handleFocus,\n            onBlur: handleBlur,\n            ...getStopEventsPropagationProps()\n          })}>\n          {popup({\n            annotation: selected[0].annotation,\n            editable: selected[0].editable,\n            event\n          })}\n{props.arrow && (\n            <FloatingArrow\n              ref={arrowRef}\n              context={context}\n              {...(props.arrowProps || {})} />\n          )}\n\n          <button className=\"r6o-popup-sr-only\" aria-live=\"assertive\" onClick={handleClose}>\n            {props.ariaCloseWarning || 'Click or leave this dialog to close it.'}\n          </button>\n        </div>\n      </FloatingFocusManager>\n    </FloatingPortal>\n  ) : null;\n\n};\n\n/**\n * Prevent text-annotator from handling the irrelevant events\n * triggered from the popup/toolbar/dialog\n */\nconst getStopEventsPropagationProps = <T extends HTMLElement = HTMLElement>() => ({\n  onPointerUp: (event: React.PointerEvent<T>) => event.stopPropagation(),\n  onPointerDown: (event: React.PointerEvent<T>) => event.stopPropagation(),\n  onMouseDown: (event: React.MouseEvent<T>) => event.stopPropagation(),\n  onMouseUp: (event: React.MouseEvent<T>) => event.stopPropagation()\n});\n\n/** For backwards compatibility **/\n/** @deprecated Use TextAnnotationPopup instead */\nexport const TextAnnotatorPopup = (props: TextAnnotationPopupProps) => {\n\n  useEffect(() => {\n    console.warn('TextAnnotatorPopup is deprecated and will be removed in a future version. Please use TextAnnotationPopup instead.');\n  }, []);\n\n  return <TextAnnotationPopup {...props} />;\n};\n"],"names":["jsx","jsxs"],"mappings":"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"}
+{"version":3,"file":"react-text-annotator.es7.js","sources":["../src/TextAnnotationPopup/TextAnnotationPopup.tsx"],"sourcesContent":["import React, { FC, ReactNode, useCallback, useRef, useEffect, useMemo, useState } from 'react';\nimport { useAnnotator, useSelection } from '@annotorious/react';\nimport {\n  NOT_ANNOTATABLE_CLASS,\n  toViewportBounds,\n  toDomRectList,\n  type TextAnnotation,\n  type TextAnnotator,\n} from '@soomo/text-annotator';\n\nimport {\n  arrow,\n  autoUpdate,\n  flip,\n  FloatingArrow,\n  FloatingArrowProps,\n  FloatingFocusManager,\n  FloatingPortal,\n  inline,\n  offset,\n  shift,\n  useDismiss,\n  useFloating,\n  useInteractions,\n  useRole\n} from '@floating-ui/react';\n\nimport { isMobile } from './isMobile';\nimport { useAnnouncePopupNavigation, useAnnotationQuoteIdling } from '../hooks';\n\nimport './TextAnnotationPopup.css';\n\ninterface TextAnnotationPopupProps {\n\n  ariaNavigationMessage?: string;\n\n  ariaCloseWarning?: string;\n\n  arrow?: boolean;\n\n  arrowProps?: Omit<FloatingArrowProps, 'context' | 'ref'>;\n\n  popup(props: TextAnnotationPopupContentProps): ReactNode;\n\n}\n\nexport interface TextAnnotationPopupContentProps {\n\n  annotation: TextAnnotation;\n\n  editable?: boolean;\n\n  event?: PointerEvent | KeyboardEvent;\n\n}\n\nexport const TextAnnotationPopup: FC<TextAnnotationPopupProps> = (props) => {\n\n  const { popup, ariaNavigationMessage } = props;\n\n  const r = useAnnotator<TextAnnotator>();\n\n  const { selected, event } = useSelection<TextAnnotation>();\n  const annotation = selected[0]?.annotation;\n\n  const isAnnotationQuoteIdling = useAnnotationQuoteIdling(annotation?.id);\n\n  const [isOpen, setOpen] = useState(selected?.length > 0);\n  const handleClose = () => r?.cancelSelected();\n\n  const [isFocused, setFocused] = useState(false);\n  const handleFocus = useCallback(() => setFocused(true), []);\n  const handleBlur = useCallback(() => setFocused(false), []);\n  useEffect(() => {\n    if (!isOpen) handleBlur();\n  }, [isOpen, handleBlur]);\n\n  const arrowRef = useRef(null);\n\n  const { refs, floatingStyles, update, context } = useFloating({\n    placement: isMobile() ? 'bottom' : 'top',\n    open: isOpen,\n    onOpenChange: (open, _event, reason) => {\n      if (!open && (reason === 'escape-key' || reason === 'focus-out')) {\n        setOpen(open);\n        handleClose();\n      }\n    },\n    middleware: [\n      inline(),\n      offset(10),\n      flip({ crossAxis: true }),\n      shift({ crossAxis: true, padding: 10 }),\n      arrow({ element: arrowRef })\n    ],\n    whileElementsMounted: autoUpdate\n  });\n\n  const dismiss = useDismiss(context);\n\n  const role = useRole(context, { role: 'dialog' });\n\n  const { getFloatingProps } = useInteractions([dismiss, role]);\n\n  useEffect(() => {\n    if (!r) return;\n\n    const annotationId = annotation?.id;\n    const annotationSelectorsLength = annotation?.target.selector.length;\n\n    if (annotationId && annotationSelectorsLength > 0 && isAnnotationQuoteIdling) {\n      const bounds = r.state.store.getAnnotationBounds(annotation.id);\n      setOpen(Boolean(bounds));\n    } else {\n      setOpen(false);\n    }\n  }, [annotation?.id, annotation?.target.selector, isAnnotationQuoteIdling, r?.state.store]);\n\n  useEffect(() => {\n    if (!r) return;\n\n    if (isOpen && annotation?.id) {\n      refs.setPositionReference({\n        getBoundingClientRect: () => {\n          const bounds = r.state.store.getAnnotationBounds(annotation.id);\n          return bounds\n            ? toViewportBounds(bounds, r.element.getBoundingClientRect())\n            : new DOMRect();\n        },\n        getClientRects: () => {\n          const rects = r.state.store.getAnnotationRects(annotation.id);\n          const denormalizedRects = rects.map((rect) =>\n            toViewportBounds(rect, r.element.getBoundingClientRect())\n          );\n          return toDomRectList(denormalizedRects);\n        }\n      });\n    } else {\n      refs.setPositionReference(null);\n    }\n  }, [isOpen, annotation?.id, annotation?.target, r]);\n\n  useEffect(() => {\n    const config: MutationObserverInit = { attributes: true, childList: true, subtree: true };\n\n    const mutationObserver = new MutationObserver(() => update());\n    mutationObserver.observe(document.body, config);\n\n    window.document.addEventListener('scroll', update, true);\n\n    return () => {\n      mutationObserver.disconnect();\n      window.document.removeEventListener('scroll', update, true);\n    };\n  }, [update]);\n\n  // Don't shift focus to the floating element if selected via keyboard or on mobile.\n  const initialFocus = useMemo(() => {\n    return (event?.type === 'keyup' || event?.type === 'contextmenu' || isMobile()) ? -1 : 0;\n  }, [event]);\n\n  /**\n   * Announce the navigation hint only on the keyboard selection,\n   * because the focus isn't shifted to the popup automatically then\n   */\n  useAnnouncePopupNavigation({\n    disabled: isFocused,\n    floatingOpen: isOpen,\n    message: ariaNavigationMessage,\n  });\n\n  return isOpen && annotation ? (\n    <FloatingPortal>\n      <FloatingFocusManager\n        context={context}\n        modal={false}\n        closeOnFocusOut={true}\n        returnFocus={false}\n        initialFocus={initialFocus}>\n        <div\n          className={`a9s-popup r6o-popup annotation-popup r6o-text-popup ${NOT_ANNOTATABLE_CLASS}`}\n          ref={refs.setFloating}\n          style={floatingStyles}\n          {...getFloatingProps({\n            onFocus: handleFocus,\n            onBlur: handleBlur,\n            ...getStopEventsPropagationProps()\n          })}>\n          {popup({\n            annotation: selected[0].annotation,\n            editable: selected[0].editable,\n            event\n          })}\n{props.arrow && (\n            <FloatingArrow\n              ref={arrowRef}\n              context={context}\n              {...(props.arrowProps || {})} />\n          )}\n\n          <button className=\"r6o-popup-sr-only\" aria-live=\"assertive\" onClick={handleClose}>\n            {props.ariaCloseWarning || 'Click or leave this dialog to close it.'}\n          </button>\n        </div>\n      </FloatingFocusManager>\n    </FloatingPortal>\n  ) : null;\n\n};\n\n/**\n * Prevent text-annotator from handling the irrelevant events\n * triggered from the popup/toolbar/dialog\n */\nconst getStopEventsPropagationProps = <T extends HTMLElement = HTMLElement>() => ({\n  onPointerUp: (event: React.PointerEvent<T>) => event.stopPropagation(),\n  onPointerDown: (event: React.PointerEvent<T>) => event.stopPropagation(),\n  onMouseDown: (event: React.MouseEvent<T>) => event.stopPropagation(),\n  onMouseUp: (event: React.MouseEvent<T>) => event.stopPropagation()\n});\n\n/** For backwards compatibility **/\n/** @deprecated Use TextAnnotationPopup instead */\nexport const TextAnnotatorPopup = (props: TextAnnotationPopupProps) => {\n\n  useEffect(() => {\n    console.warn('TextAnnotatorPopup is deprecated and will be removed in a future version. Please use TextAnnotationPopup instead.');\n  }, []);\n\n  return <TextAnnotationPopup {...props} />;\n};\n"],"names":["jsx","jsxs"],"mappings":"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"}

package/dist/react-text-annotator.es8.js

@@ -1,562 +1,6 @@
-const re = "not-annotatable", tt = `.${re}`;
-/mac/i.test(navigator.userAgentData ? navigator.userAgentData.platform : navigator.platform);
-const Nt = (t) => {
-  const e = t.cloneContents();
-  return e.querySelectorAll(tt).forEach((n) => n.remove()), e;
-}, Re = (t, e, n = 10, o) => {
-  const i = e, s = document.createRange();
-  s.setStart(i, 0), s.setEnd(t.startContainer, t.startOffset);
-  const a = Nt(s).textContent, r = document.createRange();
-  r.setStart(t.endContainer, t.endOffset), i === document.body ? r.setEnd(i, i.childNodes.length) : r.setEndAfter(i);
-  const l = Nt(r).textContent;
-  return {
-    prefix: a.substring(a.length - n),
-    suffix: l.substring(0, n)
-  };
-};
-const Y = [];
-for (let t = 0; t < 256; ++t)
-  Y.push((t + 256).toString(16).slice(1));
-function an(t, e = 0) {
-  return (Y[t[e + 0]] + Y[t[e + 1]] + Y[t[e + 2]] + Y[t[e + 3]] + "-" + Y[t[e + 4]] + Y[t[e + 5]] + "-" + Y[t[e + 6]] + Y[t[e + 7]] + "-" + Y[t[e + 8]] + Y[t[e + 9]] + "-" + Y[t[e + 10]] + Y[t[e + 11]] + Y[t[e + 12]] + Y[t[e + 13]] + Y[t[e + 14]] + Y[t[e + 15]]).toLowerCase();
-}
-let Ct;
-const cn = new Uint8Array(16);
-function ln() {
-  if (!Ct) {
-    if (typeof crypto > "u" || !crypto.getRandomValues)
-      throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-    Ct = crypto.getRandomValues.bind(crypto);
-  }
-  return Ct(cn);
-}
-const dn = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), Qt = { randomUUID: dn };
-function fe(t, e, n) {
-  if (Qt.randomUUID && !e && !t)
-    return Qt.randomUUID();
-  t = t || {};
-  const o = t.random || (t.rng || ln)();
-  return o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, an(o);
-}
-const K = [];
-for (let t = 0; t < 256; ++t)
-  K.push((t + 256).toString(16).slice(1));
-typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
-const _n = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
-let Yn = (t = 21) => {
-  let e = "", n = crypto.getRandomValues(new Uint8Array(t));
-  for (; t--; )
-    e += _n[n[t] & 63];
-  return e;
-};
-const Dn = (t) => {
-  const e = JSON.stringify(t);
-  let n = 0;
-  for (let o = 0, i = e.length; o < i; o++) {
-    let s = e.charCodeAt(o);
-    n = (n << 5) - n + s, n |= 0;
-  }
-  return `${n}`;
-}, ge = (t) => t ? typeof t == "object" ? { ...t } : t : void 0, Xn = (t, e) => (Array.isArray(t) ? t : [t]).map((n) => {
-  const { id: o, type: i, purpose: s, value: a, created: r, modified: l, creator: f, ...h } = n;
-  return {
-    id: o || `temp-${Dn(n)}`,
-    annotation: e,
-    type: i,
-    purpose: s,
-    value: a,
-    creator: ge(f),
-    created: r ? new Date(r) : void 0,
-    updated: l ? new Date(l) : void 0,
-    ...h
-  };
-}), Pn = (t) => t.map((e) => {
-  var n;
-  const { annotation: o, created: i, updated: s, ...a } = e, r = {
-    ...a,
-    created: i == null ? void 0 : i.toISOString(),
-    modified: s == null ? void 0 : s.toISOString()
-  };
-  return (n = r.id) != null && n.startsWith("temp-") && delete r.id, r;
-});
-Yn();
-const Ao = (t, e) => ({
-  parse: (n) => jn(n),
-  serialize: (n) => zn(n, t, e)
-}), $n = (t) => t.quote !== void 0 && t.start !== void 0 && t.end !== void 0, Hn = (t) => {
-  const {
-    id: e,
-    creator: n,
-    created: o,
-    modified: i,
-    target: s
-  } = t, a = Array.isArray(s) ? s : [s];
-  if (a.length === 0)
-    return { error: Error(`No targets found for annotation: ${t.id}`) };
-  const r = {
-    creator: ge(n),
-    created: o ? new Date(o) : void 0,
-    updated: i ? new Date(i) : void 0,
-    annotation: e,
-    selector: [],
-    // @ts-expect-error: `styleClass` is not part of the core `TextAnnotationTarget` type
-    styleClass: "styleClass" in a[0] ? a[0].styleClass : void 0
-  };
-  for (const l of a) {
-    const h = (Array.isArray(l.selector) ? l.selector : [l.selector]).reduce((u, p) => {
-      switch (p.type) {
-        case "TextQuoteSelector":
-          u.quote = p.exact;
-          break;
-        case "TextPositionSelector":
-          u.start = p.start, u.end = p.end;
-          break;
-      }
-      return u;
-    }, {});
-    if ($n(h))
-      r.selector.push(
-        {
-          ...h,
-          id: l.id,
-          // @ts-expect-error: `scope` is not part of the core `TextSelector` type
-          scope: l.scope
-        }
-      );
-    else {
-      const u = [
-        h.start ? void 0 : "TextPositionSelector",
-        h.quote ? void 0 : "TextQuoteSelector"
-      ].filter(Boolean);
-      return { error: Error(`Missing selector types: ${u.join(" and ")} for annotation: ${t.id}`) };
-    }
-  }
-  return { parsed: r };
-}, jn = (t) => {
-  const e = t.id || fe(), {
-    creator: n,
-    created: o,
-    modified: i,
-    body: s,
-    ...a
-  } = t, r = Xn(s, e), l = Hn(t);
-  return "error" in l ? { error: l.error } : {
-    parsed: {
-      ...a,
-      id: e,
-      bodies: r,
-      target: l.parsed
-    }
-  };
-}, zn = (t, e, n) => {
-  const { bodies: o, target: i, ...s } = t, {
-    selector: a,
-    creator: r,
-    created: l,
-    updated: f,
-    ...h
-  } = i, u = a.map((p) => {
-    const { id: g, quote: b, start: w, end: y, range: d } = p, { prefix: c, suffix: A } = Re(d, n), E = [{
-      type: "TextQuoteSelector",
-      exact: b,
-      prefix: c,
-      suffix: A
-    }, {
-      type: "TextPositionSelector",
-      start: w,
-      end: y
-    }];
-    return {
-      ...h,
-      id: g,
-      // @ts-expect-error: `scope` is not part of the core `TextSelector` type
-      scope: "scope" in p ? p.scope : void 0,
-      source: e,
-      selector: E
-    };
-  });
-  return {
-    ...s,
-    "@context": "http://www.w3.org/ns/anno.jsonld",
-    id: t.id,
-    type: "Annotation",
-    body: Pn(t.bodies),
-    creator: r,
-    created: l == null ? void 0 : l.toISOString(),
-    modified: f == null ? void 0 : f.toISOString(),
-    target: u
-  };
-};
-const kt = typeof navigator < "u" ? navigator.userAgent.toLowerCase().indexOf("firefox") > 0 : false;
-function It(t, e, n, o) {
-  t.addEventListener ? t.addEventListener(e, n, o) : t.attachEvent && t.attachEvent("on".concat(e), n);
-}
-function ot(t, e, n, o) {
-  t.removeEventListener ? t.removeEventListener(e, n, o) : t.detachEvent && t.detachEvent("on".concat(e), n);
-}
-function ye(t, e) {
-  const n = e.slice(0, e.length - 1);
-  for (let o = 0; o < n.length; o++) n[o] = t[n[o].toLowerCase()];
-  return n;
-}
-function be(t) {
-  typeof t != "string" && (t = ""), t = t.replace(/\s/g, "");
-  const e = t.split(",");
-  let n = e.lastIndexOf("");
-  for (; n >= 0; )
-    e[n - 1] += ",", e.splice(n, 1), n = e.lastIndexOf("");
-  return e;
-}
-function io(t, e) {
-  const n = t.length >= e.length ? t : e, o = t.length >= e.length ? e : t;
-  let i = true;
-  for (let s = 0; s < n.length; s++)
-    o.indexOf(n[s]) === -1 && (i = false);
-  return i;
-}
-const lt = {
-  backspace: 8,
-  "⌫": 8,
-  tab: 9,
-  clear: 12,
-  enter: 13,
-  "↩": 13,
-  return: 13,
-  esc: 27,
-  escape: 27,
-  space: 32,
-  left: 37,
-  up: 38,
-  right: 39,
-  down: 40,
-  del: 46,
-  delete: 46,
-  ins: 45,
-  insert: 45,
-  home: 36,
-  end: 35,
-  pageup: 33,
-  pagedown: 34,
-  capslock: 20,
-  num_0: 96,
-  num_1: 97,
-  num_2: 98,
-  num_3: 99,
-  num_4: 100,
-  num_5: 101,
-  num_6: 102,
-  num_7: 103,
-  num_8: 104,
-  num_9: 105,
-  num_multiply: 106,
-  num_add: 107,
-  num_enter: 108,
-  num_subtract: 109,
-  num_decimal: 110,
-  num_divide: 111,
-  "⇪": 20,
-  ",": 188,
-  ".": 190,
-  "/": 191,
-  "`": 192,
-  "-": kt ? 173 : 189,
-  "=": kt ? 61 : 187,
-  ";": kt ? 59 : 186,
-  "'": 222,
-  "[": 219,
-  "]": 221,
-  "\\": 220
-}, H = {
-  // shiftKey
-  "⇧": 16,
-  shift: 16,
-  // altKey
-  "⌥": 18,
-  alt: 18,
-  option: 18,
-  // ctrlKey
-  "⌃": 17,
-  ctrl: 17,
-  control: 17,
-  // metaKey
-  "⌘": 91,
-  cmd: 91,
-  command: 91
-}, Vt = {
-  16: "shiftKey",
-  18: "altKey",
-  17: "ctrlKey",
-  91: "metaKey",
-  shiftKey: 16,
-  ctrlKey: 17,
-  altKey: 18,
-  metaKey: 91
-}, D = {
-  16: false,
-  18: false,
-  17: false,
-  91: false
-}, _ = {};
-for (let t = 1; t < 20; t++)
-  lt["f".concat(t)] = 111 + t;
-let I = [], ct = null, we = "all";
-const z = /* @__PURE__ */ new Map(), ut = (t) => lt[t.toLowerCase()] || H[t.toLowerCase()] || t.toUpperCase().charCodeAt(0), so = (t) => Object.keys(lt).find((e) => lt[e] === t), ro = (t) => Object.keys(H).find((e) => H[e] === t);
-function Ae(t) {
-  we = t || "all";
-}
-function dt() {
-  return we || "all";
-}
-function ao() {
-  return I.slice(0);
-}
-function co() {
-  return I.map((t) => so(t) || ro(t) || String.fromCharCode(t));
-}
-function lo() {
-  const t = [];
-  return Object.keys(_).forEach((e) => {
-    _[e].forEach((n) => {
-      let {
-        key: o,
-        scope: i,
-        mods: s,
-        shortcut: a
-      } = n;
-      t.push({
-        scope: i,
-        shortcut: a,
-        mods: s,
-        keys: o.split("+").map((r) => ut(r))
-      });
-    });
-  }), t;
-}
-function uo(t) {
-  const e = t.target || t.srcElement, {
-    tagName: n
-  } = e;
-  let o = true;
-  const i = n === "INPUT" && !["checkbox", "radio", "range", "button", "file", "reset", "submit", "color"].includes(e.type);
-  return (e.isContentEditable || (i || n === "TEXTAREA" || n === "SELECT") && !e.readOnly) && (o = false), o;
-}
-function fo(t) {
-  return typeof t == "string" && (t = ut(t)), I.indexOf(t) !== -1;
-}
-function ho(t, e) {
-  let n, o;
-  t || (t = dt());
-  for (const i in _)
-    if (Object.prototype.hasOwnProperty.call(_, i))
-      for (n = _[i], o = 0; o < n.length; )
-        n[o].scope === t ? n.splice(o, 1).forEach((a) => {
-          let {
-            element: r
-          } = a;
-          return Xt(r);
-        }) : o++;
-  dt() === t && Ae(e || "all");
-}
-function po(t) {
-  let e = t.keyCode || t.which || t.charCode;
-  const n = I.indexOf(e);
-  if (n >= 0 && I.splice(n, 1), t.key && t.key.toLowerCase() === "meta" && I.splice(0, I.length), (e === 93 || e === 224) && (e = 91), e in D) {
-    D[e] = false;
-    for (const o in H) H[o] === e && (P[o] = false);
-  }
-}
-function xe(t) {
-  if (typeof t > "u")
-    Object.keys(_).forEach((i) => {
-      Array.isArray(_[i]) && _[i].forEach((s) => yt(s)), delete _[i];
-    }), Xt(null);
-  else if (Array.isArray(t))
-    t.forEach((i) => {
-      i.key && yt(i);
-    });
-  else if (typeof t == "object")
-    t.key && yt(t);
-  else if (typeof t == "string") {
-    for (var e = arguments.length, n = new Array(e > 1 ? e - 1 : 0), o = 1; o < e; o++)
-      n[o - 1] = arguments[o];
-    let [i, s] = n;
-    typeof i == "function" && (s = i, i = ""), yt({
-      key: t,
-      scope: i,
-      method: s,
-      splitKey: "+"
-    });
-  }
-}
-const yt = (t) => {
-  let {
-    key: e,
-    scope: n,
-    method: o,
-    splitKey: i = "+"
-  } = t;
-  be(e).forEach((a) => {
-    const r = a.split(i), l = r.length, f = r[l - 1], h = f === "*" ? "*" : ut(f);
-    if (!_[h]) return;
-    n || (n = dt());
-    const u = l > 1 ? ye(H, r) : [], p = [];
-    _[h] = _[h].filter((g) => {
-      const w = (o ? g.method === o : true) && g.scope === n && io(g.mods, u);
-      return w && p.push(g.element), !w;
-    }), p.forEach((g) => Xt(g));
-  });
-};
-function ne(t, e, n, o) {
-  if (e.element !== o)
-    return;
-  let i;
-  if (e.scope === n || e.scope === "all") {
-    i = e.mods.length > 0;
-    for (const s in D)
-      Object.prototype.hasOwnProperty.call(D, s) && (!D[s] && e.mods.indexOf(+s) > -1 || D[s] && e.mods.indexOf(+s) === -1) && (i = false);
-    (e.mods.length === 0 && !D[16] && !D[18] && !D[17] && !D[91] || i || e.shortcut === "*") && (e.keys = [], e.keys = e.keys.concat(I), e.method(t, e) === false && (t.preventDefault ? t.preventDefault() : t.returnValue = false, t.stopPropagation && t.stopPropagation(), t.cancelBubble && (t.cancelBubble = true)));
-  }
-}
-function oe(t, e) {
-  const n = _["*"];
-  let o = t.keyCode || t.which || t.charCode;
-  if (!P.filter.call(this, t)) return;
-  if ((o === 93 || o === 224) && (o = 91), I.indexOf(o) === -1 && o !== 229 && I.push(o), ["ctrlKey", "altKey", "shiftKey", "metaKey"].forEach((r) => {
-    const l = Vt[r];
-    t[r] && I.indexOf(l) === -1 ? I.push(l) : !t[r] && I.indexOf(l) > -1 ? I.splice(I.indexOf(l), 1) : r === "metaKey" && t[r] && I.length === 3 && (t.ctrlKey || t.shiftKey || t.altKey || (I = I.slice(I.indexOf(l))));
-  }), o in D) {
-    D[o] = true;
-    for (const r in H)
-      H[r] === o && (P[r] = true);
-    if (!n) return;
-  }
-  for (const r in D)
-    Object.prototype.hasOwnProperty.call(D, r) && (D[r] = t[Vt[r]]);
-  t.getModifierState && !(t.altKey && !t.ctrlKey) && t.getModifierState("AltGraph") && (I.indexOf(17) === -1 && I.push(17), I.indexOf(18) === -1 && I.push(18), D[17] = true, D[18] = true);
-  const i = dt();
-  if (n)
-    for (let r = 0; r < n.length; r++)
-      n[r].scope === i && (t.type === "keydown" && n[r].keydown || t.type === "keyup" && n[r].keyup) && ne(t, n[r], i, e);
-  if (!(o in _)) return;
-  const s = _[o], a = s.length;
-  for (let r = 0; r < a; r++)
-    if ((t.type === "keydown" && s[r].keydown || t.type === "keyup" && s[r].keyup) && s[r].key) {
-      const l = s[r], {
-        splitKey: f
-      } = l, h = l.key.split(f), u = [];
-      for (let p = 0; p < h.length; p++)
-        u.push(ut(h[p]));
-      u.sort().join("") === I.sort().join("") && ne(t, l, i, e);
-    }
-}
-function P(t, e, n) {
-  I = [];
-  const o = be(t);
-  let i = [], s = "all", a = document, r = 0, l = false, f = true, h = "+", u = false, p = false;
-  for (n === void 0 && typeof e == "function" && (n = e), Object.prototype.toString.call(e) === "[object Object]" && (e.scope && (s = e.scope), e.element && (a = e.element), e.keyup && (l = e.keyup), e.keydown !== void 0 && (f = e.keydown), e.capture !== void 0 && (u = e.capture), typeof e.splitKey == "string" && (h = e.splitKey), e.single === true && (p = true)), typeof e == "string" && (s = e), p && xe(t, s); r < o.length; r++)
-    t = o[r].split(h), i = [], t.length > 1 && (i = ye(H, t)), t = t[t.length - 1], t = t === "*" ? "*" : ut(t), t in _ || (_[t] = []), _[t].push({
-      keyup: l,
-      keydown: f,
-      scope: s,
-      mods: i,
-      shortcut: o[r],
-      method: n,
-      key: o[r],
-      splitKey: h,
-      element: a
-    });
-  if (typeof a < "u" && window) {
-    if (!z.has(a)) {
-      const g = function() {
-        let w = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : window.event;
-        return oe(w, a);
-      }, b = function() {
-        let w = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : window.event;
-        oe(w, a), po(w);
-      };
-      z.set(a, {
-        keydownListener: g,
-        keyupListenr: b,
-        capture: u
-      }), It(a, "keydown", g, u), It(a, "keyup", b, u);
-    }
-    if (!ct) {
-      const g = () => {
-        I = [];
-      };
-      ct = {
-        listener: g,
-        capture: u
-      }, It(window, "focus", g, u);
-    }
-  }
-}
-function go(t) {
-  let e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "all";
-  Object.keys(_).forEach((n) => {
-    _[n].filter((i) => i.scope === e && i.shortcut === t).forEach((i) => {
-      i && i.method && i.method();
-    });
-  });
-}
-function Xt(t) {
-  const e = Object.values(_).flat();
-  if (e.findIndex((o) => {
-    let {
-      element: i
-    } = o;
-    return i === t;
-  }) < 0) {
-    const {
-      keydownListener: o,
-      keyupListenr: i,
-      capture: s
-    } = z.get(t) || {};
-    o && i && (ot(t, "keyup", i, s), ot(t, "keydown", o, s), z.delete(t));
-  }
-  if ((e.length <= 0 || z.size <= 0) && (Object.keys(z).forEach((i) => {
-    const {
-      keydownListener: s,
-      keyupListenr: a,
-      capture: r
-    } = z.get(i) || {};
-    s && a && (ot(i, "keyup", a, r), ot(i, "keydown", s, r), z.delete(i));
-  }), z.clear(), Object.keys(_).forEach((i) => delete _[i]), ct)) {
-    const {
-      listener: i,
-      capture: s
-    } = ct;
-    ot(window, "focus", i, s), ct = null;
-  }
-}
-const _t = {
-  getPressedKeyString: co,
-  setScope: Ae,
-  getScope: dt,
-  deleteScope: ho,
-  getPressedKeyCodes: ao,
-  getAllKeyCodes: lo,
-  isPressed: fo,
-  filter: uo,
-  trigger: go,
-  unbind: xe,
-  keyMap: lt,
-  modifier: H,
-  modifierMap: Vt
-};
-for (const t in _t)
-  Object.prototype.hasOwnProperty.call(_t, t) && (P[t] = _t[t]);
-if (typeof window < "u") {
-  const t = window.hotkeys;
-  P.noConflict = (e) => (e && window.hotkeys === P && (window.hotkeys = t), P), window.hotkeys = P;
-}
+import { __require as requireJsxRuntime } from "./react-text-annotator.es19.js";
+var jsxRuntimeExports = requireJsxRuntime();
 export {
-  re as NOT_ANNOTATABLE_CLASS,
-  tt as NOT_ANNOTATABLE_SELECTOR,
-  Ao as W3CTextFormat,
-  Re as getQuoteContext,
-  Nt as getRangeAnnotatableContents,
-  jn as parseW3CTextAnnotation,
-  zn as serializeW3CTextAnnotation
+  jsxRuntimeExports as j
 };
 //# sourceMappingURL=react-text-annotator.es8.js.map