@annotorious/react 3.0.0-rc.7 → 3.0.0-rc.9

package/dist/Annotorious.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { Annotation, Annotator, StoreChangeEvent } from '@annotorious/core';
+import { Annotation, Annotator, StoreChangeEvent } from '.';
 interface Selection<T extends Annotation = Annotation> {
     selected: {
         annotation: T;
@@ -26,30 +26,30 @@ export declare const Annotorious: import("react").ForwardRefExoticComponent<{
 } & import("react").RefAttributes<Annotator<Annotation, Annotation>>>;
 export declare const useAnnotator: <T extends Annotator<any, unknown>>() => T;
 export declare const useAnnotationStore: <T extends {
-    addAnnotation: (annotation: Annotation, origin?: import("@annotorious/core").Origin) => void;
-    addBody: (body: import("@annotorious/core").AnnotationBody, origin?: import("@annotorious/core").Origin) => void;
+    addAnnotation: (annotation: Annotation, origin?: import("@annotorious/core/dist/state/StoreObserver").Origin) => void;
+    addBody: (body: import("@annotorious/core/dist/model/Annotation").AnnotationBody, origin?: import("@annotorious/core/dist/state/StoreObserver").Origin) => void;
     all: () => Annotation[];
-    bulkAddAnnotation: (annotations: Annotation[], replace?: boolean, origin?: import("@annotorious/core").Origin) => void;
-    bulkDeleteAnnotation: (annotationsOrIds: (string | Annotation)[], origin?: import("@annotorious/core").Origin) => void;
-    bulkUpdateAnnotation: (annotations: Annotation[], origin?: import("@annotorious/core").Origin) => void;
-    bulkUpdateBodies: (bodies: import("@annotorious/core").AnnotationBody[], origin?: import("@annotorious/core").Origin) => void;
-    bulkUpdateTargets: (targets: import("@annotorious/core").AnnotationTarget[], origin?: import("@annotorious/core").Origin) => void;
-    clear: (origin?: import("@annotorious/core").Origin) => void;
-    deleteAnnotation: (annotationOrId: string | Annotation, origin?: import("@annotorious/core").Origin) => void;
+    bulkAddAnnotation: (annotations: Annotation[], replace?: boolean, origin?: import("@annotorious/core/dist/state/StoreObserver").Origin) => void;
+    bulkDeleteAnnotation: (annotationsOrIds: (string | Annotation)[], origin?: import("@annotorious/core/dist/state/StoreObserver").Origin) => void;
+    bulkUpdateAnnotation: (annotations: Annotation[], origin?: import("@annotorious/core/dist/state/StoreObserver").Origin) => void;
+    bulkUpdateBodies: (bodies: import("@annotorious/core/dist/model/Annotation").AnnotationBody[], origin?: import("@annotorious/core/dist/state/StoreObserver").Origin) => void;
+    bulkUpdateTargets: (targets: import("@annotorious/core/dist/model/Annotation").AnnotationTarget[], origin?: import("@annotorious/core/dist/state/StoreObserver").Origin) => void;
+    clear: (origin?: import("@annotorious/core/dist/state/StoreObserver").Origin) => void;
+    deleteAnnotation: (annotationOrId: string | Annotation, origin?: import("@annotorious/core/dist/state/StoreObserver").Origin) => void;
     deleteBody: (body: {
         id: string;
         annotation: string;
-    }, origin?: import("@annotorious/core").Origin) => void;
+    }, origin?: import("@annotorious/core/dist/state/StoreObserver").Origin) => void;
     getAnnotation: (id: string) => Annotation;
-    getBody: (id: string) => import("@annotorious/core").AnnotationBody;
+    getBody: (id: string) => import("@annotorious/core/dist/model/Annotation").AnnotationBody;
     observe: (onChange: (event: StoreChangeEvent<Annotation>) => void, options?: import("@annotorious/core").StoreObserveOptions) => number;
     unobserve: (onChange: (event: StoreChangeEvent<Annotation>) => void) => void;
-    updateAnnotation: (arg1: string | Annotation, arg2?: Annotation | import("@annotorious/core").Origin, arg3?: import("@annotorious/core").Origin) => void;
+    updateAnnotation: (arg1: string | Annotation, arg2?: Annotation | import("@annotorious/core/dist/state/StoreObserver").Origin, arg3?: import("@annotorious/core/dist/state/StoreObserver").Origin) => void;
     updateBody: (oldBodyId: {
         id: string;
         annotation: string;
-    }, newBody: import("@annotorious/core").AnnotationBody, origin?: import("@annotorious/core").Origin) => void;
-    updateTarget: (target: import("@annotorious/core").AnnotationTarget, origin?: import("@annotorious/core").Origin) => void;
+    }, newBody: import("@annotorious/core/dist/model/Annotation").AnnotationBody, origin?: import("@annotorious/core/dist/state/StoreObserver").Origin) => void;
+    updateTarget: (target: import("@annotorious/core/dist/model/Annotation").AnnotationTarget, origin?: import("@annotorious/core/dist/state/StoreObserver").Origin) => void;
 }>() => T;
 export declare const useAnnotations: <T extends Annotation>(debounce?: number) => T[];
 export declare const useSelection: <T extends Annotation>() => Selection<T>;

