@annotorious/annotorious 3.0.0-rc.9 → 3.0.1

package/dist/Annotorious.d.ts

@@ -1,11 +1,11 @@
-import type { SvelteComponent } from 'svelte';
-import type { Annotator } from '@annotorious/core';
-import { type DrawingTool } from './annotation/tools';
-import type { DrawingToolOpts } from './annotation';
-import type { ImageAnnotation, ShapeType } from './model';
-import { type Theme } from './AnnotoriousOpts';
-import type { AnnotoriousOpts } from './AnnotoriousOpts';
-export interface ImageAnnotator<E extends unknown = ImageAnnotation> extends Annotator<ImageAnnotation, E> {
+import { SvelteComponent } from 'svelte';
+import { Annotation, Annotator } from '@annotorious/core';
+import { DrawingTool } from './annotation/tools';
+import { DrawingToolOpts } from './annotation';
+import { ImageAnnotation, ShapeType } from './model';
+import { Theme, AnnotoriousOpts } from './AnnotoriousOpts';
+export interface ImageAnnotator<I extends Annotation = ImageAnnotation, E extends unknown = ImageAnnotation> extends Annotator<I, E> {
+    element: HTMLDivElement;
     listDrawingTools(): string[];
     registerDrawingTool(name: string, tool: typeof SvelteComponent, opts?: DrawingToolOpts): void;
     registerShapeEditor(shapeType: ShapeType, editor: typeof SvelteComponent): void;
@@ -13,5 +13,4 @@ export interface ImageAnnotator<E extends unknown = ImageAnnotation> extends Ann
     setDrawingEnabled(enabled: boolean): void;
     setTheme(theme: Theme): void;
 }
-export declare const createImageAnnotator: <E extends unknown = ImageAnnotation>(image: string | HTMLImageElement | HTMLCanvasElement, options?: AnnotoriousOpts<ImageAnnotation, E>) => ImageAnnotator<E>;
-//# sourceMappingURL=Annotorious.d.ts.map
+export declare const createImageAnnotator: <I extends Annotation = ImageAnnotation, E extends unknown = ImageAnnotation>(image: string | HTMLImageElement | HTMLCanvasElement, options?: AnnotoriousOpts<I, E>) => ImageAnnotator<I, E>;

package/dist/AnnotoriousOpts.d.ts

@@ -1,16 +1,14 @@
-import { PointerSelectAction } from '@annotorious/core';
-import type { Annotation, DrawingStyle, FormatAdapter } from '@annotorious/core';
-import type { ImageAnnotation } from './model';
+import { Annotation, DrawingStyleExpression, FormatAdapter, UserSelectActionExpression } from '@annotorious/core';
+import { ImageAnnotation } from './model';
 export interface AnnotoriousOpts<I extends Annotation = ImageAnnotation, E extends unknown = ImageAnnotation> {
     adapter?: FormatAdapter<I, E>;
     autoSave?: boolean;
     drawingEnabled?: boolean;
     drawingMode?: DrawingMode;
-    pointerSelectAction?: PointerSelectAction | ((a: I) => PointerSelectAction);
-    style?: DrawingStyle | ((annotation: I) => DrawingStyle);
+    userSelectAction?: UserSelectActionExpression<I>;
+    style?: DrawingStyleExpression<ImageAnnotation>;
     theme?: Theme;
 }
 export type DrawingMode = 'click' | 'drag';
 export type Theme = 'dark' | 'light' | 'auto';
-export declare const fillDefaults: <I extends ImageAnnotation = ImageAnnotation, E extends unknown = ImageAnnotation>(opts: AnnotoriousOpts<I, E>) => AnnotoriousOpts<I, E>;
-//# sourceMappingURL=AnnotoriousOpts.d.ts.map
+export declare const fillDefaults: <I extends Annotation = ImageAnnotation, E extends unknown = ImageAnnotation>(opts: AnnotoriousOpts<I, E>, defaults: AnnotoriousOpts<I, E>) => AnnotoriousOpts<I, E>;

package/dist/annotation/SVGAnnotationLayer.svelte.d.ts

@@ -1 +1 @@
-export { SvelteComponentTyped as default } from 'svelte';
+export { SvelteComponent as default } from 'svelte';

package/dist/annotation/SVGAnnotationLayerPointerEvent.d.ts

@@ -1,11 +1,11 @@
-import type { SvelteImageAnnotationStore } from '../state';
-import type { ImageAnnotation } from '../model';
-export interface SVGAnnotationLayerPointerEvent {
+import { SvelteImageAnnotationStore } from '../state';
+import { Annotation } from '@annotorious/core';
+export interface SVGAnnotationLayerPointerEvent<T extends Annotation> {
     originalEvent: PointerEvent;
-    annotation?: ImageAnnotation;
+    annotation?: T;
 }
-export declare const addEventListeners: (svg: SVGSVGElement, store: SvelteImageAnnotationStore) => {
+export declare const addEventListeners: <T extends Annotation>(svg: SVGSVGElement, store: SvelteImageAnnotationStore<T>) => {
     onPointerDown: () => number;
     onPointerUp: (evt: PointerEvent) => void;
 };
-//# sourceMappingURL=SVGAnnotationLayerPointerEvent.d.ts.map
+export declare const getSVGPoint: (evt: PointerEvent, svg: SVGSVGElement) => DOMPoint;

package/dist/annotation/Transform.d.ts

@@ -3,4 +3,3 @@ export interface Transform {
 }
 export declare const IdentityTransform: Transform;
 export declare const createSVGTransform: (svg: SVGSVGElement) => Transform;
-//# sourceMappingURL=Transform.d.ts.map

package/dist/annotation/editors/Editor.svelte.d.ts

@@ -1 +1 @@
-export { SvelteComponentTyped as default } from 'svelte';
+export { SvelteComponent as default } from 'svelte';

package/dist/annotation/editors/EditorMount.svelte.d.ts

@@ -1 +1 @@
-export { SvelteComponentTyped as default } from 'svelte';
+export { SvelteComponent as default } from 'svelte';

package/dist/annotation/editors/Handle.svelte.d.ts

@@ -0,0 +1 @@
+export { SvelteComponent as default } from 'svelte';

package/dist/annotation/editors/editorsRegistry.d.ts

@@ -1,5 +1,4 @@
-import { ShapeType, type Shape } from '../../model';
-import type { SvelteComponent } from 'svelte';
-export declare const getEditor: (shape: Shape) => typeof SvelteComponent;
+import { ShapeType, Shape } from '../../model';
+import { SvelteComponent } from 'svelte';
+export declare const getEditor: (shape: Shape) => typeof SvelteComponent | undefined;
 export declare const registerEditor: (shapeType: ShapeType, editor: typeof SvelteComponent) => Map<ShapeType, typeof SvelteComponent>;
-//# sourceMappingURL=editorsRegistry.d.ts.map

package/dist/annotation/editors/index.d.ts

@@ -1,7 +1,6 @@
 export * from './polygon';
 export * from './rectangle';
 export * from './editorsRegistry';
-export * from './Handle';
 export { default as Editor } from './Editor.svelte';
 export { default as EditorMount } from './EditorMount.svelte';
-//# sourceMappingURL=index.d.ts.map
+export { default as Handle } from './Handle.svelte';

package/dist/annotation/editors/polygon/PolygonEditor.svelte.d.ts

@@ -1 +1 @@
-export { SvelteComponentTyped as default } from 'svelte';
+export { SvelteComponent as default } from 'svelte';

package/dist/annotation/editors/polygon/index.d.ts

@@ -1,2 +1 @@
 export { default as PolygonEditor } from './PolygonEditor.svelte';
-//# sourceMappingURL=index.d.ts.map

package/dist/annotation/editors/rectangle/RectangleEditor.svelte.d.ts

@@ -1 +1 @@
-export { SvelteComponentTyped as default } from 'svelte';
+export { SvelteComponent as default } from 'svelte';

package/dist/annotation/editors/rectangle/index.d.ts

@@ -1,2 +1 @@
 export { default as RectangleEditor } from './RectangleEditor.svelte';
-//# sourceMappingURL=index.d.ts.map

package/dist/annotation/index.d.ts

@@ -4,4 +4,3 @@ export * from './utils';
 export { default as SVGAnnotationLayer } from './SVGAnnotationLayer.svelte';
 export * from './SVGAnnotationLayerPointerEvent';
 export * from './Transform';
-//# sourceMappingURL=index.d.ts.map

package/dist/annotation/shapes/Ellipse.svelte.d.ts

@@ -1 +1 @@
-export { SvelteComponentTyped as default } from 'svelte';
+export { SvelteComponent as default } from 'svelte';

package/dist/annotation/shapes/Polygon.svelte.d.ts

@@ -1 +1 @@
-export { SvelteComponentTyped as default } from 'svelte';
+export { SvelteComponent as default } from 'svelte';

package/dist/annotation/shapes/Rectangle.svelte.d.ts

@@ -1 +1 @@
-export { SvelteComponentTyped as default } from 'svelte';
+export { SvelteComponent as default } from 'svelte';

package/dist/annotation/shapes/index.d.ts

@@ -1,4 +1,3 @@
 export { default as Ellipse } from './Ellipse.svelte';
 export { default as Polygon } from './Polygon.svelte';
 export { default as Rectangle } from './Rectangle.svelte';
-//# sourceMappingURL=index.d.ts.map

package/dist/annotation/tools/DrawingToolConfig.d.ts

@@ -1,8 +1,7 @@
-import type { SvelteComponent } from 'svelte';
+import { SvelteComponent } from 'svelte';
 export interface ToolConfig {
     component: typeof SvelteComponent;
     opts?: {
         [key: string]: any;
     };
 }
-//# sourceMappingURL=DrawingToolConfig.d.ts.map

package/dist/annotation/tools/ToolMount.svelte.d.ts

@@ -1 +1 @@
-export { SvelteComponentTyped as default } from 'svelte';
+export { SvelteComponent as default } from 'svelte';

package/dist/annotation/tools/drawingToolsRegistry.d.ts

@@ -1,17 +1,16 @@
-import type { SvelteComponent } from 'svelte';
-import type { DrawingMode } from '../../AnnotoriousOpts';
+import { SvelteComponent } from 'svelte';
+import { DrawingMode } from '../../AnnotoriousOpts';
 export type DrawingTool = 'rectangle' | 'polygon' | string;
 export type DrawingToolOpts = {
     drawingMode?: DrawingMode;
-    [key: string]: string;
+    [key: string]: any;
 };
 export declare const listDrawingTools: () => string[];
 export declare const getTool: (name: string) => {
     tool: typeof SvelteComponent;
     opts?: DrawingToolOpts;
-};
+} | undefined;
 export declare const registerTool: (name: string, tool: typeof SvelteComponent, opts?: DrawingToolOpts) => Map<string, {
     tool: typeof SvelteComponent;
     opts?: DrawingToolOpts;
 }>;
-//# sourceMappingURL=drawingToolsRegistry.d.ts.map

package/dist/annotation/tools/index.d.ts

@@ -2,4 +2,3 @@ export { default as ToolMount } from './ToolMount.svelte';
 export * from './rectangle';
 export * from './DrawingToolConfig';
 export * from './drawingToolsRegistry';
-//# sourceMappingURL=index.d.ts.map

package/dist/annotation/tools/polygon/RubberbandPolygon.svelte.d.ts

@@ -1 +1 @@
-export { SvelteComponentTyped as default } from 'svelte';
+export { SvelteComponent as default } from 'svelte';

package/dist/annotation/tools/polygon/index.d.ts

@@ -1,2 +1 @@
 export { default as RubberbandPolygon } from './RubberbandPolygon.svelte';
-//# sourceMappingURL=index.d.ts.map

package/dist/annotation/tools/rectangle/RubberbandRectangle.svelte.d.ts

@@ -1 +1 @@
-export { SvelteComponentTyped as default } from 'svelte';
+export { SvelteComponent as default } from 'svelte';

package/dist/annotation/tools/rectangle/index.d.ts

@@ -1,2 +1 @@
 export { default as RubberbandRectangle } from './RubberbandRectangle.svelte';
-//# sourceMappingURL=index.d.ts.map

package/dist/annotation/utils/index.d.ts

@@ -1,4 +1,3 @@
 export * from './math';
 export * from './responsive';
 export * from './touch';
-//# sourceMappingURL=index.d.ts.map

package/dist/annotation/utils/math.d.ts

@@ -1,2 +1 @@
 export declare const distance: (a: [number, number], b: [number, number]) => number;
-//# sourceMappingURL=math.d.ts.map

package/dist/annotation/utils/responsive.d.ts

@@ -1,5 +1,4 @@
 export declare const enableResponsive: (image: HTMLImageElement | HTMLCanvasElement, svg: SVGSVGElement) => {
     destroy: () => void;
-    subscribe: (this: void, run: import("svelte/store").Subscriber<number>, invalidate?: (value?: number) => void) => import("svelte/store").Unsubscriber;
+    subscribe: (this: void, run: import('svelte/store').Subscriber<number>, invalidate?: import('svelte/store').Invalidator<number> | undefined) => import('svelte/store').Unsubscriber;
 };
-//# sourceMappingURL=responsive.d.ts.map

package/dist/annotation/utils/styling.d.ts

@@ -1,4 +1,3 @@
-import type { DrawingStyle } from '@annotorious/core';
-import type { ImageAnnotation } from '../../model';
-export declare const computeStyle: (annotation: ImageAnnotation, style?: DrawingStyle | ((a: ImageAnnotation) => DrawingStyle)) => string;
-//# sourceMappingURL=styling.d.ts.map
+import { DrawingStyleExpression } from '@annotorious/core';
+import { ImageAnnotation } from '../../model';
+export declare const computeStyle: (annotation: ImageAnnotation, style?: DrawingStyleExpression<ImageAnnotation>) => string | undefined;

package/dist/annotation/utils/touch.d.ts

@@ -1,2 +1 @@
 export declare const isTouch: boolean;
-//# sourceMappingURL=touch.d.ts.map

package/dist/annotorious.css

@@ -1 +1 @@
-.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}
+.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 .a9s-annotation{cursor:pointer}.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}