@annotorious/react 3.0.0-rc.5 → 3.0.0-rc.7

package/dist/annotorious-react.es18.js

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