@annotorious/svelte 3.0.7 → 3.0.9

package/dist/annotorious-svelte.es.js

@@ -1,19 +1,768 @@
-import { default as r } from "./annotorious-svelte.es2.js";
-import { Origin as a, UserSelectAction as n, createAnonymousGuest as p, createBody as f, defaultColorProvider as m } from "@annotorious/core";
-import { ShapeType as u, W3CImageFormat as l, createImageAnnotator as s } from "@annotorious/annotorious";
-import { default as g } from "./annotorious-svelte.es3.js";
-import { default as x } from "./annotorious-svelte.es4.js";
+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 ut } from "@annotorious/openseadragon";
+import Pe from "openseadragon";
+function j() {
+}
+function at(e, t) {
+  for (const n in t) e[n] = t[n];
+  return (
+    /** @type {T & S} */
+    e
+  );
+}
+function ze(e) {
+  return e();
+}
+function Oe() {
+  return /* @__PURE__ */ Object.create(null);
+}
+function H(e) {
+  e.forEach(ze);
+}
+function te(e) {
+  return typeof e == "function";
+}
+function we(e, t) {
+  return e != e ? t == t : e !== t || e && typeof e == "object" || typeof e == "function";
+}
+function ft(e) {
+  return Object.keys(e).length === 0;
+}
+function ct(e, ...t) {
+  if (e == null) {
+    for (const o of t)
+      o(void 0);
+    return j;
+  }
+  const n = e.subscribe(...t);
+  return n.unsubscribe ? () => n.unsubscribe() : n;
+}
+function We(e, t, n) {
+  e.$$.on_destroy.push(ct(t, n));
+}
+function $e(e, t, n, o) {
+  if (e) {
+    const r = Fe(e, t, n, o);
+    return e[0](r);
+  }
+}
+function Fe(e, t, n, o) {
+  return e[1] && o ? at(n.ctx.slice(), e[1](o(t))) : n.ctx;
+}
+function Ge(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 u = 0; u < s; u += 1)
+        i[u] = t.dirty[u] | r[u];
+      return i;
+    }
+    return t.dirty | r;
+  }
+  return t.dirty;
+}
+function Je(e, t, n, o, r, i) {
+  if (r) {
+    const s = Fe(t, n, o, i);
+    e.p(s, r);
+  }
+}
+function Ke(e) {
+  if (e.ctx.length > 32) {
+    const t = [], n = e.ctx.length / 32;
+    for (let o = 0; o < n; o++)
+      t[o] = -1;
+    return t;
+  }
+  return -1;
+}
+function dt(e) {
+  return e && te(e.destroy) ? e.destroy : j;
+}
+function pt(e, t) {
+  e.appendChild(t);
+}
+function F(e, t, n) {
+  e.insertBefore(t, n || null);
+}
+function U(e) {
+  e.parentNode && e.parentNode.removeChild(e);
+}
+function Qe(e) {
+  return document.createElement(e);
+}
+function Ze(e) {
+  return document.createTextNode(e);
+}
+function Ee() {
+  return Ze("");
+}
+function Be(e, t, n, o) {
+  return e.addEventListener(t, n, o), () => e.removeEventListener(t, n, o);
+}
+function Z(e, t, n) {
+  n == null ? e.removeAttribute(t) : e.getAttribute(t) !== n && e.setAttribute(t, n);
+}
+function gt(e) {
+  return Array.from(e.childNodes);
+}
+function ht(e, t) {
+  t = "" + t, e.data !== t && (e.data = /** @type {string} */
+  t);
+}
+let $;
+function W(e) {
+  $ = e;
+}
+function Se() {
+  if (!$) throw new Error("Function called outside component initialization");
+  return $;
+}
+function et(e) {
+  Se().$$.on_mount.push(e);
+}
+function je(e, t) {
+  return Se().$$.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 ve(e) {
+  X.push(e);
+}
+const ge = /* @__PURE__ */ new Set();
+let I = 0;
+function tt() {
+  if (I !== 0)
+    return;
+  const e = $;
+  do {
+    try {
+      for (; I < R.length; ) {
+        const t = R[I];
+        I++, W(t), vt(t.$$);
+      }
+    } catch (t) {
+      throw R.length = 0, I = 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());
+    }
+    X.length = 0;
+  } while (R.length);
+  for (; Ie.length; )
+    Ie.pop()();
+  ye = !1, ge.clear(), W(e);
+}
+function vt(e) {
+  if (e.fragment !== null) {
+    e.update(), H(e.before_update);
+    const t = e.dirty;
+    e.dirty = [-1], e.fragment && e.fragment.p(e.ctx, t), e.after_update.forEach(ve);
+  }
+}
+function bt(e) {
+  const t = [], n = [];
+  X.forEach((o) => e.indexOf(o) === -1 ? t.push(o) : n.push(o)), n.forEach((o) => o()), X = t;
+}
+const ee = /* @__PURE__ */ new Set();
+let B;
+function nt() {
+  B = {
+    r: 0,
+    c: [],
+    p: B
+    // parent group
+  };
+}
+function ot() {
+  B.r || H(B.c), B = B.p;
+}
+function D(e, t) {
+  e && e.i && (ee.delete(e), e.i(t));
+}
+function Y(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());
+    }), e.o(t);
+  } else o && o();
+}
+function wt(e, t, n) {
+  const { fragment: o, after_update: r } = e.$$;
+  o && o.m(t, n), ve(() => {
+    const i = e.$$.on_mount.map(ze).filter(te);
+    e.$$.on_destroy ? e.$$.on_destroy.push(...i) : H(i), e.$$.on_mount = [];
+  }), r.forEach(ve);
+}
+function Et(e, t) {
+  const n = e.$$;
+  n.fragment !== null && (bt(n.after_update), H(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 xe(e, t, n, o, r, i, s = null, u = [-1]) {
+  const d = $;
+  W(e);
+  const a = e.$$ = {
+    fragment: null,
+    ctx: [],
+    // state
+    props: i,
+    update: j,
+    not_equal: r,
+    bound: Oe(),
+    // lifecycle
+    on_mount: [],
+    on_destroy: [],
+    on_disconnect: [],
+    before_update: [],
+    after_update: [],
+    context: new Map(t.context || (d ? d.$$.context : [])),
+    // everything else
+    callbacks: Oe(),
+    dirty: u,
+    skip_bound: !1,
+    root: t.target || d.$$.root
+  };
+  s && s(a.root);
+  let y = !1;
+  if (a.ctx = n ? n(e, t.props || {}, (g, m, ...b) => {
+    const f = b.length ? b[0] : m;
+    return a.ctx && r(a.ctx[g], a.ctx[g] = f) && (!a.skip_bound && a.bound[g] && a.bound[g](f), y && St(e, g)), m;
+  }) : [], a.update(), y = !0, H(a.before_update), a.fragment = o ? o(a.ctx) : !1, t.target) {
+    if (t.hydrate) {
+      const g = gt(t.target);
+      a.fragment && a.fragment.l(g), g.forEach(U);
+    } else
+      a.fragment && a.fragment.c();
+    t.intro && D(e.$$.fragment), wt(e, t.target, t.anchor), tt();
+  }
+  W(d);
+}
+class Ae {
+  constructor() {
+    /**
+     * ### PRIVATE API
+     *
+     * Do not use, may change at any time
+     *
+     * @type {any}
+     */
+    pe(this, "$$");
+    /**
+     * ### PRIVATE API
+     *
+     * Do not use, may change at any time
+     *
+     * @type {any}
+     */
+    pe(this, "$$set");
+  }
+  /** @returns {void} */
+  $destroy() {
+    Et(this, 1), this.$destroy = j;
+  }
+  /**
+   * @template {Extract<keyof Events, string>} K
+   * @param {K} type
+   * @param {((e: Events[K]) => void) | null | undefined} callback
+   * @returns {() => void}
+   */
+  $on(t, n) {
+    if (!te(n))
+      return j;
+    const o = this.$$.callbacks[t] || (this.$$.callbacks[t] = []);
+    return o.push(n), () => {
+      const r = o.indexOf(n);
+      r !== -1 && o.splice(r, 1);
+    };
+  }
+  /**
+   * @param {Partial<Props>} props
+   * @returns {void}
+   */
+  $set(t) {
+    this.$$set && !ft(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) {
+  let t;
+  const n = (
+    /*#slots*/
+    e[4].default
+  ), o = $e(
+    n,
+    e,
+    /*$$scope*/
+    e[3],
+    null
+  );
+  return {
+    c() {
+      o && o.c();
+    },
+    m(r, i) {
+      o && o.m(r, i), t = !0;
+    },
+    p(r, i) {
+      o && o.p && (!t || i & /*$$scope*/
+      8) && Je(
+        o,
+        n,
+        r,
+        /*$$scope*/
+        r[3],
+        t ? Ge(
+          n,
+          /*$$scope*/
+          r[3],
+          i,
+          null
+        ) : Ke(
+          /*$$scope*/
+          r[3]
+        ),
+        null
+      );
+    },
+    i(r) {
+      t || (D(o, r), t = !0);
+    },
+    o(r) {
+      Y(o, r), t = !1;
+    },
+    d(r) {
+      o && o.d(r);
+    }
+  };
+}
+function At(e) {
+  let t, n, o = (
+    /*viewer*/
+    e[0] && Re(e)
+  );
+  return {
+    c() {
+      o && o.c(), t = Ee();
+    },
+    m(r, i) {
+      o && o.m(r, i), F(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, () => {
+        o = null;
+      }), ot());
+    },
+    i(r) {
+      n || (D(o), n = !0);
+    },
+    o(r) {
+      Y(o), n = !1;
+    },
+    d(r) {
+      r && U(t), o && o.d(r);
+    }
+  };
+}
+function Ct(e, t, n) {
+  let { $$slots: o = {}, $$scope: r } = t, { viewer: i } = t, { opts: s = {} } = t, { anno: u = void 0 } = t;
+  const d = (a) => {
+    if (a) {
+      const y = ut(a, s), g = lt(y.state.store), m = {
+        ...y,
+        state: { ...y.state, store: g }
+      };
+      je("anno", m), je("viewer", a), n(1, u = m);
+    }
+  };
+  return e.$$set = (a) => {
+    "viewer" in a && n(0, i = a.viewer), "opts" in a && n(2, s = a.opts), "anno" in a && n(1, u = a.anno), "$$scope" in a && n(3, r = a.$$scope);
+  }, e.$$.update = () => {
+    e.$$.dirty & /*viewer*/
+    1 && d(i);
+  }, [i, u, s, r, o];
+}
+class Rt extends Ae {
+  constructor(t) {
+    super(), xe(this, t, Ct, At, we, { 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;
+  return [r(n, e), r(o, t)];
+}, Ye = (e, t) => e.some((n) => t.some((o) => n.contains(o)));
+function _e(e, t) {
+  if (e === void 0) return;
+  if (be(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 };
+  }
+  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), be = (e) => e instanceof HTMLElement, kt = (e, t = {}) => {
+  let n, o, { bounds: r, axis: i = "both", gpuAcceleration: s = !0, legacyTranslate: u = !0, transform: d, applyUserSelectHack: a = !0, disabled: y = !1, ignoreMultitouch: g = !1, recomputeBounds: m = he, grid: b, 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, ue, Ce, Ne = "", rt = !!f;
+  m = { ...he, ...m };
+  let K = /* @__PURE__ */ new Set();
+  const ae = document.body.style, P = e.classList;
+  function fe(l = N, h = k) {
+    if (!d) {
+      if (u) {
+        let v = `${+l}px, ${+h}px`;
+        return Q(e, "transform", s ? `translate3d(${v}, 0)` : `translate(${v})`);
+      }
+      return Q(e, "translate", `${+l}px ${+h}px ${s ? "1px" : ""}`);
+    }
+    const _ = d({ offsetX: l, offsetY: h, rootNode: e });
+    me(_) && Q(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 (be(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), ue = function(p, S) {
+      if (!p) return [];
+      if (be(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(ue, 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(ue, [h])) return;
+    Ce = z.length === 1 ? e : z.find((p) => p.contains(h)), T = !0, O = e.getBoundingClientRect(), a && (Ne = ae.userSelect, ae.userSelect = "none"), ce("neodrag:start", oe);
+    const { clientX: _, clientY: v } = l, E = ke();
+    n && (V = _ - G / E), o && (q = v - J / E), L && (se = _ - O.left, le = v - O.top);
+  }
+  function Me(l) {
+    K.delete(l.pointerId), T && (m.dragEnd && (L = _e(r, e)), P.remove(x), P.add(C), a && (ae.userSelect = Ne), ce("neodrag:end", ie), n && (V = N), o && (q = k), T = !1);
+  }
+  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 v = 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);
+    }
+    if (Array.isArray(b)) {
+      let [E, p] = b;
+      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 / v, p / v], S, M), h = V + S, _ = q + M;
+    }
+    n && (N = Math.round((h - V) * v)), o && (k = Math.round((_ - q) * v)), 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 _, v;
+    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, a = l.applyUserSelectHack ?? !0, b = l.grid, s = l.gpuAcceleration ?? !0, u = 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 = ((v = l.position) == null ? void 0 : v.y) ?? k, fe());
+  } };
+};
+function He(e) {
+  let t, n = (
+    /*$selection*/
+    e[0].selected.map(Ue).join(", ") + ""
+  ), o, r, i, s;
+  return {
+    c() {
+      t = Qe("div"), o = Ze(n), Z(t, "class", "a9s-popup a9s-osd-popup svelte-1xuxeat");
+    },
+    m(u, d) {
+      F(u, t, d), pt(t, o), i || (s = [
+        dt(r = kt.call(null, t, {
+          position: { x: (
+            /*left*/
+            e[1]
+          ), y: (
+            /*top*/
+            e[2]
+          ) }
+        })),
+        Be(
+          t,
+          "neodrag:start",
+          /*onDragStart*/
+          e[4]
+        ),
+        Be(
+          t,
+          "neodrag:end",
+          /*onDragEnd*/
+          e[5]
+        )
+      ], i = !0);
+    },
+    p(u, d) {
+      d & /*$selection*/
+      1 && n !== (n = /*$selection*/
+      u[0].selected.map(Ue).join(", ") + "") && ht(o, n), r && te(r.update) && d & /*left, top*/
+      6 && r.update.call(null, {
+        position: { x: (
+          /*left*/
+          u[1]
+        ), y: (
+          /*top*/
+          u[2]
+        ) }
+      });
+    },
+    d(u) {
+      u && U(t), i = !1, H(s);
+    }
+  };
+}
+function Lt(e) {
+  let t, n = (
+    /*$selection*/
+    e[0] && He(e)
+  );
+  return {
+    c() {
+      n && n.c(), t = Ee();
+    },
+    m(o, r) {
+      n && n.m(o, r), F(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);
+    },
+    i: j,
+    o: j,
+    d(o) {
+      o && U(t), n && n.d(o);
+    }
+  };
+}
+const Ue = (e) => e.id;
+function Mt(e, t, n) {
+  let o, { state: r } = t, { viewer: i } = t, s, u, d = !1, a;
+  const { selection: y, store: g } = r;
+  We(e, y, (c) => n(0, o = c));
+  const m = (c) => {
+    var x;
+    return ((x = c.selected) == null ? void 0 : x.length) > 0;
+  }, b = () => {
+    d = !0, i.setMouseNavEnabled(!1);
+  }, f = () => {
+    i.setMouseNavEnabled(!0);
+  }, A = () => {
+    a && g.unobserve(a), m(o) && (d = !1, w(o), a = (c) => {
+      d || w(o);
+    }, g.observe(a, {
+      annotations: o.selected.map((c) => c.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, u = N.y);
+  };
+  return et(() => {
+    const c = () => {
+      m(o) && !d && w(o);
+    };
+    return i.addHandler("update-viewport", c), () => {
+      i.removeHandler("update-viewport", c);
+    };
+  }), e.$$set = (c) => {
+    "state" in c && n(6, r = c.state), "viewer" in c && n(7, i = c.viewer);
+  }, e.$$.update = () => {
+    e.$$.dirty & /*$selection*/
+    1 && A();
+  }, [o, s, u, y, b, f, r, i];
+}
+class Xt extends Ae {
+  constructor(t) {
+    super(), xe(this, t, Mt, Lt, we, { state: 6, viewer: 7 });
+  }
+}
+const Dt = (e) => ({ hovered: e & /*hovered*/
+16 }), Ve = (e) => ({ hovered: (
+  /*hovered*/
+  e[4]
+) });
+function qe(e) {
+  let t, n, o;
+  const r = (
+    /*#slots*/
+    e[8].default
+  ), i = $e(
+    r,
+    e,
+    /*$$scope*/
+    e[7],
+    Ve
+  );
+  return {
+    c() {
+      t = Qe("div"), i && i.c(), Z(t, "class", "a9s-tooltip svelte-14kj0as"), Z(t, "style", n = `left:${/*left*/
+      e[2]}px; top:${/*top*/
+      e[1]}px; position: absolute;`);
+    },
+    m(s, u) {
+      F(s, t, u), i && i.m(t, null), o = !0;
+    },
+    p(s, u) {
+      i && i.p && (!o || u & /*$$scope, hovered*/
+      144) && Je(
+        i,
+        r,
+        s,
+        /*$$scope*/
+        s[7],
+        o ? Ge(
+          r,
+          /*$$scope*/
+          s[7],
+          u,
+          Dt
+        ) : Ke(
+          /*$$scope*/
+          s[7]
+        ),
+        Ve
+      ), (!o || u & /*left, top*/
+      6 && n !== (n = `left:${/*left*/
+      s[2]}px; top:${/*top*/
+      s[1]}px; position: absolute;`)) && Z(t, "style", n);
+    },
+    i(s) {
+      o || (D(i, s), o = !0);
+    },
+    o(s) {
+      Y(i, s), o = !1;
+    },
+    d(s) {
+      s && U(t), i && i.d(s);
+    }
+  };
+}
+function Pt(e) {
+  let t, n, o = (
+    /*$hover*/
+    e[0] && /*show*/
+    e[3] && qe(e)
+  );
+  return {
+    c() {
+      o && o.c(), t = Ee();
+    },
+    m(r, i) {
+      o && o.m(r, i), F(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, () => {
+        o = null;
+      }), ot());
+    },
+    i(r) {
+      n || (D(o), n = !0);
+    },
+    o(r) {
+      Y(o), n = !1;
+    },
+    d(r) {
+      r && U(t), o && o.d(r);
+    }
+  };
+}
+function Ot(e, t, n) {
+  let o, r, { $$slots: i = {}, $$scope: s } = t, { container: u } = t;
+  const d = mt("anno"), { store: a, hover: y } = d.state;
+  We(e, y, (f) => n(0, r = f));
+  let g, m, b = !0;
+  return et(() => {
+    const f = () => {
+      n(3, b = !0);
+    }, A = (c) => {
+      const { offsetX: x, offsetY: C } = c;
+      n(2, m = x), n(1, g = C);
+    }, w = () => {
+      n(3, b = !1);
+    };
+    return u.addEventListener("pointerenter", f), u.addEventListener("pointermove", A), u.addEventListener("pointerleave", w), () => {
+      u.removeEventListener("pointerenter", f), u.removeEventListener("pointermove", A), u.removeEventListener("pointerleave", w);
+    };
+  }), e.$$set = (f) => {
+    "container" in f && n(6, u = f.container), "$$scope" in f && n(7, s = f.$$scope);
+  }, e.$$.update = () => {
+    e.$$.dirty & /*$hover*/
+    1 && n(4, o = r ? a.getAnnotation(r) : void 0);
+  }, [r, g, m, b, o, y, u, s, i];
+}
+class Yt extends Ae {
+  constructor(t) {
+    super(), xe(this, t, Ot, Pt, we, { container: 6 });
+  }
+}
 export {
-  r as MouseOverTooltip,
-  g as OpenSeadragonAnnotator,
-  x as OpenSeadragonPopup,
-  a as Origin,
-  u as ShapeType,
-  n as UserSelectAction,
-  l as W3CImageFormat,
-  p as createAnonymousGuest,
-  f as createBody,
-  s as createImageAnnotator,
-  m as defaultColorProvider
+  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
 };
 //# sourceMappingURL=annotorious-svelte.es.js.map