@annotorious/svelte 3.1.0 → 3.1.2

package/dist/annotorious-svelte.es.js

@@ -1,67 +1,67 @@
-var it = Object.defineProperty;
-var st = (e, t, n) => t in e ? it(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var pe = (e, t, n) => st(e, typeof t != "symbol" ? t + "" : t, n);
-import { toSvelteStore as lt } from "@annotorious/core";
-import { Origin as Vt, UserSelectAction as qt, createAnonymousGuest as zt, createBody as Wt, defaultColorProvider as $t } from "@annotorious/core";
-import { ShapeType as Gt, W3CImageFormat as Jt, createImageAnnotator as Kt } from "@annotorious/annotorious";
-import { createOSDAnnotator as at } from "@annotorious/openseadragon";
-import Pe from "openseadragon";
-function j() {
-}
-function ut(e, t) {
+var ct = Object.defineProperty;
+var dt = (e, t, n) => t in e ? ct(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var ve = (e, t, n) => dt(e, typeof t != "symbol" ? t + "" : t, n);
+import { toSvelteStore as gt } from "@annotorious/core";
+import { Origin as $t, UserSelectAction as Jt, createAnonymousGuest as Kt, createBody as Qt, defaultColorProvider as Zt } from "@annotorious/core";
+import { ShapeType as tn, W3CImageFormat as nn, createImageAnnotator as on } from "@annotorious/annotorious";
+import { createOSDAnnotator as pt } from "@annotorious/openseadragon";
+import Re from "openseadragon";
+function R() {
+}
+function ht(e, t) {
   for (const n in t) e[n] = t[n];
   return (
     /** @type {T & S} */
     e
   );
 }
-function ze(e) {
+function Ke(e) {
   return e();
 }
-function Oe() {
+function Xe() {
   return /* @__PURE__ */ Object.create(null);
 }
-function H(e) {
-  e.forEach(ze);
+function z(e) {
+  e.forEach(Ke);
 }
-function te(e) {
+function se(e) {
   return typeof e == "function";
 }
-function we(e, t) {
+function De(e, t) {
   return e != e ? t == t : e !== t || e && typeof e == "object" || typeof e == "function";
 }
-function ft(e) {
+function mt(e) {
   return Object.keys(e).length === 0;
 }
-function ct(e, ...t) {
+function _t(e, ...t) {
   if (e == null) {
     for (const o of t)
       o(void 0);
-    return j;
+    return R;
   }
   const n = e.subscribe(...t);
   return n.unsubscribe ? () => n.unsubscribe() : n;
 }
-function We(e, t, n) {
-  e.$$.on_destroy.push(ct(t, n));
+function Qe(e, t, n) {
+  e.$$.on_destroy.push(_t(t, n));
 }
-function $e(e, t, n, o) {
+function Ze(e, t, n, o) {
   if (e) {
-    const r = Fe(e, t, n, o);
+    const r = et(e, t, n, o);
     return e[0](r);
   }
 }
-function Fe(e, t, n, o) {
-  return e[1] && o ? ut(n.ctx.slice(), e[1](o(t))) : n.ctx;
+function et(e, t, n, o) {
+  return e[1] && o ? ht(n.ctx.slice(), e[1](o(t))) : n.ctx;
 }
-function Ge(e, t, n, o) {
+function tt(e, t, n, o) {
   if (e[2] && o) {
     const r = e[2](o(n));
     if (t.dirty === void 0)
       return r;
     if (typeof r == "object") {
-      const i = [], s = Math.max(t.dirty.length, r.length);
-      for (let a = 0; a < s; a += 1)
+      const i = [], l = Math.max(t.dirty.length, r.length);
+      for (let a = 0; a < l; a += 1)
         i[a] = t.dirty[a] | r[a];
       return i;
     }
@@ -69,13 +69,13 @@ function Ge(e, t, n, o) {
   }
   return t.dirty;
 }
-function Je(e, t, n, o, r, i) {
+function nt(e, t, n, o, r, i) {
   if (r) {
-    const s = Fe(t, n, o, i);
-    e.p(s, r);
+    const l = et(t, n, o, i);
+    e.p(l, r);
   }
 }
-function Ke(e) {
+function ot(e) {
   if (e.ctx.length > 32) {
     const t = [], n = e.ctx.length / 32;
     for (let o = 0; o < n; o++)
@@ -84,182 +84,182 @@ function Ke(e) {
   }
   return -1;
 }
-function dt(e) {
-  return e && te(e.destroy) ? e.destroy : j;
+function yt(e) {
+  return e && se(e.destroy) ? e.destroy : R;
 }
-function pt(e, t) {
+function bt(e, t) {
   e.appendChild(t);
 }
-function F(e, t, n) {
+function K(e, t, n) {
   e.insertBefore(t, n || null);
 }
-function U(e) {
+function W(e) {
   e.parentNode && e.parentNode.removeChild(e);
 }
-function Qe(e) {
+function rt(e) {
   return document.createElement(e);
 }
-function Ze(e) {
+function it(e) {
   return document.createTextNode(e);
 }
-function Ee() {
-  return Ze("");
+function Me() {
+  return it("");
 }
-function Be(e, t, n, o) {
+function Ye(e, t, n, o) {
   return e.addEventListener(t, n, o), () => e.removeEventListener(t, n, o);
 }
-function Z(e, t, n) {
+function re(e, t, n) {
   n == null ? e.removeAttribute(t) : e.getAttribute(t) !== n && e.setAttribute(t, n);
 }
-function gt(e) {
+function vt(e) {
   return Array.from(e.childNodes);
 }
-function ht(e, t) {
+function wt(e, t) {
   t = "" + t, e.data !== t && (e.data = /** @type {string} */
   t);
 }
-let $;
-function W(e) {
-  $ = e;
+let J;
+function $(e) {
+  J = e;
 }
-function Se() {
-  if (!$) throw new Error("Function called outside component initialization");
-  return $;
+function Pe() {
+  if (!J) throw new Error("Function called outside component initialization");
+  return J;
 }
-function et(e) {
-  Se().$$.on_mount.push(e);
+function st(e) {
+  Pe().$$.on_mount.push(e);
 }
-function je(e, t) {
-  return Se().$$.context.set(e, t), t;
+function He(e, t) {
+  return Pe().$$.context.set(e, t), t;
 }
-function mt(e) {
-  return Se().$$.context.get(e);
-}
-const R = [], Te = [];
-let X = [];
-const Ie = [], _t = /* @__PURE__ */ Promise.resolve();
-let ye = !1;
-function yt() {
-  ye || (ye = !0, _t.then(tt));
-}
-function be(e) {
-  X.push(e);
-}
-const ge = /* @__PURE__ */ new Set();
-let I = 0;
-function tt() {
-  if (I !== 0)
+function Et(e) {
+  return Pe().$$.context.get(e);
+}
+const U = [], Ue = [];
+let q = [];
+const qe = [], St = /* @__PURE__ */ Promise.resolve();
+let Ae = !1;
+function xt() {
+  Ae || (Ae = !0, St.then(lt));
+}
+function Ne(e) {
+  q.push(e);
+}
+const we = /* @__PURE__ */ new Set();
+let H = 0;
+function lt() {
+  if (H !== 0)
     return;
-  const e = $;
+  const e = J;
   do {
     try {
-      for (; I < R.length; ) {
-        const t = R[I];
-        I++, W(t), bt(t.$$);
+      for (; H < U.length; ) {
+        const t = U[H];
+        H++, $(t), Ct(t.$$);
       }
     } catch (t) {
-      throw R.length = 0, I = 0, t;
+      throw U.length = 0, H = 0, t;
     }
-    for (W(null), R.length = 0, I = 0; Te.length; ) Te.pop()();
-    for (let t = 0; t < X.length; t += 1) {
-      const n = X[t];
-      ge.has(n) || (ge.add(n), n());
+    for ($(null), U.length = 0, H = 0; Ue.length; ) Ue.pop()();
+    for (let t = 0; t < q.length; t += 1) {
+      const n = q[t];
+      we.has(n) || (we.add(n), n());
     }
-    X.length = 0;
-  } while (R.length);
-  for (; Ie.length; )
-    Ie.pop()();
-  ye = !1, ge.clear(), W(e);
+    q.length = 0;
+  } while (U.length);
+  for (; qe.length; )
+    qe.pop()();
+  Ae = !1, we.clear(), $(e);
 }
-function bt(e) {
+function Ct(e) {
   if (e.fragment !== null) {
-    e.update(), H(e.before_update);
+    e.update(), z(e.before_update);
     const t = e.dirty;
-    e.dirty = [-1], e.fragment && e.fragment.p(e.ctx, t), e.after_update.forEach(be);
+    e.dirty = [-1], e.fragment && e.fragment.p(e.ctx, t), e.after_update.forEach(Ne);
   }
 }
-function vt(e) {
+function At(e) {
   const t = [], n = [];
-  X.forEach((o) => e.indexOf(o) === -1 ? t.push(o) : n.push(o)), n.forEach((o) => o()), X = t;
+  q.forEach((o) => e.indexOf(o) === -1 ? t.push(o) : n.push(o)), n.forEach((o) => o()), q = t;
 }
-const ee = /* @__PURE__ */ new Set();
-let B;
-function nt() {
-  B = {
+const ie = /* @__PURE__ */ new Set();
+let I;
+function at() {
+  I = {
     r: 0,
     c: [],
-    p: B
+    p: I
     // parent group
   };
 }
-function ot() {
-  B.r || H(B.c), B = B.p;
+function ut() {
+  I.r || z(I.c), I = I.p;
 }
-function D(e, t) {
-  e && e.i && (ee.delete(e), e.i(t));
+function k(e, t) {
+  e && e.i && (ie.delete(e), e.i(t));
 }
-function Y(e, t, n, o) {
+function V(e, t, n, o) {
   if (e && e.o) {
-    if (ee.has(e)) return;
-    ee.add(e), B.c.push(() => {
-      ee.delete(e), o && (n && e.d(1), o());
+    if (ie.has(e)) return;
+    ie.add(e), I.c.push(() => {
+      ie.delete(e), o && (n && e.d(1), o());
     }), e.o(t);
   } else o && o();
 }
-function wt(e, t, n) {
+function Nt(e, t, n) {
   const { fragment: o, after_update: r } = e.$$;
-  o && o.m(t, n), be(() => {
-    const i = e.$$.on_mount.map(ze).filter(te);
-    e.$$.on_destroy ? e.$$.on_destroy.push(...i) : H(i), e.$$.on_mount = [];
-  }), r.forEach(be);
+  o && o.m(t, n), Ne(() => {
+    const i = e.$$.on_mount.map(Ke).filter(se);
+    e.$$.on_destroy ? e.$$.on_destroy.push(...i) : z(i), e.$$.on_mount = [];
+  }), r.forEach(Ne);
 }
-function Et(e, t) {
+function kt(e, t) {
   const n = e.$$;
-  n.fragment !== null && (vt(n.after_update), H(n.on_destroy), n.fragment && n.fragment.d(t), n.on_destroy = n.fragment = null, n.ctx = []);
+  n.fragment !== null && (At(n.after_update), z(n.on_destroy), n.fragment && n.fragment.d(t), n.on_destroy = n.fragment = null, n.ctx = []);
 }
-function St(e, t) {
-  e.$$.dirty[0] === -1 && (R.push(e), yt(), e.$$.dirty.fill(0)), e.$$.dirty[t / 31 | 0] |= 1 << t % 31;
+function Dt(e, t) {
+  e.$$.dirty[0] === -1 && (U.push(e), xt(), e.$$.dirty.fill(0)), e.$$.dirty[t / 31 | 0] |= 1 << t % 31;
 }
-function xe(e, t, n, o, r, i, s = null, a = [-1]) {
-  const d = $;
-  W(e);
+function Le(e, t, n, o, r, i, l = null, a = [-1]) {
+  const g = J;
+  $(e);
   const u = e.$$ = {
     fragment: null,
     ctx: [],
     // state
     props: i,
-    update: j,
+    update: R,
     not_equal: r,
-    bound: Oe(),
+    bound: Xe(),
     // lifecycle
     on_mount: [],
     on_destroy: [],
     on_disconnect: [],
     before_update: [],
     after_update: [],
-    context: new Map(t.context || (d ? d.$$.context : [])),
+    context: new Map(t.context || (g ? g.$$.context : [])),
     // everything else
-    callbacks: Oe(),
+    callbacks: Xe(),
     dirty: a,
     skip_bound: !1,
-    root: t.target || d.$$.root
+    root: t.target || g.$$.root
   };
-  s && s(u.root);
-  let y = !1;
-  if (u.ctx = n ? n(e, t.props || {}, (g, m, ...v) => {
-    const f = v.length ? v[0] : m;
-    return u.ctx && r(u.ctx[g], u.ctx[g] = f) && (!u.skip_bound && u.bound[g] && u.bound[g](f), y && St(e, g)), m;
-  }) : [], u.update(), y = !0, H(u.before_update), u.fragment = o ? o(u.ctx) : !1, t.target) {
+  l && l(u.root);
+  let b = !1;
+  if (u.ctx = n ? n(e, t.props || {}, (p, m, ...E) => {
+    const h = E.length ? E[0] : m;
+    return u.ctx && r(u.ctx[p], u.ctx[p] = h) && (!u.skip_bound && u.bound[p] && u.bound[p](h), b && Dt(e, p)), m;
+  }) : [], u.update(), b = !0, z(u.before_update), u.fragment = o ? o(u.ctx) : !1, t.target) {
     if (t.hydrate) {
-      const g = gt(t.target);
-      u.fragment && u.fragment.l(g), g.forEach(U);
+      const p = vt(t.target);
+      u.fragment && u.fragment.l(p), p.forEach(W);
     } else
       u.fragment && u.fragment.c();
-    t.intro && D(e.$$.fragment), wt(e, t.target, t.anchor), tt();
+    t.intro && k(e.$$.fragment), Nt(e, t.target, t.anchor), lt();
   }
-  W(d);
+  $(g);
 }
-class Ae {
+class Oe {
   constructor() {
     /**
      * ### PRIVATE API
@@ -268,7 +268,7 @@ class Ae {
      *
      * @type {any}
      */
-    pe(this, "$$");
+    ve(this, "$$");
     /**
      * ### PRIVATE API
      *
@@ -276,11 +276,11 @@ class Ae {
      *
      * @type {any}
      */
-    pe(this, "$$set");
+    ve(this, "$$set");
   }
   /** @returns {void} */
   $destroy() {
-    Et(this, 1), this.$destroy = j;
+    kt(this, 1), this.$destroy = R;
   }
   /**
    * @template {Extract<keyof Events, string>} K
@@ -289,8 +289,8 @@ class Ae {
    * @returns {() => void}
    */
   $on(t, n) {
-    if (!te(n))
-      return j;
+    if (!se(n))
+      return R;
     const o = this.$$.callbacks[t] || (this.$$.callbacks[t] = []);
     return o.push(n), () => {
       const r = o.indexOf(n);
@@ -302,17 +302,17 @@ class Ae {
    * @returns {void}
    */
   $set(t) {
-    this.$$set && !ft(t) && (this.$$.skip_bound = !0, this.$$set(t), this.$$.skip_bound = !1);
+    this.$$set && !mt(t) && (this.$$.skip_bound = !0, this.$$set(t), this.$$.skip_bound = !1);
   }
 }
-const xt = "4";
-typeof window < "u" && (window.__svelte || (window.__svelte = { v: /* @__PURE__ */ new Set() })).v.add(xt);
-function Re(e) {
+const Mt = "4";
+typeof window < "u" && (window.__svelte || (window.__svelte = { v: /* @__PURE__ */ new Set() })).v.add(Mt);
+function Ve(e) {
   let t;
   const n = (
     /*#slots*/
     e[4].default
-  ), o = $e(
+  ), o = Ze(
     n,
     e,
     /*$$scope*/
@@ -328,19 +328,19 @@ function Re(e) {
     },
     p(r, i) {
       o && o.p && (!t || i & /*$$scope*/
-      8) && Je(
+      8) && nt(
         o,
         n,
         r,
         /*$$scope*/
         r[3],
-        t ? Ge(
+        t ? tt(
           n,
           /*$$scope*/
           r[3],
           i,
           null
-        ) : Ke(
+        ) : ot(
           /*$$scope*/
           r[3]
         ),
@@ -348,183 +348,191 @@ function Re(e) {
       );
     },
     i(r) {
-      t || (D(o, r), t = !0);
+      t || (k(o, r), t = !0);
     },
     o(r) {
-      Y(o, r), t = !1;
+      V(o, r), t = !1;
     },
     d(r) {
       o && o.d(r);
     }
   };
 }
-function At(e) {
+function Pt(e) {
   let t, n, o = (
     /*viewer*/
-    e[0] && Re(e)
+    e[0] && Ve(e)
   );
   return {
     c() {
-      o && o.c(), t = Ee();
+      o && o.c(), t = Me();
     },
     m(r, i) {
-      o && o.m(r, i), F(r, t, i), n = !0;
+      o && o.m(r, i), K(r, t, i), n = !0;
     },
     p(r, [i]) {
       /*viewer*/
       r[0] ? o ? (o.p(r, i), i & /*viewer*/
-      1 && D(o, 1)) : (o = Re(r), o.c(), D(o, 1), o.m(t.parentNode, t)) : o && (nt(), Y(o, 1, 1, () => {
+      1 && k(o, 1)) : (o = Ve(r), o.c(), k(o, 1), o.m(t.parentNode, t)) : o && (at(), V(o, 1, 1, () => {
         o = null;
-      }), ot());
+      }), ut());
     },
     i(r) {
-      n || (D(o), n = !0);
+      n || (k(o), n = !0);
     },
     o(r) {
-      Y(o), n = !1;
+      V(o), n = !1;
     },
     d(r) {
-      r && U(t), o && o.d(r);
+      r && W(t), o && o.d(r);
     }
   };
 }
-function Ct(e, t, n) {
-  let { $$slots: o = {}, $$scope: r } = t, { viewer: i } = t, { opts: s = {} } = t, { anno: a = void 0 } = t;
-  const d = (u) => {
+function Lt(e, t, n) {
+  let { $$slots: o = {}, $$scope: r } = t, { viewer: i } = t, { opts: l = {} } = t, { anno: a = void 0 } = t;
+  const g = (u) => {
     if (u) {
-      const y = at(u, s), g = lt(y.state.store), m = {
-        ...y,
-        state: { ...y.state, store: g }
+      const b = pt(u, l), p = gt(b.state.store), m = {
+        ...b,
+        state: { ...b.state, store: p }
       };
-      je("anno", m), je("viewer", u), n(1, a = m);
+      He("anno", m), He("viewer", u), n(1, a = m);
     }
   };
   return e.$$set = (u) => {
-    "viewer" in u && n(0, i = u.viewer), "opts" in u && n(2, s = u.opts), "anno" in u && n(1, a = u.anno), "$$scope" in u && n(3, r = u.$$scope);
+    "viewer" in u && n(0, i = u.viewer), "opts" in u && n(2, l = u.opts), "anno" in u && n(1, a = u.anno), "$$scope" in u && n(3, r = u.$$scope);
   }, e.$$.update = () => {
     e.$$.dirty & /*viewer*/
-    1 && d(i);
-  }, [i, a, s, r, o];
+    1 && g(i);
+  }, [i, a, l, r, o];
 }
-class Rt extends Ae {
+class Vt extends Oe {
   constructor(t) {
-    super(), xe(this, t, Ct, At, we, { viewer: 0, opts: 2, anno: 1 });
+    super(), Le(this, t, Lt, Pt, De, { viewer: 0, opts: 2, anno: 1 });
   }
 }
-var he = { dragStart: !0 }, Xe = (e, t, n) => Math.min(Math.max(e, t), n), me = (e) => typeof e == "string", Nt = ([e, t], n, o) => {
-  const r = (i, s) => s === 0 ? 0 : Math.ceil(i / s) * s;
+var Ee = { dragStart: !0 }, Se = { delay: 0, distance: 3 }, ze = (e, t, n) => Math.min(Math.max(e, t), n), xe = (e) => typeof e == "string", Ot = ([e, t], n, o) => {
+  const r = (i, l) => l === 0 ? 0 : Math.ceil(i / l) * l;
   return [r(n, e), r(o, t)];
-}, Ye = (e, t) => e.some((n) => t.some((o) => n.contains(o)));
-function _e(e, t) {
+}, We = (e, t) => e.some((n) => t.some((o) => n.contains(o)));
+function Ce(e, t) {
   if (e === void 0) return;
-  if (ve(e)) return e.getBoundingClientRect();
+  if (ke(e)) return e.getBoundingClientRect();
   if (typeof e == "object") {
-    const { top: o = 0, left: r = 0, right: i = 0, bottom: s = 0 } = e;
-    return { top: o, right: window.innerWidth - i, bottom: window.innerHeight - s, left: r };
+    const { top: o = 0, left: r = 0, right: i = 0, bottom: l = 0 } = e;
+    return { top: o, right: window.innerWidth - i, bottom: window.innerHeight - l, left: r };
   }
   if (e === "parent") return t.parentNode.getBoundingClientRect();
   const n = document.querySelector(e);
   if (n === null) throw new Error("The selector provided for bound doesn't exists in the document.");
   return n.getBoundingClientRect();
 }
-var Q = (e, t, n) => e.style.setProperty(t, n), ve = (e) => e instanceof HTMLElement, kt = (e, t = {}) => {
-  let n, o, { bounds: r, axis: i = "both", gpuAcceleration: s = !0, legacyTranslate: a = !0, transform: d, applyUserSelectHack: u = !0, disabled: y = !1, ignoreMultitouch: g = !1, recomputeBounds: m = he, grid: v, position: f, cancel: A, handle: w, defaultClass: c = "neodrag", defaultClassDragging: x = "neodrag-dragging", defaultClassDragged: C = "neodrag-dragged", defaultPosition: ne = { x: 0, y: 0 }, onDragStart: oe, onDrag: re, onDragEnd: ie } = t, T = !1, N = 0, k = 0, V = 0, q = 0, se = 0, le = 0, { x: G, y: J } = f ? { x: (f == null ? void 0 : f.x) ?? 0, y: (f == null ? void 0 : f.y) ?? 0 } : ne;
-  fe(G, J);
-  let L, O, z, ae, Ce, Ne = "", rt = !!f;
-  m = { ...he, ...m };
-  let K = /* @__PURE__ */ new Set();
-  const ue = document.body.style, P = e.classList;
-  function fe(l = N, h = k) {
-    if (!d) {
+var oe = (e, t, n) => e.style.setProperty(t, n), ke = (e) => e instanceof HTMLElement, Bt = function(e, t = {}) {
+  let n, o, { bounds: r, axis: i = "both", gpuAcceleration: l = !0, legacyTranslate: a = !1, transform: g, applyUserSelectHack: u = !0, disabled: b = !1, ignoreMultitouch: p = !1, recomputeBounds: m = Ee, grid: E, threshold: h = Se, position: w, cancel: S, handle: d, defaultClass: x = "neodrag", defaultClassDragging: P = "neodrag-dragging", defaultClassDragged: L = "neodrag-dragged", defaultPosition: le = { x: 0, y: 0 }, onDragStart: ae, onDrag: ue, onDragEnd: fe } = t, O = !1, D = !1, Be = 0, F = !1, Q = !1, B = 0, j = 0, X = 0, Y = 0, ce = 0, de = 0, { x: Z, y: ee } = w ? { x: (w == null ? void 0 : w.x) ?? 0, y: (w == null ? void 0 : w.y) ?? 0 } : le;
+  me(Z, ee);
+  let A, T, G, ge, pe, je = "", ft = !!w;
+  m = { ...Ee, ...m }, h = { ...Se, ...h ?? {} };
+  let te = /* @__PURE__ */ new Set();
+  function Te(s) {
+    O && !D && Q && F && pe && (D = !0, function(f) {
+      _e("neodrag:start", ae, f);
+    }(s), M.add(P), u && (je = he.userSelect, he.userSelect = "none"));
+  }
+  const he = document.body.style, M = e.classList;
+  function me(s = B, f = j) {
+    if (!g) {
       if (a) {
-        let b = `${+l}px, ${+h}px`;
-        return Q(e, "transform", s ? `translate3d(${b}, 0)` : `translate(${b})`);
+        let y = `${+s}px, ${+f}px`;
+        return oe(e, "transform", l ? `translate3d(${y}, 0)` : `translate(${y})`);
       }
-      return Q(e, "translate", `${+l}px ${+h}px ${s ? "1px" : ""}`);
+      return oe(e, "translate", `${+s}px ${+f}px`);
     }
-    const _ = d({ offsetX: l, offsetY: h, rootNode: e });
-    me(_) && Q(e, "transform", _);
+    const _ = g({ offsetX: s, offsetY: f, rootNode: e });
+    xe(_) && oe(e, "transform", _);
   }
-  const ce = (l, h) => {
-    const _ = { offsetX: N, offsetY: k, rootNode: e, currentNode: Ce };
-    e.dispatchEvent(new CustomEvent(l, { detail: _ })), h == null || h(_);
-  }, de = addEventListener;
-  de("pointerdown", Le, !1), de("pointerup", Me, !1), de("pointermove", De, !1), Q(e, "touch-action", "none");
-  const ke = () => {
-    let l = e.offsetWidth / O.width;
-    return isNaN(l) && (l = 1), l;
-  };
-  function Le(l) {
-    if (y || l.button === 2) return;
-    if (K.add(l.pointerId), g && K.size > 1) return l.preventDefault();
-    if (m.dragStart && (L = _e(r, e)), me(w) && me(A) && w === A) throw new Error("`handle` selector can't be same as `cancel` selector");
-    if (P.add(c), z = function(p, S) {
-      if (!p) return [S];
-      if (ve(p)) return [p];
-      if (Array.isArray(p)) return p;
-      const M = S.querySelectorAll(p);
-      if (M === null) throw new Error("Selector passed for `handle` option should be child of the element on which the action is applied");
-      return Array.from(M.values());
-    }(w, e), ae = function(p, S) {
-      if (!p) return [];
-      if (ve(p)) return [p];
-      if (Array.isArray(p)) return p;
-      const M = S.querySelectorAll(p);
-      if (M === null) throw new Error("Selector passed for `cancel` option should be child of the element on which the action is applied");
-      return Array.from(M.values());
-    }(A, e), n = /(both|x)/.test(i), o = /(both|y)/.test(i), Ye(ae, z)) throw new Error("Element being dragged can't be a child of the element on which `cancel` is applied");
-    const h = l.composedPath()[0];
-    if (!z.some((p) => {
-      var S;
-      return p.contains(h) || ((S = p.shadowRoot) == null ? void 0 : S.contains(h));
-    }) || Ye(ae, [h])) return;
-    Ce = z.length === 1 ? e : z.find((p) => p.contains(h)), T = !0, O = e.getBoundingClientRect(), u && (Ne = ue.userSelect, ue.userSelect = "none"), ce("neodrag:start", oe);
-    const { clientX: _, clientY: b } = l, E = ke();
-    n && (V = _ - G / E), o && (q = b - J / E), L && (se = _ - O.left, le = b - O.top);
+  function _e(s, f, _) {
+    const y = /* @__PURE__ */ function(v) {
+      return { offsetX: B, offsetY: j, rootNode: e, currentNode: pe, event: v };
+    }(_);
+    e.dispatchEvent(new CustomEvent(s, { detail: y })), f == null || f(y);
   }
-  function Me(l) {
-    K.delete(l.pointerId), T && (m.dragEnd && (L = _e(r, e)), P.remove(x), P.add(C), u && (ue.userSelect = Ne), ce("neodrag:end", ie), n && (V = N), o && (q = k), T = !1);
+  const ne = addEventListener, ye = new AbortController(), be = { signal: ye.signal, capture: !1 };
+  function Ie() {
+    let s = e.offsetWidth / T.width;
+    return isNaN(s) && (s = 1), s;
   }
-  function De(l) {
-    if (!T || g && K.size > 1) return;
-    m.drag && (L = _e(r, e)), P.add(x), l.preventDefault(), O = e.getBoundingClientRect();
-    let h = l.clientX, _ = l.clientY;
-    const b = ke();
-    if (L) {
-      const E = { left: L.left + se, top: L.top + le, right: L.right + se - O.width, bottom: L.bottom + le - O.height };
-      h = Xe(h, E.left, E.right), _ = Xe(_, E.top, E.bottom);
+  return oe(e, "touch-action", "none"), ne("pointerdown", (s) => {
+    if (b || s.button === 2) return;
+    if (te.add(s.pointerId), p && te.size > 1) return s.preventDefault();
+    if (m.dragStart && (A = Ce(r, e)), xe(d) && xe(S) && d === S) throw new Error("`handle` selector can't be same as `cancel` selector");
+    if (M.add(x), G = function(c, C) {
+      if (!c) return [C];
+      if (ke(c)) return [c];
+      if (Array.isArray(c)) return c;
+      const N = C.querySelectorAll(c);
+      if (N === null) 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());
+    }(d, e), ge = function(c, C) {
+      if (!c) return [];
+      if (ke(c)) return [c];
+      if (Array.isArray(c)) return c;
+      const N = C.querySelectorAll(c);
+      if (N === null) 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, e), n = /(both|x)/.test(i), o = /(both|y)/.test(i), We(ge, G)) throw new Error("Element being dragged can't be a child of the element on which `cancel` is applied");
+    const f = s.composedPath()[0];
+    if (!G.some((c) => {
+      var C;
+      return c.contains(f) || ((C = c.shadowRoot) == null ? void 0 : C.contains(f));
+    }) || We(ge, [f])) return;
+    pe = G.length === 1 ? e : G.find((c) => c.contains(f)), O = !0, Be = Date.now(), h.delay || (F = !0), T = e.getBoundingClientRect();
+    const { clientX: _, clientY: y } = s, v = Ie();
+    n && (X = _ - Z / v), o && (Y = y - ee / v), A && (ce = _ - T.left, de = y - T.top);
+  }, be), ne("pointermove", (s) => {
+    if (!O || p && te.size > 1) return;
+    if (!D) {
+      if (F || Date.now() - Be >= h.delay && (F = !0, Te(s)), !Q) {
+        const v = s.clientX - X, c = s.clientY - Y;
+        Math.sqrt(v ** 2 + c ** 2) >= h.distance && (Q = !0, Te(s));
+      }
+      if (!D) return;
     }
-    if (Array.isArray(v)) {
-      let [E, p] = v;
-      if (isNaN(+E) || E < 0) throw new Error("1st argument of `grid` must be a valid positive number");
-      if (isNaN(+p) || p < 0) throw new Error("2nd argument of `grid` must be a valid positive number");
-      let S = h - V, M = _ - q;
-      [S, M] = Nt([E / b, p / b], S, M), h = V + S, _ = q + M;
+    m.drag && (A = Ce(r, e)), s.preventDefault(), T = e.getBoundingClientRect();
+    let f = s.clientX, _ = s.clientY;
+    const y = Ie();
+    if (A) {
+      const v = { left: A.left + ce, top: A.top + de, right: A.right + ce - T.width, bottom: A.bottom + de - T.height };
+      f = ze(f, v.left, v.right), _ = ze(_, v.top, v.bottom);
     }
-    n && (N = Math.round((h - V) * b)), o && (k = Math.round((_ - q) * b)), G = N, J = k, ce("neodrag", re), fe();
-  }
-  return { destroy: () => {
-    const l = removeEventListener;
-    l("pointerdown", Le, !1), l("pointerup", Me, !1), l("pointermove", De, !1);
-  }, update: (l) => {
-    var _, b;
-    i = l.axis || "both", y = l.disabled ?? !1, g = l.ignoreMultitouch ?? !1, w = l.handle, r = l.bounds, m = l.recomputeBounds ?? he, A = l.cancel, u = l.applyUserSelectHack ?? !0, v = l.grid, s = l.gpuAcceleration ?? !0, a = l.legacyTranslate ?? !0, d = l.transform;
-    const h = P.contains(C);
-    P.remove(c, C), c = l.defaultClass ?? "neodrag", x = l.defaultClassDragging ?? "neodrag-dragging", C = l.defaultClassDragged ?? "neodrag-dragged", P.add(c), h && P.add(C), rt && (G = N = ((_ = l.position) == null ? void 0 : _.x) ?? N, J = k = ((b = l.position) == null ? void 0 : b.y) ?? k, fe());
+    if (Array.isArray(E)) {
+      let [v, c] = E;
+      if (isNaN(+v) || v < 0) throw new Error("1st argument of `grid` must be a valid positive number");
+      if (isNaN(+c) || c < 0) throw new Error("2nd argument of `grid` must be a valid positive number");
+      let C = f - X, N = _ - Y;
+      [C, N] = Ot([v / y, c / y], C, N), f = X + C, _ = Y + N;
+    }
+    n && (B = Math.round((f - X) * y)), o && (j = Math.round((_ - Y) * y)), Z = B, ee = j, _e("neodrag", ue, s), me();
+  }, be), ne("pointerup", (s) => {
+    te.delete(s.pointerId), O && (D && (ne("click", (f) => f.stopPropagation(), { once: !0, signal: ye.signal, capture: !0 }), m.dragEnd && (A = Ce(r, e)), M.remove(P), M.add(L), u && (he.userSelect = je), _e("neodrag:end", fe, s), n && (X = B), o && (Y = j)), O = !1, D = !1, F = !1, Q = !1);
+  }, be), { destroy: () => ye.abort(), update: (s) => {
+    var _, y;
+    i = s.axis || "both", b = s.disabled ?? !1, p = s.ignoreMultitouch ?? !1, d = s.handle, r = s.bounds, m = s.recomputeBounds ?? Ee, S = s.cancel, u = s.applyUserSelectHack ?? !0, E = s.grid, l = s.gpuAcceleration ?? !0, a = s.legacyTranslate ?? !0, g = s.transform, h = { ...Se, ...s.threshold ?? {} };
+    const f = M.contains(L);
+    M.remove(x, L), x = s.defaultClass ?? "neodrag", P = s.defaultClassDragging ?? "neodrag-dragging", L = s.defaultClassDragged ?? "neodrag-dragged", M.add(x), f && M.add(L), ft && (Z = B = ((_ = s.position) == null ? void 0 : _.x) ?? B, ee = j = ((y = s.position) == null ? void 0 : y.y) ?? j, me());
   } };
 };
-function He(e) {
+function Fe(e) {
   let t, n = (
     /*$selection*/
-    e[0].selected.map(Ue).join(", ") + ""
-  ), o, r, i, s;
+    e[0].selected.map(Ge).join(", ") + ""
+  ), o, r, i, l;
   return {
     c() {
-      t = Qe("div"), o = Ze(n), Z(t, "class", "a9s-popup a9s-osd-popup svelte-1xuxeat");
+      t = rt("div"), o = it(n), re(t, "class", "a9s-popup a9s-osd-popup svelte-1xuxeat");
     },
-    m(a, d) {
-      F(a, t, d), pt(t, o), i || (s = [
-        dt(r = kt.call(null, t, {
+    m(a, g) {
+      K(a, t, g), bt(t, o), i || (l = [
+        yt(r = Bt.call(null, t, {
           position: { x: (
             /*left*/
             e[1]
@@ -533,13 +541,13 @@ function He(e) {
             e[2]
           ) }
         })),
-        Be(
+        Ye(
           t,
           "neodrag:start",
           /*onDragStart*/
           e[4]
         ),
-        Be(
+        Ye(
           t,
           "neodrag:end",
           /*onDragEnd*/
@@ -547,10 +555,10 @@ function He(e) {
         )
       ], i = !0);
     },
-    p(a, d) {
-      d & /*$selection*/
+    p(a, g) {
+      g & /*$selection*/
       1 && n !== (n = /*$selection*/
-      a[0].selected.map(Ue).join(", ") + "") && ht(o, n), r && te(r.update) && d & /*left, top*/
+      a[0].selected.map(Ge).join(", ") + "") && wt(o, n), r && se(r.update) && g & /*left, top*/
       6 && r.update.call(null, {
         position: { x: (
           /*left*/
@@ -562,207 +570,207 @@ function He(e) {
       });
     },
     d(a) {
-      a && U(t), i = !1, H(s);
+      a && W(t), i = !1, z(l);
     }
   };
 }
-function Lt(e) {
+function jt(e) {
   let t, n = (
     /*$selection*/
-    e[0] && He(e)
+    e[0] && Fe(e)
   );
   return {
     c() {
-      n && n.c(), t = Ee();
+      n && n.c(), t = Me();
     },
     m(o, r) {
-      n && n.m(o, r), F(o, t, r);
+      n && n.m(o, r), K(o, t, r);
     },
     p(o, [r]) {
       /*$selection*/
-      o[0] ? n ? n.p(o, r) : (n = He(o), n.c(), n.m(t.parentNode, t)) : n && (n.d(1), n = null);
+      o[0] ? n ? n.p(o, r) : (n = Fe(o), n.c(), n.m(t.parentNode, t)) : n && (n.d(1), n = null);
     },
-    i: j,
-    o: j,
+    i: R,
+    o: R,
     d(o) {
-      o && U(t), n && n.d(o);
+      o && W(t), n && n.d(o);
     }
   };
 }
-const Ue = (e) => e.id;
-function Mt(e, t, n) {
-  let o, { state: r } = t, { viewer: i } = t, s, a, d = !1, u;
-  const { selection: y, store: g } = r;
-  We(e, y, (c) => n(0, o = c));
-  const m = (c) => {
+const Ge = (e) => e.id;
+function Tt(e, t, n) {
+  let o, { state: r } = t, { viewer: i } = t, l, a, g = !1, u;
+  const { selection: b, store: p } = r;
+  Qe(e, b, (d) => n(0, o = d));
+  const m = (d) => {
     var x;
-    return ((x = c.selected) == null ? void 0 : x.length) > 0;
-  }, v = () => {
-    d = !0, i.setMouseNavEnabled(!1);
-  }, f = () => {
+    return ((x = d.selected) == null ? void 0 : x.length) > 0;
+  }, E = () => {
+    g = !0, i.setMouseNavEnabled(!1);
+  }, h = () => {
     i.setMouseNavEnabled(!0);
-  }, A = () => {
-    u && g.unobserve(u), m(o) && (d = !1, w(o), u = (c) => {
-      d || w(o);
-    }, g.observe(u, {
-      annotations: o.selected.map((c) => c.id)
+  }, w = () => {
+    u && p.unobserve(u), m(o) && (g = !1, S(o), u = (d) => {
+      g || S(o);
+    }, p.observe(u, {
+      annotations: o.selected.map((d) => d.id)
     }));
-  }, w = (c) => {
-    const x = c.selected[0].id, C = g.getAnnotation(x), { minX: ne, minY: oe, maxX: re, maxY: ie } = C.target.selector.geometry.bounds, T = 14, N = i.viewport.imageToViewerElementCoordinates(new Pe.Point(ne, oe)), k = i.viewport.imageToViewerElementCoordinates(new Pe.Point(re, ie));
-    n(1, s = k.x + T), n(2, a = N.y);
+  }, S = (d) => {
+    const x = d.selected[0].id, P = p.getAnnotation(x), { minX: L, minY: le, maxX: ae, maxY: ue } = P.target.selector.geometry.bounds, fe = 14, O = i.viewport.imageToViewerElementCoordinates(new Re.Point(L, le)), D = i.viewport.imageToViewerElementCoordinates(new Re.Point(ae, ue));
+    n(1, l = D.x + fe), n(2, a = O.y);
   };
-  return et(() => {
-    const c = () => {
-      m(o) && !d && w(o);
+  return st(() => {
+    const d = () => {
+      m(o) && !g && S(o);
     };
-    return i.addHandler("update-viewport", c), () => {
-      i.removeHandler("update-viewport", c);
+    return i.addHandler("update-viewport", d), () => {
+      i.removeHandler("update-viewport", d);
     };
-  }), e.$$set = (c) => {
-    "state" in c && n(6, r = c.state), "viewer" in c && n(7, i = c.viewer);
+  }), e.$$set = (d) => {
+    "state" in d && n(6, r = d.state), "viewer" in d && n(7, i = d.viewer);
   }, e.$$.update = () => {
     e.$$.dirty & /*$selection*/
-    1 && A();
-  }, [o, s, a, y, v, f, r, i];
+    1 && w();
+  }, [o, l, a, b, E, h, r, i];
 }
-class Xt extends Ae {
+class zt extends Oe {
   constructor(t) {
-    super(), xe(this, t, Mt, Lt, we, { state: 6, viewer: 7 });
+    super(), Le(this, t, Tt, jt, De, { state: 6, viewer: 7 });
   }
 }
-const Dt = (e) => ({ hovered: e & /*hovered*/
-16 }), Ve = (e) => ({ hovered: (
+const It = (e) => ({ hovered: e & /*hovered*/
+16 }), $e = (e) => ({ hovered: (
   /*hovered*/
   e[4]
 ) });
-function qe(e) {
+function Je(e) {
   let t, n, o;
   const r = (
     /*#slots*/
     e[8].default
-  ), i = $e(
+  ), i = Ze(
     r,
     e,
     /*$$scope*/
     e[7],
-    Ve
+    $e
   );
   return {
     c() {
-      t = Qe("div"), i && i.c(), Z(t, "class", "a9s-tooltip svelte-14kj0as"), Z(t, "style", n = `left:${/*left*/
+      t = rt("div"), i && i.c(), re(t, "class", "a9s-tooltip svelte-14kj0as"), re(t, "style", n = `left:${/*left*/
       e[2]}px; top:${/*top*/
       e[1]}px; position: absolute;`);
     },
-    m(s, a) {
-      F(s, t, a), i && i.m(t, null), o = !0;
+    m(l, a) {
+      K(l, t, a), i && i.m(t, null), o = !0;
     },
-    p(s, a) {
+    p(l, a) {
       i && i.p && (!o || a & /*$$scope, hovered*/
-      144) && Je(
+      144) && nt(
         i,
         r,
-        s,
+        l,
         /*$$scope*/
-        s[7],
-        o ? Ge(
+        l[7],
+        o ? tt(
           r,
           /*$$scope*/
-          s[7],
+          l[7],
           a,
-          Dt
-        ) : Ke(
+          It
+        ) : ot(
           /*$$scope*/
-          s[7]
+          l[7]
         ),
-        Ve
+        $e
       ), (!o || a & /*left, top*/
       6 && n !== (n = `left:${/*left*/
-      s[2]}px; top:${/*top*/
-      s[1]}px; position: absolute;`)) && Z(t, "style", n);
+      l[2]}px; top:${/*top*/
+      l[1]}px; position: absolute;`)) && re(t, "style", n);
     },
-    i(s) {
-      o || (D(i, s), o = !0);
+    i(l) {
+      o || (k(i, l), o = !0);
     },
-    o(s) {
-      Y(i, s), o = !1;
+    o(l) {
+      V(i, l), o = !1;
     },
-    d(s) {
-      s && U(t), i && i.d(s);
+    d(l) {
+      l && W(t), i && i.d(l);
     }
   };
 }
-function Pt(e) {
+function Rt(e) {
   let t, n, o = (
     /*$hover*/
     e[0] && /*show*/
-    e[3] && qe(e)
+    e[3] && Je(e)
   );
   return {
     c() {
-      o && o.c(), t = Ee();
+      o && o.c(), t = Me();
     },
     m(r, i) {
-      o && o.m(r, i), F(r, t, i), n = !0;
+      o && o.m(r, i), K(r, t, i), n = !0;
     },
     p(r, [i]) {
       /*$hover*/
       r[0] && /*show*/
       r[3] ? o ? (o.p(r, i), i & /*$hover, show*/
-      9 && D(o, 1)) : (o = qe(r), o.c(), D(o, 1), o.m(t.parentNode, t)) : o && (nt(), Y(o, 1, 1, () => {
+      9 && k(o, 1)) : (o = Je(r), o.c(), k(o, 1), o.m(t.parentNode, t)) : o && (at(), V(o, 1, 1, () => {
         o = null;
-      }), ot());
+      }), ut());
     },
     i(r) {
-      n || (D(o), n = !0);
+      n || (k(o), n = !0);
     },
     o(r) {
-      Y(o), n = !1;
+      V(o), n = !1;
     },
     d(r) {
-      r && U(t), o && o.d(r);
+      r && W(t), o && o.d(r);
     }
   };
 }
-function Ot(e, t, n) {
-  let o, r, { $$slots: i = {}, $$scope: s } = t, { container: a } = t;
-  const d = mt("anno"), { store: u, hover: y } = d.state;
-  We(e, y, (f) => n(0, r = f));
-  let g, m, v = !0;
-  return et(() => {
-    const f = () => {
-      n(3, v = !0);
-    }, A = (c) => {
-      const { offsetX: x, offsetY: C } = c;
-      n(2, m = x), n(1, g = C);
-    }, w = () => {
-      n(3, v = !1);
+function Xt(e, t, n) {
+  let o, r, { $$slots: i = {}, $$scope: l } = t, { container: a } = t;
+  const g = Et("anno"), { store: u, hover: b } = g.state;
+  Qe(e, b, (h) => n(0, r = h));
+  let p, m, E = !0;
+  return st(() => {
+    const h = () => {
+      n(3, E = !0);
+    }, w = (d) => {
+      const { offsetX: x, offsetY: P } = d;
+      n(2, m = x), n(1, p = P);
+    }, S = () => {
+      n(3, E = !1);
     };
-    return a.addEventListener("pointerenter", f), a.addEventListener("pointermove", A), a.addEventListener("pointerleave", w), () => {
-      a.removeEventListener("pointerenter", f), a.removeEventListener("pointermove", A), a.removeEventListener("pointerleave", w);
+    return a.addEventListener("pointerenter", h), a.addEventListener("pointermove", w), a.addEventListener("pointerleave", S), () => {
+      a.removeEventListener("pointerenter", h), a.removeEventListener("pointermove", w), a.removeEventListener("pointerleave", S);
     };
-  }), e.$$set = (f) => {
-    "container" in f && n(6, a = f.container), "$$scope" in f && n(7, s = f.$$scope);
+  }), e.$$set = (h) => {
+    "container" in h && n(6, a = h.container), "$$scope" in h && n(7, l = h.$$scope);
   }, e.$$.update = () => {
     e.$$.dirty & /*$hover*/
     1 && n(4, o = r ? u.getAnnotation(r) : void 0);
-  }, [r, g, m, v, o, y, a, s, i];
+  }, [r, p, m, E, o, b, a, l, i];
 }
-class Yt extends Ae {
+class Wt extends Oe {
   constructor(t) {
-    super(), xe(this, t, Ot, Pt, we, { container: 6 });
+    super(), Le(this, t, Xt, Rt, De, { container: 6 });
   }
 }
 export {
-  Yt as MouseOverTooltip,
-  Rt as OpenSeadragonAnnotator,
-  Xt as OpenSeadragonPopup,
-  Vt as Origin,
-  Gt as ShapeType,
-  qt as UserSelectAction,
-  Jt as W3CImageFormat,
-  zt as createAnonymousGuest,
-  Wt as createBody,
-  Kt as createImageAnnotator,
-  $t as defaultColorProvider
+  Wt as MouseOverTooltip,
+  Vt as OpenSeadragonAnnotator,
+  zt as OpenSeadragonPopup,
+  $t as Origin,
+  tn as ShapeType,
+  Jt as UserSelectAction,
+  nn as W3CImageFormat,
+  Kt as createAnonymousGuest,
+  Qt as createBody,
+  on as createImageAnnotator,
+  Zt as defaultColorProvider
 };
 //# sourceMappingURL=annotorious-svelte.es.js.map