@annotorious/annotorious 3.0.0-rc.18 → 3.0.0-rc.19

package/dist/annotorious.es.js

@@ -109,14 +109,14 @@ function rt(e, t) {
 function U(e) {
   return document.createElementNS("http://www.w3.org/2000/svg", e);
 }
-function Ht(e) {
+function zt(e) {
   return document.createTextNode(e);
 }
 function oe() {
-  return Ht(" ");
+  return zt(" ");
 }
 function ce() {
-  return Ht("");
+  return zt("");
 }
 function F(e, t, n, o) {
   return e.addEventListener(t, n, o), () => e.removeEventListener(t, n, o);
@@ -127,7 +127,7 @@ function d(e, t, n) {
 function un(e) {
   return Array.from(e.childNodes);
 }
-function He(e, t, n) {
+function ze(e, t, n) {
   e.classList.toggle(t, !!n);
 }
 function dn(e, t, { bubbles: n = !1, cancelable: o = !1 } = {}) {
@@ -137,16 +137,16 @@ let Ie;
 function Be(e) {
   Ie = e;
 }
-function zt() {
+function Ht() {
   if (!Ie)
     throw new Error("Function called outside component initialization");
   return Ie;
 }
 function Pe(e) {
-  zt().$$.on_mount.push(e);
+  Ht().$$.on_mount.push(e);
 }
 function Te() {
-  const e = zt();
+  const e = Ht();
   return (t, n, { cancelable: o = !1 } = {}) => {
     const i = e.$$.callbacks[t];
     if (i) {
@@ -167,7 +167,7 @@ function ue(e, t) {
   const n = e.$$.callbacks[t.type];
   n && n.slice().forEach((o) => o.call(this, t));
 }
-const be = [], ze = [];
+const be = [], He = [];
 let Ae = [];
 const mt = [], hn = /* @__PURE__ */ Promise.resolve();
 let ot = !1;
@@ -192,8 +192,8 @@ function Ft() {
     } catch (t) {
       throw be.length = 0, pe = 0, t;
     }
-    for (Be(null), be.length = 0, pe = 0; ze.length; )
-      ze.pop()();
+    for (Be(null), be.length = 0, pe = 0; He.length; )
+      He.pop()();
     for (let t = 0; t < Ae.length; t += 1) {
       const n = Ae[t];
       We.has(n) || (We.add(n), n());
@@ -631,18 +631,18 @@ const Vn = (e, t) => {
 }, Gn = (e, t) => {
   const n = new Set(t.bodies.map((o) => o.id));
   return e.bodies.filter((o) => !n.has(o.id));
-}, Hn = (e, t) => t.bodies.map((n) => {
+}, zn = (e, t) => t.bodies.map((n) => {
   const o = e.bodies.find((i) => i.id === n.id);
   return { newBody: n, oldBody: o && !he(o, n) ? o : void 0 };
-}).filter(({ oldBody: n }) => n).map(({ oldBody: n, newBody: o }) => ({ oldBody: n, newBody: o })), zn = (e, t) => !he(e.target, t.target), Wt = (e, t) => {
-  const n = Vn(e, t), o = Gn(e, t), i = Hn(e, t);
+}).filter(({ oldBody: n }) => n).map(({ oldBody: n, newBody: o }) => ({ oldBody: n, newBody: o })), Hn = (e, t) => !he(e.target, t.target), Wt = (e, t) => {
+  const n = Vn(e, t), o = Gn(e, t), i = zn(e, t);
   return {
     oldValue: e,
     newValue: t,
     bodiesCreated: n.length > 0 ? n : void 0,
     bodiesDeleted: o.length > 0 ? o : void 0,
     bodiesUpdated: i.length > 0 ? i : void 0,
-    targetUpdated: zn(e, t) ? { oldTarget: e.target, newTarget: t.target } : void 0
+    targetUpdated: Hn(e, t) ? { oldTarget: e.target, newTarget: t.target } : void 0
   };
 };
 var G = /* @__PURE__ */ ((e) => (e.LOCAL = "LOCAL", e.REMOTE = "REMOTE", e))(G || {});
@@ -1134,7 +1134,7 @@ const Pi = (e, t = !1) => ({ parse: (i) => fo(i, t), serialize: (i) => uo(i, e)
         created: i ? new Date(i) : void 0,
         creator: Jt(o),
         updated: s ? new Date(s) : void 0,
-        ...l.target,
+        ...Array.isArray(l.target) ? l.target[0] : l.target,
         annotation: n,
         selector: f
       }
@@ -1151,8 +1151,7 @@ const Pi = (e, t = !1) => ({ parse: (i) => fo(i, t), serialize: (i) => uo(i, e)
     updatedBy: r,
     // Excluded from serialization
     ...l
-  } = e.target, a = n.type == j.RECTANGLE ? Tn(n.geometry) : Bn(n);
-  return {
+  } = e.target, a = n.type == j.RECTANGLE ? Tn(n.geometry) : Bn(n), c = {
     ...e,
     "@context": "http://www.w3.org/ns/anno.jsonld",
     id: e.id,
@@ -1167,6 +1166,7 @@ const Pi = (e, t = !1) => ({ parse: (i) => fo(i, t), serialize: (i) => uo(i, e)
       selector: a
     }
   };
+  return delete c.bodies, "annotation" in c.target && delete c.target.annotation, c;
 };
 function wt(e, t, n) {
   const o = e.slice();
@@ -1553,7 +1553,7 @@ function Ao(e) {
         e[1]
       ), d(n, "r", o = /*radius*/
       e[3] / /*scale*/
-      e[2]), d(n, "class", "a9s-touch-halo svelte-1sgkh33"), He(
+      e[2]), d(n, "class", "a9s-touch-halo svelte-1sgkh33"), ze(
         n,
         "touched",
         /*touched*/
@@ -1632,7 +1632,7 @@ function Ao(e) {
       12 && o !== (o = /*radius*/
       u[3] / /*scale*/
       u[2]) && d(n, "r", o), f & /*touched*/
-      16 && He(
+      16 && ze(
         n,
         "touched",
         /*touched*/
@@ -1727,7 +1727,7 @@ class Le extends te {
   }
 }
 function Mo(e) {
-  let t, n, o, i, s, r, l, a, c, u, f, h, g, m, _, w, y, E, b, A, L, D, R, p, T, S, M, O, X, Z, ge, me, Me, ie, I, H, z, J, fe, ne, N, qe, ut;
+  let t, n, o, i, s, r, l, a, c, u, f, h, g, m, _, w, y, E, b, A, L, D, R, p, T, S, M, O, X, Z, ge, me, Me, ie, I, z, H, J, fe, ne, N, qe, ut;
   return ie = new Le({
     props: {
       class: "a9s-corner-handle-topleft",
@@ -1749,7 +1749,7 @@ function Mo(e) {
       /*grab*/
       e[9]("TOP_LEFT")
     ) && e[9]("TOP_LEFT").apply(this, arguments);
-  }), H = new Le({
+  }), z = new Le({
     props: {
       class: "a9s-corner-handle-topright",
       x: (
@@ -1766,7 +1766,7 @@ function Mo(e) {
         e[3]
       )
     }
-  }), H.$on("pointerdown", function() {
+  }), z.$on("pointerdown", function() {
     q(
       /*grab*/
       e[9]("TOP_RIGHT")
@@ -1818,7 +1818,7 @@ function Mo(e) {
     ) && e[9]("BOTTOM_LEFT").apply(this, arguments);
   }), {
     c() {
-      t = U("rect"), l = oe(), a = U("rect"), g = oe(), m = U("rect"), E = oe(), b = U("rect"), R = oe(), p = U("rect"), O = oe(), X = U("rect"), Me = oe(), $(ie.$$.fragment), I = oe(), $(H.$$.fragment), z = oe(), $(J.$$.fragment), fe = oe(), $(ne.$$.fragment), d(t, "class", "a9s-outer"), d(t, "style", n = /*computedStyle*/
+      t = U("rect"), l = oe(), a = U("rect"), g = oe(), m = U("rect"), E = oe(), b = U("rect"), R = oe(), p = U("rect"), O = oe(), X = U("rect"), Me = oe(), $(ie.$$.fragment), I = oe(), $(z.$$.fragment), H = oe(), $(J.$$.fragment), fe = oe(), $(ne.$$.fragment), d(t, "class", "a9s-outer"), d(t, "style", n = /*computedStyle*/
       e[1] ? "display:none;" : void 0), d(t, "x", o = /*geom*/
       e[4].x), d(t, "y", i = /*geom*/
       e[4].y), d(t, "width", s = /*geom*/
@@ -1849,7 +1849,7 @@ function Mo(e) {
       e[4].h), d(X, "width", 1);
     },
     m(Y, v) {
-      B(Y, t, v), B(Y, l, v), B(Y, a, v), B(Y, g, v), B(Y, m, v), B(Y, E, v), B(Y, b, v), B(Y, R, v), B(Y, p, v), B(Y, O, v), B(Y, X, v), B(Y, Me, v), Q(ie, Y, v), B(Y, I, v), Q(H, Y, v), B(Y, z, v), Q(J, Y, v), B(Y, fe, v), Q(ne, Y, v), N = !0, qe || (ut = [
+      B(Y, t, v), B(Y, l, v), B(Y, a, v), B(Y, g, v), B(Y, m, v), B(Y, E, v), B(Y, b, v), B(Y, R, v), B(Y, p, v), B(Y, O, v), B(Y, X, v), B(Y, Me, v), Q(ie, Y, v), B(Y, I, v), Q(z, Y, v), B(Y, H, v), Q(J, Y, v), B(Y, fe, v), Q(ne, Y, v), N = !0, qe || (ut = [
         F(t, "pointerdown", function() {
           q(
             /*grab*/
@@ -1956,7 +1956,7 @@ function Mo(e) {
       16 && (De.y = /*geom*/
       e[4].y), v & /*viewportScale*/
       8 && (De.scale = /*viewportScale*/
-      e[3]), H.$set(De);
+      e[3]), z.$set(De);
       const Xe = {};
       v & /*geom*/
       16 && (Xe.x = /*geom*/
@@ -1978,13 +1978,13 @@ function Mo(e) {
       e[3]), ne.$set(Ce);
     },
     i(Y) {
-      N || (P(ie.$$.fragment, Y), P(H.$$.fragment, Y), P(J.$$.fragment, Y), P(ne.$$.fragment, Y), N = !0);
+      N || (P(ie.$$.fragment, Y), P(z.$$.fragment, Y), P(J.$$.fragment, Y), P(ne.$$.fragment, Y), N = !0);
     },
     o(Y) {
-      C(ie.$$.fragment, Y), C(H.$$.fragment, Y), C(J.$$.fragment, Y), C(ne.$$.fragment, Y), N = !1;
+      C(ie.$$.fragment, Y), C(z.$$.fragment, Y), C(J.$$.fragment, Y), C(ne.$$.fragment, Y), N = !1;
     },
     d(Y) {
-      Y && (k(t), k(l), k(a), k(g), k(m), k(E), k(b), k(R), k(p), k(O), k(X), k(Me), k(I), k(z), k(fe)), x(ie, Y), x(H, Y), x(J, Y), x(ne, Y), qe = !1, ae(ut);
+      Y && (k(t), k(l), k(a), k(g), k(m), k(E), k(b), k(R), k(p), k(O), k(X), k(Me), k(I), k(H), k(fe)), x(ie, Y), x(z, Y), x(J, Y), x(ne, Y), qe = !1, ae(ut);
     }
   };
 }
@@ -2615,7 +2615,7 @@ function Go(e) {
     }
   };
 }
-const Ho = 20, zo = 1500;
+const zo = 20, Ho = 1500;
 function Fo(e, t, n) {
   let o;
   const i = Te();
@@ -2631,18 +2631,18 @@ function Fo(e, t, n) {
     if (h && clearTimeout(h), u.length > 0) {
       if (n(1, f = l.elementToImage(A.offsetX, A.offsetY)), u.length > 2) {
         const L = Qe(f, u[0]) * a;
-        n(2, g = L < Ho);
+        n(2, g = L < zo);
       }
       A.pointerType === "touch" && (h = setTimeout(
         () => {
           y();
         },
-        zo
+        Ho
       ));
     }
   }, w = (b) => {
     const A = b;
-    if (r === "click") {
+    if (h && clearTimeout(h), r === "click") {
       const L = A.timeStamp - c.timeStamp, D = Qe([c.offsetX, c.offsetY], [A.offsetX, A.offsetY]);
       if (L > 300 || D > 15)
         return;
@@ -3586,7 +3586,7 @@ function hi(e) {
       t = U("svg"), n = U("g");
       for (let f = 0; f < a.length; f += 1)
         a[f].c();
-      o = U("g"), u && u.c(), d(o, "class", "drawing"), d(t, "class", "a9s-annotationlayer"), He(
+      o = U("g"), u && u.c(), d(o, "class", "drawing"), d(t, "class", "a9s-annotationlayer"), ze(
         t,
         "drawing",
         /*tool*/
@@ -3633,7 +3633,7 @@ function hi(e) {
       16 && P(u, 1)) : (u = Pt(e), u.c(), P(u, 1), u.m(o, null)) : u && (re(), C(u, 1, 1, () => {
         u = null;
       }), le()), (!i || h[0] & /*tool*/
-      4096) && He(
+      4096) && ze(
         t,
         "drawing",
         /*tool*/
@@ -3668,41 +3668,41 @@ function gi(e, t, n) {
   let M, O;
   const X = (I) => {
     M && S.unobserve(M);
-    const H = I.filter(({ editable: z }) => z).map(({ id: z }) => z);
-    H.length > 0 ? (n(6, O = H.map((z) => S.getAnnotation(z)).filter(Boolean)), M = (z) => {
-      const { updated: J } = z.changes;
+    const z = I.filter(({ editable: H }) => H).map(({ id: H }) => H);
+    z.length > 0 ? (n(6, O = z.map((H) => S.getAnnotation(H)).filter(Boolean)), M = (H) => {
+      const { updated: J } = H.changes;
       n(6, O = J == null ? void 0 : J.map((fe) => fe.newValue));
-    }, S.observe(M, { annotations: H })) : n(6, O = void 0);
+    }, S.observe(M, { annotations: z })) : n(6, O = void 0);
   }, Z = (I) => {
-    const H = qt(), z = {
-      id: H,
+    const z = qt(), H = {
+      id: z,
       bodies: [],
       target: {
-        annotation: H,
+        annotation: z,
         selector: I.detail,
         creator: L,
         created: /* @__PURE__ */ new Date()
       }
     };
-    S.addAnnotation(z), T.setSelected(z.id);
-  }, ge = (I) => (H) => {
+    S.addAnnotation(H), T.setSelected(H.id);
+  }, ge = (I) => (z) => {
     var ne;
-    const { target: z } = I, J = 10 * 60 * 1e3, fe = ((ne = z.creator) == null ? void 0 : ne.id) !== L.id || !z.created || (/* @__PURE__ */ new Date()).getTime() - z.created.getTime() > J;
+    const { target: H } = I, J = 10 * 60 * 1e3, fe = ((ne = H.creator) == null ? void 0 : ne.id) !== L.id || !H.created || (/* @__PURE__ */ new Date()).getTime() - H.created.getTime() > J;
     S.updateTarget({
-      ...z,
-      selector: H.detail,
-      created: fe ? z.created : /* @__PURE__ */ new Date(),
+      ...H,
+      selector: z.detail,
+      created: fe ? H.created : /* @__PURE__ */ new Date(),
       updated: fe ? /* @__PURE__ */ new Date() : void 0,
       updatedBy: fe ? L : void 0
     });
   }, me = (I) => Oo(I);
   function Me(I) {
-    ze[I ? "unshift" : "push"](() => {
+    He[I ? "unshift" : "push"](() => {
       D = I, n(4, D);
     });
   }
   function ie(I) {
-    ze[I ? "unshift" : "push"](() => {
+    He[I ? "unshift" : "push"](() => {
       R = I, n(3, R);
     });
   }
@@ -3714,7 +3714,7 @@ function gi(e, t, n) {
     18874368 && n(11, s = (i == null ? void 0 : i.drawingMode) || y), e.$$.dirty[0] & /*svgEl*/
     8 && n(10, r = ii(R)), e.$$.dirty[0] & /*svgEl*/
     8 && n(9, { onPointerDown: l, onPointerUp: a } = ri(R, S), l, (n(8, a), n(3, R))), e.$$.dirty[0] & /*$selection*/
-    33554432 && n(7, c = (I) => u.selected.find((H) => H.id === I.id && H.editable)), e.$$.dirty[0] & /*$selection*/
+    33554432 && n(7, c = (I) => u.selected.find((z) => z.id === I.id && z.editable)), e.$$.dirty[0] & /*$selection*/
     33554432 && X(u.selected);
   }, [
     _,