@annotorious/svelte 3.0.0-rc.1

package/dist/annotorious-svelte.es9.js

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

package/dist/annotorious-svelte.es9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"annotorious-svelte.es9.js","sources":["../../../node_modules/@neodrag/svelte/dist/min/index.js"],"sourcesContent":["var t={dragStart:!0},e=(t,e,n)=>Math.min(Math.max(t,e),n),n=t=>\"string\"==typeof t,r=([t,e],n,r)=>{const o=(t,e)=>0===e?0:Math.ceil(t/e)*e;return[o(n,t),o(r,e)]};var o=(t,e)=>t.some((t=>e.some((e=>t.contains(e)))));function i(t,e){if(void 0===t)return;if(s(t))return t.getBoundingClientRect();if(\"object\"==typeof t){const{top:e=0,left:n=0,right:r=0,bottom:o=0}=t;return{top:e,right:window.innerWidth-r,bottom:window.innerHeight-o,left:n}}if(\"parent\"===t)return e.parentNode.getBoundingClientRect();const n=document.querySelector(t);if(null===n)throw new Error(\"The selector provided for bound doesn't exists in the document.\");return n.getBoundingClientRect()}var a=(t,e,n)=>t.style.setProperty(e,n),s=t=>t instanceof HTMLElement,d=(d,l={})=>{let c,u,{bounds:f,axis:g=\"both\",gpuAcceleration:h=!0,legacyTranslate:p=!0,transform:m,applyUserSelectHack:y=!0,disabled:b=!1,ignoreMultitouch:w=!1,recomputeBounds:v=t,grid:x,position:E,cancel:S,handle:A,defaultClass:C=\"neodrag\",defaultClassDragging:N=\"neodrag-dragging\",defaultClassDragged:D=\"neodrag-dragged\",defaultPosition:M={x:0,y:0},onDragStart:B,onDrag:$,onDragEnd:R}=l,H=!1,L=0,P=0,T=0,X=0,Y=0,q=0,{x:k,y:U}=E?{x:E?.x??0,y:E?.y??0}:M;Q(k,U);let W,j,z,F,G,I=\"\",J=!!E;v={...t,...v};const K=document.body.style,O=d.classList;function Q(t=L,e=P){if(!m){if(p){let n=`${+t}px, ${+e}px`;return a(d,\"transform\",h?`translate3d(${n}, 0)`:`translate(${n})`)}return a(d,\"translate\",`${+t}px ${+e}px ${h?\"1px\":\"\"}`)}const r=m({offsetX:t,offsetY:e,rootNode:d});n(r)&&a(d,\"transform\",r)}const V=(t,e)=>{const n={offsetX:L,offsetY:P,rootNode:d,currentNode:G};d.dispatchEvent(new CustomEvent(t,{detail:n})),e?.(n)};const Z=addEventListener;Z(\"pointerdown\",tt,!1),Z(\"pointerup\",et,!1),Z(\"pointermove\",nt,!1),a(d,\"touch-action\",\"none\");const _=()=>{let t=d.offsetWidth/j.width;return isNaN(t)&&(t=1),t};function tt(t){if(b)return;if(2===t.button)return;if(w&&!t.isPrimary)return;if(v.dragStart&&(W=i(f,d)),n(A)&&n(S)&&A===S)throw new Error(\"`handle` selector can't be same as `cancel` selector\");if(O.add(C),z=function(t,e){if(!t)return[e];if(s(t))return[t];if(Array.isArray(t))return t;const n=e.querySelectorAll(t);if(null===n)throw new Error(\"Selector passed for `handle` option should be child of the element on which the action is applied\");return Array.from(n.values())}(A,d),F=function(t,e){if(!t)return[];if(s(t))return[t];if(Array.isArray(t))return t;const n=e.querySelectorAll(t);if(null===n)throw new Error(\"Selector passed for `cancel` option should be child of the element on which the action is applied\");return Array.from(n.values())}(S,d),c=/(both|x)/.test(g),u=/(both|y)/.test(g),o(F,z))throw new Error(\"Element being dragged can't be a child of the element on which `cancel` is applied\");const e=t.composedPath()[0];if(!z.some((t=>t.contains(e)||t.shadowRoot?.contains(e)))||o(F,[e]))return;G=1===z.length?d:z.find((t=>t.contains(e))),H=!0,j=d.getBoundingClientRect(),y&&(I=K.userSelect,K.userSelect=\"none\"),V(\"neodrag:start\",B);const{clientX:r,clientY:a}=t,l=_();c&&(T=r-k/l),u&&(X=a-U/l),W&&(Y=r-j.left,q=a-j.top)}function et(){H&&(v.dragEnd&&(W=i(f,d)),O.remove(N),O.add(D),y&&(K.userSelect=I),V(\"neodrag:end\",R),c&&(T=L),u&&(X=P),H=!1)}function nt(t){if(!H)return;v.drag&&(W=i(f,d)),O.add(N),t.preventDefault(),j=d.getBoundingClientRect();let n=t.clientX,o=t.clientY;const a=_();if(W){const t={left:W.left+Y,top:W.top+q,right:W.right+Y-j.width,bottom:W.bottom+q-j.height};n=e(n,t.left,t.right),o=e(o,t.top,t.bottom)}if(Array.isArray(x)){let[t,e]=x;if(isNaN(+t)||t<0)throw new Error(\"1st argument of `grid` must be a valid positive number\");if(isNaN(+e)||e<0)throw new Error(\"2nd argument of `grid` must be a valid positive number\");let i=n-T,s=o-X;[i,s]=r([t/a,e/a],i,s),n=T+i,o=X+s}c&&(L=Math.round((n-T)*a)),u&&(P=Math.round((o-X)*a)),k=L,U=P,V(\"neodrag\",$),Q()}return{destroy:()=>{const t=removeEventListener;t(\"pointerdown\",tt,!1),t(\"pointerup\",et,!1),t(\"pointermove\",nt,!1)},update:e=>{g=e.axis||\"both\",b=e.disabled??!1,w=e.ignoreMultitouch??!1,A=e.handle,f=e.bounds,v=e.recomputeBounds??t,S=e.cancel,y=e.applyUserSelectHack??!0,x=e.grid,h=e.gpuAcceleration??!0,p=e.legacyTranslate??!0,m=e.transform;const n=O.contains(D);O.remove(C,D),C=e.defaultClass??\"neodrag\",N=e.defaultClassDragging??\"neodrag-dragging\",D=e.defaultClassDragged??\"neodrag-dragged\",O.add(C),n&&O.add(D),J&&(k=L=e.position?.x??L,U=P=e.position?.y??P,Q())}}};export{d as draggable};"],"names":["t","e","n","r","o","i","s","a","d","l","c","u","f","g","h","p","m","y","b","w","v","x","E","S","A","C","N","D","M","B","$","R","H","L","P","T","X","k","U","Q","W","j","z","F","G","I","J","K","O","V","Z","_a","_b"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export * from './osd';
+export { default as MouseOverTooltip } from './MouseOverTooltip.svelte';
+export type { SvelteAnnotator, SvelteAnnotatorState } from '@annotorious/core';
+export type { ImageAnnotation } from '@annotorious/annotorious';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC;AAEtB,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAGxE,YAAY,EACV,eAAe,EACf,oBAAoB,EACrB,MAAM,mBAAmB,CAAC;AAG3B,YAAY,EACV,eAAe,EAChB,MAAM,0BAA0B,CAAC"}

package/dist/osd/OpenSeadragonAnnotator.svelte.d.ts

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

package/dist/osd/OpenSeadragonPopup.svelte.d.ts

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

package/dist/osd/index.d.ts

@@ -0,0 +1,3 @@
+export { default as OpenSeadragonAnnotator } from './OpenSeadragonAnnotator.svelte';
+export { default as OpenSeadragonPopup } from './OpenSeadragonPopup.svelte';
+//# sourceMappingURL=index.d.ts.map

package/dist/osd/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/osd/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/style.css

@@ -0,0 +1 @@
+.a9s-osd-popup.svelte-1xuxeat{background-color:#fff;border:1px solid #a2a2a2;height:250px;position:absolute;width:400px;z-index:1}

package/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "@annotorious/svelte",
+  "version": "3.0.0-rc.1",
+  "description": "Annotorious Svelte bindings",
+  "author": "Rainer Simon",
+  "license": "BSD-3-Clause",
+  "homepage": "https://annotorious.github.io",
+  "type": "module",
+  "scripts": {
+    "start": "vite",
+    "build": "tsc && vite build",
+    "test": "echo 'Skipping tests in @annotorious/svelte package'"
+  },
+  "module": "./dist/annotorious-svelte.es.js",
+  "types": "./src/index.ts",
+  "svelte": "./src/index.ts",
+  "devDependencies": {
+    "@annotorious/core": "*",
+    "@sveltejs/vite-plugin-svelte": "^2.4.6",
+    "@tsconfig/svelte": "^3.0.0",
+    "@types/openseadragon": "^3.0.7",
+    "svelte": "^3.59.2",
+    "svelte-check": "^3.5.2",
+    "tslib": "^2.6.2",
+    "typescript": "^4.9.5",
+    "vite": "^4.4.9",
+    "vite-plugin-dts": "^3.6.0"
+  },
+  "peerDependencies": {
+    "openseadragon": "^3.0.0 || ^4.0.0"
+  },
+  "sideEffects": false
+}

package/src/MouseOverTooltip.svelte

@@ -0,0 +1,55 @@
+<script lang="ts">
+  import { getContext, onMount } from 'svelte';
+  import type { ImageAnnotation } from '@annotorious/annotorious';
+  import type { SvelteAnnotator } from '@annotorious/core';
+
+  export let container: Element;
+
+  const anno = getContext<SvelteAnnotator<ImageAnnotation>>('anno');
+
+  const { store, hover } = anno.state;
+
+  let top: number;
+
+  let left: number;
+
+  let show = true;
+
+  $: hovered = $hover ? store.getAnnotation($hover) : undefined;
+  
+  onMount(() => {
+    const onPointerEnter = () => {
+      show = true;
+    }
+
+    const onPointerMove = (event: PointerEvent) => {
+      const { offsetX, offsetY } = event;
+      left = offsetX;
+      top = offsetY;
+    }
+
+    const onPointerLeave = () => {
+      show = false;
+    }
+
+    container.addEventListener('pointerenter', onPointerEnter);
+    container.addEventListener('pointermove', onPointerMove);
+    container.addEventListener('pointerleave', onPointerLeave);
+
+    return () => {
+      container.removeEventListener('pointerenter', onPointerEnter);
+      container.removeEventListener('pointermove', onPointerMove);
+      container.removeEventListener('pointerleave', onPointerLeave);
+    }
+  });
+</script>
+
+{#if $hover && show}
+  <div 
+    class="a9s-tooltip" 
+    style={`left:${left}px; top:${top}px; position: absolute;`}>
+
+    <slot hovered={hovered} />
+
+  </div>
+{/if}

package/src/index.ts

@@ -0,0 +1,14 @@
+export * from './osd';
+
+export { default as MouseOverTooltip } from './MouseOverTooltip.svelte';
+
+// Re-export essentials from @annotorious/core
+export type {
+  SvelteAnnotator,
+  SvelteAnnotatorState
+} from '@annotorious/core';
+
+// Re-export essentials from @annotorious/annotorious
+export type {
+  ImageAnnotation
+} from '@annotorious/annotorious';

package/src/osd/OpenSeadragonAnnotator.svelte

@@ -0,0 +1,39 @@
+<script lang="ts">
+  import { setContext } from 'svelte';
+  import { SvelteAnnotator, SvelteAnnotatorState, toSvelteStore } from '@annotorious/core';
+  import { createOSDAnnotator, ImageAnnotation } from '@annotorious/openseadragon';
+  import type OpenSeadragon from 'openseadragon';
+
+  /** props **/
+  export let viewer: OpenSeadragon.Viewer;
+  export let opts = {};
+  export let anno: SvelteAnnotator<ImageAnnotation> = undefined;
+
+  $: init(viewer);
+
+  const init = (viewer: OpenSeadragon.Viewer) => {
+    if (viewer) {
+      const annotator = createOSDAnnotator(viewer, opts);
+
+      // Wrap the store for Svelte reactivity
+      const svelteStore = toSvelteStore(annotator.state.store);
+
+      const shim = {
+        ...annotator,
+        state: {
+          ...annotator.state,
+          store: svelteStore
+        } as SvelteAnnotatorState<ImageAnnotation>
+      } as SvelteAnnotator<ImageAnnotation>
+
+      setContext('anno', shim);
+      setContext('viewer', viewer);
+
+      anno = shim;
+    }
+  }
+</script>
+
+{#if viewer}
+  <slot />
+{/if}

package/src/osd/OpenSeadragonPopup.svelte

@@ -0,0 +1,103 @@
+<script lang="ts">
+  import { onMount } from 'svelte';
+  import { draggable } from '@neodrag/svelte';
+  import OpenSeadragon from 'openseadragon';
+  import type { Selection, StoreChangeEvent, SvelteAnnotatorState } from '@annotorious/core';
+  import type { ImageAnnotation } from '@annotorious/annotorious';
+
+  export let state: SvelteAnnotatorState<ImageAnnotation>;
+
+  export let viewer: OpenSeadragon.Viewer;
+
+  let left: number;
+
+  let top: number;
+
+  let dragged = false;
+
+  let storeObserver: (event: StoreChangeEvent<ImageAnnotation>) => void;
+
+  const { selection, store } = state; 
+
+  const isSelected = (selection: Selection) => selection.selected?.length > 0;
+
+  const onDragStart = () => {
+    dragged = true;
+    viewer.setMouseNavEnabled(false);
+  }
+
+  const onDragEnd = () => {
+    viewer.setMouseNavEnabled(true);
+  }
+
+  $: $selection, onSelect();
+
+  const onSelect = () => {
+    if (storeObserver)
+      store.unobserve(storeObserver);
+
+    if (isSelected($selection)) {
+      dragged = false;
+
+      setPosition($selection);
+
+      storeObserver = (event: StoreChangeEvent<ImageAnnotation>) => {
+        if (!dragged)
+          setPosition($selection);
+      }
+
+      store.observe(storeObserver, { annotations: $selection.selected.map(s => s.id) });
+    }
+  }
+
+  const setPosition = (selection: Selection) => {
+    // Note: this demo popup only supports a single selection
+    const selectedId = selection.selected[0].id;
+    const annotation = store.getAnnotation(selectedId);
+
+    const { minX, minY, maxX, maxY } = annotation.target.selector.geometry.bounds;
+
+    const PADDING = 14;
+
+    const topLeft = viewer.viewport.imageToViewerElementCoordinates(new OpenSeadragon.Point(minX, minY));
+    const bottomRight = viewer.viewport.imageToViewerElementCoordinates(new OpenSeadragon.Point(maxX, maxY));
+
+    // [left, top] = defaultStrategy(annotation, lastPointerDown);
+    left = bottomRight.x + PADDING;
+    top = topLeft.y;
+  }
+
+  onMount(() => {
+    const onUpdateViewport = () => {
+      if (isSelected($selection) && !dragged)
+        setPosition($selection);
+    }
+
+    viewer.addHandler('update-viewport', onUpdateViewport);
+
+    return () => {
+      viewer.removeHandler('update-viewport', onUpdateViewport);
+    }
+  });
+</script>
+
+{#if $selection}
+  <div 
+    class="a9s-popup a9s-osd-popup"
+    use:draggable={{ position: { x: left, y: top }}}
+    on:neodrag:start={onDragStart}
+    on:neodrag:end={onDragEnd}>
+    {$selection.selected.map(s => s.id).join(', ')}
+  </div>
+{/if}
+
+<style>
+  .a9s-osd-popup {
+    background-color: #fff;
+    border: 1px solid #a2a2a2;
+    height: 250px;
+    position: absolute;
+    width: 400px;
+    z-index: 1;
+  }
+</style>

package/src/osd/index.ts

@@ -0,0 +1,2 @@
+export { default as OpenSeadragonAnnotator } from './OpenSeadragonAnnotator.svelte';
+export { default as OpenSeadragonPopup } from './OpenSeadragonPopup.svelte';

package/test/App.svelte

@@ -0,0 +1,75 @@
+<script lang="ts">
+  import { onMount } from 'svelte';
+  import OpenSeadragon from 'openseadragon';
+  import { ImageAnnotation, W3CImageFormat } from '@annotorious/annotorious';
+  import { OpenSeadragonAnnotator, MouseOverTooltip, SvelteAnnotator } from '@annotorious/svelte';
+
+  let container: HTMLDivElement;
+
+  let viewer: OpenSeadragon.Viewer;
+
+  let anno: SvelteAnnotator<ImageAnnotation>;
+
+  $: if (anno) anno.loadAnnotations('annotations.json');
+
+  const IIIF_SAMPLE = {
+    "@context" : "http://iiif.io/api/image/2/context.json",
+    "protocol" : "http://iiif.io/api/image",
+    "width" : 7808,
+    "height" : 5941,
+    "sizes" : [
+      { "width" : 244, "height" : 185 },
+      { "width" : 488, "height" : 371 },
+      { "width" : 976, "height" : 742 }
+    ],
+    "tiles" : [
+      { "width" : 256, "height" : 256, "scaleFactors" : [ 1, 2, 4, 8, 16, 32 ] }
+    ],
+    "@id" : "https://iiif.bodleian.ox.ac.uk/iiif/image/af315e66-6a85-445b-9e26-012f729fc49c",
+    "profile" : [
+      "http://iiif.io/api/image/2/level2.json",
+      { "formats" : [ "jpg", "png", "webp" ],
+        "qualities" : ["native","color","gray","bitonal"],
+        "supports" : ["regionByPct","regionSquare","sizeByForcedWh","sizeByWh","sizeAboveFull","sizeUpscaling","rotationBy90s","mirroring"],
+        "maxWidth" : 1000,
+        "maxHeight" : 1000
+      }
+    ]
+  };
+
+  onMount(() => {
+    viewer = OpenSeadragon({
+      element: container,
+      prefixUrl: 'https://cdn.jsdelivr.net/npm/openseadragon@3.1/build/openseadragon/images/',
+      tileSources: IIIF_SAMPLE,
+      crossOriginPolicy: 'Anonymous',
+      gestureSettingsMouse: {
+        clickToZoom: false
+      }
+    });
+  });
+</script>
+
+<div class="container">
+  <div bind:this={container} class="openseadragon" />
+
+  <OpenSeadragonAnnotator 
+    viewer={viewer}
+    bind:anno={anno}
+    opts={{
+      adapter: W3CImageFormat('https://iiif.bodleian.ox.ac.uk/iiif/image/af315e66-6a85-445b-9e26-012f729fc49c')
+    }}>
+
+    <MouseOverTooltip container={viewer.element}>
+      Hello World
+    </MouseOverTooltip>
+  
+  </OpenSeadragonAnnotator>
+</div>
+
+<style>
+  .container, .openseadragon {
+    height: 100%;
+    width: 100%;
+  }
+</style>

package/test/annotations.json

@@ -0,0 +1,54 @@
+[{ 
+  "@context": "http://www.w3.org/ns/anno.jsonld",
+  "id": "#a88b22d0-6106-4872-9435-c78b5e89fede",
+  "type": "Annotation",
+  "body": [{
+    "type": "TextualBody",
+    "value": "A comment..."
+  }],
+  "target": {
+    "selector": {
+      "type": "FragmentSelector",
+      "conformsTo": "http://www.w3.org/TR/media-frags/",
+      "value": "xywh=pixel:2000,1200,400,370"
+    }
+  }
+},{ 
+  "@context": "http://www.w3.org/ns/anno.jsonld",
+  "id": "#a99b22d0-6106-4872-9435-c78b5e89fede",
+  "type": "Annotation",
+  "body": [{
+    "type": "TextualBody",
+    "value": "Another comment..."
+  }],
+  "target": {
+    "selector": {
+      "type": "FragmentSelector",
+      "conformsTo": "http://www.w3.org/TR/media-frags/",
+      "value": "xywh=pixel:4000,2200,500,270"
+    }
+  }
+}, {
+  "@context": "http://www.w3.org/ns/anno.jsonld",
+  "id": "#9df313be-4ded-4d0f-b7f6-f6b1a19e733b",
+  "type": "Annotation",
+  "body": [
+    {
+      "type": "TextualBody",
+      "value": "A comment...",
+      "purpose": "commenting",
+      "creator": {
+        "id": "http://www.example.com/rainer",
+        "name": "rainer"
+      },
+      "created": "2021-08-14T08:13:12.514Z",
+      "modified": "2021-08-14T08:13:12.557Z"
+    }
+  ],
+  "target": {
+    "selector": {
+      "type": "SvgSelector",
+      "value": "<svg><polygon points=\"447,213 560,140 563,259\"></polygon></svg>"
+    }
+  }
+}]

package/test/index.html

@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Annotorious Svelte</title>
+    <style>
+      html, body, #app {
+        height: 100vh;
+        margin: 0;
+        padding: 0;
+        width: 100vw;
+      }
+
+      .a9s-tooltip {
+        z-index: 9999;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="./index.ts"></script>
+  </body>
+</html>

package/test/index.ts

@@ -0,0 +1,9 @@
+import App from './App.svelte';
+
+import '@annotorious/openseadragon/annotorious-openseadragon.css';
+
+const app = new App({
+  target: document.getElementById('app')!
+})
+
+export default app

package/tsconfig.json

@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "allowSyntheticDefaultImports": true,
+    "baseUrl": "src",
+    "checkJs": true,
+    "declaration": true,
+    "declarationMap": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "ignoreDeprecations": "5.0",
+    "importsNotUsedAsValues": "error",
+    "incremental": false,
+    "isolatedModules": true,
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "outDir": "./dist",
+    "resolveJsonModule": true,
+    "skipLibCheck": false,
+    "sourceMap": true,
+    "target": "ESNext",
+    "types": ["svelte"]
+  },
+  "include": ["./src/**/*", "./test/**/*"],
+  "exclude": ["node_modules", "dist"]
+}

package/vite.config.js

@@ -0,0 +1,37 @@
+import { defineConfig } from 'vite';
+import { svelte } from '@sveltejs/vite-plugin-svelte';
+import sveltePreprocess from 'svelte-preprocess';
+import dts from 'vite-plugin-dts';
+
+import * as packageJson from './package.json';
+
+export default defineConfig({
+  plugins: [
+    svelte({ preprocess: sveltePreprocess() }),
+    dts({
+      insertTypesEntry: true,
+      include: ['./src/'],
+      entryRoot: './src'
+    })
+  ],
+  server: {
+    open: '/test/index.html'
+  },
+  build: {
+    lib: {
+      entry: './src/index.ts',
+      formats: ['es'],
+      fileName: (format) => `annotorious-svelte.${format}.js`
+    },
+    rollupOptions: {
+      external: [...Object.keys(packageJson.peerDependencies)],
+      output: {
+        preserveModules: true,
+        globals: {
+          openseadragon: 'OpenSeadragon'
+        }
+      }
+    },
+    sourcemap: true
+  }
+});