@annotorious/react 3.0.0-rc.3 → 3.0.0-rc.30

package/dist/Annotorious.d.ts

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
-import { Annotation, Annotator, StoreChangeEvent } from '@annotorious/core';
+import { Annotation, Annotator, Store, User } from '@annotorious/annotorious';
+
 interface Selection<T extends Annotation = Annotation> {
     selected: {
         annotation: T;
@@ -13,7 +14,7 @@ export interface AnnotoriousContextState {
     annotations: Annotation[];
     selection: Selection;
 }
-export declare const AnnotoriousContext: import("react").Context<{
+export declare const AnnotoriousContext: import('react').Context<{
     anno: any;
     setAnno: any;
     annotations: any[];
@@ -21,39 +22,14 @@ export declare const AnnotoriousContext: import("react").Context<{
         selected: any[];
     };
 }>;
-export declare const Annotorious: import("react").ForwardRefExoticComponent<{
+export declare const Annotorious: import('react').ForwardRefExoticComponent<{
     children: ReactNode;
-} & 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;
-    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;
-    deleteBody: (body: {
-        id: string;
-        annotation: string;
-    }, origin?: import("@annotorious/core").Origin) => void;
-    getAnnotation: (id: string) => Annotation;
-    getBody: (id: string) => import("@annotorious/core").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;
-    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;
-}>() => T;
+} & import('react').RefAttributes<Annotator<Annotation, Annotation>>>;
+export declare const useAnnotator: <T extends unknown = Annotator<any, unknown>>() => T;
+export declare const useAnnotationStore: <T extends unknown = Store<Annotation>>() => T | undefined;
 export declare const useAnnotations: <T extends Annotation>(debounce?: number) => T[];
 export declare const useSelection: <T extends Annotation>() => Selection<T>;
-export declare const useAnnotatorUser: () => any;
+export declare const useAnnotatorUser: () => User;
 export declare const useViewportState: <T extends Annotation>(debounce?: number) => T[];
 export {};
 //# sourceMappingURL=Annotorious.d.ts.map

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,EAAE,KAAK,EAAoB,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAGhG,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;qEAsEpE,CAAC;AAEH,eAAO,MAAM,YAAY,GAAI,CAAC,SAAS,OAAO,iCAE7B,CAChB,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAI,CAAC,SAAS,OAAO,2BAEtB,CAAC,GAAG,SACjC,CAAA;AAYD,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,UAAU,aAAa,MAAM,QACG,CAAC;AAE1E,eAAO,MAAM,YAAY,GAAI,CAAC,SAAS,UAAU,OAE3B,SAAS,CAAC,CAAC,CAChC,CAAA;AAED,eAAO,MAAM,gBAAgB,QAAO,IAGnC,CAAA;AAmDD,eAAO,MAAM,gBAAgB,GAAK,CAAC,SAAS,UAAU,aAAa,MAAM,QACI,CAAC"}

package/dist/AnnotoriousPlugin.d.ts

@@ -1,9 +1,11 @@
-import { Annotation, Annotator } from '@annotorious/annotorious';
-export interface AnnotoriousPluginProps<I extends Annotation, E extends unknown> {
-    plugin: (anno: Annotator<I, E>, opts?: Object) => ({
-        unmount?: () => void;
-    }) | void;
+import { Annotator } from '@annotorious/annotorious';
+
+export type AnnotatorPlugin<T extends unknown = Annotator<any, unknown>> = (anno: T, opts?: Object) => ({
+    unmount?: () => void;
+}) | void;
+export interface AnnotoriousPluginProps<T extends unknown = Annotator<any, unknown>> {
+    plugin: AnnotatorPlugin<T>;
     opts?: Object;
 }
-export declare const AnnotoriousPlugin: <I extends Annotation = Annotation, E extends unknown = unknown>(props: AnnotoriousPluginProps<I, E>) => any;
+export declare const AnnotoriousPlugin: <T extends unknown = Annotator<any, unknown>>(props: AnnotoriousPluginProps<T>) => any;
 //# sourceMappingURL=AnnotoriousPlugin.d.ts.map

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,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAGrD,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,OAAO,GAAG,SAAS,CAAC,GAAG,EAAE,OAAO,CAAC,IACrE,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,CAAC;IAAE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC,GAAG,IAAI,CAAC;AAEhE,MAAM,WAAW,sBAAsB,CAAC,CAAC,SAAS,OAAO,GAAG,SAAS,CAAC,GAAG,EAAE,OAAO,CAAC;IAEjF,MAAM,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;IAE3B,IAAI,CAAC,EAAE,MAAM,CAAC;CAEf;AAED,eAAO,MAAM,iBAAiB,GAAI,CAAC,SAAS,OAAO,mCAAmC,sBAAsB,CAAC,CAAC,CAAC,QAiB9G,CAAC"}

package/dist/AnnotoriousPopup.d.ts

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
 import { ImageAnnotation } from '@annotorious/annotorious';
+
 export interface AnnotoriousPopupProps {
     selected: {
         annotation: ImageAnnotation;
@@ -12,5 +13,5 @@ export interface DraggableProps {
     onDragStart?(): void;
     onDragEnd?(): void;
 }
-export declare const Draggable: import("react").ForwardRefExoticComponent<DraggableProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Draggable: import('react').ForwardRefExoticComponent<DraggableProps & import('react').RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=AnnotoriousPopup.d.ts.map

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, DrawingStyle, DrawingTool, Filter, ImageAnnotation } from '@annotorious/annotorious';
+
 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,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,GAAI,CAAC,SAAS,OAAO,SAAS,mBAAmB,CAAC,CAAC,CAAC,4CA+B9E,CAAA"}

package/dist/annotorious-react.css

@@ -1 +1 @@
-canvas.a9s-gl-canvas{height:100%;left:0;position:absolute;top:0;width:100%}canvas.a9s-gl-canvas.hover{cursor:pointer!important}svg.svelte-190cqdf.svelte-190cqdf{pointer-events:none}svg.drawing.svelte-190cqdf.svelte-190cqdf{pointer-events:all}svg.svelte-190cqdf .svelte-190cqdf{pointer-events:all}text.svelte-1rehw2p{fill:#fff;font-family:Arial,Helvetica,sans-serif;font-weight:600}rect.svelte-1rehw2p{stroke-width:1.2;vector-effect:non-scaling-stroke}polygon.svelte-fgq4n0{stroke-width:1.2;vector-effect:non-scaling-stroke}rect.svelte-gze948{stroke-width:1.2;vector-effect:non-scaling-stroke}svg.svelte-1krwc4m{position:absolute;top:0;left:0;width:100%;height:100%;outline:none;pointer-events:none}.a9s-annotationlayer{box-sizing:border-box;height:100%;left:0;outline:none;position:absolute;top:0;touch-action:none;width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.a9s-annotationlayer ellipse,.a9s-annotationlayer polygon,.a9s-annotationlayer rect{fill:transparent;shape-rendering:geometricPrecision;vector-effect:non-scaling-stroke}.a9s-edge-handle{fill:transparent;stroke:transparent;stroke-width:6px}.a9s-shape-handle,.a9s-corner-handle{cursor:move}.a9s-edge-handle-top{cursor:n-resize}.a9s-edge-handle-right{cursor:e-resize}.a9s-edge-handle-bottom{cursor:s-resize}.a9s-edge-handle-left{cursor:w-resize}.a9s-corner-handle.a9s-corner-handle-topleft{cursor:nw-resize}.a9s-corner-handle.a9s-corner-handle-topright{cursor:ne-resize}.a9s-corner-handle.a9s-corner-handle-bottomright{cursor:se-resize}.a9s-corner-handle.a9s-corner-handle-bottomleft{cursor:sw-resize}.a9s-annotationlayer .a9s-outer,div[data-theme=dark] .a9s-annotationlayer .a9s-outer{display:none}.a9s-annotationlayer .a9s-inner,div[data-theme=dark] .a9s-annotationlayer .a9s-inner{fill:#0000001f;stroke:#000;stroke-width:1px}rect.a9s-corner-handle,div[data-theme=dark] rect.a9s-corner-handle{fill:#000;rx:2px}rect.a9s-close-polygon-handle,div[data-theme=dark] rect.a9s-close-polygon-handle{fill:#000;rx:1px}.a9s-annotationlayer .a9s-outer,div[data-theme=light] .a9s-annotationlayer .a9s-outer{display:block;stroke:#00000040;stroke-width:3.5px}.a9s-annotationlayer .a9s-inner,div[data-theme=light] .a9s-annotationlayer .a9s-inner{fill:#ffffff26;stroke:#fff;stroke-width:1.5px}rect.a9s-corner-handle,div[data-theme=light] rect.a9s-corner-handle{fill:#fff;rx:1px;stroke:#00000073;stroke-width:1px}rect.a9s-close-polygon-handle,div[data-theme=light] rect.a9s-close-polygon-handle{fill:#fff;rx:1px;stroke:#00000073;stroke-width:1px}
+canvas.a9s-gl-canvas{height:100%;left:0;position:absolute;top:0;width:100%}canvas.a9s-gl-canvas.hidden{display:none}canvas.a9s-gl-canvas.hover{cursor:pointer!important}svg.svelte-190cqdf.svelte-190cqdf{pointer-events:none}svg.drawing.svelte-190cqdf.svelte-190cqdf{pointer-events:all}svg.svelte-190cqdf .svelte-190cqdf{pointer-events:all}text.svelte-1rehw2p{fill:#fff;font-family:Arial,Helvetica,sans-serif;font-weight:600}rect.svelte-1rehw2p{stroke-width:1.2;vector-effect:non-scaling-stroke}polygon.svelte-fgq4n0{stroke-width:1.2;vector-effect:non-scaling-stroke}rect.svelte-gze948{stroke-width:1.2;vector-effect:non-scaling-stroke}svg.svelte-1krwc4m{position:absolute;top:0;left:0;width:100%;height:100%;outline:none;pointer-events:none}.a9s-touch-halo.svelte-1sgkh33{fill:transparent;stroke-width:0}.a9s-touch-halo.touched.svelte-1sgkh33{fill:#ffffff40}.a9s-annotationlayer{box-sizing:border-box;height:100%;left:0;outline:none;position:absolute;top:0;touch-action:none;width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.a9s-annotationlayer.hidden{display:none}.a9s-annotationlayer ellipse,.a9s-annotationlayer polygon,.a9s-annotationlayer rect{fill:transparent;shape-rendering:geometricPrecision;vector-effect:non-scaling-stroke}.a9s-edge-handle{fill:transparent;stroke:transparent;stroke-width:6px}.a9s-shape-handle,.a9s-handle{cursor:move}.a9s-edge-handle-top{cursor:n-resize}.a9s-edge-handle-right{cursor:e-resize}.a9s-edge-handle-bottom{cursor:s-resize}.a9s-edge-handle-left{cursor:w-resize}.a9s-handle.a9s-corner-handle-topleft{cursor:nw-resize}.a9s-handle.a9s-corner-handle-topright{cursor:ne-resize}.a9s-handle.a9s-corner-handle-bottomright{cursor:se-resize}.a9s-handle.a9s-corner-handle-bottomleft{cursor:sw-resize}.a9s-annotationlayer .a9s-outer,div[data-theme=dark] .a9s-annotationlayer .a9s-outer{display:none}.a9s-annotationlayer .a9s-inner,div[data-theme=dark] .a9s-annotationlayer .a9s-inner{fill:#0000001f;stroke:#000;stroke-width:1px}rect.a9s-handle,div[data-theme=dark] rect.a9s-handle{fill:#000;rx:2px}rect.a9s-close-polygon-handle,div[data-theme=dark] rect.a9s-close-polygon-handle{fill:#000;rx:1px}.a9s-annotationlayer .a9s-outer,div[data-theme=light] .a9s-annotationlayer .a9s-outer{display:block;stroke:#00000040;stroke-width:3.5px}.a9s-annotationlayer .a9s-inner,div[data-theme=light] .a9s-annotationlayer .a9s-inner{fill:#ffffff26;stroke:#fff;stroke-width:1.5px}rect.a9s-handle,div[data-theme=light] rect.a9s-handle{fill:#fff;rx:1px;stroke:#00000073;stroke-width:1px}rect.a9s-close-polygon-handle,div[data-theme=light] rect.a9s-close-polygon-handle{fill:#fff;rx:1px;stroke:#00000073;stroke-width:1px}

package/dist/annotorious-react.es.js

@@ -1,55 +1,38 @@
-import { Annotorious as n, AnnotoriousContext as a, useAnnotationStore as p, useAnnotations as i, useAnnotator as m, useAnnotatorUser as s, useSelection as f, useViewportState as x } from "./annotorious-react.es2.js";
-import { AnnotoriousPlugin as A } from "./annotorious-react.es3.js";
-import { Draggable as c } from "./annotorious-react.es4.js";
-import { ImageAnnotator as g } from "./annotorious-react.es5.js";
-import "./annotorious-react.es6.js";
-import "./annotorious-react.es7.js";
-import { createBaseAnnotator as C } from "./annotorious-react.es8.js";
-import { parseAll as B, serializeAll as E } from "./annotorious-react.es9.js";
-import { createAnonymousGuest as w } from "./annotorious-react.es10.js";
-import { parseW3CBodies as V, serializeW3CBodies as W } from "./annotorious-react.es11.js";
-import { createDefaultAppearenceProvider as v, defaultColorProvider as z } from "./annotorious-react.es12.js";
-import { PRESENCE_KEY as I, createPresenceState as h } from "./annotorious-react.es13.js";
-import { createBody as G, getContributors as K } from "./annotorious-react.es14.js";
-import { diffAnnotations as R } from "./annotorious-react.es15.js";
-import { PointerSelectAction as U } from "./annotorious-react.es16.js";
-import { Origin as _ } from "./annotorious-react.es17.js";
-import { ShapeType as k, W3CImageFormat as q } from "./annotorious-react.es18.js";
-import { OpenSeadragonAnnotator as J, useViewer as L } from "./annotorious-react.es19.js";
-import { OpenSeadragonPopup as Q } from "./annotorious-react.es20.js";
-import { OpenSeadragonViewer as Z } from "./annotorious-react.es21.js";
+import { Annotorious as g, AnnotoriousContext as A, useAnnotationStore as c, useAnnotations as f, useAnnotator as x, useAnnotatorUser as S, useSelection as I, useViewportState as d } from "./annotorious-react.es2.js";
+import { AnnotoriousPlugin as y } from "./annotorious-react.es3.js";
+import { Draggable as O } from "./annotorious-react.es4.js";
+import { ImageAnnotator as h } from "./annotorious-react.es5.js";
+/* empty css                      */
+/* empty css                      */
+import { Origin as F, PointerSelectAction as T, createAnonymousGuest as V, createBody as W, defaultColorProvider as $ } from "@annotorious/core";
+import { createImageAnnotator as o, ShapeType as e, W3CImageFormat as t } from "@annotorious/annotorious";
+import { OpenSeadragonAnnotator as v, useViewer as B } from "./annotorious-react.es8.js";
+import { OpenSeadragonPopup as G } from "./annotorious-react.es9.js";
+import { OpenSeadragonViewer as j } from "./annotorious-react.es10.js";
+const p = o, m = e, s = t;
 export {
-  n as Annotorious,
-  a as AnnotoriousContext,
-  A as AnnotoriousPlugin,
-  c as Draggable,
-  g as ImageAnnotator,
-  J as OpenSeadragonAnnotator,
-  Q as OpenSeadragonPopup,
-  Z as OpenSeadragonViewer,
-  _ as Origin,
-  I as PRESENCE_KEY,
-  U as PointerSelectAction,
-  k as ShapeType,
-  q as W3CImageFormat,
-  w as createAnonymousGuest,
-  C as createBaseAnnotator,
-  G as createBody,
-  v as createDefaultAppearenceProvider,
-  h as createPresenceState,
-  z as defaultColorProvider,
-  R as diffAnnotations,
-  K as getContributors,
-  B as parseAll,
-  V as parseW3CBodies,
-  E as serializeAll,
-  W as serializeW3CBodies,
-  p as useAnnotationStore,
-  i as useAnnotations,
-  m as useAnnotator,
-  s as useAnnotatorUser,
-  f as useSelection,
-  L as useViewer,
-  x as useViewportState
+  g as Annotorious,
+  A as AnnotoriousContext,
+  y as AnnotoriousPlugin,
+  O as Draggable,
+  h as ImageAnnotator,
+  v as OpenSeadragonAnnotator,
+  G as OpenSeadragonPopup,
+  j as OpenSeadragonViewer,
+  F as Origin,
+  T as PointerSelectAction,
+  m as ShapeType,
+  s as W3CImageFormat,
+  V as createAnonymousGuest,
+  W as createBody,
+  p as createImageAnnotator,
+  $ as defaultColorProvider,
+  c as useAnnotationStore,
+  f as useAnnotations,
+  x as useAnnotator,
+  S as useAnnotatorUser,
+  I as useSelection,
+  B as useViewer,
+  d 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":["../src/index.ts"],"sourcesContent":["export * from './Annotorious';\nexport * from './AnnotoriousPlugin';\nexport * from './AnnotoriousPopup';\nexport * from './ImageAnnotator';\n\nexport * from './openseadragon';\n\n// This ensures the Annotorious stylesheet gets packaged into annotorious-react\nimport '@annotorious/annotorious/annotorious.css';\nimport '@annotorious/openseadragon/annotorious-openseadragon.css';\n\n// Essential re-exports from @annotorious/core\nexport type {\n  Annotation,\n  AnnotationBody,\n  AnnotationState,\n  AnnotationTarget,\n  Annotator,\n  AnnotatorState,\n  Appearance,\n  AppearanceProvider,\n  Color,\n  DrawingStyle,\n  DrawingStyleExpression,\n  Filter,\n  FormatAdapter,\n  HoverState,\n  LifecycleEvents,\n  ParseResult,\n  PresentUser,\n  Selection,\n  SelectionState,\n  Store,\n  StoreChangeEvent,\n  StoreObserver,\n  User,\n  W3CAnnotation,\n  W3CAnnotationBody,\n  W3CAnnotationTarget\n} from '@annotorious/core';\n\nimport {\n  createAnonymousGuest as _createAnonymousGuest, \n  createBody as _createBody,\n  defaultColorProvider as _defaultColorProvider,\n  Origin as _Origin,\n  PointerSelectAction as _PointerSelectAction\n} from '@annotorious/core';\n\nexport { _createAnonymousGuest as createAnonymousGuest };\nexport { _createBody as createBody };\nexport { _defaultColorProvider as defaultColorProvider };\nexport { _Origin as Origin };\nexport { _PointerSelectAction as PointerSelectAction };\n\n// Essential re-exports from @annotorious/annotorious \nexport type {\n  AnnotoriousOpts,\n  DrawingMode,\n  DrawingTool,\n  FragmentSelector,\n  ImageAnnotator as AnnotoriousImageAnnotator,\n  ImageAnnotation,\n  ImageAnnotatorState,\n  Polygon,\n  PolygonGeometry,\n  Rectangle,\n  RectangleGeometry,\n  Shape,\n  SVGSelector,\n  W3CImageAnnotation,\n  W3CImageAnnotationTarget\n} from '@annotorious/annotorious';\n\nimport {   \n  createImageAnnotator as _createImageAnnotator,\n  ShapeType as _ShapeType,\n  W3CImageFormat as _W3CImageFormat\n} from '@annotorious/annotorious';\n\nexport const createImageAnnotator = _createImageAnnotator;\nexport const ShapeType = _ShapeType;\nexport const W3CImageFormat = _W3CImageFormat;\n\n// Essential re-exports from @annotorious/openseadragon \nexport type {\n  OpenSeadragonAnnotator as AnnotoriousOpenSeadragonAnnotator\n} from '@annotorious/openseadragon';\n\nexport type { Viewer } from 'openseadragon';\n"],"names":["createImageAnnotator","_createImageAnnotator","ShapeType","_ShapeType","W3CImageFormat","_W3CImageFormat"],"mappings":";;;;;;;;;;;AAgFO,MAAMA,IAAuBC,GACvBC,IAAYC,GACZC,IAAiBC;"}

package/dist/annotorious-react.es10.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"annotorious-react.es10.js","sources":["../../annotorious-core/src/model/User.ts"],"sourcesContent":["import { customAlphabet } from 'nanoid';\n\nexport interface User {\n\n  id: string;\n\n  isGuest?: boolean;\n\n  name?: string;\n\n  avatar?: string;\n\n}\n\nexport const createAnonymousGuest = () => {\n  const nanoid = customAlphabet('1234567890abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ_', 20);\n  \n  return { isGuest: true, id: nanoid() }\n}"],"names":["createAnonymousGuest","customAlphabet"],"mappings":";AAcO,MAAMA,IAAuB,OAG3B,EAAE,SAAS,IAAM,IAFTC,EAAe,mEAAmE,EAAE,EAE9D,EAAA;"}
+{"version":3,"file":"annotorious-react.es10.js","sources":["../src/openseadragon/OpenSeadragonViewer.tsx"],"sourcesContent":["import { forwardRef, useContext, 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        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","useLayoutEffect","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,EAAgB,MAAM;AACpB,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,GAGlCQ,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAAZ,GAAsB,KAAKE,EAAS,CAAA;AAG7C,CAAC;"}

package/dist/annotorious-react.es11.js

@@ -1,30 +1,9 @@
-const d = (r) => {
-  const o = JSON.stringify(r);
-  let t = 0;
-  for (let e = 0, a = o.length; e < a; e++) {
-    let n = o.charCodeAt(e);
-    t = (t << 5) - t + n, t |= 0;
-  }
-  return `${t}`;
-}, l = (r, o) => (Array.isArray(r) ? r : [r]).map((t) => {
-  const { id: e, type: a, purpose: n, value: i, created: c, creator: s, ...p } = t;
-  return {
-    id: e || `temp-${d(t)}`,
-    annotation: o,
-    type: a,
-    purpose: n,
-    value: i,
-    created: c,
-    creator: s ? typeof s == "object" ? { ...s } : s : void 0,
-    ...p
-  };
-}), h = (r) => r.map((o) => {
-  var e;
-  const t = { ...o };
-  return delete t.annotation, (e = t.id) != null && e.startsWith("temp-") && delete t.id, t;
-});
+import { __module as e } from "./annotorious-react.es15.js";
+import { __require as r } from "./annotorious-react.es16.js";
+import { __require as o } from "./annotorious-react.es17.js";
+process.env.NODE_ENV === "production" ? e.exports = r() : e.exports = o();
+var m = e.exports;
 export {
-  l as parseW3CBodies,
-  h as serializeW3CBodies
+  m as j
 };
 //# sourceMappingURL=annotorious-react.es11.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"annotorious-react.es11.js","sources":["../../annotorious-core/src/model/W3CAnnotation.ts"],"sourcesContent":["import type { AnnotationBody } from './Annotation';\n\nexport interface W3CAnnotation {\n\n  '@context': 'http://www.w3.org/ns/anno.jsonld';\n\n  type: 'Annotation';\n\n  id: string;\n\n  body: W3CAnnotationBody | W3CAnnotationBody[]\n\n  target: W3CAnnotationTarget | W3CAnnotationTarget[];\n\n  [key: string]: any;\n\n}\n\nexport interface W3CAnnotationBody {\n\n  id?: string;\n\n  type?: string;\n\n  purpose?: string;\n\n  value?: string;\n\n  source?: string;\n\n  created?: Date;\n\n  creator?: {\n\n    type?: string;\n\n    id: string;\n\n    name?: string;\n\n  };\n\n}\n\nexport interface W3CAnnotationTarget {\n\n  source: string;\n\n  selector?: W3CSelector | W3CSelector[];\n\n}\n\nexport interface W3CSelector {\n\n  type: string;\n\n  conformsTo?: string;\n\n  value: string;\n}\n\n// https://stackoverflow.com/questions/6122571/simple-non-secure-hash-function-for-javascript\nconst hashCode = (obj: Object): string => {\n  const str = JSON.stringify(obj);\n\n  let hash = 0;\n\n  for (let i = 0, len = str.length; i < len; i++) {\n      let chr = str.charCodeAt(i);\n      hash = (hash << 5) - hash + chr;\n      hash |= 0; // Convert to 32bit integer\n  }\n\n  return `${hash}`;\n}\n\n/**\n * Helper to crosswalk the W3C annotation body to a list of core AnnotationBody objects.\n */\nexport const parseW3CBodies = (\n  body: W3CAnnotationBody | W3CAnnotationBody[], \n  annotationId: string\n): AnnotationBody[] => (Array.isArray(body) ? body : [body]).map(body => {\n\n  // Exctract properties that conform to the internal model, but keep custom props\n  const { id, type, purpose, value, created, creator, ...rest } = body;\n\n  // The internal model strictly requires IDs. (Because multi-user scenarios\n  // will have problems without them.) In the W3C model, bodys *may* have IDs.\n  // We'll create ad-hoc IDs for bodies without IDs, but want to make sure that\n  // generating the ID is idempotent: the same body should always get the same ID.\n  // This will avoid unexpected results when checking for equality.  \n  return {\n    id: id || `temp-${hashCode(body)}`,\n    annotation: annotationId,\n    type,\n    purpose,\n    value,\n    created,\n    creator: creator ? \n      typeof creator === 'object' ? { ...creator }: creator :\n      undefined,\n    ...rest\n  }\n\n});\n\n/** Serialization helper to remove core-specific fields from the annotation body **/\nexport const serializeW3CBodies = (bodies: AnnotationBody[]): W3CAnnotationBody[] => \n  bodies.map(b => {\n    const w3c = { ...b };\n    delete w3c.annotation;\n\n    if (w3c.id?.startsWith('temp-'))\n      delete w3c.id;\n  \n    return w3c;\n  });"],"names":["hashCode","obj","str","hash","i","len","chr","parseW3CBodies","body","annotationId","id","type","purpose","value","created","creator","rest","serializeW3CBodies","bodies","b","_a","w3c"],"mappings":"AA8DA,MAAMA,IAAW,CAACC,MAAwB;AAClC,QAAAC,IAAM,KAAK,UAAUD,CAAG;AAE9B,MAAIE,IAAO;AAEX,WAASC,IAAI,GAAGC,IAAMH,EAAI,QAAQE,IAAIC,GAAKD,KAAK;AACxC,QAAAE,IAAMJ,EAAI,WAAWE,CAAC;AAClB,IAAAD,KAAAA,KAAQ,KAAKA,IAAOG,GACpBH,KAAA;AAAA,EACZ;AAEA,SAAO,GAAGA,CAAI;AAChB,GAKaI,IAAiB,CAC5BC,GACAC,OACsB,MAAM,QAAQD,CAAI,IAAIA,IAAO,CAACA,CAAI,GAAG,IAAI,CAAAA,MAAQ;AAGjE,QAAA,EAAE,IAAAE,GAAI,MAAAC,GAAM,SAAAC,GAAS,OAAAC,GAAO,SAAAC,GAAS,SAAAC,GAAS,GAAGC,EAASR,IAAAA;AAOzD,SAAA;AAAA,IACL,IAAIE,KAAM,QAAQV,EAASQ,CAAI,CAAC;AAAA,IAChC,YAAYC;AAAA,IACZ,MAAAE;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAASC,IACP,OAAOA,KAAY,WAAW,EAAE,GAAGA,EAAQ,IAAGA,IAC9C;AAAA,IACF,GAAGC;AAAA,EAAA;AAGP,CAAC,GAGYC,IAAqB,CAACC,MACjCA,EAAO,IAAI,CAAKC,MAAA;AA/ClB,MAAAC;AAgDU,QAAAC,IAAM,EAAE,GAAGF;AACjB,gBAAOE,EAAI,aAEPD,IAAAC,EAAI,OAAJ,QAAAD,EAAQ,WAAW,YACrB,OAAOC,EAAI,IAENA;AACT,CAAC;"}
+{"version":3,"file":"annotorious-react.es11.js","sources":["../../../node_modules/react/jsx-runtime.js"],"sourcesContent":["'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('./cjs/react-jsx-runtime.production.min.js');\n} else {\n  module.exports = require('./cjs/react-jsx-runtime.development.js');\n}\n"],"names":["jsxRuntimeModule","require$$0","require$$1"],"mappings":";;;AAEI,QAAQ,IAAI,aAAa,eAC3BA,EAAA,UAAiBC,MAEjBD,EAAA,UAAiBE;;","x_google_ignoreList":[0]}

package/dist/annotorious-react.es12.js

@@ -1,23 +1,11 @@
-import { DEFAULT_PALETTE as t } from "./annotorious-react.es36.js";
-const l = () => {
-  const o = [...t];
-  return { assignRandomColor: () => {
-    const r = Math.floor(Math.random() * o.length), e = o[r];
-    return o.splice(r, 1), e;
-  }, releaseColor: (r) => o.push(r) };
-}, d = () => {
-  const o = l();
-  return { addUser: (r, e) => {
-    const s = o.assignRandomColor();
-    return {
-      label: e.name || e.id,
-      avatar: e.avatar,
-      color: s
-    };
-  }, removeUser: (r) => o.releaseColor(r.appearance.color) };
+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 {
-  d as createDefaultAppearenceProvider,
-  l as defaultColorProvider
+  m as useDebounce
 };
 //# sourceMappingURL=annotorious-react.es12.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"annotorious-react.es12.js","sources":["../../annotorious-core/src/presence/AppearanceProvider.ts"],"sourcesContent":["import type { User } from '../model';\nimport type { Appearance } from './Appearance';\nimport type { PresentUser } from './PresentUser';\nimport { DEFAULT_PALETTE } from './ColorPalette';\n\nexport interface AppearanceProvider {\n\n  addUser(presenceKey: string, user: User): Appearance;\n\n  removeUser(user: PresentUser): void;\n\n}\n\nexport const defaultColorProvider = () => {\n\n  const unassignedColors = [...DEFAULT_PALETTE];\n\n  const assignRandomColor = () => {\n    const rnd = Math.floor(Math.random() * unassignedColors.length);\n    const color = unassignedColors[rnd];\n\n    unassignedColors.splice(rnd, 1);\n\n    return color;\n  }\n\n  const releaseColor = (color: string) =>\n    unassignedColors.push(color);\n\n  return { assignRandomColor, releaseColor };\n\n}\n\nexport const createDefaultAppearenceProvider = () => {\n\n  const colorProvider = defaultColorProvider();\n\n  const addUser = (presenceKey: string, user: User): Appearance => {\n    const color = colorProvider.assignRandomColor();\n\n    return {\n      label: user.name || user.id,\n      avatar: user.avatar,\n      color\n    };\n  }\n\n  const removeUser = (user: PresentUser) =>\n    colorProvider.releaseColor(user.appearance.color);\n\n  return { addUser, removeUser }\n  \n}"],"names":["defaultColorProvider","unassignedColors","DEFAULT_PALETTE","rnd","color","createDefaultAppearenceProvider","colorProvider","presenceKey","user"],"mappings":";AAaO,MAAMA,IAAuB,MAAM;AAElC,QAAAC,IAAmB,CAAC,GAAGC,CAAe;AAcrC,SAAA,EAAE,mBAZiB,MAAM;AAC9B,UAAMC,IAAM,KAAK,MAAM,KAAK,WAAWF,EAAiB,MAAM,GACxDG,IAAQH,EAAiBE,CAAG;AAEjB,WAAAF,EAAA,OAAOE,GAAK,CAAC,GAEvBC;AAAA,EAAA,GAMmB,cAHP,CAACA,MACpBH,EAAiB,KAAKG,CAAK;AAI/B,GAEaC,IAAkC,MAAM;AAEnD,QAAMC,IAAgBN;AAef,SAAA,EAAE,SAbO,CAACO,GAAqBC,MAA2B;AACzD,UAAAJ,IAAQE,EAAc;AAErB,WAAA;AAAA,MACL,OAAOE,EAAK,QAAQA,EAAK;AAAA,MACzB,QAAQA,EAAK;AAAA,MACb,OAAAJ;AAAA,IAAA;AAAA,EACF,GAMgB,YAHC,CAACI,MAClBF,EAAc,aAAaE,EAAK,WAAW,KAAK;AAIpD;"}
+{"version":3,"file":"annotorious-react.es12.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.es13.js

@@ -1,57 +1,137 @@
-import { nanoid as v } from "./annotorious-react.es35.js";
-import { createNanoEvents as p } from "./annotorious-react.es37.js";
-import { createDefaultAppearenceProvider as E } from "./annotorious-react.es12.js";
-const w = (c, r) => c.every((o) => c.includes(o)) && r.every((o) => c.includes(o)), P = v(), y = (c = E()) => {
-  const r = p(), o = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), m = (t, e) => {
-    if (o.has(t)) {
-      console.warn("Attempt to add user that is already present", t, e);
-      return;
+import { useRef as pe, useState as ie, useEffect as se } from "react";
+var Q = { dragStart: !0 }, he = (e, t = {}) => {
+  let o, l, { bounds: c, axis: m = "both", gpuAcceleration: f = !0, legacyTranslate: R = !0, transform: M, applyUserSelectHack: N = !0, disabled: $ = !1, ignoreMultitouch: B = !1, recomputeBounds: b = Q, grid: H, position: u, cancel: D, handle: S, defaultClass: E = "neodrag", defaultClassDragging: i = "neodrag-dragging", defaultClassDragged: g = "neodrag-dragged", defaultPosition: U = { x: 0, y: 0 }, onDragStart: ce, onDrag: ue, onDragEnd: fe } = t, Y = !1, x = 0, A = 0, L = 0, T = 0, W = 0, j = 0, { x: q, y: P } = u ? { x: (u == null ? void 0 : u.x) ?? 0, y: (u == null ? void 0 : u.y) ?? 0 } : U;
+  J(q, P);
+  let y, C, X, F, ee, ne = "", ge = !!u;
+  b = { ...Q, ...b };
+  let k = /* @__PURE__ */ new Set();
+  const G = document.body.style, v = e.classList;
+  function J(n = x, a = A) {
+    if (!M) {
+      if (R) {
+        let d = `${+n}px, ${+a}px`;
+        return z(e, "transform", f ? `translate3d(${d}, 0)` : `translate(${d})`);
+      }
+      return z(e, "translate", `${+n}px ${+a}px ${f ? "1px" : ""}`);
     }
-    const n = c.addUser(t, e);
-    o.set(t, {
-      ...e,
-      presenceKey: t,
-      appearance: n
-    });
-  }, u = (t) => {
-    const e = o.get(t);
-    if (!e) {
-      console.warn("Attempt to remove user that is not present", t);
-      return;
-    }
-    c.removeUser(e), o.delete(t);
-  }, h = (t) => {
-    const e = new Set(t.map((s) => s.presenceKey)), n = t.filter(({ presenceKey: s }) => !o.has(s)), i = Array.from(o.values()).filter((s) => !e.has(s.presenceKey));
-    n.forEach(({ presenceKey: s, user: f }) => m(s, f)), i.forEach((s) => {
-      const { presenceKey: f } = s;
-      a.has(f) && r.emit("selectionChange", s, null), u(f);
-    }), (n.length > 0 || i.length > 0) && r.emit("presence", l());
-  }, d = (t, e) => {
-    const n = o.get(t);
-    if (!n) {
-      console.warn("Activity notification from user that is not present");
-      return;
+    const s = M({ offsetX: n, offsetY: a, rootNode: e });
+    V(s) && z(e, "transform", s);
+  }
+  const K = (n, a) => {
+    const s = { offsetX: x, offsetY: A, rootNode: e, currentNode: ee };
+    e.dispatchEvent(new CustomEvent(n, { detail: s })), a == null || a(s);
+  }, O = addEventListener;
+  O("pointerdown", te, !1), O("pointerup", oe, !1), O("pointermove", ae, !1), z(e, "touch-action", "none");
+  const re = () => {
+    let n = e.offsetWidth / C.width;
+    return isNaN(n) && (n = 1), n;
+  };
+  function te(n) {
+    if ($ || n.button === 2) return;
+    if (k.add(n.pointerId), B && k.size > 1) return n.preventDefault();
+    if (b.dragStart && (y = Z(c, e)), V(S) && V(D) && S === D) throw new Error("`handle` selector can't be same as `cancel` selector");
+    if (v.add(E), X = function(r, h) {
+      if (!r) return [h];
+      if (_(r)) return [r];
+      if (Array.isArray(r)) return r;
+      const w = h.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());
+    }(S, e), F = function(r, h) {
+      if (!r) return [];
+      if (_(r)) return [r];
+      if (Array.isArray(r)) return r;
+      const w = h.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), l = /(both|y)/.test(m), le(F, X)) 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 (!X.some((r) => {
+      var h;
+      return r.contains(a) || ((h = r.shadowRoot) == null ? void 0 : h.contains(a));
+    }) || le(F, [a])) return;
+    ee = X.length === 1 ? e : X.find((r) => r.contains(a)), Y = !0, C = e.getBoundingClientRect(), N && (ne = G.userSelect, G.userSelect = "none"), K("neodrag:start", ce);
+    const { clientX: s, clientY: d } = n, p = re();
+    o && (L = s - q / p), l && (T = d - P / p), y && (W = s - C.left, j = d - C.top);
+  }
+  function oe(n) {
+    k.delete(n.pointerId), Y && (b.dragEnd && (y = Z(c, e)), v.remove(i), v.add(g), N && (G.userSelect = ne), K("neodrag:end", fe), o && (L = x), l && (T = A), Y = !1);
+  }
+  function ae(n) {
+    if (!Y || B && k.size > 1) return;
+    b.drag && (y = Z(c, e)), v.add(i), n.preventDefault(), C = e.getBoundingClientRect();
+    let a = n.clientX, s = n.clientY;
+    const d = re();
+    if (y) {
+      const p = { left: y.left + W, top: y.top + j, right: y.right + W - C.width, bottom: y.bottom + j - C.height };
+      a = de(a, p.left, p.right), s = de(s, p.top, p.bottom);
     }
-    const i = a.get(t);
-    (!i || !w(i, e)) && (a.set(t, e), r.emit("selectionChange", n, e));
-  }, g = (t, e) => {
-    const n = o.get(t);
-    if (!n) {
-      console.warn("Selection change for user that is not present", t);
-      return;
+    if (Array.isArray(H)) {
+      let [p, r] = H;
+      if (isNaN(+p) || p < 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 h = a - L, w = s - T;
+      [h, w] = me([p / d, r / d], h, w), a = L + h, s = T + w;
     }
-    e ? a.set(t, e) : a.delete(t), r.emit("selectionChange", n, e);
-  }, l = () => [...Array.from(o.values())];
-  return {
-    getPresentUsers: l,
-    notifyActivity: d,
-    on: (t, e) => r.on(t, e),
-    syncUsers: h,
-    updateSelection: g
-  };
-};
+    o && (x = Math.round((a - L) * d)), l && (A = Math.round((s - T) * d)), q = x, P = A, K("neodrag", ue), J();
+  }
+  return { destroy: () => {
+    const n = removeEventListener;
+    n("pointerdown", te, !1), n("pointerup", oe, !1), n("pointermove", ae, !1);
+  }, update: (n) => {
+    var s, d;
+    m = n.axis || "both", $ = n.disabled ?? !1, B = n.ignoreMultitouch ?? !1, S = n.handle, c = n.bounds, b = n.recomputeBounds ?? Q, D = n.cancel, N = n.applyUserSelectHack ?? !0, H = n.grid, f = n.gpuAcceleration ?? !0, R = n.legacyTranslate ?? !0, M = n.transform;
+    const a = v.contains(g);
+    v.remove(E, g), E = n.defaultClass ?? "neodrag", i = n.defaultClassDragging ?? "neodrag-dragging", g = n.defaultClassDragged ?? "neodrag-dragged", v.add(E), a && v.add(g), ge && (q = x = ((s = n.position) == null ? void 0 : s.x) ?? x, P = A = ((d = n.position) == null ? void 0 : d.y) ?? A, J());
+  } };
+}, de = (e, t, o) => Math.min(Math.max(e, t), o), V = (e) => typeof e == "string", me = ([e, t], o, l) => {
+  const c = (m, f) => f === 0 ? 0 : Math.ceil(m / f) * f;
+  return [c(o, e), c(l, t)];
+}, le = (e, t) => e.some((o) => t.some((l) => o.contains(l)));
+function Z(e, t) {
+  if (e === void 0) return;
+  if (_(e)) return e.getBoundingClientRect();
+  if (typeof e == "object") {
+    const { top: l = 0, left: c = 0, right: m = 0, bottom: f = 0 } = e;
+    return { top: l, right: window.innerWidth - m, bottom: window.innerHeight - f, left: c };
+  }
+  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 z = (e, t, o) => e.style.setProperty(t, o), _ = (e) => e instanceof HTMLElement;
+function I(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 we(e, t = {}) {
+  const o = pe(), [l, c] = ie(!1), [m, f] = ie();
+  let { onDragStart: R, onDrag: M, onDragEnd: N, handle: $, cancel: B } = t, b = I($), H = I(B);
+  function u(i, g) {
+    f(i), g == null || g(i);
+  }
+  function D(i) {
+    c(!0), u(i, R);
+  }
+  function S(i) {
+    u(i, M);
+  }
+  function E(i) {
+    c(!1), u(i, N);
+  }
+  return se(() => {
+    if (typeof window > "u") return;
+    const i = e.current;
+    if (!i) return;
+    ({ onDragStart: R, onDrag: M, onDragEnd: N } = t);
+    const { update: g, destroy: U } = he(i, { ...t, handle: b, cancel: H, onDragStart: D, onDrag: S, onDragEnd: E });
+    return o.current = g, U;
+  }, []), se(() => {
+    var i;
+    (i = o.current) == null || i.call(o, { ...t, handle: I($), cancel: I(B), onDragStart: D, onDrag: S, onDragEnd: E });
+  }, [t]), { isDragging: l, dragState: m };
+}
 export {
-  P as PRESENCE_KEY,
-  y as createPresenceState
+  we as useDraggable
 };
 //# sourceMappingURL=annotorious-react.es13.js.map