@annotorious/react 3.0.0-rc.18 → 3.0.0-rc.2

package/dist/annotorious-react.es13.js

@@ -1,11 +1,3755 @@
-import { useState as c, useRef as n, useEffect as s } from "react";
-const m = (e, t) => {
-  const [u, o] = c(e), r = n();
-  return s(() => (r.current = setTimeout(() => o(e), t), () => {
-    clearTimeout(r.current);
-  }), [e, t]), u;
+function k() {
+}
+function ze(t, e) {
+  for (const n in e)
+    t[n] = e[n];
+  return t;
+}
+function Re(t) {
+  return t();
+}
+function ae() {
+  return /* @__PURE__ */ Object.create(null);
+}
+function it(t) {
+  t.forEach(Re);
+}
+function V(t) {
+  return typeof t == "function";
+}
+function q(t, e) {
+  return t != t ? e == e : t !== e || t && typeof t == "object" || typeof t == "function";
+}
+function We(t) {
+  return Object.keys(t).length === 0;
+}
+function _e(t, ...e) {
+  if (t == null)
+    return k;
+  const n = t.subscribe(...e);
+  return n.unsubscribe ? () => n.unsubscribe() : n;
+}
+function se(t, e, n) {
+  t.$$.on_destroy.push(_e(e, n));
+}
+function qe(t, e, n, o) {
+  if (t) {
+    const r = Ie(t, e, n, o);
+    return t[0](r);
+  }
+}
+function Ie(t, e, n, o) {
+  return t[1] && o ? ze(n.ctx.slice(), t[1](o(e))) : n.ctx;
+}
+function Je(t, e, n, o) {
+  if (t[2] && o) {
+    const r = t[2](o(n));
+    if (e.dirty === void 0)
+      return r;
+    if (typeof r == "object") {
+      const i = [], a = Math.max(e.dirty.length, r.length);
+      for (let s = 0; s < a; s += 1)
+        i[s] = e.dirty[s] | r[s];
+      return i;
+    }
+    return e.dirty | r;
+  }
+  return e.dirty;
+}
+function Qe(t, e, n, o, r, i) {
+  if (r) {
+    const a = Ie(e, n, o, i);
+    t.p(a, r);
+  }
+}
+function Ze(t) {
+  if (t.ctx.length > 32) {
+    const e = [], n = t.ctx.length / 32;
+    for (let o = 0; o < n; o++)
+      e[o] = -1;
+    return e;
+  }
+  return -1;
+}
+function ct(t, e) {
+  t.appendChild(e);
+}
+function O(t, e, n) {
+  t.insertBefore(e, n || null);
+}
+function S(t) {
+  t.parentNode && t.parentNode.removeChild(t);
+}
+function ee(t, e) {
+  for (let n = 0; n < t.length; n += 1)
+    t[n] && t[n].d(e);
+}
+function R(t) {
+  return document.createElementNS("http://www.w3.org/2000/svg", t);
+}
+function Ne(t) {
+  return document.createTextNode(t);
+}
+function K() {
+  return Ne(" ");
+}
+function at() {
+  return Ne("");
+}
+function C(t, e, n, o) {
+  return t.addEventListener(e, n, o), () => t.removeEventListener(e, n, o);
+}
+function d(t, e, n) {
+  n == null ? t.removeAttribute(e) : t.getAttribute(e) !== n && t.setAttribute(e, n);
+}
+function Ke(t) {
+  return Array.from(t.childNodes);
+}
+function le(t, e, n) {
+  t.classList[n ? "add" : "remove"](e);
+}
+function tn(t, e, { bubbles: n = !1, cancelable: o = !1 } = {}) {
+  const r = document.createEvent("CustomEvent");
+  return r.initCustomEvent(t, n, o, e), r;
+}
+let Bt;
+function Yt(t) {
+  Bt = t;
+}
+function De() {
+  if (!Bt)
+    throw new Error("Function called outside component initialization");
+  return Bt;
+}
+function Xt(t) {
+  De().$$.on_mount.push(t);
+}
+function Mt() {
+  const t = De();
+  return (e, n, { cancelable: o = !1 } = {}) => {
+    const r = t.$$.callbacks[e];
+    if (r) {
+      const i = tn(e, n, { cancelable: o });
+      return r.slice().forEach((a) => {
+        a.call(t, i);
+      }), !i.defaultPrevented;
+    }
+    return !0;
+  };
+}
+function Et(t, e) {
+  const n = t.$$.callbacks[e.type];
+  n && n.slice().forEach((o) => o.call(this, e));
+}
+const xt = [], At = [];
+let vt = [];
+const ce = [], en = /* @__PURE__ */ Promise.resolve();
+let Kt = !1;
+function nn() {
+  Kt || (Kt = !0, en.then(ke));
+}
+function te(t) {
+  vt.push(t);
+}
+const zt = /* @__PURE__ */ new Set();
+let yt = 0;
+function ke() {
+  if (yt !== 0)
+    return;
+  const t = Bt;
+  do {
+    try {
+      for (; yt < xt.length; ) {
+        const e = xt[yt];
+        yt++, Yt(e), on(e.$$);
+      }
+    } catch (e) {
+      throw xt.length = 0, yt = 0, e;
+    }
+    for (Yt(null), xt.length = 0, yt = 0; At.length; )
+      At.pop()();
+    for (let e = 0; e < vt.length; e += 1) {
+      const n = vt[e];
+      zt.has(n) || (zt.add(n), n());
+    }
+    vt.length = 0;
+  } while (xt.length);
+  for (; ce.length; )
+    ce.pop()();
+  Kt = !1, zt.clear(), Yt(t);
+}
+function on(t) {
+  if (t.fragment !== null) {
+    t.update(), it(t.before_update);
+    const e = t.dirty;
+    t.dirty = [-1], t.fragment && t.fragment.p(t.ctx, e), t.after_update.forEach(te);
+  }
+}
+function rn(t) {
+  const e = [], n = [];
+  vt.forEach((o) => t.indexOf(o) === -1 ? e.push(o) : n.push(o)), n.forEach((o) => o()), vt = e;
+}
+const Gt = /* @__PURE__ */ new Set();
+let ht;
+function ot() {
+  ht = {
+    r: 0,
+    c: [],
+    p: ht
+    // parent group
+  };
+}
+function rt() {
+  ht.r || it(ht.c), ht = ht.p;
+}
+function I(t, e) {
+  t && t.i && (Gt.delete(t), t.i(e));
+}
+function N(t, e, n, o) {
+  if (t && t.o) {
+    if (Gt.has(t))
+      return;
+    Gt.add(t), ht.c.push(() => {
+      Gt.delete(t), o && (n && t.d(1), o());
+    }), t.o(e);
+  } else
+    o && o();
+}
+function ft(t) {
+  t && t.c();
+}
+function dt(t, e, n, o) {
+  const { fragment: r, after_update: i } = t.$$;
+  r && r.m(e, n), o || te(() => {
+    const a = t.$$.on_mount.map(Re).filter(V);
+    t.$$.on_destroy ? t.$$.on_destroy.push(...a) : it(a), t.$$.on_mount = [];
+  }), i.forEach(te);
+}
+function ut(t, e) {
+  const n = t.$$;
+  n.fragment !== null && (rn(n.after_update), it(n.on_destroy), n.fragment && n.fragment.d(e), n.on_destroy = n.fragment = null, n.ctx = []);
+}
+function an(t, e) {
+  t.$$.dirty[0] === -1 && (xt.push(t), nn(), t.$$.dirty.fill(0)), t.$$.dirty[e / 31 | 0] |= 1 << e % 31;
+}
+function tt(t, e, n, o, r, i, a, s = [-1]) {
+  const l = Bt;
+  Yt(t);
+  const c = t.$$ = {
+    fragment: null,
+    ctx: [],
+    // state
+    props: i,
+    update: k,
+    not_equal: r,
+    bound: ae(),
+    // lifecycle
+    on_mount: [],
+    on_destroy: [],
+    on_disconnect: [],
+    before_update: [],
+    after_update: [],
+    context: new Map(e.context || (l ? l.$$.context : [])),
+    // everything else
+    callbacks: ae(),
+    dirty: s,
+    skip_bound: !1,
+    root: e.target || l.$$.root
+  };
+  a && a(c.root);
+  let h = !1;
+  if (c.ctx = n ? n(t, e.props || {}, (u, f, ...p) => {
+    const g = p.length ? p[0] : f;
+    return c.ctx && r(c.ctx[u], c.ctx[u] = g) && (!c.skip_bound && c.bound[u] && c.bound[u](g), h && an(t, u)), f;
+  }) : [], c.update(), h = !0, it(c.before_update), c.fragment = o ? o(c.ctx) : !1, e.target) {
+    if (e.hydrate) {
+      const u = Ke(e.target);
+      c.fragment && c.fragment.l(u), u.forEach(S);
+    } else
+      c.fragment && c.fragment.c();
+    e.intro && I(t.$$.fragment), dt(t, e.target, e.anchor, e.customElement), ke();
+  }
+  Yt(l);
+}
+class et {
+  $destroy() {
+    ut(this, 1), this.$destroy = k;
+  }
+  $on(e, n) {
+    if (!V(n))
+      return k;
+    const o = this.$$.callbacks[e] || (this.$$.callbacks[e] = []);
+    return o.push(n), () => {
+      const r = o.indexOf(n);
+      r !== -1 && o.splice(r, 1);
+    };
+  }
+  $set(e) {
+    this.$$set && !We(e) && (this.$$.skip_bound = !0, this.$$set(e), this.$$.skip_bound = !1);
+  }
+}
+var U = /* @__PURE__ */ ((t) => (t.ELLIPSE = "ELLIPSE", t.POLYGON = "POLYGON", t.RECTANGLE = "RECTANGLE", t))(U || {});
+const ne = {}, oe = (t, e) => ne[t] = e, de = (t) => ne[t.type].area(t), sn = (t, e, n) => ne[t.type].intersects(t, e, n), Ft = (t) => {
+  let e = 1 / 0, n = 1 / 0, o = -1 / 0, r = -1 / 0;
+  return t.forEach(([i, a]) => {
+    e = Math.min(e, i), n = Math.min(n, a), o = Math.max(o, i), r = Math.max(r, a);
+  }), { minX: e, minY: n, maxX: o, maxY: r };
+}, ln = {
+  area: (t) => Math.PI * t.geometry.rx * t.geometry.ry,
+  intersects: (t, e, n) => {
+    const { cx: o, cy: r, rx: i, ry: a } = t.geometry, s = 0, l = Math.cos(s), c = Math.sin(s), h = e - o, u = n - r, f = l * h + c * u, p = c * h - l * u;
+    return f * f / (i * i) + p * p / (a * a) <= 1;
+  }
+};
+oe(U.ELLIPSE, ln);
+const cn = {
+  area: (t) => {
+    const { points: e } = t.geometry;
+    let n = 0, o = e.length - 1;
+    for (let r = 0; r < e.length; r++)
+      n += (e[o][0] + e[r][0]) * (e[o][1] - e[r][1]), o = r;
+    return Math.abs(0.5 * n);
+  },
+  intersects: (t, e, n) => {
+    const { points: o } = t.geometry;
+    let r = !1;
+    for (let i = 0, a = o.length - 1; i < o.length; a = i++) {
+      const s = o[i][0], l = o[i][1], c = o[a][0], h = o[a][1];
+      l > n != h > n && e < (c - s) * (n - l) / (h - l) + s && (r = !r);
+    }
+    return r;
+  }
+};
+oe(U.POLYGON, cn);
+const dn = {
+  area: (t) => t.geometry.w * t.geometry.h,
+  intersects: (t, e, n) => e >= t.geometry.x && e <= t.geometry.x + t.geometry.w && n >= t.geometry.y && n <= t.geometry.y + t.geometry.h
+};
+oe(U.RECTANGLE, dn);
+const un = (t, e = !1) => {
+  const n = typeof t == "string" ? t : t.value, o = /^(xywh)=(pixel|percent)?:?(.+?),(.+?),(.+?),(.+)*/g, r = [...n.matchAll(o)][0], [i, a, s, l, c, h, u] = r;
+  if (a !== "xywh")
+    throw new Error("Unsupported MediaFragment: " + n);
+  if (s && s !== "pixel")
+    throw new Error(`Unsupported MediaFragment unit: ${s}`);
+  const [f, p, g, m] = [l, c, h, u].map(parseFloat);
+  return {
+    type: U.RECTANGLE,
+    geometry: {
+      x: f,
+      y: p,
+      w: g,
+      h: m,
+      bounds: {
+        minX: f,
+        minY: e ? p - m : p,
+        maxX: f + g,
+        maxY: e ? p : p + m
+      }
+    }
+  };
+}, hn = (t) => {
+  const { x: e, y: n, w: o, h: r } = t;
+  return {
+    type: "FragmentSelector",
+    conformsTo: "http://www.w3.org/TR/media-frags/",
+    value: `xywh=pixel:${e},${n},${o},${r}`
+  };
+}, Ge = "http://www.w3.org/2000/svg", ue = (t) => {
+  const e = (o) => {
+    Array.from(o.attributes).forEach((r) => {
+      r.name.startsWith("on") && o.removeAttribute(r.name);
+    });
+  }, n = t.getElementsByTagName("script");
+  return Array.from(n).reverse().forEach((o) => o.parentNode.removeChild(o)), Array.from(t.querySelectorAll("*")).forEach(e), t;
+}, pn = (t) => {
+  const e = new XMLSerializer().serializeToString(t.documentElement).replace("<svg>", `<svg xmlns="${Ge}">`);
+  return new DOMParser().parseFromString(e, "image/svg+xml").documentElement;
+}, fn = (t) => {
+  const e = new DOMParser().parseFromString(t, "image/svg+xml"), n = e.lookupPrefix(Ge), o = e.lookupNamespaceURI(null);
+  return n || o ? ue(e).firstChild : ue(pn(e)).firstChild;
+}, gn = (t) => {
+  const [e, n, o] = t.match(/(<polygon points=["|'])([^("|')]*)/) || [];
+  if (!o)
+    return;
+  const r = o.split(" ").map((i) => i.split(",").map(parseFloat));
+  return {
+    type: U.POLYGON,
+    geometry: {
+      points: r,
+      bounds: Ft(r)
+    }
+  };
+}, mn = (t) => {
+  const e = fn(t), n = parseFloat(e.getAttribute("cx")), o = parseFloat(e.getAttribute("cy")), r = parseFloat(e.getAttribute("rx")), i = parseFloat(e.getAttribute("ry")), a = {
+    minX: n - r,
+    minY: o - i,
+    maxX: n + r,
+    maxY: o + i
+  };
+  return {
+    type: U.ELLIPSE,
+    geometry: {
+      cx: n,
+      cy: o,
+      rx: r,
+      ry: i,
+      bounds: a
+    }
+  };
+}, yn = (t) => {
+  const e = typeof t == "string" ? t : t.value;
+  if (e.includes("<polygon points="))
+    return gn(e);
+  if (e.includes("<ellipse "))
+    return mn(e);
+}, wn = (t) => {
+  let e;
+  if (t.type === U.POLYGON) {
+    const n = t.geometry, { points: o } = n;
+    e = `<svg><polygon points="${o.map((r) => r.join(",")).join(" ")}" /></svg>`;
+  } else if (t.type === U.ELLIPSE) {
+    const n = t.geometry;
+    e = `<svg><ellipse cx="${n.cx}" cy="${n.cy}" rx="${n.rx}" ry="${n.ry}" /></svg>`;
+  }
+  if (e)
+    return { type: "SvgSelector", value: e };
+  throw `Unsupported shape type: ${t.type}`;
+};
+let Nt;
+const $n = new Uint8Array(16);
+function xn() {
+  if (!Nt && (Nt = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !Nt))
+    throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
+  return Nt($n);
+}
+const j = [];
+for (let t = 0; t < 256; ++t)
+  j.push((t + 256).toString(16).slice(1));
+function bn(t, e = 0) {
+  return j[t[e + 0]] + j[t[e + 1]] + j[t[e + 2]] + j[t[e + 3]] + "-" + j[t[e + 4]] + j[t[e + 5]] + "-" + j[t[e + 6]] + j[t[e + 7]] + "-" + j[t[e + 8]] + j[t[e + 9]] + "-" + j[t[e + 10]] + j[t[e + 11]] + j[t[e + 12]] + j[t[e + 13]] + j[t[e + 14]] + j[t[e + 15]];
+}
+const En = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), he = {
+  randomUUID: En
+};
+function Fe(t, e, n) {
+  if (he.randomUUID && !e && !t)
+    return he.randomUUID();
+  t = t || {};
+  const o = t.random || (t.rng || xn)();
+  if (o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, e) {
+    n = n || 0;
+    for (let r = 0; r < 16; ++r)
+      e[n + r] = o[r];
+    return e;
+  }
+  return bn(o);
+}
+var pe = Object.prototype.hasOwnProperty;
+function pt(t, e) {
+  var n, o;
+  if (t === e)
+    return !0;
+  if (t && e && (n = t.constructor) === e.constructor) {
+    if (n === Date)
+      return t.getTime() === e.getTime();
+    if (n === RegExp)
+      return t.toString() === e.toString();
+    if (n === Array) {
+      if ((o = t.length) === e.length)
+        for (; o-- && pt(t[o], e[o]); )
+          ;
+      return o === -1;
+    }
+    if (!n || typeof t == "object") {
+      o = 0;
+      for (n in t)
+        if (pe.call(t, n) && ++o && !pe.call(e, n) || !(n in e) || !pt(t[n], e[n]))
+          return !1;
+      return Object.keys(e).length === o;
+    }
+  }
+  return t !== t && e !== e;
+}
+const wt = [];
+function Ut(t, e = k) {
+  let n;
+  const o = /* @__PURE__ */ new Set();
+  function r(s) {
+    if (q(t, s) && (t = s, n)) {
+      const l = !wt.length;
+      for (const c of o)
+        c[1](), wt.push(c, t);
+      if (l) {
+        for (let c = 0; c < wt.length; c += 2)
+          wt[c][0](wt[c + 1]);
+        wt.length = 0;
+      }
+    }
+  }
+  function i(s) {
+    r(s(t));
+  }
+  function a(s, l = k) {
+    const c = [s, l];
+    return o.add(c), o.size === 1 && (n = e(r) || k), s(t), () => {
+      o.delete(c), o.size === 0 && n && (n(), n = null);
+    };
+  }
+  return { set: r, update: i, subscribe: a };
+}
+const vn = (t) => {
+  const { subscribe: e, set: n } = Ut(null);
+  let o = null;
+  return e((r) => o = r), t.observe(({ changes: r }) => {
+    if (o) {
+      r.deleted.some((a) => a.id === o) && n(null);
+      const i = r.updated.find(({ oldValue: a }) => a.id === o);
+      i && n(i.newValue.id);
+    }
+  }), {
+    get current() {
+      return o;
+    },
+    subscribe: e,
+    set: n
+  };
+};
+var Ue = /* @__PURE__ */ ((t) => (t.EDIT = "EDIT", t.SELECT = "SELECT", t.NONE = "NONE", t))(Ue || {});
+const Wt = { selected: [] }, An = (t, e = "EDIT") => {
+  const { subscribe: n, set: o } = Ut(Wt);
+  let r = Wt;
+  n((u) => r = u);
+  const i = () => o(Wt), a = () => {
+    var u;
+    return ((u = r.selected) == null ? void 0 : u.length) === 0;
+  }, s = (u) => {
+    if (r.selected.length === 0)
+      return !1;
+    const f = typeof u == "string" ? u : u.id;
+    return r.selected.some((p) => p.id === f);
+  }, l = (u, f) => {
+    const p = t.getAnnotation(u);
+    if (p) {
+      const g = Mn(p, e);
+      o(g === "EDIT" ? { selected: [{ id: u, editable: !0 }], pointerEvent: f } : g === "SELECT" ? { selected: [{ id: u }], pointerEvent: f } : { selected: [], pointerEvent: f });
+    } else
+      console.warn("Invalid selection: " + u);
+  }, c = (u, f = !0) => {
+    const p = Array.isArray(u) ? u : [u], g = p.map((m) => t.getAnnotation(m)).filter((m) => m);
+    o({ selected: g.map(({ id: m }) => ({ id: m, editable: f })) }), g.length !== p.length && console.warn("Invalid selection", u);
+  }, h = (u) => {
+    if (r.selected.length === 0)
+      return !1;
+    const { selected: f } = r;
+    f.filter(({ id: p }) => u.includes(p)).length > 0 && o({ selected: f.filter(({ id: p }) => !u.includes(p)) });
+  };
+  return t.observe(({ changes: u }) => h(u.deleted.map((f) => f.id))), {
+    clear: i,
+    clickSelect: l,
+    get selected() {
+      return r ? [...r.selected] : null;
+    },
+    get pointerEvent() {
+      return r ? r.pointerEvent : null;
+    },
+    isEmpty: a,
+    isSelected: s,
+    setSelected: c,
+    subscribe: n
+  };
+}, Mn = (t, e) => typeof e == "function" ? e(t) || "EDIT" : e || "EDIT", Sn = (t, e) => {
+  const n = new Set(t.bodies.map((o) => o.id));
+  return e.bodies.filter((o) => !n.has(o.id));
+}, Ln = (t, e) => {
+  const n = new Set(e.bodies.map((o) => o.id));
+  return t.bodies.filter((o) => !n.has(o.id));
+}, On = (t, e) => e.bodies.map((n) => {
+  const o = t.bodies.find((r) => r.id === n.id);
+  return { newBody: n, oldBody: o && !pt(o, n) ? o : void 0 };
+}).filter(({ oldBody: n }) => n), Tn = (t, e) => !pt(t.target, e.target), Yn = (t, e) => ({
+  oldValue: t,
+  newValue: e,
+  bodiesCreated: Sn(t, e),
+  bodiesDeleted: Ln(t, e),
+  bodiesUpdated: On(t, e),
+  targetUpdated: Tn(t, e) ? { oldTarget: t.target, newTarget: e.target } : void 0
+});
+var G = /* @__PURE__ */ ((t) => (t.LOCAL = "LOCAL", t.REMOTE = "REMOTE", t))(G || {});
+const Bn = (t, e) => {
+  var n, o;
+  const { changes: r, origin: i } = e;
+  if (!(!t.options.origin || t.options.origin === i))
+    return !1;
+  if (t.options.ignore) {
+    const { ignore: a } = t.options, s = (l) => (l == null ? void 0 : l.length) > 0;
+    if (!(s(r.created) || s(r.deleted))) {
+      const l = (n = r.updated) == null ? void 0 : n.some((h) => s(h.bodiesCreated) || s(h.bodiesDeleted) || s(h.bodiesUpdated)), c = (o = r.updated) == null ? void 0 : o.some((h) => h.targetUpdated);
+      if (a === "BODY_ONLY" && l && !c || a === "TARGET_ONLY" && c && !l)
+        return !1;
+    }
+  }
+  if (t.options.annotations) {
+    const a = /* @__PURE__ */ new Set([
+      ...r.created.map((s) => s.id),
+      ...r.deleted.map((s) => s.id),
+      ...r.updated.map(({ oldValue: s }) => s.id)
+    ]);
+    return !!(Array.isArray(t.options.annotations) ? t.options.annotations : [t.options.annotations]).find((s) => a.has(s));
+  } else
+    return !0;
+}, Xn = (t) => t.id !== void 0, Pn = () => {
+  const t = /* @__PURE__ */ new Map(), e = /* @__PURE__ */ new Map(), n = [], o = (y, $ = {}) => n.push({ onChange: y, options: $ }), r = (y) => {
+    const $ = n.findIndex((w) => w.onChange == y);
+    $ > -1 && n.splice($, 1);
+  }, i = (y, $) => {
+    const w = {
+      origin: y,
+      changes: {
+        created: $.created || [],
+        updated: $.updated || [],
+        deleted: $.deleted || []
+      },
+      state: [...t.values()]
+    };
+    n.forEach((A) => {
+      Bn(A, w) && A.onChange(w);
+    });
+  }, a = (y, $ = G.LOCAL) => {
+    if (t.get(y.id))
+      throw Error(`Cannot add annotation ${y.id} - exists already`);
+    t.set(y.id, y), y.bodies.forEach((w) => e.set(w.id, y.id)), i($, { created: [y] });
+  }, s = (y, $ = G.LOCAL, w = G.LOCAL) => {
+    const A = Xn($) ? w : $, L = typeof y == "string" ? $ : y, P = typeof y == "string" ? y : y.id, J = t.get(P);
+    if (J) {
+      const F = Yn(J, L);
+      P === L.id ? t.set(P, L) : (t.delete(P), t.set(L.id, L)), J.bodies.forEach((nt) => e.delete(nt.id)), L.bodies.forEach((nt) => e.set(nt.id, L.id)), i(A, { updated: [F] });
+    } else
+      throw Error(`Cannot update annotation ${P} - does not exist`);
+  }, l = (y, $ = G.LOCAL) => {
+    const w = t.get(y.annotation);
+    if (w) {
+      const A = {
+        ...w,
+        bodies: [...w.bodies, y]
+      };
+      t.set(w.id, A), e.set(y.id, A.id), i($, { updated: [{
+        oldValue: w,
+        newValue: A,
+        bodiesCreated: [y]
+      }] });
+    } else
+      console.warn(`Attempt to add body to missing annotation: ${y.annotation}`);
+  }, c = () => [...t.values()], h = (y = G.LOCAL) => {
+    const $ = [...t.values()];
+    t.clear(), e.clear(), i(y, { deleted: $ });
+  }, u = (y, $ = !0, w = G.LOCAL) => {
+    if ($) {
+      const A = [...t.values()];
+      t.clear(), e.clear(), y.forEach((L) => {
+        t.set(L.id, L), L.bodies.forEach((P) => e.set(P.id, L.id));
+      }), i(w, { created: y, deleted: A });
+    } else {
+      const A = y.reduce((L, P) => {
+        const J = t.get(P.id);
+        return J ? [...L, J] : L;
+      }, []);
+      if (A.length > 0)
+        throw Error(`Bulk insert would overwrite the following annotations: ${A.map((L) => L.id).join(", ")}`);
+      y.forEach((L) => {
+        t.set(L.id, L), L.bodies.forEach((P) => e.set(P.id, L.id));
+      }), i(w, { created: y });
+    }
+  }, f = (y) => {
+    const $ = typeof y == "string" ? y : y.id, w = t.get($);
+    if (w)
+      return t.delete($), w.bodies.forEach((A) => e.delete(A.id)), w;
+    console.warn(`Attempt to delete missing annotation: ${$}`);
+  }, p = (y, $ = G.LOCAL) => {
+    const w = f(y);
+    w && i($, { deleted: [w] });
+  }, g = (y, $ = G.LOCAL) => {
+    const w = y.reduce((A, L) => {
+      const P = f(L);
+      return P ? [...A, P] : A;
+    }, []);
+    w.length > 0 && i($, { deleted: w });
+  }, m = (y, $ = G.LOCAL) => {
+    const w = t.get(y.annotation);
+    if (w) {
+      const A = w.bodies.find((L) => L.id === y.id);
+      if (A) {
+        e.delete(A.id);
+        const L = {
+          ...w,
+          bodies: w.bodies.filter((P) => P.id !== y.id)
+        };
+        t.set(w.id, L), i($, { updated: [{
+          oldValue: w,
+          newValue: L,
+          bodiesDeleted: [A]
+        }] });
+      } else
+        console.warn(`Attempt to delete missing body ${y.id} from annotation ${y.annotation}`);
+    } else
+      console.warn(`Attempt to delete body from missing annotation ${y.annotation}`);
+  }, b = (y) => {
+    const $ = t.get(y);
+    return $ ? { ...$ } : void 0;
+  }, E = (y) => {
+    const $ = e.get(y);
+    if ($) {
+      const w = b($).bodies.find((A) => A.id === y);
+      if (w)
+        return w;
+      console.error(`Store integrity error: body ${y} in index, but not in annotation`);
+    } else
+      console.warn(`Attempt to retrieve missing body: ${y}`);
+  }, T = (y, $) => {
+    if (y.annotation !== $.annotation)
+      throw "Annotation integrity violation: annotation ID must be the same when updating bodies";
+    const w = t.get(y.annotation);
+    if (w) {
+      const A = w.bodies.find((P) => P.id === y.id), L = {
+        ...w,
+        bodies: w.bodies.map((P) => P.id === A.id ? $ : P)
+      };
+      return t.set(w.id, L), A.id !== $.id && (e.delete(A.id), e.set($.id, L.id)), {
+        oldValue: w,
+        newValue: L,
+        bodiesUpdated: [{ oldBody: A, newBody: $ }]
+      };
+    } else
+      console.warn(`Attempt to add body to missing annotation ${y.annotation}`);
+  }, X = (y, $, w = G.LOCAL) => {
+    const A = T(y, $);
+    i(w, { updated: [A] });
+  }, x = (y, $ = G.LOCAL) => {
+    const w = y.map((A) => T({ id: A.id, annotation: A.annotation }, A));
+    i($, { updated: w });
+  }, _ = (y) => {
+    const $ = t.get(y.annotation);
+    if ($) {
+      const w = {
+        ...$,
+        target: {
+          ...$.target,
+          ...y
+        }
+      };
+      return t.set($.id, w), {
+        oldValue: $,
+        newValue: w,
+        targetUpdated: {
+          oldTarget: $.target,
+          newTarget: y
+        }
+      };
+    } else
+      console.warn(`Attempt to update target on missing annotation: ${y.annotation}`);
+  };
+  return {
+    addAnnotation: a,
+    addBody: l,
+    all: c,
+    bulkAddAnnotation: u,
+    bulkDeleteAnnotation: g,
+    bulkUpdateBodies: x,
+    bulkUpdateTargets: (y, $ = G.LOCAL) => {
+      const w = y.map(_).filter((A) => A);
+      w.length > 0 && i($, { updated: w });
+    },
+    clear: h,
+    deleteAnnotation: p,
+    deleteBody: m,
+    getAnnotation: b,
+    getBody: E,
+    observe: o,
+    unobserve: r,
+    updateAnnotation: s,
+    updateBody: X,
+    updateTarget: (y, $ = G.LOCAL) => {
+      const w = _(y);
+      w && i($, { updated: [w] });
+    }
+  };
+}, Rn = (t) => ({
+  ...t,
+  subscribe: (e) => {
+    const n = (o) => e(o.state);
+    return t.observe(n), e(t.all()), () => t.unobserve(n);
+  }
+}), _n = () => {
+  const { subscribe: t, set: e } = Ut([]);
+  return {
+    subscribe: t,
+    set: e
+  };
+}, In = (t, e, n, o, r, i) => {
+  const a = /* @__PURE__ */ new Map();
+  let s = [], l, c;
+  const h = (g, m) => {
+    a.has(g) ? a.get(g).push(m) : a.set(g, [m]);
+  }, u = (g, m) => {
+    const b = a.get(g);
+    b && b.indexOf(m) > 0 && b.splice(b.indexOf(m), 1);
+  }, f = (g, m, b) => {
+    a.has(g) && setTimeout(() => {
+      a.get(g).forEach((E) => {
+        if (r) {
+          const T = Array.isArray(m) ? m.map((x) => r.serialize(x)) : r.serialize(m), X = b ? b instanceof PointerEvent ? b : r.serialize(b) : void 0;
+          E(T, X);
+        } else
+          E(m, b);
+      });
+    }, 1);
+  }, p = () => {
+    const { selected: g } = e, m = g.map(({ id: b }) => t.getAnnotation(b));
+    m.forEach((b) => {
+      const E = s.find((T) => T.id === b.id);
+      (!E || !pt(E, b)) && f("updateAnnotation", b, E);
+    }), s = s.map((b) => m.find(({ id: T }) => T === b.id) || b);
+  };
+  return e.subscribe(({ selected: g }) => {
+    if (!(s.length === 0 && g.length === 0)) {
+      if (s.length === 0 && g.length > 0)
+        s = g.map(({ id: m }) => t.getAnnotation(m));
+      else if (s.length > 0 && g.length === 0)
+        s.forEach((m) => {
+          const b = t.getAnnotation(m.id);
+          b && !pt(b, m) && f("updateAnnotation", b, m);
+        }), s = [];
+      else {
+        const m = new Set(s.map((E) => E.id)), b = new Set(g.map(({ id: E }) => E));
+        s.filter((E) => !b.has(E.id)).forEach((E) => {
+          const T = t.getAnnotation(E.id);
+          T && !pt(T, E) && f("updateAnnotation", T, E);
+        }), s = [
+          // Remove annotations that were deselected
+          ...s.filter((E) => b.has(E.id)),
+          // Add editable annotations that were selected
+          ...g.filter(({ id: E }) => !m.has(E)).map(({ id: E }) => t.getAnnotation(E))
+        ];
+      }
+      f("selectionChanged", s);
+    }
+  }), n.subscribe((g) => {
+    !l && g ? f("mouseEnterAnnotation", t.getAnnotation(g)) : l && !g ? f("mouseLeaveAnnotation", t.getAnnotation(l)) : l && g && (f("mouseLeaveAnnotation", t.getAnnotation(l)), f("mouseEnterAnnotation", t.getAnnotation(g))), l = g;
+  }), o == null || o.subscribe((g) => f("viewportIntersect", g.map(t.getAnnotation))), t.observe((g) => {
+    i && (c && clearTimeout(c), c = setTimeout(p, 1e3));
+    const { created: m, deleted: b } = g.changes;
+    m.forEach((E) => f("createAnnotation", E)), b.forEach((E) => f("deleteAnnotation", E)), g.changes.updated.filter((E) => [
+      ...E.bodiesCreated || [],
+      ...E.bodiesDeleted || [],
+      ...E.bodiesUpdated || []
+    ].length > 0).forEach(({ oldValue: E, newValue: T }) => {
+      const X = s.find((x) => x.id === E.id) || E;
+      s = s.map((x) => x.id === E.id ? T : x), f("updateAnnotation", T, X);
+    });
+  }, { origin: G.LOCAL }), t.observe((g) => {
+    if (s) {
+      const m = new Set(s.map((E) => E.id)), b = g.changes.updated.filter(({ newValue: E }) => m.has(E.id)).map(({ newValue: E }) => E);
+      b.length > 0 && (s = s.map((E) => b.find((X) => X.id === E.id) || E));
+    }
+  }, { origin: G.REMOTE }), { on: h, off: u, emit: f };
+}, Nn = (t) => (e) => e.reduce((n, o) => {
+  const { parsed: r, error: i } = t.parse(o);
+  return i ? {
+    parsed: n.parsed,
+    failed: [...n.failed, o]
+  } : {
+    parsed: [...n.parsed, r],
+    failed: n.failed
+  };
+}, { parsed: [], failed: [] }), Dn = (t, e) => {
+  const n = (c) => {
+    if (e) {
+      const { parsed: h, error: u } = e.parse(c);
+      h ? t.addAnnotation(h, G.REMOTE) : console.error(u);
+    } else
+      t.addAnnotation(c, G.REMOTE);
+  }, o = () => t.clear(), r = (c) => {
+    const h = t.getAnnotation(c);
+    return e && h ? e.serialize(h) : h;
+  }, i = () => e ? t.all().map(e.serialize) : t.all(), a = (c) => fetch(c).then((h) => h.json()).then((h) => (l(h), h)), s = (c) => {
+    if (typeof c == "string") {
+      const h = t.getAnnotation(c);
+      return t.deleteAnnotation(c), e ? e.serialize(h) : h;
+    } else {
+      const h = e ? e.parse(c).parsed : c;
+      return t.deleteAnnotation(h), c;
+    }
+  }, l = (c) => {
+    if (e) {
+      const { parsed: h, failed: u } = Nn(e)(c);
+      u.length > 0 && console.warn(`Discarded ${u.length} invalid annotations`, u), t.bulkAddAnnotation(h, !0, G.REMOTE);
+    } else
+      t.bulkAddAnnotation(c, !0, G.REMOTE);
+  };
+  return {
+    addAnnotation: n,
+    clearAnnotations: o,
+    getAnnotationById: r,
+    getAnnotations: i,
+    loadAnnotations: a,
+    removeAnnotation: s,
+    setAnnotations: l,
+    updateAnnotation: (c) => {
+      if (e) {
+        const h = e.parse(c).parsed, u = e.serialize(t.getAnnotation(h.id));
+        return t.updateAnnotation(h), u;
+      } else {
+        const h = t.getAnnotation(c.id);
+        return t.updateAnnotation(c), h;
+      }
+    }
+  };
+};
+let kn = (t) => crypto.getRandomValues(new Uint8Array(t)), Gn = (t, e, n) => {
+  let o = (2 << Math.log(t.length - 1) / Math.LN2) - 1, r = -~(1.6 * o * e / t.length);
+  return (i = e) => {
+    let a = "";
+    for (; ; ) {
+      let s = n(r), l = r;
+      for (; l--; )
+        if (a += t[s[l] & o] || "", a.length === i)
+          return a;
+    }
+  };
+}, Fn = (t, e = 21) => Gn(t, e, kn), Un = (t = 21) => crypto.getRandomValues(new Uint8Array(t)).reduce((e, n) => (n &= 63, n < 36 ? e += n.toString(36) : n < 62 ? e += (n - 26).toString(36).toUpperCase() : n > 62 ? e += "-" : e += "_", e), "");
+const Vn = () => ({ isGuest: !0, id: Fn("1234567890abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ_", 20)() }), Hn = (t) => {
+  const e = JSON.stringify(t);
+  let n = 0;
+  for (let o = 0, r = e.length; o < r; o++) {
+    let i = e.charCodeAt(o);
+    n = (n << 5) - n + i, n |= 0;
+  }
+  return `${n}`;
+}, jn = (t, e) => (Array.isArray(t) ? t : [t]).map((n) => {
+  const { id: o, type: r, purpose: i, value: a, created: s, creator: l, ...c } = n;
+  return {
+    id: o || `temp-${Hn(n)}`,
+    annotation: e,
+    type: r,
+    purpose: i,
+    value: a,
+    created: s,
+    creator: l ? typeof l == "object" ? { ...l } : l : void 0,
+    ...c
+  };
+}), Cn = (t) => t.map((e) => {
+  var n;
+  const o = { ...e };
+  return delete o.annotation, (n = o.id) != null && n.startsWith("temp-") && delete o.id, o;
+});
+Un();
+const ar = (t, e = !1) => ({ parse: (n) => zn(n, e), serialize: (n) => Wn(n, t) }), zn = (t, e = !1) => {
+  const n = t.id || Fe(), o = jn(t.body, n), r = Array.isArray(t.target) ? t.target[0] : t.target, i = Array.isArray(r.selector) ? r.selector[0] : r.selector, a = i.type === "FragmentSelector" ? un(i, e) : i.type === "SvgSelector" ? yn(i) : void 0;
+  return a ? {
+    parsed: {
+      ...t,
+      id: n,
+      bodies: o,
+      target: {
+        annotation: n,
+        selector: a
+      }
+    }
+  } : {
+    error: Error(`Unknown selector type: ${a.type}`)
+  };
+}, Wn = (t, e) => {
+  const n = t.target.selector, o = n.type == U.RECTANGLE ? hn(n.geometry) : wn(n);
+  return {
+    ...t,
+    "@context": "http://www.w3.org/ns/anno.jsonld",
+    id: t.id,
+    type: "Annotation",
+    body: Cn(t.bodies),
+    target: {
+      source: e,
+      selector: o
+    }
+  };
+};
+function fe(t, e, n) {
+  const o = t.slice();
+  return o[11] = e[n], o[13] = n, o;
+}
+function ge(t) {
+  let e, n, o, r, i;
+  return {
+    c() {
+      e = R("rect"), d(e, "class", "a9s-corner-handle"), d(e, "x", n = /*point*/
+      t[11][0] - /*handleSize*/
+      t[3] / 2), d(e, "y", o = /*point*/
+      t[11][1] - /*handleSize*/
+      t[3] / 2), d(
+        e,
+        "height",
+        /*handleSize*/
+        t[3]
+      ), d(
+        e,
+        "width",
+        /*handleSize*/
+        t[3]
+      );
+    },
+    m(a, s) {
+      O(a, e, s), r || (i = C(e, "pointerdown", function() {
+        V(
+          /*grab*/
+          t[10](M(
+            /*idx*/
+            t[13]
+          ))
+        ) && t[10](M(
+          /*idx*/
+          t[13]
+        )).apply(this, arguments);
+      }), r = !0);
+    },
+    p(a, s) {
+      t = a, s & /*geom, handleSize*/
+      24 && n !== (n = /*point*/
+      t[11][0] - /*handleSize*/
+      t[3] / 2) && d(e, "x", n), s & /*geom, handleSize*/
+      24 && o !== (o = /*point*/
+      t[11][1] - /*handleSize*/
+      t[3] / 2) && d(e, "y", o), s & /*handleSize*/
+      8 && d(
+        e,
+        "height",
+        /*handleSize*/
+        t[3]
+      ), s & /*handleSize*/
+      8 && d(
+        e,
+        "width",
+        /*handleSize*/
+        t[3]
+      );
+    },
+    d(a) {
+      a && S(e), r = !1, i();
+    }
+  };
+}
+function qn(t) {
+  let e, n, o, r, i, a, s, l, c, h, u = (
+    /*geom*/
+    t[4].points
+  ), f = [];
+  for (let p = 0; p < u.length; p += 1)
+    f[p] = ge(fe(t, u, p));
+  return {
+    c() {
+      e = R("polygon"), r = K(), i = R("polygon"), s = K();
+      for (let p = 0; p < f.length; p += 1)
+        f[p].c();
+      l = at(), d(e, "class", "a9s-outer"), d(e, "style", n = /*computedStyle*/
+      t[1] ? "display:none;" : void 0), d(e, "points", o = /*geom*/
+      t[4].points.map(me).join(" ")), d(i, "class", "a9s-inner a9s-shape-handle"), d(
+        i,
+        "style",
+        /*computedStyle*/
+        t[1]
+      ), d(i, "points", a = /*geom*/
+      t[4].points.map(ye).join(" "));
+    },
+    m(p, g) {
+      O(p, e, g), O(p, r, g), O(p, i, g), O(p, s, g);
+      for (let m = 0; m < f.length; m += 1)
+        f[m] && f[m].m(p, g);
+      O(p, l, g), c || (h = [
+        C(e, "pointerdown", function() {
+          V(
+            /*grab*/
+            t[10](M.SHAPE)
+          ) && t[10](M.SHAPE).apply(this, arguments);
+        }),
+        C(i, "pointerdown", function() {
+          V(
+            /*grab*/
+            t[10](M.SHAPE)
+          ) && t[10](M.SHAPE).apply(this, arguments);
+        })
+      ], c = !0);
+    },
+    p(p, g) {
+      if (t = p, g & /*computedStyle*/
+      2 && n !== (n = /*computedStyle*/
+      t[1] ? "display:none;" : void 0) && d(e, "style", n), g & /*geom*/
+      16 && o !== (o = /*geom*/
+      t[4].points.map(me).join(" ")) && d(e, "points", o), g & /*computedStyle*/
+      2 && d(
+        i,
+        "style",
+        /*computedStyle*/
+        t[1]
+      ), g & /*geom*/
+      16 && a !== (a = /*geom*/
+      t[4].points.map(ye).join(" ")) && d(i, "points", a), g & /*geom, handleSize, grab, Handle*/
+      1048) {
+        u = /*geom*/
+        t[4].points;
+        let m;
+        for (m = 0; m < u.length; m += 1) {
+          const b = fe(t, u, m);
+          f[m] ? f[m].p(b, g) : (f[m] = ge(b), f[m].c(), f[m].m(l.parentNode, l));
+        }
+        for (; m < f.length; m += 1)
+          f[m].d(1);
+        f.length = u.length;
+      }
+    },
+    d(p) {
+      p && S(e), p && S(r), p && S(i), p && S(s), ee(f, p), p && S(l), c = !1, it(h);
+    }
+  };
+}
+function Jn(t) {
+  let e, n;
+  return e = new He({
+    props: {
+      shape: (
+        /*shape*/
+        t[0]
+      ),
+      transform: (
+        /*transform*/
+        t[2]
+      ),
+      editor: (
+        /*editor*/
+        t[5]
+      ),
+      $$slots: {
+        default: [
+          qn,
+          ({ grab: o }) => ({ 10: o }),
+          ({ grab: o }) => o ? 1024 : 0
+        ]
+      },
+      $$scope: { ctx: t }
+    }
+  }), e.$on(
+    "change",
+    /*change_handler*/
+    t[7]
+  ), e.$on(
+    "grab",
+    /*grab_handler*/
+    t[8]
+  ), e.$on(
+    "release",
+    /*release_handler*/
+    t[9]
+  ), {
+    c() {
+      ft(e.$$.fragment);
+    },
+    m(o, r) {
+      dt(e, o, r), n = !0;
+    },
+    p(o, [r]) {
+      const i = {};
+      r & /*shape*/
+      1 && (i.shape = /*shape*/
+      o[0]), r & /*transform*/
+      4 && (i.transform = /*transform*/
+      o[2]), r & /*$$scope, geom, handleSize, grab, computedStyle*/
+      17434 && (i.$$scope = { dirty: r, ctx: o }), e.$set(i);
+    },
+    i(o) {
+      n || (I(e.$$.fragment, o), n = !0);
+    },
+    o(o) {
+      N(e.$$.fragment, o), n = !1;
+    },
+    d(o) {
+      ut(e, o);
+    }
+  };
+}
+const me = (t) => t.join(","), ye = (t) => t.join(",");
+function Qn(t, e, n) {
+  let o, r, { shape: i } = e, { computedStyle: a = void 0 } = e, { transform: s } = e, { viewportScale: l = 1 } = e;
+  const c = (p, g, m) => {
+    let b;
+    g === M.SHAPE ? b = p.geometry.points.map(([T, X]) => [T + m[0], X + m[1]]) : b = p.geometry.points.map(([T, X], x) => g === M(x) ? [T + m[0], X + m[1]] : [T, X]);
+    const E = Ft(b);
+    return { ...p, geometry: { points: b, bounds: E } };
+  };
+  function h(p) {
+    Et.call(this, t, p);
+  }
+  function u(p) {
+    Et.call(this, t, p);
+  }
+  function f(p) {
+    Et.call(this, t, p);
+  }
+  return t.$$set = (p) => {
+    "shape" in p && n(0, i = p.shape), "computedStyle" in p && n(1, a = p.computedStyle), "transform" in p && n(2, s = p.transform), "viewportScale" in p && n(6, l = p.viewportScale);
+  }, t.$$.update = () => {
+    t.$$.dirty & /*shape*/
+    1 && n(4, o = i.geometry), t.$$.dirty & /*viewportScale*/
+    64 && n(3, r = 10 / l);
+  }, [
+    i,
+    a,
+    s,
+    r,
+    o,
+    c,
+    l,
+    h,
+    u,
+    f
+  ];
+}
+class Zn extends et {
+  constructor(e) {
+    super(), tt(this, e, Qn, Jn, q, {
+      shape: 0,
+      computedStyle: 1,
+      transform: 2,
+      viewportScale: 6
+    });
+  }
+}
+function Kn(t) {
+  let e, n, o, r, i, a, s, l, c, h, u, f, p, g, m, b, E, T, X, x, _, y, $, w, A, L, P, J, F, nt, gt, mt, St, W, Y, z, H, D, st, lt, Ht, Q, Pt, Rt, jt, Z, _t, It, Ct, ie;
+  return {
+    c() {
+      e = R("rect"), s = K(), l = R("rect"), p = K(), g = R("rect"), T = K(), X = R("rect"), $ = K(), w = R("rect"), J = K(), F = R("rect"), St = K(), W = R("rect"), H = K(), D = R("rect"), Ht = K(), Q = R("rect"), jt = K(), Z = R("rect"), d(e, "class", "a9s-outer"), d(e, "style", n = /*computedStyle*/
+      t[1] ? "display:none;" : void 0), d(e, "x", o = /*geom*/
+      t[4].x), d(e, "y", r = /*geom*/
+      t[4].y), d(e, "width", i = /*geom*/
+      t[4].w), d(e, "height", a = /*geom*/
+      t[4].h), d(l, "class", "a9s-inner a9s-shape-handle"), d(
+        l,
+        "style",
+        /*computedStyle*/
+        t[1]
+      ), d(l, "x", c = /*geom*/
+      t[4].x), d(l, "y", h = /*geom*/
+      t[4].y), d(l, "width", u = /*geom*/
+      t[4].w), d(l, "height", f = /*geom*/
+      t[4].h), d(g, "class", "a9s-edge-handle a9s-edge-handle-top"), d(g, "x", m = /*geom*/
+      t[4].x), d(g, "y", b = /*geom*/
+      t[4].y), d(g, "height", 1), d(g, "width", E = /*geom*/
+      t[4].w), d(X, "class", "a9s-edge-handle a9s-edge-handle-right"), d(X, "x", x = /*geom*/
+      t[4].x + /*geom*/
+      t[4].w), d(X, "y", _ = /*geom*/
+      t[4].y), d(X, "height", y = /*geom*/
+      t[4].h), d(X, "width", 1), d(w, "class", "a9s-edge-handle a9s-edge-handle-bottom"), d(w, "x", A = /*geom*/
+      t[4].x), d(w, "y", L = /*geom*/
+      t[4].y + /*geom*/
+      t[4].h), d(w, "height", 1), d(w, "width", P = /*geom*/
+      t[4].w), d(F, "class", "a9s-edge-handle a9s-edge-handle-left"), d(F, "x", nt = /*geom*/
+      t[4].x), d(F, "y", gt = /*geom*/
+      t[4].y), d(F, "height", mt = /*geom*/
+      t[4].h), d(F, "width", 1), d(W, "class", "a9s-corner-handle a9s-corner-handle-topleft"), d(W, "x", Y = /*geom*/
+      t[4].x - /*handleSize*/
+      t[3] / 2), d(W, "y", z = /*geom*/
+      t[4].y - /*handleSize*/
+      t[3] / 2), d(
+        W,
+        "height",
+        /*handleSize*/
+        t[3]
+      ), d(
+        W,
+        "width",
+        /*handleSize*/
+        t[3]
+      ), d(D, "class", "a9s-corner-handle a9s-corner-handle-topright"), d(D, "x", st = /*geom*/
+      t[4].x + /*geom*/
+      t[4].w - /*handleSize*/
+      t[3] / 2), d(D, "y", lt = /*geom*/
+      t[4].y - /*handleSize*/
+      t[3] / 2), d(
+        D,
+        "height",
+        /*handleSize*/
+        t[3]
+      ), d(
+        D,
+        "width",
+        /*handleSize*/
+        t[3]
+      ), d(Q, "class", "a9s-corner-handle a9s-corner-handle-bottomright"), d(Q, "x", Pt = /*geom*/
+      t[4].x + /*geom*/
+      t[4].w - /*handleSize*/
+      t[3] / 2), d(Q, "y", Rt = /*geom*/
+      t[4].y + /*geom*/
+      t[4].h - /*handleSize*/
+      t[3] / 2), d(
+        Q,
+        "height",
+        /*handleSize*/
+        t[3]
+      ), d(
+        Q,
+        "width",
+        /*handleSize*/
+        t[3]
+      ), d(Z, "class", "a9s-corner-handle a9s-corner-handle-bottomleft"), d(Z, "x", _t = /*geom*/
+      t[4].x - /*handleSize*/
+      t[3] / 2), d(Z, "y", It = /*geom*/
+      t[4].y + /*geom*/
+      t[4].h - /*handleSize*/
+      t[3] / 2), d(
+        Z,
+        "height",
+        /*handleSize*/
+        t[3]
+      ), d(
+        Z,
+        "width",
+        /*handleSize*/
+        t[3]
+      );
+    },
+    m(B, v) {
+      O(B, e, v), O(B, s, v), O(B, l, v), O(B, p, v), O(B, g, v), O(B, T, v), O(B, X, v), O(B, $, v), O(B, w, v), O(B, J, v), O(B, F, v), O(B, St, v), O(B, W, v), O(B, H, v), O(B, D, v), O(B, Ht, v), O(B, Q, v), O(B, jt, v), O(B, Z, v), Ct || (ie = [
+        C(e, "pointerdown", function() {
+          V(
+            /*grab*/
+            t[10](M.SHAPE)
+          ) && t[10](M.SHAPE).apply(this, arguments);
+        }),
+        C(l, "pointerdown", function() {
+          V(
+            /*grab*/
+            t[10](M.SHAPE)
+          ) && t[10](M.SHAPE).apply(this, arguments);
+        }),
+        C(g, "pointerdown", function() {
+          V(
+            /*grab*/
+            t[10](M.TOP)
+          ) && t[10](M.TOP).apply(this, arguments);
+        }),
+        C(X, "pointerdown", function() {
+          V(
+            /*grab*/
+            t[10](M.RIGHT)
+          ) && t[10](M.RIGHT).apply(this, arguments);
+        }),
+        C(w, "pointerdown", function() {
+          V(
+            /*grab*/
+            t[10](M.BOTTOM)
+          ) && t[10](M.BOTTOM).apply(this, arguments);
+        }),
+        C(F, "pointerdown", function() {
+          V(
+            /*grab*/
+            t[10](M.LEFT)
+          ) && t[10](M.LEFT).apply(this, arguments);
+        }),
+        C(W, "pointerdown", function() {
+          V(
+            /*grab*/
+            t[10](M.TOP_LEFT)
+          ) && t[10](M.TOP_LEFT).apply(this, arguments);
+        }),
+        C(D, "pointerdown", function() {
+          V(
+            /*grab*/
+            t[10](M.TOP_RIGHT)
+          ) && t[10](M.TOP_RIGHT).apply(this, arguments);
+        }),
+        C(Q, "pointerdown", function() {
+          V(
+            /*grab*/
+            t[10](M.BOTTOM_RIGHT)
+          ) && t[10](M.BOTTOM_RIGHT).apply(this, arguments);
+        }),
+        C(Z, "pointerdown", function() {
+          V(
+            /*grab*/
+            t[10](M.BOTTOM_LEFT)
+          ) && t[10](M.BOTTOM_LEFT).apply(this, arguments);
+        })
+      ], Ct = !0);
+    },
+    p(B, v) {
+      t = B, v & /*computedStyle*/
+      2 && n !== (n = /*computedStyle*/
+      t[1] ? "display:none;" : void 0) && d(e, "style", n), v & /*geom*/
+      16 && o !== (o = /*geom*/
+      t[4].x) && d(e, "x", o), v & /*geom*/
+      16 && r !== (r = /*geom*/
+      t[4].y) && d(e, "y", r), v & /*geom*/
+      16 && i !== (i = /*geom*/
+      t[4].w) && d(e, "width", i), v & /*geom*/
+      16 && a !== (a = /*geom*/
+      t[4].h) && d(e, "height", a), v & /*computedStyle*/
+      2 && d(
+        l,
+        "style",
+        /*computedStyle*/
+        t[1]
+      ), v & /*geom*/
+      16 && c !== (c = /*geom*/
+      t[4].x) && d(l, "x", c), v & /*geom*/
+      16 && h !== (h = /*geom*/
+      t[4].y) && d(l, "y", h), v & /*geom*/
+      16 && u !== (u = /*geom*/
+      t[4].w) && d(l, "width", u), v & /*geom*/
+      16 && f !== (f = /*geom*/
+      t[4].h) && d(l, "height", f), v & /*geom*/
+      16 && m !== (m = /*geom*/
+      t[4].x) && d(g, "x", m), v & /*geom*/
+      16 && b !== (b = /*geom*/
+      t[4].y) && d(g, "y", b), v & /*geom*/
+      16 && E !== (E = /*geom*/
+      t[4].w) && d(g, "width", E), v & /*geom*/
+      16 && x !== (x = /*geom*/
+      t[4].x + /*geom*/
+      t[4].w) && d(X, "x", x), v & /*geom*/
+      16 && _ !== (_ = /*geom*/
+      t[4].y) && d(X, "y", _), v & /*geom*/
+      16 && y !== (y = /*geom*/
+      t[4].h) && d(X, "height", y), v & /*geom*/
+      16 && A !== (A = /*geom*/
+      t[4].x) && d(w, "x", A), v & /*geom*/
+      16 && L !== (L = /*geom*/
+      t[4].y + /*geom*/
+      t[4].h) && d(w, "y", L), v & /*geom*/
+      16 && P !== (P = /*geom*/
+      t[4].w) && d(w, "width", P), v & /*geom*/
+      16 && nt !== (nt = /*geom*/
+      t[4].x) && d(F, "x", nt), v & /*geom*/
+      16 && gt !== (gt = /*geom*/
+      t[4].y) && d(F, "y", gt), v & /*geom*/
+      16 && mt !== (mt = /*geom*/
+      t[4].h) && d(F, "height", mt), v & /*geom, handleSize*/
+      24 && Y !== (Y = /*geom*/
+      t[4].x - /*handleSize*/
+      t[3] / 2) && d(W, "x", Y), v & /*geom, handleSize*/
+      24 && z !== (z = /*geom*/
+      t[4].y - /*handleSize*/
+      t[3] / 2) && d(W, "y", z), v & /*handleSize*/
+      8 && d(
+        W,
+        "height",
+        /*handleSize*/
+        t[3]
+      ), v & /*handleSize*/
+      8 && d(
+        W,
+        "width",
+        /*handleSize*/
+        t[3]
+      ), v & /*geom, handleSize*/
+      24 && st !== (st = /*geom*/
+      t[4].x + /*geom*/
+      t[4].w - /*handleSize*/
+      t[3] / 2) && d(D, "x", st), v & /*geom, handleSize*/
+      24 && lt !== (lt = /*geom*/
+      t[4].y - /*handleSize*/
+      t[3] / 2) && d(D, "y", lt), v & /*handleSize*/
+      8 && d(
+        D,
+        "height",
+        /*handleSize*/
+        t[3]
+      ), v & /*handleSize*/
+      8 && d(
+        D,
+        "width",
+        /*handleSize*/
+        t[3]
+      ), v & /*geom, handleSize*/
+      24 && Pt !== (Pt = /*geom*/
+      t[4].x + /*geom*/
+      t[4].w - /*handleSize*/
+      t[3] / 2) && d(Q, "x", Pt), v & /*geom, handleSize*/
+      24 && Rt !== (Rt = /*geom*/
+      t[4].y + /*geom*/
+      t[4].h - /*handleSize*/
+      t[3] / 2) && d(Q, "y", Rt), v & /*handleSize*/
+      8 && d(
+        Q,
+        "height",
+        /*handleSize*/
+        t[3]
+      ), v & /*handleSize*/
+      8 && d(
+        Q,
+        "width",
+        /*handleSize*/
+        t[3]
+      ), v & /*geom, handleSize*/
+      24 && _t !== (_t = /*geom*/
+      t[4].x - /*handleSize*/
+      t[3] / 2) && d(Z, "x", _t), v & /*geom, handleSize*/
+      24 && It !== (It = /*geom*/
+      t[4].y + /*geom*/
+      t[4].h - /*handleSize*/
+      t[3] / 2) && d(Z, "y", It), v & /*handleSize*/
+      8 && d(
+        Z,
+        "height",
+        /*handleSize*/
+        t[3]
+      ), v & /*handleSize*/
+      8 && d(
+        Z,
+        "width",
+        /*handleSize*/
+        t[3]
+      );
+    },
+    d(B) {
+      B && S(e), B && S(s), B && S(l), B && S(p), B && S(g), B && S(T), B && S(X), B && S($), B && S(w), B && S(J), B && S(F), B && S(St), B && S(W), B && S(H), B && S(D), B && S(Ht), B && S(Q), B && S(jt), B && S(Z), Ct = !1, it(ie);
+    }
+  };
+}
+function to(t) {
+  let e, n;
+  return e = new He({
+    props: {
+      shape: (
+        /*shape*/
+        t[0]
+      ),
+      transform: (
+        /*transform*/
+        t[2]
+      ),
+      editor: (
+        /*editor*/
+        t[5]
+      ),
+      $$slots: {
+        default: [
+          Kn,
+          ({ grab: o }) => ({ 10: o }),
+          ({ grab: o }) => o ? 1024 : 0
+        ]
+      },
+      $$scope: { ctx: t }
+    }
+  }), e.$on(
+    "grab",
+    /*grab_handler*/
+    t[7]
+  ), e.$on(
+    "change",
+    /*change_handler*/
+    t[8]
+  ), e.$on(
+    "release",
+    /*release_handler*/
+    t[9]
+  ), {
+    c() {
+      ft(e.$$.fragment);
+    },
+    m(o, r) {
+      dt(e, o, r), n = !0;
+    },
+    p(o, [r]) {
+      const i = {};
+      r & /*shape*/
+      1 && (i.shape = /*shape*/
+      o[0]), r & /*transform*/
+      4 && (i.transform = /*transform*/
+      o[2]), r & /*$$scope, geom, handleSize, grab, computedStyle*/
+      3098 && (i.$$scope = { dirty: r, ctx: o }), e.$set(i);
+    },
+    i(o) {
+      n || (I(e.$$.fragment, o), n = !0);
+    },
+    o(o) {
+      N(e.$$.fragment, o), n = !1;
+    },
+    d(o) {
+      ut(e, o);
+    }
+  };
+}
+function eo(t, e, n) {
+  let o, r, { shape: i } = e, { computedStyle: a = void 0 } = e, { transform: s } = e, { viewportScale: l = 1 } = e;
+  const c = (p, g, m) => {
+    const b = p.geometry.bounds;
+    let [E, T] = [b.minX, b.minY], [X, x] = [b.maxX, b.maxY];
+    const [_, y] = m;
+    if (g === M.SHAPE)
+      E += _, X += _, T += y, x += y;
+    else {
+      switch (g) {
+        case M.TOP:
+        case M.TOP_LEFT:
+        case M.TOP_RIGHT: {
+          T += y;
+          break;
+        }
+        case M.BOTTOM:
+        case M.BOTTOM_LEFT:
+        case M.BOTTOM_RIGHT: {
+          x += y;
+          break;
+        }
+      }
+      switch (g) {
+        case M.LEFT:
+        case M.TOP_LEFT:
+        case M.BOTTOM_LEFT: {
+          E += _;
+          break;
+        }
+        case M.RIGHT:
+        case M.TOP_RIGHT:
+        case M.BOTTOM_RIGHT: {
+          X += _;
+          break;
+        }
+      }
+    }
+    const $ = Math.min(E, X), w = Math.min(T, x), A = Math.abs(X - E), L = Math.abs(x - T);
+    return {
+      ...p,
+      geometry: {
+        x: $,
+        y: w,
+        w: A,
+        h: L,
+        bounds: {
+          minX: $,
+          minY: w,
+          maxX: $ + A,
+          maxY: w + L
+        }
+      }
+    };
+  };
+  function h(p) {
+    Et.call(this, t, p);
+  }
+  function u(p) {
+    Et.call(this, t, p);
+  }
+  function f(p) {
+    Et.call(this, t, p);
+  }
+  return t.$$set = (p) => {
+    "shape" in p && n(0, i = p.shape), "computedStyle" in p && n(1, a = p.computedStyle), "transform" in p && n(2, s = p.transform), "viewportScale" in p && n(6, l = p.viewportScale);
+  }, t.$$.update = () => {
+    t.$$.dirty & /*shape*/
+    1 && n(4, o = i.geometry), t.$$.dirty & /*viewportScale*/
+    64 && n(3, r = 10 / l);
+  }, [
+    i,
+    a,
+    s,
+    r,
+    o,
+    c,
+    l,
+    h,
+    u,
+    f
+  ];
+}
+class no extends et {
+  constructor(e) {
+    super(), tt(this, e, eo, to, q, {
+      shape: 0,
+      computedStyle: 1,
+      transform: 2,
+      viewportScale: 6
+    });
+  }
+}
+const Ve = /* @__PURE__ */ new Map([
+  [U.RECTANGLE, no],
+  [U.POLYGON, Zn]
+]), we = (t) => Ve.get(t.type), oo = (t, e) => Ve.set(t, e), M = (t) => `HANDLE-${t}`;
+M.SHAPE = "SHAPE";
+M.TOP = "TOP";
+M.RIGHT = "RIGHT";
+M.BOTTOM = "BOTTOM";
+M.LEFT = "LEFT";
+M.TOP_LEFT = "TOP_LEFT";
+M.TOP_RIGHT = "TOP_RIGHT";
+M.BOTTOM_RIGHT = "BOTTOM_RIGHT";
+M.BOTTOM_LEFT = "BOTTOM_LEFT";
+const ro = (t) => ({}), $e = (t) => ({ grab: (
+  /*onGrab*/
+  t[0]
+) });
+function io(t) {
+  let e, n, o, r;
+  const i = (
+    /*#slots*/
+    t[7].default
+  ), a = qe(
+    i,
+    t,
+    /*$$scope*/
+    t[6],
+    $e
+  );
+  return {
+    c() {
+      e = R("g"), a && a.c(), d(e, "class", "a9s-annotation selected");
+    },
+    m(s, l) {
+      O(s, e, l), a && a.m(e, null), n = !0, o || (r = [
+        C(
+          e,
+          "pointerup",
+          /*onRelease*/
+          t[2]
+        ),
+        C(
+          e,
+          "pointermove",
+          /*onPointerMove*/
+          t[1]
+        )
+      ], o = !0);
+    },
+    p(s, [l]) {
+      a && a.p && (!n || l & /*$$scope*/
+      64) && Qe(
+        a,
+        i,
+        s,
+        /*$$scope*/
+        s[6],
+        n ? Je(
+          i,
+          /*$$scope*/
+          s[6],
+          l,
+          ro
+        ) : Ze(
+          /*$$scope*/
+          s[6]
+        ),
+        $e
+      );
+    },
+    i(s) {
+      n || (I(a, s), n = !0);
+    },
+    o(s) {
+      N(a, s), n = !1;
+    },
+    d(s) {
+      s && S(e), a && a.d(s), o = !1, it(r);
+    }
+  };
+}
+function ao(t, e, n) {
+  let { $$slots: o = {}, $$scope: r } = e;
+  const i = Mt();
+  let { shape: a } = e, { editor: s } = e, { transform: l } = e, c = null, h, u = null;
+  const f = (m) => (b) => {
+    c = m, h = l.elementToImage(b.offsetX, b.offsetY), u = a, b.target.setPointerCapture(b.pointerId), i("grab");
+  }, p = (m) => {
+    if (c) {
+      const [b, E] = l.elementToImage(m.offsetX, m.offsetY), T = [b - h[0], E - h[1]];
+      n(3, a = s(u, c, T)), i("change", a);
+    }
+  }, g = (m) => {
+    m.target.releasePointerCapture(m.pointerId), c = null, u = a, i("release");
+  };
+  return t.$$set = (m) => {
+    "shape" in m && n(3, a = m.shape), "editor" in m && n(4, s = m.editor), "transform" in m && n(5, l = m.transform), "$$scope" in m && n(6, r = m.$$scope);
+  }, [f, p, g, a, s, l, r, o];
+}
+class He extends et {
+  constructor(e) {
+    super(), tt(this, e, ao, io, q, { shape: 3, editor: 4, transform: 5 });
+  }
+}
+const Vt = (t, e) => {
+  const n = typeof e == "function" ? e(t) : e;
+  if (n) {
+    const { fill: o, fillOpacity: r } = n;
+    let i = "";
+    return o && (i += `fill:${o};stroke:${o};`), i += `fill-opacity:${r || "0.25"};`, i;
+  }
+};
+function so(t, e, n) {
+  let o;
+  const r = Mt();
+  let { annotation: i } = e, { editor: a } = e, { style: s = void 0 } = e, { target: l } = e, { transform: c } = e, { viewportScale: h } = e, u;
+  return Xt(() => (n(6, u = new a({
+    target: l,
+    props: {
+      shape: i.target.selector,
+      computedStyle: o,
+      transform: c,
+      viewportScale: h
+    }
+  })), u.$on("change", (f) => {
+    u.$$set({ shape: f.detail }), r("change", f.detail);
+  }), u.$on("grab", (f) => r("grab", f.detail)), u.$on("release", (f) => r("release", f.detail)), () => {
+    u.$destroy();
+  })), t.$$set = (f) => {
+    "annotation" in f && n(0, i = f.annotation), "editor" in f && n(1, a = f.editor), "style" in f && n(2, s = f.style), "target" in f && n(3, l = f.target), "transform" in f && n(4, c = f.transform), "viewportScale" in f && n(5, h = f.viewportScale);
+  }, t.$$.update = () => {
+    t.$$.dirty & /*annotation, style*/
+    5 && (o = Vt(i, s)), t.$$.dirty & /*editorComponent, transform*/
+    80 && u && u.$set({ transform: c }), t.$$.dirty & /*editorComponent, viewportScale*/
+    96 && u && u.$set({ viewportScale: h });
+  }, [i, a, s, l, c, h, u];
+}
+class lo extends et {
+  constructor(e) {
+    super(), tt(this, e, so, null, q, {
+      annotation: 0,
+      editor: 1,
+      style: 2,
+      target: 3,
+      transform: 4,
+      viewportScale: 5
+    });
+  }
+}
+function co(t, e, n) {
+  const o = Mt();
+  let { drawingMode: r } = e, { target: i } = e, { tool: a } = e, { transform: s } = e, { viewportScale: l } = e, c;
+  return Xt(() => {
+    const h = i.closest("svg"), u = [], f = (p, g, m) => {
+      h.addEventListener(p, g, m), u.push(() => h.removeEventListener(p, g, m));
+    };
+    return n(5, c = new a({
+      target: i,
+      props: {
+        addEventListener: f,
+        drawingMode: r,
+        transform: s,
+        viewportScale: l
+      }
+    })), c.$on("create", (p) => o("create", p.detail)), () => {
+      u.forEach((p) => p()), c.$destroy();
+    };
+  }), t.$$set = (h) => {
+    "drawingMode" in h && n(0, r = h.drawingMode), "target" in h && n(1, i = h.target), "tool" in h && n(2, a = h.tool), "transform" in h && n(3, s = h.transform), "viewportScale" in h && n(4, l = h.viewportScale);
+  }, t.$$.update = () => {
+    t.$$.dirty & /*toolComponent, transform*/
+    40 && c && c.$set({ transform: s }), t.$$.dirty & /*toolComponent, viewportScale*/
+    48 && c && c.$set({ viewportScale: l });
+  }, [r, i, a, s, l, c];
+}
+class uo extends et {
+  constructor(e) {
+    super(), tt(this, e, co, null, q, {
+      drawingMode: 0,
+      target: 1,
+      tool: 2,
+      transform: 3,
+      viewportScale: 4
+    });
+  }
+}
+function xe(t) {
+  let e, n;
+  return {
+    c() {
+      e = R("rect"), n = R("rect"), d(e, "class", "a9s-outer"), d(
+        e,
+        "x",
+        /*x*/
+        t[2]
+      ), d(
+        e,
+        "y",
+        /*y*/
+        t[3]
+      ), d(
+        e,
+        "width",
+        /*w*/
+        t[4]
+      ), d(
+        e,
+        "height",
+        /*h*/
+        t[5]
+      ), d(n, "class", "a9s-inner"), d(
+        n,
+        "x",
+        /*x*/
+        t[2]
+      ), d(
+        n,
+        "y",
+        /*y*/
+        t[3]
+      ), d(
+        n,
+        "width",
+        /*w*/
+        t[4]
+      ), d(
+        n,
+        "height",
+        /*h*/
+        t[5]
+      );
+    },
+    m(o, r) {
+      O(o, e, r), O(o, n, r);
+    },
+    p(o, r) {
+      r & /*x*/
+      4 && d(
+        e,
+        "x",
+        /*x*/
+        o[2]
+      ), r & /*y*/
+      8 && d(
+        e,
+        "y",
+        /*y*/
+        o[3]
+      ), r & /*w*/
+      16 && d(
+        e,
+        "width",
+        /*w*/
+        o[4]
+      ), r & /*h*/
+      32 && d(
+        e,
+        "height",
+        /*h*/
+        o[5]
+      ), r & /*x*/
+      4 && d(
+        n,
+        "x",
+        /*x*/
+        o[2]
+      ), r & /*y*/
+      8 && d(
+        n,
+        "y",
+        /*y*/
+        o[3]
+      ), r & /*w*/
+      16 && d(
+        n,
+        "width",
+        /*w*/
+        o[4]
+      ), r & /*h*/
+      32 && d(
+        n,
+        "height",
+        /*h*/
+        o[5]
+      );
+    },
+    d(o) {
+      o && S(e), o && S(n);
+    }
+  };
+}
+function ho(t) {
+  let e, n = (
+    /*origin*/
+    t[1] && xe(t)
+  );
+  return {
+    c() {
+      e = R("g"), n && n.c(), d(e, "class", "a9s-annotation a9s-rubberband");
+    },
+    m(o, r) {
+      O(o, e, r), n && n.m(e, null), t[9](e);
+    },
+    p(o, [r]) {
+      o[1] ? n ? n.p(o, r) : (n = xe(o), n.c(), n.m(e, null)) : n && (n.d(1), n = null);
+    },
+    i: k,
+    o: k,
+    d(o) {
+      o && S(e), n && n.d(), t[9](null);
+    }
+  };
+}
+function po(t, e, n) {
+  const o = Mt();
+  let { addEventListener: r } = e, { drawingMode: i } = e, { transform: a } = e, s, l, c, h, u, f, p, g;
+  const m = (x) => {
+    l = performance.now(), i === "drag" && (n(1, c = a.elementToImage(x.offsetX, x.offsetY)), h = c, n(2, u = c[0]), n(3, f = c[1]), n(4, p = 1), n(5, g = 1));
+  }, b = (x) => {
+    c && (h = a.elementToImage(x.offsetX, x.offsetY), n(2, u = Math.min(h[0], c[0])), n(3, f = Math.min(h[1], c[1])), n(4, p = Math.abs(h[0] - c[0])), n(5, g = Math.abs(h[1] - c[1])));
+  }, E = (x) => {
+    const _ = performance.now() - l;
+    if (i === "click") {
+      if (_ > 300)
+        return;
+      x.stopPropagation(), c ? T() : (n(1, c = a.elementToImage(x.offsetX, x.offsetY)), h = c, n(2, u = c[0]), n(3, f = c[1]), n(4, p = 1), n(5, g = 1));
+    } else
+      c && (_ > 300 || p * g > 100 ? (x.stopPropagation(), T()) : (n(1, c = null), h = null));
+  }, T = () => {
+    if (p * g > 15) {
+      const x = {
+        type: U.RECTANGLE,
+        geometry: {
+          bounds: {
+            minX: u,
+            minY: f,
+            maxX: u + p,
+            maxY: f + g
+          },
+          x: u,
+          y: f,
+          w: p,
+          h: g
+        }
+      };
+      o("create", x);
+    }
+    n(1, c = null), h = null;
+  };
+  Xt(() => {
+    r("pointerdown", m), r("pointermove", b), r("pointerup", E, !0);
+  });
+  function X(x) {
+    At[x ? "unshift" : "push"](() => {
+      s = x, n(0, s);
+    });
+  }
+  return t.$$set = (x) => {
+    "addEventListener" in x && n(6, r = x.addEventListener), "drawingMode" in x && n(7, i = x.drawingMode), "transform" in x && n(8, a = x.transform);
+  }, [
+    s,
+    c,
+    u,
+    f,
+    p,
+    g,
+    r,
+    i,
+    a,
+    X
+  ];
+}
+class fo extends et {
+  constructor(e) {
+    super(), tt(this, e, po, ho, q, {
+      addEventListener: 6,
+      drawingMode: 7,
+      transform: 8
+    });
+  }
+}
+const be = (t, e) => {
+  const n = Math.abs(e[0] - t[0]), o = Math.abs(e[1] - t[1]);
+  return Math.sqrt(Math.pow(n, 2) + Math.pow(o, 2));
+}, go = (t, e) => {
+  const { naturalWidth: n, naturalHeight: o } = t;
+  if (!n && !o) {
+    const { width: r, height: i } = t;
+    e.setAttribute("viewBox", `0 0 ${r} ${i}`), t.addEventListener("load", (a) => {
+      const s = a.target;
+      e.setAttribute("viewBox", `0 0 ${s.naturalWidth} ${s.naturalHeight}`);
+    });
+  } else
+    e.setAttribute("viewBox", `0 0 ${n} ${o}`);
+}, mo = (t, e) => {
+  go(t, e);
+  const { subscribe: n, set: o } = Ut(1);
+  let r;
+  return window.ResizeObserver && (r = new ResizeObserver(() => {
+    const i = e.getBoundingClientRect(), { width: a, height: s } = e.viewBox.baseVal, l = Math.max(
+      i.width / a,
+      i.height / s
+    );
+    o(l);
+  }), r.observe(e.parentElement)), { destroy: () => {
+    r && r.disconnect();
+  }, subscribe: n };
+};
+function qt(t) {
+  const e = t.slice(), n = (
+    /*isClosable*/
+    (e[3] ? (
+      /*points*/
+      e[1]
+    ) : [
+      .../*points*/
+      e[1],
+      /*cursor*/
+      e[2]
+    ]).map((o) => o.join(",")).join(" ")
+  );
+  return e[17] = n, e;
+}
+function Ee(t) {
+  let e, n, o, r, i, a = (
+    /*isClosable*/
+    t[3] && ve(t)
+  );
+  return {
+    c() {
+      e = R("polygon"), o = R("polygon"), a && a.c(), i = at(), d(e, "class", "a9s-outer"), d(e, "points", n = /*coords*/
+      t[17]), d(o, "class", "a9s-inner"), d(o, "points", r = /*coords*/
+      t[17]);
+    },
+    m(s, l) {
+      O(s, e, l), O(s, o, l), a && a.m(s, l), O(s, i, l);
+    },
+    p(s, l) {
+      l & /*isClosable, points, cursor*/
+      14 && n !== (n = /*coords*/
+      s[17]) && d(e, "points", n), l & /*isClosable, points, cursor*/
+      14 && r !== (r = /*coords*/
+      s[17]) && d(o, "points", r), /*isClosable*/
+      s[3] ? a ? a.p(s, l) : (a = ve(s), a.c(), a.m(i.parentNode, i)) : a && (a.d(1), a = null);
+    },
+    d(s) {
+      s && S(e), s && S(o), a && a.d(s), s && S(i);
+    }
+  };
+}
+function ve(t) {
+  let e, n, o;
+  return {
+    c() {
+      e = R("rect"), d(e, "class", "a9s-corner-handle"), d(e, "x", n = /*points*/
+      t[1][0][0] - /*handleSize*/
+      t[4] / 2), d(e, "y", o = /*points*/
+      t[1][0][1] - /*handleSize*/
+      t[4] / 2), d(
+        e,
+        "height",
+        /*handleSize*/
+        t[4]
+      ), d(
+        e,
+        "width",
+        /*handleSize*/
+        t[4]
+      );
+    },
+    m(r, i) {
+      O(r, e, i);
+    },
+    p(r, i) {
+      i & /*points, handleSize*/
+      18 && n !== (n = /*points*/
+      r[1][0][0] - /*handleSize*/
+      r[4] / 2) && d(e, "x", n), i & /*points, handleSize*/
+      18 && o !== (o = /*points*/
+      r[1][0][1] - /*handleSize*/
+      r[4] / 2) && d(e, "y", o), i & /*handleSize*/
+      16 && d(
+        e,
+        "height",
+        /*handleSize*/
+        r[4]
+      ), i & /*handleSize*/
+      16 && d(
+        e,
+        "width",
+        /*handleSize*/
+        r[4]
+      );
+    },
+    d(r) {
+      r && S(e);
+    }
+  };
+}
+function yo(t) {
+  let e, n = (
+    /*cursor*/
+    t[2] && Ee(qt(t))
+  );
+  return {
+    c() {
+      e = R("g"), n && n.c(), d(e, "class", "a9s-annotation a9s-rubberband");
+    },
+    m(o, r) {
+      O(o, e, r), n && n.m(e, null), t[9](e);
+    },
+    p(o, [r]) {
+      o[2] ? n ? n.p(qt(o), r) : (n = Ee(qt(o)), n.c(), n.m(e, null)) : n && (n.d(1), n = null);
+    },
+    i: k,
+    o: k,
+    d(o) {
+      o && S(e), n && n.d(), t[9](null);
+    }
+  };
+}
+const wo = 20;
+function $o(t, e, n) {
+  let o;
+  const r = Mt();
+  let { addEventListener: i } = e, { drawingMode: a } = e, { transform: s } = e, { viewportScale: l = 1 } = e, c, h, u = [], f = null, p = !1;
+  const g = (x) => {
+    if (h = performance.now(), a === "drag" && u.length === 0) {
+      const _ = s.elementToImage(x.offsetX, x.offsetY);
+      u.push(_), n(2, f = _);
+    }
+  }, m = (x) => {
+    if (u.length > 0 && (n(2, f = s.elementToImage(x.offsetX, x.offsetY)), u.length > 2)) {
+      const _ = be(f, u[0]) * l;
+      n(3, p = _ < wo);
+    }
+  }, b = (x) => {
+    const _ = performance.now() - h;
+    if (a === "click") {
+      if (_ > 300)
+        return;
+      if (x.stopPropagation(), p)
+        T();
+      else if (u.length === 0) {
+        const y = s.elementToImage(x.offsetX, x.offsetY);
+        u.push(y), n(2, f = y);
+      } else
+        u.push(f);
+    } else {
+      if (u.length === 1 && be(u[0], f) <= 4) {
+        n(1, u = []), n(2, f = null);
+        return;
+      }
+      x.stopImmediatePropagation(), p ? T() : u.push(f);
+    }
+  }, E = () => {
+    console.log("dblclick");
+    const x = [...u, f], _ = {
+      type: U.POLYGON,
+      geometry: { bounds: Ft(x), points: x }
+    };
+    n(1, u = []), n(2, f = null), r("create", _);
+  }, T = () => {
+    const x = {
+      type: U.POLYGON,
+      geometry: {
+        bounds: Ft(u),
+        points: [...u]
+      }
+    };
+    n(1, u = []), n(2, f = null), r("create", x);
+  };
+  Xt(() => {
+    i("pointerdown", g, !0), i("pointermove", m), i("pointerup", b, !0), i("dblclick", E, !0);
+  });
+  function X(x) {
+    At[x ? "unshift" : "push"](() => {
+      c = x, n(0, c);
+    });
+  }
+  return t.$$set = (x) => {
+    "addEventListener" in x && n(5, i = x.addEventListener), "drawingMode" in x && n(6, a = x.drawingMode), "transform" in x && n(7, s = x.transform), "viewportScale" in x && n(8, l = x.viewportScale);
+  }, t.$$.update = () => {
+    t.$$.dirty & /*viewportScale*/
+    256 && n(4, o = 10 / l);
+  }, [
+    c,
+    u,
+    f,
+    p,
+    o,
+    i,
+    a,
+    s,
+    l,
+    X
+  ];
+}
+class xo extends et {
+  constructor(e) {
+    super(), tt(this, e, $o, yo, q, {
+      addEventListener: 5,
+      drawingMode: 6,
+      transform: 7,
+      viewportScale: 8
+    });
+  }
+}
+const re = /* @__PURE__ */ new Map([
+  ["rectangle", { tool: fo }],
+  ["polygon", { tool: xo }]
+]), bo = () => [...re.keys()], je = (t) => re.get(t), Eo = (t, e, n) => re.set(t, { tool: e, opts: n });
+function vo(t) {
+  let e, n, o, r, i;
+  return {
+    c() {
+      e = R("g"), n = R("ellipse"), r = R("ellipse"), d(n, "class", "a9s-outer"), d(n, "style", o = /*computedStyle*/
+      t[1] ? "display:none;" : void 0), d(
+        n,
+        "cx",
+        /*cx*/
+        t[2]
+      ), d(
+        n,
+        "cy",
+        /*cy*/
+        t[3]
+      ), d(
+        n,
+        "rx",
+        /*rx*/
+        t[4]
+      ), d(
+        n,
+        "ry",
+        /*ry*/
+        t[5]
+      ), d(r, "class", "a9s-inner"), d(
+        r,
+        "style",
+        /*computedStyle*/
+        t[1]
+      ), d(
+        r,
+        "cx",
+        /*cx*/
+        t[2]
+      ), d(
+        r,
+        "cy",
+        /*cy*/
+        t[3]
+      ), d(
+        r,
+        "rx",
+        /*rx*/
+        t[4]
+      ), d(
+        r,
+        "ry",
+        /*ry*/
+        t[5]
+      ), d(e, "data-id", i = /*annotation*/
+      t[0].id);
+    },
+    m(a, s) {
+      O(a, e, s), ct(e, n), ct(e, r);
+    },
+    p(a, [s]) {
+      s & /*computedStyle*/
+      2 && o !== (o = /*computedStyle*/
+      a[1] ? "display:none;" : void 0) && d(n, "style", o), s & /*computedStyle*/
+      2 && d(
+        r,
+        "style",
+        /*computedStyle*/
+        a[1]
+      ), s & /*annotation*/
+      1 && i !== (i = /*annotation*/
+      a[0].id) && d(e, "data-id", i);
+    },
+    i: k,
+    o: k,
+    d(a) {
+      a && S(e);
+    }
+  };
+}
+function Ao(t, e, n) {
+  let o, { annotation: r } = e, { geom: i } = e, { style: a = void 0 } = e;
+  const { cx: s, cy: l, rx: c, ry: h } = i;
+  return t.$$set = (u) => {
+    "annotation" in u && n(0, r = u.annotation), "geom" in u && n(6, i = u.geom), "style" in u && n(7, a = u.style);
+  }, t.$$.update = () => {
+    t.$$.dirty & /*annotation, style*/
+    129 && n(1, o = Vt(r, a));
+  }, [r, o, s, l, c, h, i, a];
+}
+class Mo extends et {
+  constructor(e) {
+    super(), tt(this, e, Ao, vo, q, { annotation: 0, geom: 6, style: 7 });
+  }
+}
+function So(t) {
+  let e, n, o, r, i;
+  return {
+    c() {
+      e = R("g"), n = R("polygon"), r = R("polygon"), d(n, "class", "a9s-outer"), d(n, "style", o = /*computedStyle*/
+      t[1] ? "display:none;" : void 0), d(
+        n,
+        "points",
+        /*points*/
+        t[2].map(Lo).join(" ")
+      ), d(r, "class", "a9s-inner"), d(
+        r,
+        "style",
+        /*computedStyle*/
+        t[1]
+      ), d(
+        r,
+        "points",
+        /*points*/
+        t[2].map(Oo).join(" ")
+      ), d(e, "data-id", i = /*annotation*/
+      t[0].id);
+    },
+    m(a, s) {
+      O(a, e, s), ct(e, n), ct(e, r);
+    },
+    p(a, [s]) {
+      s & /*computedStyle*/
+      2 && o !== (o = /*computedStyle*/
+      a[1] ? "display:none;" : void 0) && d(n, "style", o), s & /*computedStyle*/
+      2 && d(
+        r,
+        "style",
+        /*computedStyle*/
+        a[1]
+      ), s & /*annotation*/
+      1 && i !== (i = /*annotation*/
+      a[0].id) && d(e, "data-id", i);
+    },
+    i: k,
+    o: k,
+    d(a) {
+      a && S(e);
+    }
+  };
+}
+const Lo = (t) => t.join(","), Oo = (t) => t.join(",");
+function To(t, e, n) {
+  let o, { annotation: r } = e, { geom: i } = e, { style: a = void 0 } = e;
+  const { points: s } = i;
+  return t.$$set = (l) => {
+    "annotation" in l && n(0, r = l.annotation), "geom" in l && n(3, i = l.geom), "style" in l && n(4, a = l.style);
+  }, t.$$.update = () => {
+    t.$$.dirty & /*annotation, style*/
+    17 && n(1, o = Vt(r, a));
+  }, [r, o, s, i, a];
+}
+class Yo extends et {
+  constructor(e) {
+    super(), tt(this, e, To, So, q, { annotation: 0, geom: 3, style: 4 });
+  }
+}
+function Bo(t) {
+  let e, n, o, r, i;
+  return {
+    c() {
+      e = R("g"), n = R("rect"), r = R("rect"), d(n, "class", "a9s-outer"), d(n, "style", o = /*computedStyle*/
+      t[1] ? "display:none;" : void 0), d(
+        n,
+        "x",
+        /*x*/
+        t[2]
+      ), d(
+        n,
+        "y",
+        /*y*/
+        t[3]
+      ), d(
+        n,
+        "width",
+        /*w*/
+        t[4]
+      ), d(
+        n,
+        "height",
+        /*h*/
+        t[5]
+      ), d(r, "class", "a9s-inner"), d(
+        r,
+        "style",
+        /*computedStyle*/
+        t[1]
+      ), d(
+        r,
+        "x",
+        /*x*/
+        t[2]
+      ), d(
+        r,
+        "y",
+        /*y*/
+        t[3]
+      ), d(
+        r,
+        "width",
+        /*w*/
+        t[4]
+      ), d(
+        r,
+        "height",
+        /*h*/
+        t[5]
+      ), d(e, "data-id", i = /*annotation*/
+      t[0].id);
+    },
+    m(a, s) {
+      O(a, e, s), ct(e, n), ct(e, r);
+    },
+    p(a, [s]) {
+      s & /*computedStyle*/
+      2 && o !== (o = /*computedStyle*/
+      a[1] ? "display:none;" : void 0) && d(n, "style", o), s & /*computedStyle*/
+      2 && d(
+        r,
+        "style",
+        /*computedStyle*/
+        a[1]
+      ), s & /*annotation*/
+      1 && i !== (i = /*annotation*/
+      a[0].id) && d(e, "data-id", i);
+    },
+    i: k,
+    o: k,
+    d(a) {
+      a && S(e);
+    }
+  };
+}
+function Xo(t, e, n) {
+  let o, { annotation: r } = e, { geom: i } = e, { style: a = void 0 } = e;
+  const { x: s, y: l, w: c, h } = i;
+  return t.$$set = (u) => {
+    "annotation" in u && n(0, r = u.annotation), "geom" in u && n(6, i = u.geom), "style" in u && n(7, a = u.style);
+  }, t.$$.update = () => {
+    t.$$.dirty & /*annotation, style*/
+    129 && n(1, o = Vt(r, a));
+  }, [r, o, s, l, c, h, i, a];
+}
+class Po extends et {
+  constructor(e) {
+    super(), tt(this, e, Xo, Bo, q, { annotation: 0, geom: 6, style: 7 });
+  }
+}
+const Ro = (t) => ({
+  elementToImage: (e, n) => {
+    const o = t.createSVGPoint();
+    o.x = e, o.y = n;
+    const { x: r, y: i } = o.matrixTransform(t.getCTM().inverse());
+    return [r, i];
+  }
+}), _o = 250, Io = (t, e) => {
+  const n = Mt();
+  let o;
+  return { onPointerDown: () => o = performance.now(), onPointerUp: (r) => {
+    if (performance.now() - o < _o) {
+      const { x: i, y: a } = No(r, t), s = e.getAt(i, a);
+      s ? n("click", { originalEvent: r, annotation: s }) : n("click", { originalEvent: r });
+    }
+  } };
+}, No = (t, e) => {
+  const n = e.createSVGPoint(), o = e.getBoundingClientRect(), r = t.clientX - o.x, i = t.clientY - o.y, { left: a, top: s } = e.getBoundingClientRect();
+  return n.x = r + a, n.y = i + s, n.matrixTransform(e.getScreenCTM().inverse());
+};
+function Ae(t, e, n) {
+  const o = t.slice();
+  return o[28] = e[n], o;
+}
+function Me(t, e, n) {
+  const o = t.slice();
+  return o[31] = e[n], o;
+}
+function Jt(t) {
+  const e = t.slice(), n = (
+    /*annotation*/
+    e[31].target.selector
+  );
+  return e[34] = n, e;
+}
+function Se(t) {
+  let e = (
+    /*annotation*/
+    t[31].id
+  ), n, o, r = Le(t);
+  return {
+    c() {
+      r.c(), n = at();
+    },
+    m(i, a) {
+      r.m(i, a), O(i, n, a), o = !0;
+    },
+    p(i, a) {
+      a[0] & /*$store*/
+      4096 && q(e, e = /*annotation*/
+      i[31].id) ? (ot(), N(r, 1, 1, k), rt(), r = Le(i), r.c(), I(r, 1), r.m(n.parentNode, n)) : r.p(i, a);
+    },
+    i(i) {
+      o || (I(r), o = !0);
+    },
+    o(i) {
+      N(r), o = !1;
+    },
+    d(i) {
+      i && S(n), r.d(i);
+    }
+  };
+}
+function Do(t) {
+  let e, n;
+  return e = new Yo({
+    props: {
+      annotation: (
+        /*annotation*/
+        t[31]
+      ),
+      geom: (
+        /*selector*/
+        t[34].geometry
+      ),
+      style: (
+        /*style*/
+        t[1]
+      )
+    }
+  }), {
+    c() {
+      ft(e.$$.fragment);
+    },
+    m(o, r) {
+      dt(e, o, r), n = !0;
+    },
+    p(o, r) {
+      const i = {};
+      r[0] & /*$store*/
+      4096 && (i.annotation = /*annotation*/
+      o[31]), r[0] & /*$store*/
+      4096 && (i.geom = /*selector*/
+      o[34].geometry), r[0] & /*style*/
+      2 && (i.style = /*style*/
+      o[1]), e.$set(i);
+    },
+    i(o) {
+      n || (I(e.$$.fragment, o), n = !0);
+    },
+    o(o) {
+      N(e.$$.fragment, o), n = !1;
+    },
+    d(o) {
+      ut(e, o);
+    }
+  };
+}
+function ko(t) {
+  let e, n;
+  return e = new Po({
+    props: {
+      annotation: (
+        /*annotation*/
+        t[31]
+      ),
+      geom: (
+        /*selector*/
+        t[34].geometry
+      ),
+      style: (
+        /*style*/
+        t[1]
+      )
+    }
+  }), {
+    c() {
+      ft(e.$$.fragment);
+    },
+    m(o, r) {
+      dt(e, o, r), n = !0;
+    },
+    p(o, r) {
+      const i = {};
+      r[0] & /*$store*/
+      4096 && (i.annotation = /*annotation*/
+      o[31]), r[0] & /*$store*/
+      4096 && (i.geom = /*selector*/
+      o[34].geometry), r[0] & /*style*/
+      2 && (i.style = /*style*/
+      o[1]), e.$set(i);
+    },
+    i(o) {
+      n || (I(e.$$.fragment, o), n = !0);
+    },
+    o(o) {
+      N(e.$$.fragment, o), n = !1;
+    },
+    d(o) {
+      ut(e, o);
+    }
+  };
+}
+function Go(t) {
+  let e, n;
+  return e = new Mo({
+    props: {
+      annotation: (
+        /*annotation*/
+        t[31]
+      ),
+      geom: (
+        /*selector*/
+        t[34].geometry
+      ),
+      style: (
+        /*style*/
+        t[1]
+      )
+    }
+  }), {
+    c() {
+      ft(e.$$.fragment);
+    },
+    m(o, r) {
+      dt(e, o, r), n = !0;
+    },
+    p(o, r) {
+      const i = {};
+      r[0] & /*$store*/
+      4096 && (i.annotation = /*annotation*/
+      o[31]), r[0] & /*$store*/
+      4096 && (i.geom = /*selector*/
+      o[34].geometry), r[0] & /*style*/
+      2 && (i.style = /*style*/
+      o[1]), e.$set(i);
+    },
+    i(o) {
+      n || (I(e.$$.fragment, o), n = !0);
+    },
+    o(o) {
+      N(e.$$.fragment, o), n = !1;
+    },
+    d(o) {
+      ut(e, o);
+    }
+  };
+}
+function Le(t) {
+  let e, n, o, r;
+  const i = [Go, ko, Do], a = [];
+  function s(l, c) {
+    return (
+      /*selector*/
+      l[34].type === U.ELLIPSE ? 0 : (
+        /*selector*/
+        l[34].type === U.RECTANGLE ? 1 : (
+          /*selector*/
+          l[34].type === U.POLYGON ? 2 : -1
+        )
+      )
+    );
+  }
+  return ~(e = s(t)) && (n = a[e] = i[e](t)), {
+    c() {
+      n && n.c(), o = at();
+    },
+    m(l, c) {
+      ~e && a[e].m(l, c), O(l, o, c), r = !0;
+    },
+    p(l, c) {
+      let h = e;
+      e = s(l), e === h ? ~e && a[e].p(l, c) : (n && (ot(), N(a[h], 1, 1, () => {
+        a[h] = null;
+      }), rt()), ~e ? (n = a[e], n ? n.p(l, c) : (n = a[e] = i[e](l), n.c()), I(n, 1), n.m(o.parentNode, o)) : n = null);
+    },
+    i(l) {
+      r || (I(n), r = !0);
+    },
+    o(l) {
+      N(n), r = !1;
+    },
+    d(l) {
+      ~e && a[e].d(l), l && S(o);
+    }
+  };
+}
+function Oe(t) {
+  let e = !/*isEditable*/
+  t[7](
+    /*annotation*/
+    t[31]
+  ), n, o, r = e && Se(Jt(t));
+  return {
+    c() {
+      r && r.c(), n = at();
+    },
+    m(i, a) {
+      r && r.m(i, a), O(i, n, a), o = !0;
+    },
+    p(i, a) {
+      a[0] & /*isEditable, $store*/
+      4224 && (e = !/*isEditable*/
+      i[7](
+        /*annotation*/
+        i[31]
+      )), e ? r ? (r.p(Jt(i), a), a[0] & /*isEditable, $store*/
+      4224 && I(r, 1)) : (r = Se(Jt(i)), r.c(), I(r, 1), r.m(n.parentNode, n)) : r && (ot(), N(r, 1, 1, () => {
+        r = null;
+      }), rt());
+    },
+    i(i) {
+      o || (I(r), o = !0);
+    },
+    o(i) {
+      N(r), o = !1;
+    },
+    d(i) {
+      r && r.d(i), i && S(n);
+    }
+  };
+}
+function Te(t) {
+  let e, n, o, r;
+  const i = [Uo, Fo], a = [];
+  function s(l, c) {
+    return (
+      /*editableAnnotations*/
+      l[6] ? 0 : (
+        /*tool*/
+        l[2] && /*drawingEnabled*/
+        l[0] ? 1 : -1
+      )
+    );
+  }
+  return ~(e = s(t)) && (n = a[e] = i[e](t)), {
+    c() {
+      n && n.c(), o = at();
+    },
+    m(l, c) {
+      ~e && a[e].m(l, c), O(l, o, c), r = !0;
+    },
+    p(l, c) {
+      let h = e;
+      e = s(l), e === h ? ~e && a[e].p(l, c) : (n && (ot(), N(a[h], 1, 1, () => {
+        a[h] = null;
+      }), rt()), ~e ? (n = a[e], n ? n.p(l, c) : (n = a[e] = i[e](l), n.c()), I(n, 1), n.m(o.parentNode, o)) : n = null);
+    },
+    i(l) {
+      r || (I(n), r = !0);
+    },
+    o(l) {
+      N(n), r = !1;
+    },
+    d(l) {
+      ~e && a[e].d(l), l && S(o);
+    }
+  };
+}
+function Fo(t) {
+  let e = (
+    /*tool*/
+    t[2]
+  ), n, o, r = Ye(t);
+  return {
+    c() {
+      r.c(), n = at();
+    },
+    m(i, a) {
+      r.m(i, a), O(i, n, a), o = !0;
+    },
+    p(i, a) {
+      a[0] & /*tool*/
+      4 && q(e, e = /*tool*/
+      i[2]) ? (ot(), N(r, 1, 1, k), rt(), r = Ye(i), r.c(), I(r, 1), r.m(n.parentNode, n)) : r.p(i, a);
+    },
+    i(i) {
+      o || (I(r), o = !0);
+    },
+    o(i) {
+      N(r), o = !1;
+    },
+    d(i) {
+      i && S(n), r.d(i);
+    }
+  };
+}
+function Uo(t) {
+  let e, n, o = (
+    /*editableAnnotations*/
+    t[6]
+  ), r = [];
+  for (let a = 0; a < o.length; a += 1)
+    r[a] = Xe(Ae(t, o, a));
+  const i = (a) => N(r[a], 1, 1, () => {
+    r[a] = null;
+  });
+  return {
+    c() {
+      for (let a = 0; a < r.length; a += 1)
+        r[a].c();
+      e = at();
+    },
+    m(a, s) {
+      for (let l = 0; l < r.length; l += 1)
+        r[l] && r[l].m(a, s);
+      O(a, e, s), n = !0;
+    },
+    p(a, s) {
+      if (s[0] & /*editableAnnotations, drawingEl, style, transform, $scale, onChangeSelected*/
+      140370) {
+        o = /*editableAnnotations*/
+        a[6];
+        let l;
+        for (l = 0; l < o.length; l += 1) {
+          const c = Ae(a, o, l);
+          r[l] ? (r[l].p(c, s), I(r[l], 1)) : (r[l] = Xe(c), r[l].c(), I(r[l], 1), r[l].m(e.parentNode, e));
+        }
+        for (ot(), l = o.length; l < r.length; l += 1)
+          i(l);
+        rt();
+      }
+    },
+    i(a) {
+      if (!n) {
+        for (let s = 0; s < o.length; s += 1)
+          I(r[s]);
+        n = !0;
+      }
+    },
+    o(a) {
+      r = r.filter(Boolean);
+      for (let s = 0; s < r.length; s += 1)
+        N(r[s]);
+      n = !1;
+    },
+    d(a) {
+      ee(r, a), a && S(e);
+    }
+  };
+}
+function Ye(t) {
+  let e, n;
+  return e = new uo({
+    props: {
+      target: (
+        /*drawingEl*/
+        t[4]
+      ),
+      tool: (
+        /*tool*/
+        t[2]
+      ),
+      drawingMode: (
+        /*drawingMode*/
+        t[11]
+      ),
+      transform: (
+        /*transform*/
+        t[10]
+      ),
+      viewportScale: (
+        /*$scale*/
+        t[13]
+      )
+    }
+  }), e.$on(
+    "create",
+    /*onSelectionCreated*/
+    t[16]
+  ), {
+    c() {
+      ft(e.$$.fragment);
+    },
+    m(o, r) {
+      dt(e, o, r), n = !0;
+    },
+    p(o, r) {
+      const i = {};
+      r[0] & /*drawingEl*/
+      16 && (i.target = /*drawingEl*/
+      o[4]), r[0] & /*tool*/
+      4 && (i.tool = /*tool*/
+      o[2]), r[0] & /*drawingMode*/
+      2048 && (i.drawingMode = /*drawingMode*/
+      o[11]), r[0] & /*transform*/
+      1024 && (i.transform = /*transform*/
+      o[10]), r[0] & /*$scale*/
+      8192 && (i.viewportScale = /*$scale*/
+      o[13]), e.$set(i);
+    },
+    i(o) {
+      n || (I(e.$$.fragment, o), n = !0);
+    },
+    o(o) {
+      N(e.$$.fragment, o), n = !1;
+    },
+    d(o) {
+      ut(e, o);
+    }
+  };
+}
+function Be(t) {
+  let e, n;
+  return e = new lo({
+    props: {
+      target: (
+        /*drawingEl*/
+        t[4]
+      ),
+      editor: we(
+        /*editable*/
+        t[28].target.selector
+      ),
+      annotation: (
+        /*editable*/
+        t[28]
+      ),
+      style: (
+        /*style*/
+        t[1]
+      ),
+      transform: (
+        /*transform*/
+        t[10]
+      ),
+      viewportScale: (
+        /*$scale*/
+        t[13]
+      )
+    }
+  }), e.$on("change", function() {
+    V(
+      /*onChangeSelected*/
+      t[17](
+        /*editable*/
+        t[28]
+      )
+    ) && t[17](
+      /*editable*/
+      t[28]
+    ).apply(this, arguments);
+  }), {
+    c() {
+      ft(e.$$.fragment);
+    },
+    m(o, r) {
+      dt(e, o, r), n = !0;
+    },
+    p(o, r) {
+      t = o;
+      const i = {};
+      r[0] & /*drawingEl*/
+      16 && (i.target = /*drawingEl*/
+      t[4]), r[0] & /*editableAnnotations*/
+      64 && (i.editor = we(
+        /*editable*/
+        t[28].target.selector
+      )), r[0] & /*editableAnnotations*/
+      64 && (i.annotation = /*editable*/
+      t[28]), r[0] & /*style*/
+      2 && (i.style = /*style*/
+      t[1]), r[0] & /*transform*/
+      1024 && (i.transform = /*transform*/
+      t[10]), r[0] & /*$scale*/
+      8192 && (i.viewportScale = /*$scale*/
+      t[13]), e.$set(i);
+    },
+    i(o) {
+      n || (I(e.$$.fragment, o), n = !0);
+    },
+    o(o) {
+      N(e.$$.fragment, o), n = !1;
+    },
+    d(o) {
+      ut(e, o);
+    }
+  };
+}
+function Xe(t) {
+  let e = (
+    /*editable*/
+    t[28].id
+  ), n, o, r = Be(t);
+  return {
+    c() {
+      r.c(), n = at();
+    },
+    m(i, a) {
+      r.m(i, a), O(i, n, a), o = !0;
+    },
+    p(i, a) {
+      a[0] & /*editableAnnotations*/
+      64 && q(e, e = /*editable*/
+      i[28].id) ? (ot(), N(r, 1, 1, k), rt(), r = Be(i), r.c(), I(r, 1), r.m(n.parentNode, n)) : r.p(i, a);
+    },
+    i(i) {
+      o || (I(r), o = !0);
+    },
+    o(i) {
+      N(r), o = !1;
+    },
+    d(i) {
+      i && S(n), r.d(i);
+    }
+  };
+}
+function Vo(t) {
+  let e, n, o, r, i, a, s = (
+    /*$store*/
+    t[12]
+  ), l = [];
+  for (let u = 0; u < s.length; u += 1)
+    l[u] = Oe(Me(t, s, u));
+  const c = (u) => N(l[u], 1, 1, () => {
+    l[u] = null;
+  });
+  let h = (
+    /*drawingEl*/
+    t[4] && Te(t)
+  );
+  return {
+    c() {
+      e = R("svg"), n = R("g");
+      for (let u = 0; u < l.length; u += 1)
+        l[u].c();
+      o = R("g"), h && h.c(), d(o, "class", "drawing"), d(e, "class", "a9s-annotationlayer"), le(
+        e,
+        "drawing",
+        /*tool*/
+        t[2]
+      );
+    },
+    m(u, f) {
+      O(u, e, f), ct(e, n);
+      for (let p = 0; p < l.length; p += 1)
+        l[p] && l[p].m(n, null);
+      ct(e, o), h && h.m(o, null), t[24](o), t[25](e), r = !0, i || (a = [
+        C(e, "pointerup", function() {
+          V(
+            /*onPointerUp*/
+            t[8]
+          ) && t[8].apply(this, arguments);
+        }),
+        C(e, "pointerdown", function() {
+          V(
+            /*onPointerDown*/
+            t[9]
+          ) && t[9].apply(this, arguments);
+        })
+      ], i = !0);
+    },
+    p(u, f) {
+      if (t = u, f[0] & /*$store, style, isEditable*/
+      4226) {
+        s = /*$store*/
+        t[12];
+        let p;
+        for (p = 0; p < s.length; p += 1) {
+          const g = Me(t, s, p);
+          l[p] ? (l[p].p(g, f), I(l[p], 1)) : (l[p] = Oe(g), l[p].c(), I(l[p], 1), l[p].m(n, null));
+        }
+        for (ot(), p = s.length; p < l.length; p += 1)
+          c(p);
+        rt();
+      }
+      t[4] ? h ? (h.p(t, f), f[0] & /*drawingEl*/
+      16 && I(h, 1)) : (h = Te(t), h.c(), I(h, 1), h.m(o, null)) : h && (ot(), N(h, 1, 1, () => {
+        h = null;
+      }), rt()), (!r || f[0] & /*tool*/
+      4) && le(
+        e,
+        "drawing",
+        /*tool*/
+        t[2]
+      );
+    },
+    i(u) {
+      if (!r) {
+        for (let f = 0; f < s.length; f += 1)
+          I(l[f]);
+        I(h), r = !0;
+      }
+    },
+    o(u) {
+      l = l.filter(Boolean);
+      for (let f = 0; f < l.length; f += 1)
+        N(l[f]);
+      N(h), r = !1;
+    },
+    d(u) {
+      u && S(e), ee(l, u), h && h.d(), t[24](null), t[25](null), i = !1, it(a);
+    }
+  };
+}
+function Ho(t, e, n) {
+  let o, r, i, a, s, l, c, h, u = k, f = () => (u(), u = _e(A, (Y) => n(13, h = Y)), A);
+  t.$$.on_destroy.push(() => u());
+  let { drawingEnabled: p } = e, { image: g } = e, { preferredDrawingMode: m } = e, { state: b } = e, { style: E = void 0 } = e, { tool: T, opts: X } = je("rectangle"), { tool: x = T, opts: _ = X } = e, { user: y } = e, $, w, A;
+  Xt(() => f(n(5, A = mo(g, w))));
+  const { selection: L, store: P } = b;
+  se(t, L, (Y) => n(23, l = Y)), se(t, P, (Y) => n(12, c = Y));
+  let J = null, F = null;
+  const nt = (Y) => {
+    P.unobserve(J);
+    const z = Y.filter(({ editable: H }) => H).map(({ id: H }) => H);
+    z.length > 0 ? (n(6, F = z.map((H) => P.getAnnotation(H))), J = (H) => {
+      const { updated: D } = H.changes;
+      n(6, F = D.map((st) => st.newValue));
+    }, P.observe(J, { annotations: z })) : n(6, F = null);
+  }, gt = (Y) => {
+    const z = Fe(), H = {
+      id: z,
+      bodies: [],
+      target: {
+        annotation: z,
+        selector: Y.detail,
+        creator: y,
+        created: /* @__PURE__ */ new Date()
+      }
+    };
+    P.addAnnotation(H), L.setSelected(H.id);
+  }, mt = (Y) => (z) => {
+    var H;
+    const { target: D } = Y, st = 10 * 60 * 1e3, lt = ((H = D.creator) == null ? void 0 : H.id) !== y.id || !D.created || (/* @__PURE__ */ new Date()).getTime() - D.created.getTime() > st;
+    P.updateTarget({
+      ...D,
+      selector: z.detail,
+      created: lt ? D.created : /* @__PURE__ */ new Date(),
+      updated: lt ? /* @__PURE__ */ new Date() : null,
+      updatedBy: lt ? y : null
+    });
+  };
+  function St(Y) {
+    At[Y ? "unshift" : "push"](() => {
+      $ = Y, n(4, $);
+    });
+  }
+  function W(Y) {
+    At[Y ? "unshift" : "push"](() => {
+      w = Y, n(3, w);
+    });
+  }
+  return t.$$set = (Y) => {
+    "drawingEnabled" in Y && n(0, p = Y.drawingEnabled), "image" in Y && n(18, g = Y.image), "preferredDrawingMode" in Y && n(19, m = Y.preferredDrawingMode), "state" in Y && n(20, b = Y.state), "style" in Y && n(1, E = Y.style), "tool" in Y && n(2, x = Y.tool), "opts" in Y && n(21, _ = Y.opts), "user" in Y && n(22, y = Y.user);
+  }, t.$$.update = () => {
+    t.$$.dirty[0] & /*opts, preferredDrawingMode*/
+    2621440 && n(11, o = (_ == null ? void 0 : _.drawingMode) || m), t.$$.dirty[0] & /*svgEl*/
+    8 && n(10, r = Ro(w)), t.$$.dirty[0] & /*svgEl*/
+    8 && n(9, { onPointerDown: i, onPointerUp: a } = Io(w, P), i, (n(8, a), n(3, w))), t.$$.dirty[0] & /*$selection*/
+    8388608 && n(7, s = (Y) => l.selected.find((z) => z.id === Y.id && z.editable)), t.$$.dirty[0] & /*$selection*/
+    8388608 && nt(l.selected);
+  }, [
+    p,
+    E,
+    x,
+    w,
+    $,
+    A,
+    F,
+    s,
+    a,
+    i,
+    r,
+    o,
+    c,
+    h,
+    L,
+    P,
+    gt,
+    mt,
+    g,
+    m,
+    b,
+    _,
+    y,
+    l,
+    St,
+    W
+  ];
+}
+class jo extends et {
+  constructor(e) {
+    super(), tt(
+      this,
+      e,
+      Ho,
+      Vo,
+      q,
+      {
+        drawingEnabled: 0,
+        image: 18,
+        preferredDrawingMode: 19,
+        state: 20,
+        style: 1,
+        tool: 2,
+        opts: 21,
+        user: 22
+      },
+      null,
+      [-1, -1]
+    );
+  }
+}
+function Co(t, e, n, o, r) {
+  Ce(t, e, n || 0, o || t.length - 1, r || zo);
+}
+function Ce(t, e, n, o, r) {
+  for (; o > n; ) {
+    if (o - n > 600) {
+      var i = o - n + 1, a = e - n + 1, s = Math.log(i), l = 0.5 * Math.exp(2 * s / 3), c = 0.5 * Math.sqrt(s * l * (i - l) / i) * (a - i / 2 < 0 ? -1 : 1), h = Math.max(n, Math.floor(e - a * l / i + c)), u = Math.min(o, Math.floor(e + (i - a) * l / i + c));
+      Ce(t, e, h, u, r);
+    }
+    var f = t[e], p = n, g = o;
+    for (Lt(t, n, e), r(t[o], f) > 0 && Lt(t, n, o); p < g; ) {
+      for (Lt(t, p, g), p++, g--; r(t[p], f) < 0; )
+        p++;
+      for (; r(t[g], f) > 0; )
+        g--;
+    }
+    r(t[n], f) === 0 ? Lt(t, n, g) : (g++, Lt(t, g, o)), g <= e && (n = g + 1), e <= g && (o = g - 1);
+  }
+}
+function Lt(t, e, n) {
+  var o = t[e];
+  t[e] = t[n], t[n] = o;
+}
+function zo(t, e) {
+  return t < e ? -1 : t > e ? 1 : 0;
+}
+class Wo {
+  constructor(e = 9) {
+    this._maxEntries = Math.max(4, e), this._minEntries = Math.max(2, Math.ceil(this._maxEntries * 0.4)), this.clear();
+  }
+  all() {
+    return this._all(this.data, []);
+  }
+  search(e) {
+    let n = this.data;
+    const o = [];
+    if (!kt(e, n))
+      return o;
+    const r = this.toBBox, i = [];
+    for (; n; ) {
+      for (let a = 0; a < n.children.length; a++) {
+        const s = n.children[a], l = n.leaf ? r(s) : s;
+        kt(e, l) && (n.leaf ? o.push(s) : Zt(e, l) ? this._all(s, o) : i.push(s));
+      }
+      n = i.pop();
+    }
+    return o;
+  }
+  collides(e) {
+    let n = this.data;
+    if (!kt(e, n))
+      return !1;
+    const o = [];
+    for (; n; ) {
+      for (let r = 0; r < n.children.length; r++) {
+        const i = n.children[r], a = n.leaf ? this.toBBox(i) : i;
+        if (kt(e, a)) {
+          if (n.leaf || Zt(e, a))
+            return !0;
+          o.push(i);
+        }
+      }
+      n = o.pop();
+    }
+    return !1;
+  }
+  load(e) {
+    if (!(e && e.length))
+      return this;
+    if (e.length < this._minEntries) {
+      for (let o = 0; o < e.length; o++)
+        this.insert(e[o]);
+      return this;
+    }
+    let n = this._build(e.slice(), 0, e.length - 1, 0);
+    if (!this.data.children.length)
+      this.data = n;
+    else if (this.data.height === n.height)
+      this._splitRoot(this.data, n);
+    else {
+      if (this.data.height < n.height) {
+        const o = this.data;
+        this.data = n, n = o;
+      }
+      this._insert(n, this.data.height - n.height - 1, !0);
+    }
+    return this;
+  }
+  insert(e) {
+    return e && this._insert(e, this.data.height - 1), this;
+  }
+  clear() {
+    return this.data = bt([]), this;
+  }
+  remove(e, n) {
+    if (!e)
+      return this;
+    let o = this.data;
+    const r = this.toBBox(e), i = [], a = [];
+    let s, l, c;
+    for (; o || i.length; ) {
+      if (o || (o = i.pop(), l = i[i.length - 1], s = a.pop(), c = !0), o.leaf) {
+        const h = qo(e, o.children, n);
+        if (h !== -1)
+          return o.children.splice(h, 1), i.push(o), this._condense(i), this;
+      }
+      !c && !o.leaf && Zt(o, r) ? (i.push(o), a.push(s), s = 0, l = o, o = o.children[0]) : l ? (s++, o = l.children[s], c = !1) : o = null;
+    }
+    return this;
+  }
+  toBBox(e) {
+    return e;
+  }
+  compareMinX(e, n) {
+    return e.minX - n.minX;
+  }
+  compareMinY(e, n) {
+    return e.minY - n.minY;
+  }
+  toJSON() {
+    return this.data;
+  }
+  fromJSON(e) {
+    return this.data = e, this;
+  }
+  _all(e, n) {
+    const o = [];
+    for (; e; )
+      e.leaf ? n.push(...e.children) : o.push(...e.children), e = o.pop();
+    return n;
+  }
+  _build(e, n, o, r) {
+    const i = o - n + 1;
+    let a = this._maxEntries, s;
+    if (i <= a)
+      return s = bt(e.slice(n, o + 1)), $t(s, this.toBBox), s;
+    r || (r = Math.ceil(Math.log(i) / Math.log(a)), a = Math.ceil(i / Math.pow(a, r - 1))), s = bt([]), s.leaf = !1, s.height = r;
+    const l = Math.ceil(i / a), c = l * Math.ceil(Math.sqrt(a));
+    Pe(e, n, o, c, this.compareMinX);
+    for (let h = n; h <= o; h += c) {
+      const u = Math.min(h + c - 1, o);
+      Pe(e, h, u, l, this.compareMinY);
+      for (let f = h; f <= u; f += l) {
+        const p = Math.min(f + l - 1, u);
+        s.children.push(this._build(e, f, p, r - 1));
+      }
+    }
+    return $t(s, this.toBBox), s;
+  }
+  _chooseSubtree(e, n, o, r) {
+    for (; r.push(n), !(n.leaf || r.length - 1 === o); ) {
+      let i = 1 / 0, a = 1 / 0, s;
+      for (let l = 0; l < n.children.length; l++) {
+        const c = n.children[l], h = Qt(c), u = Zo(e, c) - h;
+        u < a ? (a = u, i = h < i ? h : i, s = c) : u === a && h < i && (i = h, s = c);
+      }
+      n = s || n.children[0];
+    }
+    return n;
+  }
+  _insert(e, n, o) {
+    const r = o ? e : this.toBBox(e), i = [], a = this._chooseSubtree(r, this.data, n, i);
+    for (a.children.push(e), Tt(a, r); n >= 0 && i[n].children.length > this._maxEntries; )
+      this._split(i, n), n--;
+    this._adjustParentBBoxes(r, i, n);
+  }
+  // split overflowed node into two
+  _split(e, n) {
+    const o = e[n], r = o.children.length, i = this._minEntries;
+    this._chooseSplitAxis(o, i, r);
+    const a = this._chooseSplitIndex(o, i, r), s = bt(o.children.splice(a, o.children.length - a));
+    s.height = o.height, s.leaf = o.leaf, $t(o, this.toBBox), $t(s, this.toBBox), n ? e[n - 1].children.push(s) : this._splitRoot(o, s);
+  }
+  _splitRoot(e, n) {
+    this.data = bt([e, n]), this.data.height = e.height + 1, this.data.leaf = !1, $t(this.data, this.toBBox);
+  }
+  _chooseSplitIndex(e, n, o) {
+    let r, i = 1 / 0, a = 1 / 0;
+    for (let s = n; s <= o - n; s++) {
+      const l = Ot(e, 0, s, this.toBBox), c = Ot(e, s, o, this.toBBox), h = Ko(l, c), u = Qt(l) + Qt(c);
+      h < i ? (i = h, r = s, a = u < a ? u : a) : h === i && u < a && (a = u, r = s);
+    }
+    return r || o - n;
+  }
+  // sorts node children by the best axis for split
+  _chooseSplitAxis(e, n, o) {
+    const r = e.leaf ? this.compareMinX : Jo, i = e.leaf ? this.compareMinY : Qo, a = this._allDistMargin(e, n, o, r), s = this._allDistMargin(e, n, o, i);
+    a < s && e.children.sort(r);
+  }
+  // total margin of all possible split distributions where each node is at least m full
+  _allDistMargin(e, n, o, r) {
+    e.children.sort(r);
+    const i = this.toBBox, a = Ot(e, 0, n, i), s = Ot(e, o - n, o, i);
+    let l = Dt(a) + Dt(s);
+    for (let c = n; c < o - n; c++) {
+      const h = e.children[c];
+      Tt(a, e.leaf ? i(h) : h), l += Dt(a);
+    }
+    for (let c = o - n - 1; c >= n; c--) {
+      const h = e.children[c];
+      Tt(s, e.leaf ? i(h) : h), l += Dt(s);
+    }
+    return l;
+  }
+  _adjustParentBBoxes(e, n, o) {
+    for (let r = o; r >= 0; r--)
+      Tt(n[r], e);
+  }
+  _condense(e) {
+    for (let n = e.length - 1, o; n >= 0; n--)
+      e[n].children.length === 0 ? n > 0 ? (o = e[n - 1].children, o.splice(o.indexOf(e[n]), 1)) : this.clear() : $t(e[n], this.toBBox);
+  }
+}
+function qo(t, e, n) {
+  if (!n)
+    return e.indexOf(t);
+  for (let o = 0; o < e.length; o++)
+    if (n(t, e[o]))
+      return o;
+  return -1;
+}
+function $t(t, e) {
+  Ot(t, 0, t.children.length, e, t);
+}
+function Ot(t, e, n, o, r) {
+  r || (r = bt(null)), r.minX = 1 / 0, r.minY = 1 / 0, r.maxX = -1 / 0, r.maxY = -1 / 0;
+  for (let i = e; i < n; i++) {
+    const a = t.children[i];
+    Tt(r, t.leaf ? o(a) : a);
+  }
+  return r;
+}
+function Tt(t, e) {
+  return t.minX = Math.min(t.minX, e.minX), t.minY = Math.min(t.minY, e.minY), t.maxX = Math.max(t.maxX, e.maxX), t.maxY = Math.max(t.maxY, e.maxY), t;
+}
+function Jo(t, e) {
+  return t.minX - e.minX;
+}
+function Qo(t, e) {
+  return t.minY - e.minY;
+}
+function Qt(t) {
+  return (t.maxX - t.minX) * (t.maxY - t.minY);
+}
+function Dt(t) {
+  return t.maxX - t.minX + (t.maxY - t.minY);
+}
+function Zo(t, e) {
+  return (Math.max(e.maxX, t.maxX) - Math.min(e.minX, t.minX)) * (Math.max(e.maxY, t.maxY) - Math.min(e.minY, t.minY));
+}
+function Ko(t, e) {
+  const n = Math.max(t.minX, e.minX), o = Math.max(t.minY, e.minY), r = Math.min(t.maxX, e.maxX), i = Math.min(t.maxY, e.maxY);
+  return Math.max(0, r - n) * Math.max(0, i - o);
+}
+function Zt(t, e) {
+  return t.minX <= e.minX && t.minY <= e.minY && e.maxX <= t.maxX && e.maxY <= t.maxY;
+}
+function kt(t, e) {
+  return e.minX <= t.maxX && e.minY <= t.maxY && e.maxX >= t.minX && e.maxY >= t.minY;
+}
+function bt(t) {
+  return {
+    children: t,
+    height: 1,
+    leaf: !0,
+    minX: 1 / 0,
+    minY: 1 / 0,
+    maxX: -1 / 0,
+    maxY: -1 / 0
+  };
+}
+function Pe(t, e, n, o, r) {
+  const i = [e, n];
+  for (; i.length; ) {
+    if (n = i.pop(), e = i.pop(), n - e <= o)
+      continue;
+    const a = e + Math.ceil((n - e) / o / 2) * o;
+    Co(t, a, e, n, r), i.push(e, a, a, n);
+  }
+}
+const tr = () => {
+  const t = new Wo(), e = /* @__PURE__ */ new Map(), n = () => [...e.values()], o = () => {
+    t.clear(), e.clear();
+  }, r = (a) => {
+    const { minX: s, minY: l, maxX: c, maxY: h } = a.selector.geometry.bounds, u = { minX: s, minY: l, maxX: c, maxY: h, target: a };
+    t.insert(u), e.set(a.annotation, u);
+  }, i = (a) => {
+    const s = e.get(a.annotation);
+    t.remove(s), e.delete(a.annotation);
+  };
+  return {
+    all: n,
+    clear: o,
+    getAt: (a, s) => {
+      const l = t.search({
+        minX: a,
+        minY: s,
+        maxX: a,
+        maxY: s
+      }).map((c) => c.target).filter((c) => c.selector.type === U.RECTANGLE || sn(c.selector, a, s));
+      if (l.length > 0)
+        return l.sort((c, h) => de(c.selector) - de(h.selector)), l[0];
+    },
+    getIntersecting: (a, s, l, c) => t.search({
+      minX: a,
+      minY: s,
+      maxX: a + l,
+      maxY: s + c
+    }).map((h) => h.target),
+    insert: r,
+    remove: i,
+    set: (a, s = !0) => {
+      s && o();
+      const l = a.map((c) => {
+        const { minX: h, minY: u, maxX: f, maxY: p } = c.selector.geometry.bounds;
+        return { minX: h, minY: u, maxX: f, maxY: p, target: c };
+      });
+      l.forEach((c) => e.set(c.target.annotation, c)), t.load(l);
+    },
+    size: () => t.all().length,
+    update: (a, s) => {
+      i(a), r(s);
+    }
+  };
+}, er = (t) => {
+  const e = Pn(), n = tr(), o = An(e, t.pointerSelectAction), r = vn(e), i = _n();
+  return e.observe(({ changes: a }) => {
+    n.set(a.created.map((s) => s.target), !1), a.deleted.forEach((s) => n.remove(s.target)), a.updated.forEach(({ oldValue: s, newValue: l }) => n.update(s.target, l.target));
+  }), {
+    store: {
+      ...e,
+      getAt: (a, s) => {
+        const l = n.getAt(a, s);
+        return l ? e.getAnnotation(l.annotation) : void 0;
+      },
+      getIntersecting: (a, s, l, c) => n.getIntersecting(a, s, l, c).map((h) => e.getAnnotation(h.annotation))
+    },
+    selection: o,
+    hover: r,
+    viewport: i
+  };
+}, nr = (t) => {
+  const e = er(t);
+  return {
+    ...e,
+    store: Rn(e.store)
+  };
+}, or = (t) => {
+  let e, n;
+  if (t.nodeName === "CANVAS")
+    e = t, n = e.getContext("2d", { willReadFrequently: !0 });
+  else {
+    const r = t;
+    e = document.createElement("canvas"), e.width = r.width, e.height = r.height, n = e.getContext("2d", { willReadFrequently: !0 }), n.drawImage(r, 0, 0, r.width, r.height);
+  }
+  let o = 0;
+  for (let r = 1; r < 10; r++)
+    for (let i = 1; i < 10; i++) {
+      const a = Math.round(i * e.width / 10), s = Math.round(r * e.height / 10), l = n.getImageData(a, s, 1, 1).data, c = (0.299 * l[0] + 0.587 * l[1] + 0.114 * l[2]) / 255;
+      o += c;
+    }
+  return o / 81;
+}, rr = (t, e) => {
+  const n = or(t), o = n > 0.6 ? "dark" : "light";
+  console.log(`[Annotorious] Image brightness: ${n.toFixed(1)}. Setting ${o} theme.`), e.setAttribute("data-theme", o);
+}, ir = (t) => ({
+  ...t,
+  drawingEnabled: t.drawingEnabled === void 0 ? !0 : t.drawingEnabled,
+  drawingMode: t.drawingMode || "drag",
+  pointerSelectAction: t.pointerSelectAction || Ue.EDIT
+}), sr = (t, e = {}) => {
+  if (!t)
+    throw "Missing argument: image";
+  const n = typeof t == "string" ? document.getElementById(t) : t, o = ir(e), r = nr(o), { hover: i, selection: a, store: s } = r, l = In(
+    s,
+    a,
+    i,
+    void 0,
+    o.adapter,
+    o.autoSave
+  );
+  let c = Vn();
+  const h = document.createElement("DIV");
+  h.style.position = "relative", h.style.display = "inline-block", n.style.display = "block", n.parentNode.insertBefore(h, n), h.appendChild(n), rr(n, h);
+  const u = new jo({
+    target: h,
+    props: {
+      drawingEnabled: o.drawingEnabled,
+      image: n,
+      preferredDrawingMode: o.drawingMode,
+      state: r,
+      style: o.style,
+      user: c
+    }
+  });
+  u.$on("click", ($) => {
+    const { originalEvent: w, annotation: A } = $.detail;
+    A ? a.clickSelect(A.id, w) : a.isEmpty() || a.clear();
+  });
+  const f = Dn(s, o.adapter), p = () => {
+    u.$destroy(), h.parentNode.insertBefore(n, h), h.parentNode.removeChild(h);
+  }, g = () => c, m = ($, w, A) => Eo($, w, A), b = ($, w) => oo($, w), E = ($) => {
+    const { tool: w, opts: A } = je($);
+    u.$set({ tool: w, opts: A });
+  }, T = ($) => u.$set({ drawingEnabled: $ }), X = ($) => {
+    console.warn("Filter not implemented yet");
+  }, x = ($) => {
+    $ ? a.setSelected($) : a.clear();
+  }, _ = ($) => u.$set({ style: $ }), y = ($) => {
+    c = $, u.$set({ user: $ });
+  };
+  return {
+    ...f,
+    destroy: p,
+    getUser: g,
+    listDrawingTools: bo,
+    on: l.on,
+    off: l.off,
+    registerDrawingTool: m,
+    registerShapeEditor: b,
+    setDrawingEnabled: T,
+    setDrawingTool: E,
+    setFilter: X,
+    setSelected: x,
+    setStyle: _,
+    setUser: y,
+    state: r
+  };
 };
 export {
-  m as useDebounce
+  He as Editor,
+  lo as EditorMount,
+  M as Handle,
+  Zn as PolygonEditor,
+  no as RectangleEditor,
+  dn as RectangleUtil,
+  fo as RubberbandRectangle,
+  jo as SVGAnnotationLayer,
+  U as ShapeType,
+  uo as ToolMount,
+  ar as W3CImageFormat,
+  Io as addEventListeners,
+  Ft as boundsFromPoints,
+  de as computeArea,
+  Vn as createAnonymousGuest,
+  Dn as createBaseAnnotator,
+  sr as createImageAnnotator,
+  er as createImageAnnotatorState,
+  Ro as createSVGTransform,
+  nr as createSvelteImageAnnotatorState,
+  Yn as diffAnnotations,
+  be as distance,
+  mo as enableResponsive,
+  ir as fillDefaults,
+  we as getEditor,
+  je as getTool,
+  sn as intersects,
+  bo as listDrawingTools,
+  Nn as parseAll,
+  un as parseFragmentSelector,
+  yn as parseSVGSelector,
+  jn as parseW3CBodies,
+  zn as parseW3CImageAnnotation,
+  oo as registerEditor,
+  oe as registerShapeUtil,
+  Eo as registerTool,
+  or as sampleBrightness,
+  hn as serializeFragmentSelector,
+  wn as serializeSVGSelector,
+  Cn as serializeW3CBodies,
+  Wn as serializeW3CImageAnnotation,
+  rr as setTheme
 };
 //# sourceMappingURL=annotorious-react.es13.js.map