@annotorious/svelte 3.0.0-rc.21 → 3.0.0-rc.4

package/dist/annotorious-svelte.es6.js

@@ -1,130 +1,112 @@
-import { safe_not_equal as H, noop as v, component_subscribe as I, action_destroyer as T, is_function as X, run_all as Y } from "./annotorious-svelte.es7.js";
-import { empty as q, insert as P, detach as S, element as x, text as G, attr as L, append as R, listen as _, set_data as U } from "./annotorious-svelte.es8.js";
-import { onMount as z } from "./annotorious-svelte.es10.js";
-import { SvelteComponent as B, init as F } from "./annotorious-svelte.es11.js";
-import "./annotorious-svelte.es12.js";
-import { draggable as J } from "./annotorious-svelte.es15.js";
-import b from "openseadragon";
-import "./annotorious-svelte.es16.js";
-function w(n) {
-  let o, e = (
-    /*$selection*/
-    n[0].selected.map(y).join(", ") + ""
-  ), t, s, r, d;
+import { SvelteComponent as g, init as b, safe_not_equal as h, empty as k, insert as w, transition_in as l, transition_out as c, check_outros as A, detach as O, create_slot as v, update_slot_base as C, get_all_dirty_from_scope as T, get_slot_changes as q, group_outros as y, setContext as m } from "./annotorious-svelte.es8.js";
+import { toSvelteStore as D } from "@annotorious/core";
+import { createOSDAnnotator as N } from "./annotorious-svelte.es9.js";
+function d(s) {
+  let n;
+  const o = (
+    /*#slots*/
+    s[4].default
+  ), t = v(
+    o,
+    s,
+    /*$$scope*/
+    s[3],
+    null
+  );
   return {
     c() {
-      o = x("div"), t = G(e), L(o, "class", "a9s-popup a9s-osd-popup svelte-1xuxeat");
+      t && t.c();
+    },
+    m(e, i) {
+      t && t.m(e, i), n = !0;
     },
-    m(a, l) {
-      P(a, o, l), R(o, t), r || (d = [
-        T(s = J.call(null, o, {
-          position: { x: (
-            /*left*/
-            n[1]
-          ), y: (
-            /*top*/
-            n[2]
-          ) }
-        })),
-        _(
+    p(e, i) {
+      t && t.p && (!n || i & /*$$scope*/
+      8) && C(
+        t,
+        o,
+        e,
+        /*$$scope*/
+        e[3],
+        n ? q(
           o,
-          "neodrag:start",
-          /*onDragStart*/
-          n[4]
+          /*$$scope*/
+          e[3],
+          i,
+          null
+        ) : T(
+          /*$$scope*/
+          e[3]
         ),
-        _(
-          o,
-          "neodrag:end",
-          /*onDragEnd*/
-          n[5]
-        )
-      ], r = !0);
+        null
+      );
+    },
+    i(e) {
+      n || (l(t, e), n = !0);
     },
-    p(a, l) {
-      l & /*$selection*/
-      1 && e !== (e = /*$selection*/
-      a[0].selected.map(y).join(", ") + "") && U(t, e), s && X(s.update) && l & /*left, top*/
-      6 && s.update.call(null, {
-        position: { x: (
-          /*left*/
-          a[1]
-        ), y: (
-          /*top*/
-          a[2]
-        ) }
-      });
+    o(e) {
+      c(t, e), n = !1;
     },
-    d(a) {
-      a && S(o), r = !1, Y(d);
+    d(e) {
+      t && t.d(e);
     }
   };
 }
-function K(n) {
-  let o, e = (
-    /*$selection*/
-    n[0] && w(n)
+function j(s) {
+  let n, o, t = (
+    /*viewer*/
+    s[0] && d(s)
   );
   return {
     c() {
-      e && e.c(), o = q();
+      t && t.c(), n = k();
     },
-    m(t, s) {
-      e && e.m(t, s), P(t, o, s);
+    m(e, i) {
+      t && t.m(e, i), w(e, n, i), o = !0;
     },
-    p(t, [s]) {
-      /*$selection*/
-      t[0] ? e ? e.p(t, s) : (e = w(t), e.c(), e.m(o.parentNode, o)) : e && (e.d(1), e = null);
+    p(e, [i]) {
+      /*viewer*/
+      e[0] ? t ? (t.p(e, i), i & /*viewer*/
+      1 && l(t, 1)) : (t = d(e), t.c(), l(t, 1), t.m(n.parentNode, n)) : t && (y(), c(t, 1, 1, () => {
+        t = null;
+      }), A());
     },
-    i: v,
-    o: v,
-    d(t) {
-      t && S(o), e && e.d(t);
+    i(e) {
+      o || (l(t), o = !0);
+    },
+    o(e) {
+      c(t), o = !1;
+    },
+    d(e) {
+      t && t.d(e), e && O(n);
     }
   };
 }
-const y = (n) => n.id;
-function Q(n, o, e) {
-  let t, { state: s } = o, { viewer: r } = o, d, a, l = !1, p;
-  const { selection: m, store: u } = s;
-  I(n, m, (i) => e(0, t = i));
-  const g = (i) => {
-    var c;
-    return ((c = i.selected) == null ? void 0 : c.length) > 0;
-  }, E = () => {
-    l = !0, r.setMouseNavEnabled(!1);
-  }, D = () => {
-    r.setMouseNavEnabled(!0);
-  }, N = () => {
-    p && u.unobserve(p), g(t) && (l = !1, f(t), p = (i) => {
-      l || f(t);
-    }, u.observe(p, {
-      annotations: t.selected.map((i) => i.id)
-    }));
-  }, f = (i) => {
-    const c = i.selected[0].id, h = u.getAnnotation(c), { minX: k, minY: C, maxX: M, maxY: O } = h.target.selector.geometry.bounds, V = 14, j = r.viewport.imageToViewerElementCoordinates(new b.Point(k, C)), A = r.viewport.imageToViewerElementCoordinates(new b.Point(M, O));
-    e(1, d = A.x + V), e(2, a = j.y);
+function z(s, n, o) {
+  let { $$slots: t = {}, $$scope: e } = n, { viewer: i } = n, { opts: f = {} } = n, { anno: a = void 0 } = n;
+  const S = (r) => {
+    if (r) {
+      const u = N(r, f), p = D(u.state.store), _ = {
+        ...u,
+        state: { ...u.state, store: p }
+      };
+      m("anno", _), m("viewer", r), o(1, a = _);
+    }
   };
-  return z(() => {
-    const i = () => {
-      g(t) && !l && f(t);
-    };
-    return r.addHandler("update-viewport", i), () => {
-      r.removeHandler("update-viewport", i);
-    };
-  }), n.$$set = (i) => {
-    "state" in i && e(6, s = i.state), "viewer" in i && e(7, r = i.viewer);
-  }, n.$$.update = () => {
-    n.$$.dirty & /*$selection*/
-    1 && N();
-  }, [t, d, a, m, E, D, s, r];
+  return s.$$set = (r) => {
+    "viewer" in r && o(0, i = r.viewer), "opts" in r && o(2, f = r.opts), "anno" in r && o(1, a = r.anno), "$$scope" in r && o(3, e = r.$$scope);
+  }, s.$$.update = () => {
+    s.$$.dirty & /*viewer*/
+    1 && S(i);
+  }, [i, a, f, e, t];
 }
-class W extends B {
-  constructor(o) {
-    super(), F(this, o, Q, K, H, { state: 6, viewer: 7 });
+class B extends g {
+  constructor(n) {
+    super(), b(this, n, z, j, h, { viewer: 0, opts: 2, anno: 1 });
   }
 }
-const re = W;
+const H = B;
 export {
-  re as default
+  H as default
 };
 //# sourceMappingURL=annotorious-svelte.es6.js.map

package/dist/annotorious-svelte.es6.js.map

@@ -1 +1 @@
-{"version":3,"file":"annotorious-svelte.es6.js","sources":["../src/osd/OpenSeadragonPopup.svelte"],"sourcesContent":["<script lang=\"ts\">\n  import { onMount } from 'svelte';\n  import { draggable } from '@neodrag/svelte';\n  import OpenSeadragon from 'openseadragon';\n  import type { Selection, StoreChangeEvent, SvelteAnnotatorState } from '@annotorious/core';\n  import type { ImageAnnotation } from '@annotorious/annotorious';\n\n  export let state: SvelteAnnotatorState<ImageAnnotation>;\n\n  export let viewer: OpenSeadragon.Viewer;\n\n  let left: number;\n\n  let top: number;\n\n  let dragged = false;\n\n  let storeObserver: (event: StoreChangeEvent<ImageAnnotation>) => void;\n\n  const { selection, store } = state; \n\n  const isSelected = (selection: Selection) => selection.selected?.length > 0;\n\n  const onDragStart = () => {\n    dragged = true;\n    viewer.setMouseNavEnabled(false);\n  }\n\n  const onDragEnd = () => {\n    viewer.setMouseNavEnabled(true);\n  }\n\n  $: $selection, onSelect();\n\n  const onSelect = () => {\n    if (storeObserver)\n      store.unobserve(storeObserver);\n\n    if (isSelected($selection)) {\n      dragged = false;\n\n      setPosition($selection);\n\n      storeObserver = (event: StoreChangeEvent<ImageAnnotation>) => {\n        if (!dragged)\n          setPosition($selection);\n      }\n\n      store.observe(storeObserver, { annotations: $selection.selected.map(s => s.id) });\n    }\n  }\n\n  const setPosition = (selection: Selection) => {\n    // Note: this demo popup only supports a single selection\n    const selectedId = selection.selected[0].id;\n    const annotation = store.getAnnotation(selectedId);\n\n    const { minX, minY, maxX, maxY } = annotation.target.selector.geometry.bounds;\n\n    const PADDING = 14;\n\n    const topLeft = viewer.viewport.imageToViewerElementCoordinates(new OpenSeadragon.Point(minX, minY));\n    const bottomRight = viewer.viewport.imageToViewerElementCoordinates(new OpenSeadragon.Point(maxX, maxY));\n\n    // [left, top] = defaultStrategy(annotation, lastPointerDown);\n    left = bottomRight.x + PADDING;\n    top = topLeft.y;\n  }\n\n  onMount(() => {\n    const onUpdateViewport = () => {\n      if (isSelected($selection) && !dragged)\n        setPosition($selection);\n    }\n\n    viewer.addHandler('update-viewport', onUpdateViewport);\n\n    return () => {\n      viewer.removeHandler('update-viewport', onUpdateViewport);\n    }\n  });\n</script>\n\n{#if $selection}\n  <div \n    class=\"a9s-popup a9s-osd-popup\"\n    use:draggable={{ position: { x: left, y: top }}}\n    on:neodrag:start={onDragStart}\n    on:neodrag:end={onDragEnd}>\n    {$selection.selected.map(s => s.id).join(', ')}\n  </div>\n{/if}\n\n<style>\n  .a9s-osd-popup {\n    background-color: #fff;\n    border: 1px solid #a2a2a2;\n    height: 250px;\n    position: absolute;\n    width: 400px;\n    z-index: 1;\n  }\n</style>"],"names":["t_value","ctx","func","insert","target","div","anchor","dirty","set_data","create_if_block","s","state","$$props","viewer","left","top","dragged","storeObserver","selection","store","isSelected","_a","onDragStart","onDragEnd","onSelect","$selection","setPosition","event","selectedId","annotation","minX","minY","maxX","maxY","PADDING","topLeft","OpenSeadragon","bottomRight","$$invalidate","onMount","onUpdateViewport"],"mappings":";;;;;;;;;SAyFKA;AAAA;AAAA,IAAAC,KAAW,SAAS,IAAeC,CAAA,EAAA,KAAK,IAAI,IAAA;AAAA;;;;;;AAL/C,MAAAC,EAMKC,GAAAC,GAAAC,CAAA;;UAJc,YAAY;AAAA;AAAA,YAAGL,EAAM,CAAA;AAAA,aAAA;AAAA;AAAA,YAAGA,EAAG,CAAA;AAAA,YAAA;AAAA;;;;;UAC1BA,EAAW,CAAA;AAAA,QAAA;AAAA;;;;UACbA,EAAS,CAAA;AAAA,QAAA;AAAA;;;AACxB,MAAAM;AAAA,MAAA,KAAAP,OAAAA;AAAA,MAAAC,KAAW,SAAS,IAAeC,CAAA,EAAA,KAAK,IAAI,IAAA,OAAAM,EAAA,GAAAR,CAAA;;QAH5B,YAAY;AAAA;AAAA,UAAGC,EAAM,CAAA;AAAA,WAAA;AAAA;AAAA,UAAGA,EAAG,CAAA;AAAA,UAAA;AAAA;;;;;;;;;;IAH3CA,EAAU,CAAA,KAAAQ,EAAAR,CAAA;AAAA;;;;;;;;;;MAAVA,EAAU,CAAA;;;;;;;;;UAMc,CAAAS,MAAKA,EAAE;;WAlFvB,OAAAC,EAA4C,IAAAC,KAE5C,QAAAC,EAA4B,IAAAD,GAEnCE,GAEAC,GAEAC,IAAU,IAEVC;UAEI,WAAAC,GAAW,OAAAC,EAAK,IAAKR;;QAEvBS,IAAc,CAAAF,MAAyB;;AAAA,aAAAG,IAAAH,EAAU,aAAV,gBAAAG,EAAoB,UAAS;AAAA,KAEpEC,IAAW,MAAA;AACf,IAAAN,IAAU,IACVH,EAAO,mBAAmB,EAAK;AAAA,KAG3BU,IAAS,MAAA;AACb,IAAAV,EAAO,mBAAmB,EAAI;AAAA,KAK1BW,IAAQ,MAAA;AACR,IAAAP,KACFE,EAAM,UAAUF,CAAa,GAE3BG,EAAWK,CAAU,MACvBT,IAAU,IAEVU,EAAYD,CAAU,GAEtBR,IAAiB,CAAAU,MAAwC;MAClDX,KACHU,EAAYD,CAAU;AAAA,OAG1BN,EAAM,QAAQF,GAAa;AAAA,MAAI,aAAaQ,EAAW,SAAS,IAAI,CAAAf,MAAKA,EAAE,EAAE;AAAA;KAI3EgB,IAAe,CAAAR,MAAoB;AAEjC,UAAAU,IAAaV,EAAU,SAAS,CAAC,EAAE,IACnCW,IAAaV,EAAM,cAAcS,CAAU,GAEzC,EAAA,MAAAE,GAAM,MAAAC,GAAM,MAAAC,GAAM,MAAAC,EAAI,IAAKJ,EAAW,OAAO,SAAS,SAAS,QAEjEK,IAAU,IAEVC,IAAUtB,EAAO,SAAS,gCAAoC,IAAAuB,EAAc,MAAMN,GAAMC,CAAI,CAAA,GAC5FM,IAAcxB,EAAO,SAAS,gCAAoC,IAAAuB,EAAc,MAAMJ,GAAMC,CAAI,CAAA;AAGtG,IAAAK,EAAA,GAAAxB,IAAOuB,EAAY,IAAIH,CAAO,QAC9BnB,IAAMoB,EAAQ,CAAC;AAAA;AAGjB,SAAAI,EAAO,MAAA;UACCC,IAAgB,MAAA;AAChB,MAAApB,EAAWK,CAAU,KAAA,CAAMT,KAC7BU,EAAYD,CAAU;AAAA;AAG1B,WAAAZ,EAAO,WAAW,mBAAmB2B,CAAgB;AAGnD,MAAA3B,EAAO,cAAc,mBAAmB2B,CAAgB;AAAA;;;;;SA9C7ChB,EAAQ;AAAA;;;;;;;;"}
+{"version":3,"file":"annotorious-svelte.es6.js","sources":["../src/osd/OpenSeadragonAnnotator.svelte"],"sourcesContent":["<script lang=\"ts\">\n  import { setContext } from 'svelte';\n  import { SvelteAnnotator, SvelteAnnotatorState, toSvelteStore } from '@annotorious/core';\n  import { createOSDAnnotator, ImageAnnotation } from '@annotorious/openseadragon';\n  import type OpenSeadragon from 'openseadragon';\n\n  /** props **/\n  export let viewer: OpenSeadragon.Viewer;\n  export let opts = {};\n  export let anno: SvelteAnnotator<ImageAnnotation> = undefined;\n\n  $: init(viewer);\n\n  const init = (viewer: OpenSeadragon.Viewer) => {\n    if (viewer) {\n      const annotator = createOSDAnnotator(viewer, opts);\n\n      // Wrap the store for Svelte reactivity\n      const svelteStore = toSvelteStore(annotator.state.store);\n\n      const shim = {\n        ...annotator,\n        state: {\n          ...annotator.state,\n          store: svelteStore\n        } as SvelteAnnotatorState<ImageAnnotation>\n      } as SvelteAnnotator<ImageAnnotation>\n\n      setContext('anno', shim);\n      setContext('viewer', viewer);\n\n      anno = shim;\n    }\n  }\n</script>\n\n{#if viewer}\n  <slot />\n{/if}\n"],"names":["ctx","create_if_block","viewer","$$props","opts","anno","init","annotator","createOSDAnnotator","svelteStore","toSvelteStore","shim","setContext","$$invalidate"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAoCKA,EAAM,CAAA,KAAAC,EAAAD,CAAA;AAAA;;;;;;;;;;MAANA,EAAM,CAAA;;;;;;;;;;;;;;;;;6CA7BE,QAAAE,EAA4B,IAAAC,KAC5B,MAAAC,IAAI,GAAA,IAAAD,GACJ,EAAA,MAAAE,IAAyC,OAAS,IAAAF;AAIvD,QAAAG,IAAQ,CAAAJ,MAA4B;QACpCA,GAAM;AACF,YAAAK,IAAYC,EAAmBN,GAAQE,CAAI,GAG3CK,IAAcC,EAAcH,EAAU,MAAM,KAAK,GAEjDI,IAAI;AAAA,WACLJ;AAAA,QACH,YACKA,EAAU,OACb,OAAOE,EAAA;AAAA;AAIX,MAAAG,EAAW,QAAQD,CAAI,GACvBC,EAAW,UAAUV,CAAM,GAE3BW,EAAA,GAAAR,IAAOM,CAAI;AAAA;;;;;;SApBZL,EAAKJ,CAAM;AAAA;;;;;;;;"}

package/dist/annotorious-svelte.es7.js

@@ -1,100 +1,126 @@
-function i() {
+import { SvelteComponent as H, init as I, safe_not_equal as T, empty as X, insert as P, noop as v, detach as S, component_subscribe as Y, onMount as q, element as x, text as G, attr as L, append as R, action_destroyer as U, listen as _, set_data as z, is_function as B, run_all as F } from "./annotorious-svelte.es8.js";
+import { draggable as J } from "./annotorious-svelte.es10.js";
+import b from "openseadragon";
+import "./annotorious-svelte.es11.js";
+function w(n) {
+  let o, e = (
+    /*$selection*/
+    n[0].selected.map(y).join(", ") + ""
+  ), t, s, a, d;
+  return {
+    c() {
+      o = x("div"), t = G(e), L(o, "class", "a9s-popup a9s-osd-popup svelte-1xuxeat");
+    },
+    m(r, l) {
+      P(r, o, l), R(o, t), a || (d = [
+        U(s = J.call(null, o, {
+          position: { x: (
+            /*left*/
+            n[1]
+          ), y: (
+            /*top*/
+            n[2]
+          ) }
+        })),
+        _(
+          o,
+          "neodrag:start",
+          /*onDragStart*/
+          n[4]
+        ),
+        _(
+          o,
+          "neodrag:end",
+          /*onDragEnd*/
+          n[5]
+        )
+      ], a = !0);
+    },
+    p(r, l) {
+      l & /*$selection*/
+      1 && e !== (e = /*$selection*/
+      r[0].selected.map(y).join(", ") + "") && z(t, e), s && B(s.update) && l & /*left, top*/
+      6 && s.update.call(null, {
+        position: { x: (
+          /*left*/
+          r[1]
+        ), y: (
+          /*top*/
+          r[2]
+        ) }
+      });
+    },
+    d(r) {
+      r && S(o), a = !1, F(d);
+    }
+  };
 }
-function l(t, n) {
-  for (const e in n)
-    t[e] = n[e];
-  return (
-    /** @type {T & S} */
-    t
+function K(n) {
+  let o, e = (
+    /*$selection*/
+    n[0] && w(n)
   );
-}
-function _(t) {
-  return t();
-}
-function d() {
-  return /* @__PURE__ */ Object.create(null);
-}
-function g(t) {
-  t.forEach(_);
-}
-function y(t) {
-  return typeof t == "function";
-}
-function h(t, n) {
-  return t != t ? n == n : t !== n || t && typeof t == "object" || typeof t == "function";
-}
-function x(t) {
-  return Object.keys(t).length === 0;
-}
-function b(t, ...n) {
-  if (t == null) {
-    for (const r of n)
-      r(void 0);
-    return i;
-  }
-  const e = t.subscribe(...n);
-  return e.unsubscribe ? () => e.unsubscribe() : e;
-}
-function a(t, n, e) {
-  t.$$.on_destroy.push(b(n, e));
-}
-function p(t, n, e, r) {
-  if (t) {
-    const u = s(t, n, e, r);
-    return t[0](u);
-  }
-}
-function s(t, n, e, r) {
-  return t[1] && r ? l(e.ctx.slice(), t[1](r(n))) : e.ctx;
-}
-function j(t, n, e, r) {
-  if (t[2] && r) {
-    const u = t[2](r(e));
-    if (n.dirty === void 0)
-      return u;
-    if (typeof u == "object") {
-      const c = [], f = Math.max(n.dirty.length, u.length);
-      for (let o = 0; o < f; o += 1)
-        c[o] = n.dirty[o] | u[o];
-      return c;
+  return {
+    c() {
+      e && e.c(), o = X();
+    },
+    m(t, s) {
+      e && e.m(t, s), P(t, o, s);
+    },
+    p(t, [s]) {
+      /*$selection*/
+      t[0] ? e ? e.p(t, s) : (e = w(t), e.c(), e.m(o.parentNode, o)) : e && (e.d(1), e = null);
+    },
+    i: v,
+    o: v,
+    d(t) {
+      e && e.d(t), t && S(o);
     }
-    return n.dirty | u;
+  };
+}
+const y = (n) => n.id;
+function Q(n, o, e) {
+  let t, { state: s } = o, { viewer: a } = o, d, r, l = !1, c;
+  const { selection: m, store: u } = s;
+  Y(n, m, (i) => e(0, t = i));
+  const g = (i) => {
+    var p;
+    return ((p = i.selected) == null ? void 0 : p.length) > 0;
+  }, E = () => {
+    l = !0, a.setMouseNavEnabled(!1);
+  }, D = () => {
+    a.setMouseNavEnabled(!0);
+  }, N = () => {
+    c && u.unobserve(c), g(t) && (l = !1, f(t), c = (i) => {
+      l || f(t);
+    }, u.observe(c, {
+      annotations: t.selected.map((i) => i.id)
+    }));
+  }, f = (i) => {
+    const p = i.selected[0].id, h = u.getAnnotation(p), { minX: k, minY: C, maxX: M, maxY: O } = h.target.selector.geometry.bounds, V = 14, j = a.viewport.imageToViewerElementCoordinates(new b.Point(k, C)), A = a.viewport.imageToViewerElementCoordinates(new b.Point(M, O));
+    e(1, d = A.x + V), e(2, r = j.y);
+  };
+  return q(() => {
+    const i = () => {
+      g(t) && !l && f(t);
+    };
+    return a.addHandler("update-viewport", i), () => {
+      a.removeHandler("update-viewport", i);
+    };
+  }), n.$$set = (i) => {
+    "state" in i && e(6, s = i.state), "viewer" in i && e(7, a = i.viewer);
+  }, n.$$.update = () => {
+    n.$$.dirty & /*$selection*/
+    1 && N();
+  }, [t, d, r, m, E, D, s, a];
+}
+class W extends H {
+  constructor(o) {
+    super(), I(this, o, Q, K, T, { state: 6, viewer: 7 });
   }
-  return n.dirty;
-}
-function m(t, n, e, r, u, c) {
-  if (u) {
-    const f = s(n, e, r, c);
-    t.p(f, u);
-  }
-}
-function k(t) {
-  if (t.ctx.length > 32) {
-    const n = [], e = t.ctx.length / 32;
-    for (let r = 0; r < e; r++)
-      n[r] = -1;
-    return n;
-  }
-  return -1;
-}
-function O(t) {
-  return t && y(t.destroy) ? t.destroy : i;
 }
+const oe = W;
 export {
-  O as action_destroyer,
-  l as assign,
-  d as blank_object,
-  a as component_subscribe,
-  p as create_slot,
-  k as get_all_dirty_from_scope,
-  j as get_slot_changes,
-  x as is_empty,
-  y as is_function,
-  i as noop,
-  _ as run,
-  g as run_all,
-  h as safe_not_equal,
-  b as subscribe,
-  m as update_slot_base
+  oe as default
 };
 //# sourceMappingURL=annotorious-svelte.es7.js.map

package/dist/annotorious-svelte.es7.js.map

@@ -1 +1 @@
-{"version":3,"file":"annotorious-svelte.es7.js","sources":["../../../node_modules/svelte/src/runtime/internal/utils.js"],"sourcesContent":["/** @returns {void} */\nexport function noop() {}\n\nexport const identity = (x) => x;\n\n/**\n * @template T\n * @template S\n * @param {T} tar\n * @param {S} src\n * @returns {T & S}\n */\nexport function assign(tar, src) {\n\t// @ts-ignore\n\tfor (const k in src) tar[k] = src[k];\n\treturn /** @type {T & S} */ (tar);\n}\n\n// Adapted from https://github.com/then/is-promise/blob/master/index.js\n// Distributed under MIT License https://github.com/then/is-promise/blob/master/LICENSE\n/**\n * @param {any} value\n * @returns {value is PromiseLike<any>}\n */\nexport function is_promise(value) {\n\treturn (\n\t\t!!value &&\n\t\t(typeof value === 'object' || typeof value === 'function') &&\n\t\ttypeof (/** @type {any} */ (value).then) === 'function'\n\t);\n}\n\n/** @returns {void} */\nexport function add_location(element, file, line, column, char) {\n\telement.__svelte_meta = {\n\t\tloc: { file, line, column, char }\n\t};\n}\n\nexport function run(fn) {\n\treturn fn();\n}\n\nexport function blank_object() {\n\treturn Object.create(null);\n}\n\n/**\n * @param {Function[]} fns\n * @returns {void}\n */\nexport function run_all(fns) {\n\tfns.forEach(run);\n}\n\n/**\n * @param {any} thing\n * @returns {thing is Function}\n */\nexport function is_function(thing) {\n\treturn typeof thing === 'function';\n}\n\n/** @returns {boolean} */\nexport function safe_not_equal(a, b) {\n\treturn a != a ? b == b : a !== b || (a && typeof a === 'object') || typeof a === 'function';\n}\n\nlet src_url_equal_anchor;\n\n/**\n * @param {string} element_src\n * @param {string} url\n * @returns {boolean}\n */\nexport function src_url_equal(element_src, url) {\n\tif (element_src === url) return true;\n\tif (!src_url_equal_anchor) {\n\t\tsrc_url_equal_anchor = document.createElement('a');\n\t}\n\t// This is actually faster than doing URL(..).href\n\tsrc_url_equal_anchor.href = url;\n\treturn element_src === src_url_equal_anchor.href;\n}\n\n/** @param {string} srcset */\nfunction split_srcset(srcset) {\n\treturn srcset.split(',').map((src) => src.trim().split(' ').filter(Boolean));\n}\n\n/**\n * @param {HTMLSourceElement | HTMLImageElement} element_srcset\n * @param {string | undefined | null} srcset\n * @returns {boolean}\n */\nexport function srcset_url_equal(element_srcset, srcset) {\n\tconst element_urls = split_srcset(element_srcset.srcset);\n\tconst urls = split_srcset(srcset || '');\n\n\treturn (\n\t\turls.length === element_urls.length &&\n\t\turls.every(\n\t\t\t([url, width], i) =>\n\t\t\t\twidth === element_urls[i][1] &&\n\t\t\t\t// We need to test both ways because Vite will create an a full URL with\n\t\t\t\t// `new URL(asset, import.meta.url).href` for the client when `base: './'`, and the\n\t\t\t\t// relative URLs inside srcset are not automatically resolved to absolute URLs by\n\t\t\t\t// browsers (in contrast to img.src). This means both SSR and DOM code could\n\t\t\t\t// contain relative or absolute URLs.\n\t\t\t\t(src_url_equal(element_urls[i][0], url) || src_url_equal(url, element_urls[i][0]))\n\t\t)\n\t);\n}\n\n/** @returns {boolean} */\nexport function not_equal(a, b) {\n\treturn a != a ? b == b : a !== b;\n}\n\n/** @returns {boolean} */\nexport function is_empty(obj) {\n\treturn Object.keys(obj).length === 0;\n}\n\n/** @returns {void} */\nexport function validate_store(store, name) {\n\tif (store != null && typeof store.subscribe !== 'function') {\n\t\tthrow new Error(`'${name}' is not a store with a 'subscribe' method`);\n\t}\n}\n\nexport function subscribe(store, ...callbacks) {\n\tif (store == null) {\n\t\tfor (const callback of callbacks) {\n\t\t\tcallback(undefined);\n\t\t}\n\t\treturn noop;\n\t}\n\tconst unsub = store.subscribe(...callbacks);\n\treturn unsub.unsubscribe ? () => unsub.unsubscribe() : unsub;\n}\n\n/**\n * Get the current value from a store by subscribing and immediately unsubscribing.\n *\n * https://svelte.dev/docs/svelte-store#get\n * @template T\n * @param {import('../store/public.js').Readable<T>} store\n * @returns {T}\n */\nexport function get_store_value(store) {\n\tlet value;\n\tsubscribe(store, (_) => (value = _))();\n\treturn value;\n}\n\n/** @returns {void} */\nexport function component_subscribe(component, store, callback) {\n\tcomponent.$$.on_destroy.push(subscribe(store, callback));\n}\n\nexport function create_slot(definition, ctx, $$scope, fn) {\n\tif (definition) {\n\t\tconst slot_ctx = get_slot_context(definition, ctx, $$scope, fn);\n\t\treturn definition[0](slot_ctx);\n\t}\n}\n\nfunction get_slot_context(definition, ctx, $$scope, fn) {\n\treturn definition[1] && fn ? assign($$scope.ctx.slice(), definition[1](fn(ctx))) : $$scope.ctx;\n}\n\nexport function get_slot_changes(definition, $$scope, dirty, fn) {\n\tif (definition[2] && fn) {\n\t\tconst lets = definition[2](fn(dirty));\n\t\tif ($$scope.dirty === undefined) {\n\t\t\treturn lets;\n\t\t}\n\t\tif (typeof lets === 'object') {\n\t\t\tconst merged = [];\n\t\t\tconst len = Math.max($$scope.dirty.length, lets.length);\n\t\t\tfor (let i = 0; i < len; i += 1) {\n\t\t\t\tmerged[i] = $$scope.dirty[i] | lets[i];\n\t\t\t}\n\t\t\treturn merged;\n\t\t}\n\t\treturn $$scope.dirty | lets;\n\t}\n\treturn $$scope.dirty;\n}\n\n/** @returns {void} */\nexport function update_slot_base(\n\tslot,\n\tslot_definition,\n\tctx,\n\t$$scope,\n\tslot_changes,\n\tget_slot_context_fn\n) {\n\tif (slot_changes) {\n\t\tconst slot_context = get_slot_context(slot_definition, ctx, $$scope, get_slot_context_fn);\n\t\tslot.p(slot_context, slot_changes);\n\t}\n}\n\n/** @returns {void} */\nexport function update_slot(\n\tslot,\n\tslot_definition,\n\tctx,\n\t$$scope,\n\tdirty,\n\tget_slot_changes_fn,\n\tget_slot_context_fn\n) {\n\tconst slot_changes = get_slot_changes(slot_definition, $$scope, dirty, get_slot_changes_fn);\n\tupdate_slot_base(slot, slot_definition, ctx, $$scope, slot_changes, get_slot_context_fn);\n}\n\n/** @returns {any[] | -1} */\nexport function get_all_dirty_from_scope($$scope) {\n\tif ($$scope.ctx.length > 32) {\n\t\tconst dirty = [];\n\t\tconst length = $$scope.ctx.length / 32;\n\t\tfor (let i = 0; i < length; i++) {\n\t\t\tdirty[i] = -1;\n\t\t}\n\t\treturn dirty;\n\t}\n\treturn -1;\n}\n\n/** @returns {{}} */\nexport function exclude_internal_props(props) {\n\tconst result = {};\n\tfor (const k in props) if (k[0] !== '$') result[k] = props[k];\n\treturn result;\n}\n\n/** @returns {{}} */\nexport function compute_rest_props(props, keys) {\n\tconst rest = {};\n\tkeys = new Set(keys);\n\tfor (const k in props) if (!keys.has(k) && k[0] !== '$') rest[k] = props[k];\n\treturn rest;\n}\n\n/** @returns {{}} */\nexport function compute_slots(slots) {\n\tconst result = {};\n\tfor (const key in slots) {\n\t\tresult[key] = true;\n\t}\n\treturn result;\n}\n\n/** @returns {(this: any, ...args: any[]) => void} */\nexport function once(fn) {\n\tlet ran = false;\n\treturn function (...args) {\n\t\tif (ran) return;\n\t\tran = true;\n\t\tfn.call(this, ...args);\n\t};\n}\n\nexport function null_to_empty(value) {\n\treturn value == null ? '' : value;\n}\n\nexport function set_store_value(store, ret, value) {\n\tstore.set(value);\n\treturn ret;\n}\n\nexport const has_prop = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop);\n\nexport function action_destroyer(action_result) {\n\treturn action_result && is_function(action_result.destroy) ? action_result.destroy : noop;\n}\n\n/** @param {number | string} value\n * @returns {[number, string]}\n */\nexport function split_css_unit(value) {\n\tconst split = typeof value === 'string' && value.match(/^\\s*(-?[\\d.]+)([^\\s]*)\\s*$/);\n\treturn split ? [parseFloat(split[1]), split[2] || 'px'] : [/** @type {number} */ (value), 'px'];\n}\n\nexport const contenteditable_truthy_values = ['', true, 1, 'true', 'contenteditable'];\n"],"names":["noop","assign","tar","src","k","run","fn","blank_object","run_all","fns","is_function","thing","safe_not_equal","a","b","is_empty","obj","subscribe","store","callbacks","callback","unsub","component_subscribe","component","create_slot","definition","ctx","$$scope","slot_ctx","get_slot_context","get_slot_changes","dirty","lets","merged","len","i","update_slot_base","slot","slot_definition","slot_changes","get_slot_context_fn","slot_context","get_all_dirty_from_scope","length","action_destroyer","action_result"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"annotorious-svelte.es7.js","sources":["../src/osd/OpenSeadragonPopup.svelte"],"sourcesContent":["<script lang=\"ts\">\n  import { onMount } from 'svelte';\n  import { draggable } from '@neodrag/svelte';\n  import OpenSeadragon from 'openseadragon';\n  import type { Selection, StoreChangeEvent, SvelteAnnotatorState } from '@annotorious/core';\n  import type { ImageAnnotation } from '@annotorious/annotorious';\n\n  export let state: SvelteAnnotatorState<ImageAnnotation>;\n\n  export let viewer: OpenSeadragon.Viewer;\n\n  let left: number;\n\n  let top: number;\n\n  let dragged = false;\n\n  let storeObserver: (event: StoreChangeEvent<ImageAnnotation>) => void;\n\n  const { selection, store } = state; \n\n  const isSelected = (selection: Selection) => selection.selected?.length > 0;\n\n  const onDragStart = () => {\n    dragged = true;\n    viewer.setMouseNavEnabled(false);\n  }\n\n  const onDragEnd = () => {\n    viewer.setMouseNavEnabled(true);\n  }\n\n  $: $selection, onSelect();\n\n  const onSelect = () => {\n    if (storeObserver)\n      store.unobserve(storeObserver);\n\n    if (isSelected($selection)) {\n      dragged = false;\n\n      setPosition($selection);\n\n      storeObserver = (event: StoreChangeEvent<ImageAnnotation>) => {\n        if (!dragged)\n          setPosition($selection);\n      }\n\n      store.observe(storeObserver, { annotations: $selection.selected.map(s => s.id) });\n    }\n  }\n\n  const setPosition = (selection: Selection) => {\n    // Note: this demo popup only supports a single selection\n    const selectedId = selection.selected[0].id;\n    const annotation = store.getAnnotation(selectedId);\n\n    const { minX, minY, maxX, maxY } = annotation.target.selector.geometry.bounds;\n\n    const PADDING = 14;\n\n    const topLeft = viewer.viewport.imageToViewerElementCoordinates(new OpenSeadragon.Point(minX, minY));\n    const bottomRight = viewer.viewport.imageToViewerElementCoordinates(new OpenSeadragon.Point(maxX, maxY));\n\n    // [left, top] = defaultStrategy(annotation, lastPointerDown);\n    left = bottomRight.x + PADDING;\n    top = topLeft.y;\n  }\n\n  onMount(() => {\n    const onUpdateViewport = () => {\n      if (isSelected($selection) && !dragged)\n        setPosition($selection);\n    }\n\n    viewer.addHandler('update-viewport', onUpdateViewport);\n\n    return () => {\n      viewer.removeHandler('update-viewport', onUpdateViewport);\n    }\n  });\n</script>\n\n{#if $selection}\n  <div \n    class=\"a9s-popup a9s-osd-popup\"\n    use:draggable={{ position: { x: left, y: top }}}\n    on:neodrag:start={onDragStart}\n    on:neodrag:end={onDragEnd}>\n    {$selection.selected.map(s => s.id).join(', ')}\n  </div>\n{/if}\n\n<style>\n  .a9s-osd-popup {\n    background-color: #fff;\n    border: 1px solid #a2a2a2;\n    height: 250px;\n    position: absolute;\n    width: 400px;\n    z-index: 1;\n  }\n</style>"],"names":["t_value","ctx","func","insert","target","div","anchor","dirty","set_data","create_if_block","s","state","$$props","viewer","left","top","dragged","storeObserver","selection","store","isSelected","_a","onDragStart","onDragEnd","onSelect","$selection","setPosition","event","selectedId","annotation","minX","minY","maxX","maxY","PADDING","topLeft","OpenSeadragon","bottomRight","$$invalidate","onMount","onUpdateViewport"],"mappings":";;;;;SAyFKA;AAAA;AAAA,IAAAC,KAAW,SAAS,IAAeC,CAAA,EAAA,KAAK,IAAI,IAAA;AAAA;;;;;;AAL/C,MAAAC,EAMKC,GAAAC,GAAAC,CAAA;;UAJc,YAAY;AAAA;AAAA,YAAGL,EAAM,CAAA;AAAA,aAAA;AAAA;AAAA,YAAGA,EAAG,CAAA;AAAA,YAAA;AAAA;;;;;UAC1BA,EAAW,CAAA;AAAA,QAAA;AAAA;;;;UACbA,EAAS,CAAA;AAAA,QAAA;AAAA;;;AACxB,MAAAM;AAAA,MAAA,KAAAP,OAAAA;AAAA,MAAAC,KAAW,SAAS,IAAeC,CAAA,EAAA,KAAK,IAAI,IAAA,OAAAM,EAAA,GAAAR,CAAA;;QAH5B,YAAY;AAAA;AAAA,UAAGC,EAAM,CAAA;AAAA,WAAA;AAAA;AAAA,UAAGA,EAAG,CAAA;AAAA,UAAA;AAAA;;;;;;;;;;IAH3CA,EAAU,CAAA,KAAAQ,EAAAR,CAAA;AAAA;;;;;;;;;;MAAVA,EAAU,CAAA;;;;;;;;;UAMc,CAAAS,MAAKA,EAAE;;WAlFvB,OAAAC,EAA4C,IAAAC,KAE5C,QAAAC,EAA4B,IAAAD,GAEnCE,GAEAC,GAEAC,IAAU,IAEVC;UAEI,WAAAC,GAAW,OAAAC,EAAK,IAAKR;;QAEvBS,IAAc,CAAAF,MAAyB;;AAAA,aAAAG,IAAAH,EAAU,aAAV,gBAAAG,EAAoB,UAAS;AAAA,KAEpEC,IAAW,MAAA;AACf,IAAAN,IAAU,IACVH,EAAO,mBAAmB,EAAK;AAAA,KAG3BU,IAAS,MAAA;AACb,IAAAV,EAAO,mBAAmB,EAAI;AAAA,KAK1BW,IAAQ,MAAA;AACR,IAAAP,KACFE,EAAM,UAAUF,CAAa,GAE3BG,EAAWK,CAAU,MACvBT,IAAU,IAEVU,EAAYD,CAAU,GAEtBR,IAAiB,CAAAU,MAAwC;MAClDX,KACHU,EAAYD,CAAU;AAAA,OAG1BN,EAAM,QAAQF,GAAa;AAAA,MAAI,aAAaQ,EAAW,SAAS,IAAI,CAAAf,MAAKA,EAAE,EAAE;AAAA;KAI3EgB,IAAe,CAAAR,MAAoB;AAEjC,UAAAU,IAAaV,EAAU,SAAS,CAAC,EAAE,IACnCW,IAAaV,EAAM,cAAcS,CAAU,GAEzC,EAAA,MAAAE,GAAM,MAAAC,GAAM,MAAAC,GAAM,MAAAC,EAAI,IAAKJ,EAAW,OAAO,SAAS,SAAS,QAEjEK,IAAU,IAEVC,IAAUtB,EAAO,SAAS,gCAAoC,IAAAuB,EAAc,MAAMN,GAAMC,CAAI,CAAA,GAC5FM,IAAcxB,EAAO,SAAS,gCAAoC,IAAAuB,EAAc,MAAMJ,GAAMC,CAAI,CAAA;AAGtG,IAAAK,EAAA,GAAAxB,IAAOuB,EAAY,IAAIH,CAAO,QAC9BnB,IAAMoB,EAAQ,CAAC;AAAA;AAGjB,SAAAI,EAAO,MAAA;UACCC,IAAgB,MAAA;AAChB,MAAApB,EAAWK,CAAU,KAAA,CAAMT,KAC7BU,EAAYD,CAAU;AAAA;AAG1B,WAAAZ,EAAO,WAAW,mBAAmB2B,CAAgB;AAGnD,MAAA3B,EAAO,cAAc,mBAAmB2B,CAAgB;AAAA;;;;;SA9C7ChB,EAAQ;AAAA;;;;;;;;"}