package/dist/Annotorious.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Annotorious.d.ts","sourceRoot":"","sources":["../src/Annotorious.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,SAAS,EAAC,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,SAAS,EAAS,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAGnF,UAAU,SAAS,CAAC,CAAC,SAAS,UAAU,GAAG,UAAU;IAEnD,QAAQ,EAAE;QAAE,UAAU,EAAE,CAAC,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,EAAE,CAAC;IAElD,YAAY,CAAC,EAAE,YAAY,CAAC;CAE7B;AAED,MAAM,WAAW,uBAAuB;IAEtC,IAAI,EAAE,SAAS,CAAC;IAEhB,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,UAAU,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;IAEpD,WAAW,EAAE,UAAU,EAAE,CAAC;IAE1B,SAAS,EAAE,SAAS,CAAC;CAEtB;AAED,eAAO,MAAM,kBAAkB;;;;;;;EAU7B,CAAC;AAEH,eAAO,MAAM,WAAW;cAAqC,SAAS;qEAuEpE,CAAC;AAEH,eAAO,MAAM,YAAY,4CAGxB,CAAA;AAED,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;SAG9B,CAAA;AAYD,eAAO,MAAM,cAAc,oCAAqC,MAAM,QACE,CAAC;AAEzE,eAAO,MAAM,YAAY,0CAGxB,CAAA;AAED,eAAO,MAAM,gBAAgB,WAG5B,CAAA;AAmDD,eAAO,MAAM,gBAAgB,oCAAsC,MAAM,QACI,CAAC"}
+{"version":3,"file":"Annotorious.d.ts","sourceRoot":"","sources":["../src/Annotorious.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,SAAS,EAAC,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,SAAS,EAAS,gBAAgB,EAAE,MAAM,GAAG,CAAC;AAGnE,UAAU,SAAS,CAAC,CAAC,SAAS,UAAU,GAAG,UAAU;IAEnD,QAAQ,EAAE;QAAE,UAAU,EAAE,CAAC,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,EAAE,CAAC;IAElD,YAAY,CAAC,EAAE,YAAY,CAAC;CAE7B;AAED,MAAM,WAAW,uBAAuB;IAEtC,IAAI,EAAE,SAAS,CAAC;IAEhB,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,UAAU,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;IAEpD,WAAW,EAAE,UAAU,EAAE,CAAC;IAE1B,SAAS,EAAE,SAAS,CAAC;CAEtB;AAED,eAAO,MAAM,kBAAkB;;;;;;;EAU7B,CAAC;AAEH,eAAO,MAAM,WAAW;cAAqC,SAAS;qEAuEpE,CAAC;AAEH,eAAO,MAAM,YAAY,4CAGxB,CAAA;AAED,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;SAG9B,CAAA;AAYD,eAAO,MAAM,cAAc,oCAAqC,MAAM,QACE,CAAC;AAEzE,eAAO,MAAM,YAAY,0CAGxB,CAAA;AAED,eAAO,MAAM,gBAAgB,WAG5B,CAAA;AAmDD,eAAO,MAAM,gBAAgB,oCAAsC,MAAM,QACI,CAAC"}

package/dist/AnnotoriousPlugin.d.ts

@@ -1,4 +1,4 @@
-import { Annotation, Annotator } from '@annotorious/annotorious';
+import { Annotation, Annotator } from '..';
 export interface AnnotoriousPluginProps<I extends Annotation, E extends unknown> {
     plugin: (anno: Annotator<I, E>, opts?: Object) => ({
         unmount?: () => void;

package/dist/AnnotoriousPlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnnotoriousPlugin.d.ts","sourceRoot":"","sources":["../src/AnnotoriousPlugin.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAGjE,MAAM,WAAW,sBAAsB,CAAE,CAAC,SAAS,UAAU,EAAE,CAAC,SAAS,OAAO;IAE9E,MAAM,EAAE,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,CAAC;QAAE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC,GAAG,IAAI,CAAC;IAEpF,IAAI,CAAC,EAAE,MAAM,CAAC;CAEf;AAED,eAAO,MAAM,iBAAiB,8GAkB7B,CAAA"}
+{"version":3,"file":"AnnotoriousPlugin.d.ts","sourceRoot":"","sources":["../src/AnnotoriousPlugin.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,IAAI,CAAC;AAG3C,MAAM,WAAW,sBAAsB,CAAE,CAAC,SAAS,UAAU,EAAE,CAAC,SAAS,OAAO;IAE9E,MAAM,EAAE,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,CAAC;QAAE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC,GAAG,IAAI,CAAC;IAEpF,IAAI,CAAC,EAAE,MAAM,CAAC;CAEf;AAED,eAAO,MAAM,iBAAiB,8GAkB7B,CAAA"}

package/dist/AnnotoriousPopup.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { ImageAnnotation } from '@annotorious/annotorious';
+import { ImageAnnotation } from '.';
 export interface AnnotoriousPopupProps {
     selected: {
         annotation: ImageAnnotation;

package/dist/AnnotoriousPopup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnnotoriousPopup.d.ts","sourceRoot":"","sources":["../src/AnnotoriousPopup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAG3D,MAAM,WAAW,qBAAqB;IAEpC,QAAQ,EAAE;QAAE,UAAU,EAAE,eAAe,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,EAAE,CAAC;CAEjE;AAED,MAAM,WAAW,cAAc;IAE7B,QAAQ,EAAE,SAAS,CAAC;IAEpB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,WAAW,CAAC,IAAI,IAAI,CAAC;IAErB,SAAS,CAAC,IAAI,IAAI,CAAC;CAEpB;AAED,eAAO,MAAM,SAAS,2GAepB,CAAC"}
+{"version":3,"file":"AnnotoriousPopup.d.ts","sourceRoot":"","sources":["../src/AnnotoriousPopup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,GAAG,CAAC;AAGpC,MAAM,WAAW,qBAAqB;IAEpC,QAAQ,EAAE;QAAE,UAAU,EAAE,eAAe,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,EAAE,CAAC;CAEjE;AAED,MAAM,WAAW,cAAc;IAE7B,QAAQ,EAAE,SAAS,CAAC;IAEpB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,WAAW,CAAC,IAAI,IAAI,CAAC;IAErB,SAAS,CAAC,IAAI,IAAI,CAAC;CAEpB;AAED,eAAO,MAAM,SAAS,2GAepB,CAAC"}

package/dist/ImageAnnotator.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement } from 'react';
-import { AnnotoriousOpts } from '@annotorious/annotorious';
-import type { DrawingStyle, DrawingTool, Filter, ImageAnnotation } from '@annotorious/annotorious';
+import { AnnotoriousOpts } from '.';
+import type { DrawingStyle, DrawingTool, Filter, ImageAnnotation } from '.';
 export interface ImageAnnotatorProps<E extends unknown> extends AnnotoriousOpts<ImageAnnotation, E> {
     children: ReactElement<HTMLImageElement>;
     filter?: Filter<ImageAnnotation>;

package/dist/ImageAnnotator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageAnnotator.d.ts","sourceRoot":"","sources":["../src/ImageAnnotator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,YAAY,EAAuC,MAAM,OAAO,CAAC;AACpF,OAAO,EAAE,eAAe,EAAwB,MAAM,0BAA0B,CAAC;AACjF,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAGnG,MAAM,WAAW,mBAAmB,CAAC,CAAC,SAAS,OAAO,CAAE,SAAQ,eAAe,CAAC,eAAe,EAAE,CAAC,CAAC;IAEjG,QAAQ,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC;IAEzC,MAAM,CAAC,EAAE,MAAM,CAAC,eAAe,CAAC,CAAC;IAEjC,KAAK,CAAC,EAAE,YAAY,GAAG,CAAC,CAAC,UAAU,EAAE,eAAe,KAAK,YAAY,CAAC,CAAC;IAEvE,IAAI,CAAC,EAAE,WAAW,CAAA;CAEnB;AAED,eAAO,MAAM,cAAc,+FA+B1B,CAAA"}
+{"version":3,"file":"ImageAnnotator.d.ts","sourceRoot":"","sources":["../src/ImageAnnotator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,YAAY,EAAuC,MAAM,OAAO,CAAC;AACpF,OAAO,EAAE,eAAe,EAAwB,MAAM,GAAG,CAAC;AAC1D,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,GAAG,CAAC;AAG5E,MAAM,WAAW,mBAAmB,CAAC,CAAC,SAAS,OAAO,CAAE,SAAQ,eAAe,CAAC,eAAe,EAAE,CAAC,CAAC;IAEjG,QAAQ,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC;IAEzC,MAAM,CAAC,EAAE,MAAM,CAAC,eAAe,CAAC,CAAC;IAEjC,KAAK,CAAC,EAAE,YAAY,GAAG,CAAC,CAAC,UAAU,EAAE,eAAe,KAAK,YAAY,CAAC,CAAC;IAEvE,IAAI,CAAC,EAAE,WAAW,CAAA;CAEnB;AAED,eAAO,MAAM,cAAc,+FA+B1B,CAAA"}

package/dist/annotorious-react.es.js

@@ -1,34 +1,37 @@
-import { Annotorious as n, AnnotoriousContext as a, useAnnotationStore as p, useAnnotations as i, useAnnotator as m, useAnnotatorUser as s, useSelection as u, useViewportState as A } from "./annotorious-react.es2.js";
-import { AnnotoriousPlugin as f } from "./annotorious-react.es3.js";
+import { Annotorious as n, AnnotoriousContext as a, useAnnotationStore as p, useAnnotations as i, useAnnotator as m, useAnnotatorUser as u, useSelection as s, useViewportState as A } from "./annotorious-react.es2.js";
+import { AnnotoriousPlugin as g } from "./annotorious-react.es3.js";
 import { Draggable as S } from "./annotorious-react.es4.js";
-import { ImageAnnotator as l } from "./annotorious-react.es5.js";
+import { ImageAnnotator as d } from "./annotorious-react.es5.js";
 import "./annotorious-react.es6.js";
 import "./annotorious-react.es7.js";
-import { Origin as d, PointerSelectAction as w, createAnonymousGuest as P } from "./annotorious-react.es8.js";
-import { ShapeType as y, W3CImageFormat as C } from "./annotorious-react.es9.js";
-import { OpenSeadragonAnnotator as b, useViewer as h } from "./annotorious-react.es10.js";
-import { OpenSeadragonPopup as F } from "./annotorious-react.es11.js";
-import { OpenSeadragonViewer as T } from "./annotorious-react.es12.js";
+import { Origin as O, PointerSelectAction as P, createAnonymousGuest as w, createBody as y, defaultColorProvider as C } from "./annotorious-react.es8.js";
+import { ShapeType as V, W3CImageFormat as b, createImageAnnotator as h } from "@annotorious/annotorious";
+import { OpenSeadragonAnnotator as B, useViewer as D } from "./annotorious-react.es9.js";
+import { OpenSeadragonPopup as G } from "./annotorious-react.es10.js";
+import { OpenSeadragonViewer as U } from "./annotorious-react.es11.js";
 export {
   n as Annotorious,
   a as AnnotoriousContext,
-  f as AnnotoriousPlugin,
+  g as AnnotoriousPlugin,
   S as Draggable,
-  l as ImageAnnotator,
-  b as OpenSeadragonAnnotator,
-  F as OpenSeadragonPopup,
-  T as OpenSeadragonViewer,
-  d as Origin,
-  w as PointerSelectAction,
-  y as ShapeType,
-  C as W3CImageFormat,
-  P as createAnonymousGuest,
+  d as ImageAnnotator,
+  B as OpenSeadragonAnnotator,
+  G as OpenSeadragonPopup,
+  U as OpenSeadragonViewer,
+  O as Origin,
+  P as PointerSelectAction,
+  V as ShapeType,
+  b as W3CImageFormat,
+  w as createAnonymousGuest,
+  y as createBody,
+  h as createImageAnnotator,
+  C as defaultColorProvider,
   p as useAnnotationStore,
   i as useAnnotations,
   m as useAnnotator,
-  s as useAnnotatorUser,
-  u as useSelection,
-  h as useViewer,
+  u as useAnnotatorUser,
+  s as useSelection,
+  D as useViewer,
   A as useViewportState
 };
 //# sourceMappingURL=annotorious-react.es.js.map

package/dist/annotorious-react.es10.js

@@ -1,32 +1,39 @@
-import { jsx as d } from "./annotorious-react.es13.js";
-import { createContext as u, useState as w, useContext as l, useEffect as n } from "react";
-import { createOSDAnnotator as m } from "./annotorious-react.es20.js";
-import { AnnotoriousContext as g } from "./annotorious-react.es2.js";
-const s = u({ viewer: null, setViewer: null }), y = (e) => {
-  const { children: v, tool: i, ...c } = e, [o, f] = w(), { anno: t, setAnno: a } = l(g);
-  return n(() => {
-    if (o) {
-      const r = m(o, c);
-      return e.tool && r.setDrawingTool(e.tool), a(r), () => {
-        r.destroy(), a(void 0);
-      };
-    }
-  }, [o]), n(() => {
-    t && t.setDrawingTool(i);
-  }, [i]), n(() => {
-    t && t.setDrawingEnabled(e.drawingEnabled);
-  }, [e.drawingEnabled]), n(() => {
-    t && t.setFilter(e.filter);
-  }, [e.filter]), n(() => {
-    t && t.setStyle(e.style);
-  }, [e.style]), /* @__PURE__ */ d(s.Provider, { value: { viewer: o, setViewer: f }, children: e.children });
-}, C = () => {
-  const { viewer: e } = l(s);
-  return e;
+import { jsx as v } from "./annotorious-react.es12.js";
+import { useRef as w, useState as d, useEffect as c } from "react";
+import { Draggable as S } from "./annotorious-react.es4.js";
+import { useViewer as x } from "./annotorious-react.es9.js";
+import { useSelection as D } from "./annotorious-react.es2.js";
+import { setPosition as I } from "./annotorious-react.es17.js";
+const q = (u) => {
+  const n = w(null), o = x(), { selected: t } = D(), [l, f] = d([]), [s, i] = d(!1), m = () => i(!0), p = () => {
+    const e = t[0].annotation;
+    I(o, e, n.current);
+  }, g = (e, r) => e.every((a) => r.includes(a)) && r.every((a) => e.includes(a));
+  return c(() => {
+    const e = t.map(({ annotation: r }) => r.id);
+    g(l, e) || (i(!1), f(e));
+  }, [t]), c(() => {
+    if (!n.current)
+      return;
+    s || p();
+    const e = () => {
+      s || p();
+    };
+    return o.addHandler("update-viewport", e), () => {
+      o.removeHandler("update-viewport", e);
+    };
+  }, [t, s]), t.length > 0 ? /* @__PURE__ */ v(
+    S,
+    {
+      ref: n,
+      className: "a9s-popup a9s-osd-popup",
+      onDragStart: m,
+      children: u.popup({ viewer: o, selected: t })
+    },
+    t.map(({ annotation: e }) => e.id).join("-")
+  ) : null;
 };
 export {
-  y as OpenSeadragonAnnotator,
-  s as OpenSeadragonAnnotatorContext,
-  C as useViewer
+  q as OpenSeadragonPopup
 };
 //# 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/OpenSeadragonAnnotator.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext, useEffect, useState } from 'react';\nimport OpenSeadragon from 'openseadragon';\nimport { createOSDAnnotator } from '@annotorious/openseadragon';\nimport { AnnotoriousOpts, DrawingStyle, Filter, ImageAnnotation } from '@annotorious/annotorious';\nimport { AnnotoriousContext } from '../Annotorious';\n\nexport const OpenSeadragonAnnotatorContext = createContext<{ \n  viewer: OpenSeadragon.Viewer,\n  setViewer(viewer: OpenSeadragon.Viewer): void\n}>({ viewer: null, setViewer: null });\n\nexport type OpenSeadragonAnnotatorProps<E extends unknown> = AnnotoriousOpts<ImageAnnotation, E> & {\n\n  children?: ReactNode;\n\n  drawingEnabled?: boolean;\n\n  filter?: Filter<ImageAnnotation>;\n\n  style?: DrawingStyle | ((annotation: ImageAnnotation) => DrawingStyle);\n\n  tool?: string | null;\n\n}\n\nexport const OpenSeadragonAnnotator = <E extends unknown>(props: OpenSeadragonAnnotatorProps<E>) => {\n\n  const { children, tool, ...opts } = props;\n\n  const [viewer, setViewer] = useState<OpenSeadragon.Viewer>();\n\n  const { anno, setAnno } = useContext(AnnotoriousContext);\n\n  useEffect(() => {\n    if (viewer) {\n      const anno = createOSDAnnotator<E>(viewer, opts);\n\n      if (props.tool)\n        anno.setDrawingTool(props.tool);\n\n      setAnno(anno);\n\n      return () => {\n        anno.destroy();\n        setAnno(undefined);\n      }\n    }\n  }, [viewer]);\n\n  useEffect(() => {\n    if (anno) anno.setDrawingTool(tool);\n  }, [tool]);\n\n  useEffect(() => {\n    if (anno) anno.setDrawingEnabled(props.drawingEnabled);\n  }, [props.drawingEnabled]);\n\n  useEffect(() => {\n    if (anno) anno.setFilter(props.filter);\n  }, [props.filter]);\n\n  useEffect(() => {\n    if (anno) anno.setStyle(props.style);\n  }, [props.style]);\n\n  return (\n    <OpenSeadragonAnnotatorContext.Provider value={{ viewer, setViewer }}>\n      {props.children}\n    </OpenSeadragonAnnotatorContext.Provider>\n  )\n\n}\n\nexport const useViewer = () => {\n  const { viewer } = useContext(OpenSeadragonAnnotatorContext);\n  return viewer;\n}"],"names":["OpenSeadragonAnnotatorContext","createContext","OpenSeadragonAnnotator","props","children","tool","opts","viewer","setViewer","useState","anno","setAnno","useContext","AnnotoriousContext","useEffect","createOSDAnnotator","jsx","useViewer"],"mappings":";;;;AAMO,MAAMA,IAAgCC,EAG1C,EAAE,QAAQ,MAAM,WAAW,MAAM,GAgBvBC,IAAyB,CAAoBC,MAA0C;AAElG,QAAM,EAAE,UAAAC,GAAU,MAAAC,GAAM,GAAGC,MAASH,GAE9B,CAACI,GAAQC,CAAS,IAAIC,EAA+B,GAErD,EAAE,MAAAC,GAAM,SAAAC,EAAQ,IAAIC,EAAWC,CAAkB;AAEvD,SAAAC,EAAU,MAAM;AACd,QAAIP,GAAQ;AACJG,YAAAA,IAAOK,EAAsBR,GAAQD,CAAI;AAE/C,aAAIH,EAAM,QACRO,EAAK,eAAeP,EAAM,IAAI,GAEhCQ,EAAQD,CAAI,GAEL,MAAM;AACXA,QAAAA,EAAK,QAAQ,GACbC,EAAQ,MAAS;AAAA,MAAA;AAAA,IAErB;AAAA,EAAA,GACC,CAACJ,CAAM,CAAC,GAEXO,EAAU,MAAM;AACV,IAAAJ,KAAMA,EAAK,eAAeL,CAAI;AAAA,EAAA,GACjC,CAACA,CAAI,CAAC,GAETS,EAAU,MAAM;AACV,IAAAJ,KAAWA,EAAA,kBAAkBP,EAAM,cAAc;AAAA,EAAA,GACpD,CAACA,EAAM,cAAc,CAAC,GAEzBW,EAAU,MAAM;AACV,IAAAJ,KAAWA,EAAA,UAAUP,EAAM,MAAM;AAAA,EAAA,GACpC,CAACA,EAAM,MAAM,CAAC,GAEjBW,EAAU,MAAM;AACV,IAAAJ,KAAWA,EAAA,SAASP,EAAM,KAAK;AAAA,EAAA,GAClC,CAACA,EAAM,KAAK,CAAC,GAGd,gBAAAa,EAAChB,EAA8B,UAA9B,EAAuC,OAAO,EAAE,QAAAO,GAAQ,WAAAC,EACtD,GAAA,UAAAL,EAAM,SACT,CAAA;AAGJ,GAEac,IAAY,MAAM;AAC7B,QAAM,EAAE,QAAAV,EAAA,IAAWK,EAAWZ,CAA6B;AACpD,SAAAO;AACT;"}
+{"version":3,"file":"annotorious-react.es10.js","sources":["../src/openseadragon/OpenSeadragonPopup.tsx"],"sourcesContent":["import { ReactNode, useEffect, useRef, useState } from 'react';\nimport { ImageAnnotation } from '@annotorious/annotorious';\nimport OpenSeadragon from 'openseadragon';\nimport { AnnotoriousPopupProps, Draggable } from '../AnnotoriousPopup';\nimport { useViewer } from './OpenSeadragonAnnotator';\nimport { useSelection } from '../Annotorious';\nimport { setPosition } from './setPosition';\n\nexport type OpenSeadragonPopupProps = AnnotoriousPopupProps & {\n\n  viewer: OpenSeadragon.Viewer\n\n}\n\nexport type OpenSeadragonPopupContainerProps = {\n\n  popup(props: OpenSeadragonPopupProps): ReactNode\n\n}\n\nexport const OpenSeadragonPopup = (props: OpenSeadragonPopupContainerProps) => {\n\n  const el = useRef<HTMLDivElement>(null);\n\n  const viewer = useViewer();\n\n  const { selected } = useSelection<ImageAnnotation>();\n\n  const [selectedIds, setSelectedIds] = useState<string[]>([]);\n\n  const [dragged, setDragged] = useState(false);\n\n  const onDragStart = () => setDragged(true);\n\n  const updatePosition = () => {\n    // Note: this popup only supports a single selection\n    const annotation = selected[0].annotation;\n    setPosition(viewer, annotation, el.current);\n  }\n\n  const equal = (a: string[], b: string[]) => \n    a.every(str => b.includes(str)) && b.every(str => a.includes(str));\n\n  useEffect(() => {\n    // Reset drag flag if selected IDs have changed\n    const nextIds = selected.map(({ annotation }) => annotation.id);\n\n    if (!equal(selectedIds, nextIds)) {\n      setDragged(false);\n      setSelectedIds(nextIds);\n    }\n  }, [selected]);\n\n  useEffect(() => {\n    if (!el.current) return;\n\n    if (!dragged) updatePosition();\n\n    const onUpdateViewport = () => {\n      if (!dragged) updatePosition();\n    }\n\n    viewer.addHandler('update-viewport', onUpdateViewport);\n\n    return () => {\n      viewer.removeHandler('update-viewport', onUpdateViewport);\n    }\n  }, [selected, dragged]);\n  \n  return selected.length > 0 ? (\n    <Draggable \n      ref={el} \n      key={selected.map(({ annotation }) => annotation.id).join('-')} \n      className=\"a9s-popup a9s-osd-popup\" \n      onDragStart={onDragStart}>\n\n      {props.popup({ viewer, selected })}\n      \n    </Draggable>\n  ) : null;\n\n}"],"names":["OpenSeadragonPopup","props","el","useRef","viewer","useViewer","selected","useSelection","selectedIds","setSelectedIds","useState","dragged","setDragged","onDragStart","updatePosition","annotation","setPosition","equal","a","b","str","useEffect","nextIds","onUpdateViewport","jsx","Draggable"],"mappings":";;;;;;AAoBa,MAAAA,IAAqB,CAACC,MAA4C;AAEvE,QAAAC,IAAKC,EAAuB,IAAI,GAEhCC,IAASC,KAET,EAAE,UAAAC,MAAaC,KAEf,CAACC,GAAaC,CAAc,IAAIC,EAAmB,CAAE,CAAA,GAErD,CAACC,GAASC,CAAU,IAAIF,EAAS,EAAK,GAEtCG,IAAc,MAAMD,EAAW,EAAI,GAEnCE,IAAiB,MAAM;AAErB,UAAAC,IAAaT,EAAS,CAAC,EAAE;AACnB,IAAAU,EAAAZ,GAAQW,GAAYb,EAAG,OAAO;AAAA,EAAA,GAGtCe,IAAQ,CAACC,GAAaC,MAC1BD,EAAE,MAAM,OAAOC,EAAE,SAASC,CAAG,CAAC,KAAKD,EAAE,MAAM,OAAOD,EAAE,SAASE,CAAG,CAAC;AAEnE,SAAAC,EAAU,MAAM;AAER,UAAAC,IAAUhB,EAAS,IAAI,CAAC,EAAE,YAAAS,QAAiBA,EAAW,EAAE;AAE9D,IAAKE,EAAMT,GAAac,CAAO,MAC7BV,EAAW,EAAK,GAChBH,EAAea,CAAO;AAAA,EACxB,GACC,CAAChB,CAAQ,CAAC,GAEbe,EAAU,MAAM;AACd,QAAI,CAACnB,EAAG;AAAS;AAEjB,IAAKS,KAAwBG;AAE7B,UAAMS,IAAmB,MAAM;AAC7B,MAAKZ,KAAwBG;IAAA;AAGxB,WAAAV,EAAA,WAAW,mBAAmBmB,CAAgB,GAE9C,MAAM;AACJ,MAAAnB,EAAA,cAAc,mBAAmBmB,CAAgB;AAAA,IAAA;AAAA,EAC1D,GACC,CAACjB,GAAUK,CAAO,CAAC,GAEfL,EAAS,SAAS,IACvB,gBAAAkB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAKvB;AAAA,MAEL,WAAU;AAAA,MACV,aAAAW;AAAA,MAEC,UAAMZ,EAAA,MAAM,EAAE,QAAAG,GAAQ,UAAAE,GAAU;AAAA,IAAA;AAAA,IAJ5BA,EAAS,IAAI,CAAC,EAAE,YAAAS,EAAA,MAAiBA,EAAW,EAAE,EAAE,KAAK,GAAG;AAAA,EAO7D,IAAA;AAEN;"}

package/dist/annotorious-react.es11.js

@@ -1,39 +1,19 @@
-import { jsx as v } from "./annotorious-react.es13.js";
-import { useRef as w, useState as d, useEffect as c } from "react";
-import { Draggable as S } from "./annotorious-react.es4.js";
-import { useViewer as x } from "./annotorious-react.es10.js";
-import { useSelection as D } from "./annotorious-react.es2.js";
-import { setPosition as I } from "./annotorious-react.es21.js";
-const q = (u) => {
-  const n = w(null), o = x(), { selected: t } = D(), [l, f] = d([]), [s, i] = d(!1), m = () => i(!0), p = () => {
-    const e = t[0].annotation;
-    I(o, e, n.current);
-  }, g = (e, r) => e.every((a) => r.includes(a)) && r.every((a) => e.includes(a));
-  return c(() => {
-    const e = t.map(({ annotation: r }) => r.id);
-    g(l, e) || (i(!1), f(e));
-  }, [t]), c(() => {
-    if (!n.current)
-      return;
-    s || p();
-    const e = () => {
-      s || p();
-    };
-    return o.addHandler("update-viewport", e), () => {
-      o.removeHandler("update-viewport", e);
-    };
-  }, [t, s]), t.length > 0 ? /* @__PURE__ */ v(
-    S,
-    {
-      ref: n,
-      className: "a9s-popup a9s-osd-popup",
-      onDragStart: m,
-      children: u.popup({ viewer: o, selected: t })
-    },
-    t.map(({ annotation: e }) => e.id).join("-")
-  ) : null;
-};
+import { jsx as m } from "./annotorious-react.es12.js";
+import { forwardRef as a, useRef as c, useContext as p, useEffect as u, useImperativeHandle as d } from "react";
+import l from "openseadragon";
+import { OpenSeadragonAnnotatorContext as v } from "./annotorious-react.es9.js";
+const S = a((n, i) => {
+  const { className: s, options: t } = n, r = c(null), { viewer: f, setViewer: e } = p(v);
+  return u(() => {
+    if (r.current) {
+      const o = l({ ...t, element: r.current });
+      return e && e(o), () => {
+        o.destroy(), e && e(void 0);
+      };
+    }
+  }, [JSON.stringify(t)]), d(i, () => f), /* @__PURE__ */ m("div", { className: s, ref: r });
+});
 export {
-  q as OpenSeadragonPopup
+  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/openseadragon/OpenSeadragonPopup.tsx"],"sourcesContent":["import { ReactNode, useEffect, useRef, useState } from 'react';\nimport { ImageAnnotation } from '@annotorious/annotorious';\nimport OpenSeadragon from 'openseadragon';\nimport { AnnotoriousPopupProps, Draggable } from '../AnnotoriousPopup';\nimport { useViewer } from './OpenSeadragonAnnotator';\nimport { useSelection } from '../Annotorious';\nimport { setPosition } from './setPosition';\n\nexport type OpenSeadragonPopupProps = AnnotoriousPopupProps & {\n\n  viewer: OpenSeadragon.Viewer\n\n}\n\nexport type OpenSeadragonPopupContainerProps = {\n\n  popup(props: OpenSeadragonPopupProps): ReactNode\n\n}\n\nexport const OpenSeadragonPopup = (props: OpenSeadragonPopupContainerProps) => {\n\n  const el = useRef<HTMLDivElement>(null);\n\n  const viewer = useViewer();\n\n  const { selected } = useSelection<ImageAnnotation>();\n\n  const [selectedIds, setSelectedIds] = useState<string[]>([]);\n\n  const [dragged, setDragged] = useState(false);\n\n  const onDragStart = () => setDragged(true);\n\n  const updatePosition = () => {\n    // Note: this popup only supports a single selection\n    const annotation = selected[0].annotation;\n    setPosition(viewer, annotation, el.current);\n  }\n\n  const equal = (a: string[], b: string[]) => \n    a.every(str => b.includes(str)) && b.every(str => a.includes(str));\n\n  useEffect(() => {\n    // Reset drag flag if selected IDs have changed\n    const nextIds = selected.map(({ annotation }) => annotation.id);\n\n    if (!equal(selectedIds, nextIds)) {\n      setDragged(false);\n      setSelectedIds(nextIds);\n    }\n  }, [selected]);\n\n  useEffect(() => {\n    if (!el.current) return;\n\n    if (!dragged) updatePosition();\n\n    const onUpdateViewport = () => {\n      if (!dragged) updatePosition();\n    }\n\n    viewer.addHandler('update-viewport', onUpdateViewport);\n\n    return () => {\n      viewer.removeHandler('update-viewport', onUpdateViewport);\n    }\n  }, [selected, dragged]);\n  \n  return selected.length > 0 ? (\n    <Draggable \n      ref={el} \n      key={selected.map(({ annotation }) => annotation.id).join('-')} \n      className=\"a9s-popup a9s-osd-popup\" \n      onDragStart={onDragStart}>\n\n      {props.popup({ viewer, selected })}\n      \n    </Draggable>\n  ) : null;\n\n}"],"names":["OpenSeadragonPopup","props","el","useRef","viewer","useViewer","selected","useSelection","selectedIds","setSelectedIds","useState","dragged","setDragged","onDragStart","updatePosition","annotation","setPosition","equal","a","b","str","useEffect","nextIds","onUpdateViewport","jsx","Draggable"],"mappings":";;;;;;AAoBa,MAAAA,IAAqB,CAACC,MAA4C;AAEvE,QAAAC,IAAKC,EAAuB,IAAI,GAEhCC,IAASC,KAET,EAAE,UAAAC,MAAaC,KAEf,CAACC,GAAaC,CAAc,IAAIC,EAAmB,CAAE,CAAA,GAErD,CAACC,GAASC,CAAU,IAAIF,EAAS,EAAK,GAEtCG,IAAc,MAAMD,EAAW,EAAI,GAEnCE,IAAiB,MAAM;AAErB,UAAAC,IAAaT,EAAS,CAAC,EAAE;AACnB,IAAAU,EAAAZ,GAAQW,GAAYb,EAAG,OAAO;AAAA,EAAA,GAGtCe,IAAQ,CAACC,GAAaC,MAC1BD,EAAE,MAAM,OAAOC,EAAE,SAASC,CAAG,CAAC,KAAKD,EAAE,MAAM,OAAOD,EAAE,SAASE,CAAG,CAAC;AAEnE,SAAAC,EAAU,MAAM;AAER,UAAAC,IAAUhB,EAAS,IAAI,CAAC,EAAE,YAAAS,QAAiBA,EAAW,EAAE;AAE9D,IAAKE,EAAMT,GAAac,CAAO,MAC7BV,EAAW,EAAK,GAChBH,EAAea,CAAO;AAAA,EACxB,GACC,CAAChB,CAAQ,CAAC,GAEbe,EAAU,MAAM;AACd,QAAI,CAACnB,EAAG;AAAS;AAEjB,IAAKS,KAAwBG;AAE7B,UAAMS,IAAmB,MAAM;AAC7B,MAAKZ,KAAwBG;IAAA;AAGxB,WAAAV,EAAA,WAAW,mBAAmBmB,CAAgB,GAE9C,MAAM;AACJ,MAAAnB,EAAA,cAAc,mBAAmBmB,CAAgB;AAAA,IAAA;AAAA,EAC1D,GACC,CAACjB,GAAUK,CAAO,CAAC,GAEfL,EAAS,SAAS,IACvB,gBAAAkB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAKvB;AAAA,MAEL,WAAU;AAAA,MACV,aAAAW;AAAA,MAEC,UAAMZ,EAAA,MAAM,EAAE,QAAAG,GAAQ,UAAAE,GAAU;AAAA,IAAA;AAAA,IAJ5BA,EAAS,IAAI,CAAC,EAAE,YAAAS,EAAA,MAAiBA,EAAW,EAAE,EAAE,KAAK,GAAG;AAAA,EAO7D,IAAA;AAEN;"}
+{"version":3,"file":"annotorious-react.es11.js","sources":["../src/openseadragon/OpenSeadragonViewer.tsx"],"sourcesContent":["import { forwardRef, useContext, useEffect, useImperativeHandle, 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  useEffect(() => {    \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        v.destroy();\n\n        if (setViewer) \n          setViewer(undefined);\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","useEffect","v","OpenSeadragon","useImperativeHandle","jsx"],"mappings":";;;;AAYO,MAAMA,IAAsBC,EAA2D,CAACC,GAAiCC,MAAQ;AAEhI,QAAA,EAAE,WAAAC,GAAW,SAAAC,EAAY,IAAAH,GAEzBI,IAAUC,EAAuB,IAAI,GAErC,EAAE,QAAAC,GAAQ,WAAAC,EAAU,IAAIC,EAAWC,CAA6B;AAEtE,SAAAC,EAAU,MAAM;AACd,QAAIN,EAAQ,SAAS;AACb,YAAAO,IAAIC,EAAc,EAAC,GAAGT,GAAS,SAASC,EAAQ,SAAS;AAI3D,aAAAG,KACFA,EAAUI,CAAC,GAEN,MAAM;AACX,QAAAA,EAAE,QAAQ,GAENJ,KACFA,EAAU,MAAS;AAAA,MAAA;AAAA,IAEzB;AAAA,KACC,CAAC,KAAK,UAAUJ,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,19 +1,7 @@
-import { jsx as m } from "./annotorious-react.es13.js";
-import { forwardRef as a, useRef as c, useContext as p, useEffect as u, useImperativeHandle as d } from "react";
-import l from "openseadragon";
-import { OpenSeadragonAnnotatorContext as v } from "./annotorious-react.es10.js";
-const S = a((n, i) => {
-  const { className: s, options: t } = n, r = c(null), { viewer: f, setViewer: e } = p(v);
-  return u(() => {
-    if (r.current) {
-      const o = l({ ...t, element: r.current });
-      return e && e(o), () => {
-        o.destroy(), e && e(void 0);
-      };
-    }
-  }, [JSON.stringify(t)]), d(i, () => f), /* @__PURE__ */ m("div", { className: s, ref: r });
-});
+import { j as t } from "./annotorious-react.es15.js";
+const o = t.Fragment, r = t.jsx;
 export {
-  S as OpenSeadragonViewer
+  o as Fragment,
+  r as jsx
 };
 //# sourceMappingURL=annotorious-react.es12.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"annotorious-react.es12.js","sources":["../src/openseadragon/OpenSeadragonViewer.tsx"],"sourcesContent":["import { forwardRef, useContext, useEffect, useImperativeHandle, 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  useEffect(() => {    \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        v.destroy();\n\n        if (setViewer) \n          setViewer(undefined);\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","useEffect","v","OpenSeadragon","useImperativeHandle","jsx"],"mappings":";;;;AAYO,MAAMA,IAAsBC,EAA2D,CAACC,GAAiCC,MAAQ;AAEhI,QAAA,EAAE,WAAAC,GAAW,SAAAC,EAAY,IAAAH,GAEzBI,IAAUC,EAAuB,IAAI,GAErC,EAAE,QAAAC,GAAQ,WAAAC,EAAU,IAAIC,EAAWC,CAA6B;AAEtE,SAAAC,EAAU,MAAM;AACd,QAAIN,EAAQ,SAAS;AACb,YAAAO,IAAIC,EAAc,EAAC,GAAGT,GAAS,SAASC,EAAQ,SAAS;AAI3D,aAAAG,KACFA,EAAUI,CAAC,GAEN,MAAM;AACX,QAAAA,EAAE,QAAQ,GAENJ,KACFA,EAAU,MAAS;AAAA,MAAA;AAAA,IAEzB;AAAA,KACC,CAAC,KAAK,UAAUJ,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.es12.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/annotorious-react.es13.js

@@ -1,7 +1,11 @@
-import { j as t } from "./annotorious-react.es16.js";
-const o = t.Fragment, r = t.jsx;
+import { useState as c, useRef as n, useEffect as s } from "react";
+const m = (e, t) => {
+  const [u, o] = c(e), r = n();
+  return s(() => (r.current = setTimeout(() => o(e), t), () => {
+    clearTimeout(r.current);
+  }), [e, t]), u;
+};
 export {
-  o as Fragment,
-  r as jsx
+  m as useDebounce
 };
 //# sourceMappingURL=annotorious-react.es13.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"annotorious-react.es13.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"annotorious-react.es13.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>>();\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;AAEjB,SAAAC,EAAU,OACRF,EAAS,UACP,WAAW,MAAMF,EAAkBH,CAAK,GAAGC,CAAK,GAE3C,MAAM;AACX,iBAAaI,EAAS,OAAO;AAAA,EAAA,IAE9B,CAACL,GAAOC,CAAK,CAAC,GAEVC;AACT;"}

package/dist/annotorious-react.es14.js

@@ -1,11 +1,156 @@
-import { useState as c, useRef as n, useEffect as s } from "react";
-const m = (e, t) => {
-  const [u, o] = c(e), r = n();
-  return s(() => (r.current = setTimeout(() => o(e), t), () => {
-    clearTimeout(r.current);
-  }), [e, t]), u;
-};
+import { useRef as ge, useState as ae, useEffect as ie } from "react";
+var O = { dragStart: !0 }, he = (e, t = {}) => {
+  let o, c, { bounds: l, axis: m = "both", gpuAcceleration: f = !0, legacyTranslate: B = !0, transform: M, applyUserSelectHack: N = !0, disabled: R = !1, ignoreMultitouch: $ = !1, recomputeBounds: b = O, grid: H, position: u, cancel: D, handle: E, defaultClass: S = "neodrag", defaultClassDragging: i = "neodrag-dragging", defaultClassDragged: g = "neodrag-dragged", defaultPosition: W = { x: 0, y: 0 }, onDragStart: ce, onDrag: le, onDragEnd: ue } = t, X = !1, x = 0, A = 0, L = 0, T = 0, j = 0, z = 0, { x: Y, y: q } = u ? { x: (u == null ? void 0 : u.x) ?? 0, y: (u == null ? void 0 : u.y) ?? 0 } : W;
+  I(Y, q);
+  let y, C, P, F, _, ee = "", fe = !!u;
+  b = { ...O, ...b };
+  const G = document.body.style, v = e.classList;
+  function I(n = x, a = A) {
+    if (!M) {
+      if (B) {
+        let d = `${+n}px, ${+a}px`;
+        return k(e, "transform", f ? `translate3d(${d}, 0)` : `translate(${d})`);
+      }
+      return k(e, "translate", `${+n}px ${+a}px ${f ? "1px" : ""}`);
+    }
+    const s = M({ offsetX: n, offsetY: a, rootNode: e });
+    Q(s) && k(e, "transform", s);
+  }
+  const J = (n, a) => {
+    const s = { offsetX: x, offsetY: A, rootNode: e, currentNode: _ };
+    e.dispatchEvent(new CustomEvent(n, { detail: s })), a == null || a(s);
+  }, K = addEventListener;
+  K("pointerdown", re, !1), K("pointerup", te, !1), K("pointermove", oe, !1), k(e, "touch-action", "none");
+  const ne = () => {
+    let n = e.offsetWidth / C.width;
+    return isNaN(n) && (n = 1), n;
+  };
+  function re(n) {
+    if (R || n.button === 2 || $ && !n.isPrimary)
+      return;
+    if (b.dragStart && (y = V(l, e)), Q(E) && Q(D) && E === D)
+      throw new Error("`handle` selector can't be same as `cancel` selector");
+    if (v.add(S), P = function(r, p) {
+      if (!r)
+        return [p];
+      if (Z(r))
+        return [r];
+      if (Array.isArray(r))
+        return r;
+      const w = p.querySelectorAll(r);
+      if (w === null)
+        throw new Error("Selector passed for `handle` option should be child of the element on which the action is applied");
+      return Array.from(w.values());
+    }(E, e), F = function(r, p) {
+      if (!r)
+        return [];
+      if (Z(r))
+        return [r];
+      if (Array.isArray(r))
+        return r;
+      const w = p.querySelectorAll(r);
+      if (w === null)
+        throw new Error("Selector passed for `cancel` option should be child of the element on which the action is applied");
+      return Array.from(w.values());
+    }(D, e), o = /(both|x)/.test(m), c = /(both|y)/.test(m), de(F, P))
+      throw new Error("Element being dragged can't be a child of the element on which `cancel` is applied");
+    const a = n.composedPath()[0];
+    if (!P.some((r) => {
+      var p;
+      return r.contains(a) || ((p = r.shadowRoot) == null ? void 0 : p.contains(a));
+    }) || de(F, [a]))
+      return;
+    _ = P.length === 1 ? e : P.find((r) => r.contains(a)), X = !0, C = e.getBoundingClientRect(), N && (ee = G.userSelect, G.userSelect = "none"), J("neodrag:start", ce);
+    const { clientX: s, clientY: d } = n, h = ne();
+    o && (L = s - Y / h), c && (T = d - q / h), y && (j = s - C.left, z = d - C.top);
+  }
+  function te() {
+    X && (b.dragEnd && (y = V(l, e)), v.remove(i), v.add(g), N && (G.userSelect = ee), J("neodrag:end", ue), o && (L = x), c && (T = A), X = !1);
+  }
+  function oe(n) {
+    if (!X)
+      return;
+    b.drag && (y = V(l, e)), v.add(i), n.preventDefault(), C = e.getBoundingClientRect();
+    let a = n.clientX, s = n.clientY;
+    const d = ne();
+    if (y) {
+      const h = { left: y.left + j, top: y.top + z, right: y.right + j - C.width, bottom: y.bottom + z - C.height };
+      a = se(a, h.left, h.right), s = se(s, h.top, h.bottom);
+    }
+    if (Array.isArray(H)) {
+      let [h, r] = H;
+      if (isNaN(+h) || h < 0)
+        throw new Error("1st argument of `grid` must be a valid positive number");
+      if (isNaN(+r) || r < 0)
+        throw new Error("2nd argument of `grid` must be a valid positive number");
+      let p = a - L, w = s - T;
+      [p, w] = pe([h / d, r / d], p, w), a = L + p, s = T + w;
+    }
+    o && (x = Math.round((a - L) * d)), c && (A = Math.round((s - T) * d)), Y = x, q = A, J("neodrag", le), I();
+  }
+  return { destroy: () => {
+    const n = removeEventListener;
+    n("pointerdown", re, !1), n("pointerup", te, !1), n("pointermove", oe, !1);
+  }, update: (n) => {
+    var s, d;
+    m = n.axis || "both", R = n.disabled ?? !1, $ = n.ignoreMultitouch ?? !1, E = n.handle, l = n.bounds, b = n.recomputeBounds ?? O, D = n.cancel, N = n.applyUserSelectHack ?? !0, H = n.grid, f = n.gpuAcceleration ?? !0, B = n.legacyTranslate ?? !0, M = n.transform;
+    const a = v.contains(g);
+    v.remove(S, g), S = n.defaultClass ?? "neodrag", i = n.defaultClassDragging ?? "neodrag-dragging", g = n.defaultClassDragged ?? "neodrag-dragged", v.add(S), a && v.add(g), fe && (Y = x = ((s = n.position) == null ? void 0 : s.x) ?? x, q = A = ((d = n.position) == null ? void 0 : d.y) ?? A, I());
+  } };
+}, se = (e, t, o) => Math.min(Math.max(e, t), o), Q = (e) => typeof e == "string", pe = ([e, t], o, c) => {
+  const l = (m, f) => f === 0 ? 0 : Math.ceil(m / f) * f;
+  return [l(o, e), l(c, t)];
+}, de = (e, t) => e.some((o) => t.some((c) => o.contains(c)));
+function V(e, t) {
+  if (e === void 0)
+    return;
+  if (Z(e))
+    return e.getBoundingClientRect();
+  if (typeof e == "object") {
+    const { top: c = 0, left: l = 0, right: m = 0, bottom: f = 0 } = e;
+    return { top: c, right: window.innerWidth - m, bottom: window.innerHeight - f, left: l };
+  }
+  if (e === "parent")
+    return t.parentNode.getBoundingClientRect();
+  const o = document.querySelector(e);
+  if (o === null)
+    throw new Error("The selector provided for bound doesn't exists in the document.");
+  return o.getBoundingClientRect();
+}
+var k = (e, t, o) => e.style.setProperty(t, o), Z = (e) => e instanceof HTMLElement;
+function U(e) {
+  return e == null || typeof e == "string" || e instanceof HTMLElement ? e : "current" in e ? e.current : Array.isArray(e) ? e.map((t) => t instanceof HTMLElement ? t : t.current) : void 0;
+}
+function ye(e, t = {}) {
+  const o = ge(), [c, l] = ae(!1), [m, f] = ae();
+  let { onDragStart: B, onDrag: M, onDragEnd: N, handle: R, cancel: $ } = t, b = U(R), H = U($);
+  function u(i, g) {
+    f(i), g == null || g(i);
+  }
+  function D(i) {
+    l(!0), u(i, B);
+  }
+  function E(i) {
+    u(i, M);
+  }
+  function S(i) {
+    l(!1), u(i, N);
+  }
+  return ie(() => {
+    if (typeof window > "u")
+      return;
+    const i = e.current;
+    if (!i)
+      return;
+    ({ onDragStart: B, onDrag: M, onDragEnd: N } = t);
+    const { update: g, destroy: W } = he(i, { ...t, handle: b, cancel: H, onDragStart: D, onDrag: E, onDragEnd: S });
+    return o.current = g, W;
+  }, []), ie(() => {
+    var i;
+    (i = o.current) == null || i.call(o, { ...t, handle: U(R), cancel: U($), onDragStart: D, onDrag: E, onDragEnd: S });
+  }, [t]), { isDragging: c, dragState: m };
+}
 export {
-  m as useDebounce
+  ye as useDraggable
 };
 //# sourceMappingURL=annotorious-react.es14.js.map