@realsee/dnalogel 3.41.7 → 3.42.0-alpha-tag.0

package/libs/PanoTagPlugin/Components/TagItem.js

@@ -1,9 +1,8 @@
-import { SvelteComponent as U, init as W, safe_not_equal as X, append_styles as Y, empty as x, insert as I, transition_in as h, transition_out as y, check_outros as L, detach as N, getContext as $, element as P, space as ee, attr as u, null_to_empty as E, set_style as w, toggle_class as b, append as F, group_outros as Z, binding_callbacks as te, noop as T, create_component as K, mount_component as O, destroy_component as Q } from "../../vendor/svelte/internal/index.js";
-import ie from "./Tag/index.js";
+import { SvelteComponent as J, init as K, safe_not_equal as O, append_styles as Q, empty as U, insert as C, transition_in as g, transition_out as b, check_outros as I, detach as P, getContext as W, element as L, space as X, attr as c, toggle_class as d, set_style as A, append as Y, group_outros as z, binding_callbacks as x, noop as w, create_component as B, mount_component as E, destroy_component as F } from "../../vendor/svelte/internal/index.js";
+import $ from "./Tag/index.js";
 import "three";
-import { noTypecheck as G } from "../utils/noTypecheck.js";
-import ne from "./Common/TagPoint.js";
-import { classnames as H } from "../../vendor/classnames/index.js";
+import { noTypecheck as V } from "../utils/noTypecheck.js";
+import tt from "./Common/TagPoint.js";
 import "./Tag/TextTag/index.js";
 import "./Tag/TextTag/TextTag.js";
 import "./Common/Line/Straight.js";
@@ -91,416 +90,377 @@ import "./Common/Icon/Icon.js";
 import "../utils/getImageInfo.js";
 import "./Tag/PanoramaTag.js";
 import "./Tag/CustomTag.js";
-function oe(n) {
-  Y(n, "svelte-g38zun", ".tag.svelte-g38zun{will-change:opacity}.tag.withAnimation.svelte-g38zun{transition:opacity 0.2s linear}.tag.enableZIndex.svelte-g38zun{position:absolute;left:0;top:0;width:100%;height:100%}.tag.hide.svelte-g38zun{opacity:0;pointer-events:none}.tag.hide.svelte-g38zun *{pointer-events:none !important}.tag.unClickable.svelte-g38zun{pointer-events:none !important}.tag.unClickable.svelte-g38zun *{pointer-events:none !important}.tag.disable.svelte-g38zun{display:none}.wrapper.svelte-g38zun{position:absolute;width:0rem;height:0rem;overflow:visible;pointer-events:auto}");
+import "../../vendor/classnames/index.js";
+function et(o) {
+  Q(o, "svelte-48wo0r", ".tag.svelte-48wo0r{position:absolute;width:0rem;height:0rem;overflow:visible;pointer-events:auto;will-change:opacity}.tag.withAnimation.svelte-48wo0r{transition:opacity 0.2s linear}.tag.enableZIndex.svelte-48wo0r{position:absolute}.tag.hide.svelte-48wo0r{opacity:0;pointer-events:none}.tag.hide.svelte-48wo0r *{pointer-events:none !important}.tag.unClickable.svelte-48wo0r{pointer-events:none !important}.tag.unClickable.svelte-48wo0r *{pointer-events:none !important}.tag.disable.svelte-48wo0r{display:none}");
 }
-function J(n) {
-  let e, i, t, o, l, s, c, k, d, v, f;
-  const z = [ae, re], g = [];
-  function a(r, p) {
+function j(o) {
+  let t, i, e, a, r, s, k, _, m;
+  const T = [ot, it], u = [];
+  function v(n, l) {
     return (
       /*havePoint*/
-      r[16] ? 0 : 1
+      n[16] ? 0 : 1
     );
   }
-  t = a(n), o = g[t] = z[t](n);
-  const S = [le, pe], _ = [];
-  function M(r, p) {
+  i = v(o), e = u[i] = T[i](o);
+  const S = [rt, nt], p = [];
+  function M(n, l) {
     return (
       /*haveContent*/
-      r[15] ? 0 : 1
+      n[15] ? 0 : 1
     );
   }
-  return s = M(n), c = _[s] = S[s](n), {
+  return r = M(o), s = p[r] = S[r](o), {
     c() {
-      e = P("div"), i = P("div"), o.c(), l = ee(), c.c(), u(i, "class", k = E(H(
-        "wrapper",
-        /*tag*/
-        n[0].className ? `${/*tag*/
-        n[0].className}__wrapper` : void 0
-      )) + " svelte-g38zun"), u(
-        i,
-        "data-tag-unfolded",
-        /*unfolded*/
-        n[7]
-      ), u(
-        i,
+      t = L("div"), e.c(), a = X(), s.c(), c(t, "class", "tag svelte-48wo0r"), c(
+        t,
         "data-tag-id",
         /*id*/
-        n[14]
-      ), u(i, "data-content-type", d = /*tag*/
-      n[0].contentType), w(
-        i,
-        "left",
-        /*left*/
-        n[11]
-      ), w(
-        i,
-        "top",
-        /*top*/
-        n[10]
-      ), u(e, "class", "tag svelte-g38zun"), u(
-        e,
-        "data-tag-id",
-        /*id*/
-        n[14]
-      ), u(e, "id", v = `tag-${/*id*/
-      n[14]}`), b(
-        e,
+        o[14]
+      ), c(
+        t,
+        "data-tag-unfolded",
+        /*unfolded*/
+        o[7]
+      ), c(t, "data-content-type", k = /*tag*/
+      o[0].contentType), c(t, "id", _ = `tag-${/*id*/
+      o[14]}`), d(
+        t,
         "unClickable",
         /*tag*/
-        n[0].config.clickable === !1
-      ), b(
-        e,
+        o[0].config.clickable === !1
+      ), d(
+        t,
         "disable",
         /*disable*/
-        n[13]
-      ), b(
-        e,
+        o[13]
+      ), d(
+        t,
         "hide",
         /*hide*/
-        n[12]
-      ), b(
-        e,
+        o[12]
+      ), d(
+        t,
         "withAnimation",
         /*withAnimation*/
-        n[1]
-      ), b(
-        e,
+        o[1]
+      ), d(
+        t,
         "enableZIndex",
         /*zIndex*/
-        n[9]
-      ), w(
-        e,
+        o[9]
+      ), A(
+        t,
         "z-index",
         /*zIndex*/
-        n[9]
-      );
+        o[9]
+      ), A(t, "transform", `translate3d(${/*left*/
+      o[11]}, ${/*top*/
+      o[10]}, 0)`);
     },
-    m(r, p) {
-      I(r, e, p), F(e, i), g[t].m(i, null), F(i, l), _[s].m(i, null), n[18](e), f = !0;
+    m(n, l) {
+      C(n, t, l), u[i].m(t, null), Y(t, a), p[r].m(t, null), o[18](t), m = !0;
     },
-    p(r, p) {
-      let A = t;
-      t = a(r), t === A ? g[t].p(r, p) : (Z(), y(g[A], 1, 1, () => {
-        g[A] = null;
-      }), L(), o = g[t], o ? o.p(r, p) : (o = g[t] = z[t](r), o.c()), h(o, 1), o.m(i, l));
-      let C = s;
-      s = M(r), s === C ? _[s].p(r, p) : (Z(), y(_[C], 1, 1, () => {
-        _[C] = null;
-      }), L(), c = _[s], c ? c.p(r, p) : (c = _[s] = S[s](r), c.c()), h(c, 1), c.m(i, null)), (!f || p & /*tag*/
-      1 && k !== (k = E(H(
-        "wrapper",
-        /*tag*/
-        r[0].className ? `${/*tag*/
-        r[0].className}__wrapper` : void 0
-      )) + " svelte-g38zun")) && u(i, "class", k), (!f || p & /*unfolded*/
-      128) && u(
-        i,
-        "data-tag-unfolded",
-        /*unfolded*/
-        r[7]
-      ), (!f || p & /*id*/
-      16384) && u(
-        i,
+    p(n, l) {
+      let h = i;
+      i = v(n), i === h ? u[i].p(n, l) : (z(), b(u[h], 1, 1, () => {
+        u[h] = null;
+      }), I(), e = u[i], e ? e.p(n, l) : (e = u[i] = T[i](n), e.c()), g(e, 1), e.m(t, a));
+      let y = r;
+      r = M(n), r === y ? p[r].p(n, l) : (z(), b(p[y], 1, 1, () => {
+        p[y] = null;
+      }), I(), s = p[r], s ? s.p(n, l) : (s = p[r] = S[r](n), s.c()), g(s, 1), s.m(t, null)), (!m || l & /*id*/
+      16384) && c(
+        t,
         "data-tag-id",
         /*id*/
-        r[14]
-      ), (!f || p & /*tag*/
-      1 && d !== (d = /*tag*/
-      r[0].contentType)) && u(i, "data-content-type", d), p & /*left*/
-      2048 && w(
-        i,
-        "left",
-        /*left*/
-        r[11]
-      ), p & /*top*/
-      1024 && w(
-        i,
-        "top",
-        /*top*/
-        r[10]
-      ), (!f || p & /*id*/
-      16384) && u(
-        e,
-        "data-tag-id",
-        /*id*/
-        r[14]
-      ), (!f || p & /*id*/
-      16384 && v !== (v = `tag-${/*id*/
-      r[14]}`)) && u(e, "id", v), (!f || p & /*tag*/
-      1) && b(
-        e,
+        n[14]
+      ), (!m || l & /*unfolded*/
+      128) && c(
+        t,
+        "data-tag-unfolded",
+        /*unfolded*/
+        n[7]
+      ), (!m || l & /*tag*/
+      1 && k !== (k = /*tag*/
+      n[0].contentType)) && c(t, "data-content-type", k), (!m || l & /*id*/
+      16384 && _ !== (_ = `tag-${/*id*/
+      n[14]}`)) && c(t, "id", _), (!m || l & /*tag*/
+      1) && d(
+        t,
         "unClickable",
         /*tag*/
-        r[0].config.clickable === !1
-      ), (!f || p & /*disable*/
-      8192) && b(
-        e,
+        n[0].config.clickable === !1
+      ), (!m || l & /*disable*/
+      8192) && d(
+        t,
         "disable",
         /*disable*/
-        r[13]
-      ), (!f || p & /*hide*/
-      4096) && b(
-        e,
+        n[13]
+      ), (!m || l & /*hide*/
+      4096) && d(
+        t,
         "hide",
         /*hide*/
-        r[12]
-      ), (!f || p & /*withAnimation*/
-      2) && b(
-        e,
+        n[12]
+      ), (!m || l & /*withAnimation*/
+      2) && d(
+        t,
         "withAnimation",
         /*withAnimation*/
-        r[1]
-      ), (!f || p & /*zIndex*/
-      512) && b(
-        e,
+        n[1]
+      ), (!m || l & /*zIndex*/
+      512) && d(
+        t,
         "enableZIndex",
         /*zIndex*/
-        r[9]
-      ), p & /*zIndex*/
-      512 && w(
-        e,
+        n[9]
+      ), l & /*zIndex*/
+      512 && A(
+        t,
         "z-index",
         /*zIndex*/
-        r[9]
-      );
+        n[9]
+      ), l & /*left, top*/
+      3072 && A(t, "transform", `translate3d(${/*left*/
+      n[11]}, ${/*top*/
+      n[10]}, 0)`);
     },
-    i(r) {
-      f || (h(o), h(c), f = !0);
+    i(n) {
+      m || (g(e), g(s), m = !0);
     },
-    o(r) {
-      y(o), y(c), f = !1;
+    o(n) {
+      b(e), b(s), m = !1;
     },
-    d(r) {
-      r && N(e), g[t].d(), _[s].d(), n[18](null);
+    d(n) {
+      n && P(t), u[i].d(), p[r].d(), o[18](null);
     }
   };
 }
-function re(n) {
-  let e;
+function it(o) {
+  let t;
   return {
     c() {
-      e = P("div"), u(e, "data-info", "tag point is disable");
+      t = L("div"), c(t, "data-info", "tag point is disable");
     },
-    m(i, t) {
-      I(i, e, t);
+    m(i, e) {
+      C(i, t, e);
     },
-    p: T,
-    i: T,
-    o: T,
+    p: w,
+    i: w,
+    o: w,
     d(i) {
-      i && N(e);
+      i && P(t);
     }
   };
 }
-function ae(n) {
-  let e, i;
-  return e = new ne({ props: { tag: (
+function ot(o) {
+  let t, i;
+  return t = new tt({ props: { tag: (
     /*tag*/
-    n[0]
+    o[0]
   ) } }), {
     c() {
-      K(e.$$.fragment);
+      B(t.$$.fragment);
     },
-    m(t, o) {
-      O(e, t, o), i = !0;
+    m(e, a) {
+      E(t, e, a), i = !0;
     },
-    p(t, o) {
-      const l = {};
-      o & /*tag*/
-      1 && (l.tag = /*tag*/
-      t[0]), e.$set(l);
+    p(e, a) {
+      const r = {};
+      a & /*tag*/
+      1 && (r.tag = /*tag*/
+      e[0]), t.$set(r);
     },
-    i(t) {
-      i || (h(e.$$.fragment, t), i = !0);
+    i(e) {
+      i || (g(t.$$.fragment, e), i = !0);
     },
-    o(t) {
-      y(e.$$.fragment, t), i = !1;
+    o(e) {
+      b(t.$$.fragment, e), i = !1;
     },
-    d(t) {
-      Q(e, t);
+    d(e) {
+      F(t, e);
     }
   };
 }
-function pe(n) {
-  let e;
+function nt(o) {
+  let t;
   return {
     c() {
-      e = P("div"), u(e, "data-info", "tag content is disable");
+      t = L("div"), c(t, "data-info", "tag content is disable");
     },
-    m(i, t) {
-      I(i, e, t);
+    m(i, e) {
+      C(i, t, e);
     },
-    p: T,
-    i: T,
-    o: T,
+    p: w,
+    i: w,
+    o: w,
     d(i) {
-      i && N(e);
+      i && P(t);
     }
   };
 }
-function le(n) {
-  let e, i;
-  return e = new ie({
+function rt(o) {
+  let t, i;
+  return t = new $({
     props: {
       mediaStore: (
         /*mediaStore*/
-        n[2]
+        o[2]
       ),
       withAnimation: (
         /*withAnimation*/
-        n[1]
+        o[1]
       ),
-      tag: G(
+      tag: V(
         /*tag*/
-        n[0]
+        o[0]
       ),
       hooks: (
         /*hooks*/
-        n[17]
+        o[17]
       ),
       state: (
         /*state*/
-        n[5]
+        o[5]
       ),
       temporaryState: (
         /*temporaryState*/
-        n[6]
+        o[6]
       ),
       rendererMap: (
         /*rendererMap*/
-        n[3]
+        o[3]
       ),
       contentTypeMap: (
         /*contentTypeMap*/
-        n[4]
+        o[4]
       )
     }
   }), {
     c() {
-      K(e.$$.fragment);
+      B(t.$$.fragment);
     },
-    m(t, o) {
-      O(e, t, o), i = !0;
+    m(e, a) {
+      E(t, e, a), i = !0;
     },
-    p(t, o) {
-      const l = {};
-      o & /*mediaStore*/
-      4 && (l.mediaStore = /*mediaStore*/
-      t[2]), o & /*withAnimation*/
-      2 && (l.withAnimation = /*withAnimation*/
-      t[1]), o & /*tag*/
-      1 && (l.tag = G(
+    p(e, a) {
+      const r = {};
+      a & /*mediaStore*/
+      4 && (r.mediaStore = /*mediaStore*/
+      e[2]), a & /*withAnimation*/
+      2 && (r.withAnimation = /*withAnimation*/
+      e[1]), a & /*tag*/
+      1 && (r.tag = V(
         /*tag*/
-        t[0]
-      )), o & /*state*/
-      32 && (l.state = /*state*/
-      t[5]), o & /*temporaryState*/
-      64 && (l.temporaryState = /*temporaryState*/
-      t[6]), o & /*rendererMap*/
-      8 && (l.rendererMap = /*rendererMap*/
-      t[3]), o & /*contentTypeMap*/
-      16 && (l.contentTypeMap = /*contentTypeMap*/
-      t[4]), e.$set(l);
+        e[0]
+      )), a & /*state*/
+      32 && (r.state = /*state*/
+      e[5]), a & /*temporaryState*/
+      64 && (r.temporaryState = /*temporaryState*/
+      e[6]), a & /*rendererMap*/
+      8 && (r.rendererMap = /*rendererMap*/
+      e[3]), a & /*contentTypeMap*/
+      16 && (r.contentTypeMap = /*contentTypeMap*/
+      e[4]), t.$set(r);
     },
-    i(t) {
-      i || (h(e.$$.fragment, t), i = !0);
+    i(e) {
+      i || (g(t.$$.fragment, e), i = !0);
     },
-    o(t) {
-      y(e.$$.fragment, t), i = !1;
+    o(e) {
+      b(t.$$.fragment, e), i = !1;
     },
-    d(t) {
-      Q(e, t);
+    d(e) {
+      F(t, e);
     }
   };
 }
-function me(n) {
-  let e, i, t = (
+function at(o) {
+  let t, i, e = (
     /*screenPosition*/
-    n[8] && J(n)
+    o[8] && j(o)
   );
   return {
     c() {
-      t && t.c(), e = x();
+      e && e.c(), t = U();
     },
-    m(o, l) {
-      t && t.m(o, l), I(o, e, l), i = !0;
+    m(a, r) {
+      e && e.m(a, r), C(a, t, r), i = !0;
     },
-    p(o, [l]) {
+    p(a, [r]) {
       /*screenPosition*/
-      o[8] ? t ? (t.p(o, l), l & /*screenPosition*/
-      256 && h(t, 1)) : (t = J(o), t.c(), h(t, 1), t.m(e.parentNode, e)) : t && (Z(), y(t, 1, 1, () => {
-        t = null;
-      }), L());
+      a[8] ? e ? (e.p(a, r), r & /*screenPosition*/
+      256 && g(e, 1)) : (e = j(a), e.c(), g(e, 1), e.m(t.parentNode, t)) : e && (z(), b(e, 1, 1, () => {
+        e = null;
+      }), I());
     },
-    i(o) {
-      i || (h(t), i = !0);
+    i(a) {
+      i || (g(e), i = !0);
     },
-    o(o) {
-      y(t), i = !1;
+    o(a) {
+      b(e), i = !1;
     },
-    d(o) {
-      t && t.d(o), o && N(e);
+    d(a) {
+      e && e.d(a), a && P(t);
     }
   };
 }
-function fe(n, e, i) {
-  let t, o, l, s, c, k, d, v, f, z, { withAnimation: g = !1 } = e, { tag: a } = e, { mediaStore: S } = e, { rendererMap: _ = /* @__PURE__ */ new Map() } = e, { contentTypeMap: M = /* @__PURE__ */ new Map() } = e, { state: r } = e, { temporaryState: p } = e;
-  const A = $("hooks");
-  function C(m) {
-    te[m ? "unshift" : "push"](() => {
-      a.dom = m, i(0, a);
+function pt(o, t, i) {
+  let e, a, r, s, k, _, m, T, u, v, { withAnimation: S = !1 } = t, { tag: p } = t, { mediaStore: M } = t, { rendererMap: n = /* @__PURE__ */ new Map() } = t, { contentTypeMap: l = /* @__PURE__ */ new Map() } = t, { state: h } = t, { temporaryState: y } = t;
+  const G = W("hooks");
+  function H(f) {
+    x[f ? "unshift" : "push"](() => {
+      p.dom = f, i(0, p);
     });
   }
-  return n.$$set = (m) => {
-    "withAnimation" in m && i(1, g = m.withAnimation), "tag" in m && i(0, a = m.tag), "mediaStore" in m && i(2, S = m.mediaStore), "rendererMap" in m && i(3, _ = m.rendererMap), "contentTypeMap" in m && i(4, M = m.contentTypeMap), "state" in m && i(5, r = m.state), "temporaryState" in m && i(6, p = m.temporaryState);
-  }, n.$$.update = () => {
-    var m, q, D, R;
-    n.$$.dirty & /*tag, rendererMap*/
-    9 && i(16, t = (() => {
-      var V, j, B;
-      return !(((j = (V = a.style) == null ? void 0 : V.point) == null ? void 0 : j.enabled) === !1 || ((B = _.get(a.contentType)) == null ? void 0 : B.usePoint) === !1 || a.contentType === "Sticker" || a.contentType === "Link" || a.contentType === "VRLink" || a.contentType === "PanoLink" || a.contentType === "Panorama" || a.contentType === "Audio" && a.data.appearance === "plane");
-    })()), n.$$.dirty & /*tag*/
-    1 && i(15, o = (() => a.stickType === "2DPoint")()), n.$$.dirty & /*tag*/
-    1 && i(14, l = a.id), n.$$.dirty & /*tag*/
-    1 && i(13, s = a.enabled === !1 || !a.state), n.$$.dirty & /*tag*/
-    1 && i(12, c = !((m = a.state) != null && m.visible) || ((q = a.temporaryState) == null ? void 0 : q.visible) === !1 || !a.screenPosition), n.$$.dirty & /*tag*/
-    1 && i(7, k = (D = a.state) == null ? void 0 : D.unfolded), n.$$.dirty & /*tag*/
-    1 && i(8, d = a.screenPosition), n.$$.dirty & /*screenPosition*/
-    256 && i(11, v = (d == null ? void 0 : d.leftPercent) + "%"), n.$$.dirty & /*screenPosition*/
-    256 && i(10, f = (d == null ? void 0 : d.topPercent) + "%"), n.$$.dirty & /*unfolded, tag*/
-    129 && i(9, z = k ? ((R = a.zIndex) != null ? R : 0) + (k ? 1e6 : 0) : void 0);
-  }, [
-    a,
-    g,
+  return o.$$set = (f) => {
+    "withAnimation" in f && i(1, S = f.withAnimation), "tag" in f && i(0, p = f.tag), "mediaStore" in f && i(2, M = f.mediaStore), "rendererMap" in f && i(3, n = f.rendererMap), "contentTypeMap" in f && i(4, l = f.contentTypeMap), "state" in f && i(5, h = f.state), "temporaryState" in f && i(6, y = f.temporaryState);
+  }, o.$$.update = () => {
+    var f, Z, q;
+    o.$$.dirty & /*tag, rendererMap*/
+    9 && i(16, e = (() => {
+      var D, N, R;
+      return !(((N = (D = p.style) == null ? void 0 : D.point) == null ? void 0 : N.enabled) === !1 || ((R = n.get(p.contentType)) == null ? void 0 : R.usePoint) === !1 || p.contentType === "Sticker" || p.contentType === "Link" || p.contentType === "VRLink" || p.contentType === "PanoLink" || p.contentType === "Panorama" || p.contentType === "Audio" && p.data.appearance === "plane");
+    })()), o.$$.dirty & /*tag*/
+    1 && i(15, a = (() => p.stickType === "2DPoint")()), o.$$.dirty & /*tag*/
+    1 && i(14, r = p.id), o.$$.dirty & /*tag*/
+    1 && i(13, s = p.enabled === !1 || !p.state), o.$$.dirty & /*tag*/
+    1 && i(12, k = !((f = p.state) != null && f.visible) || ((Z = p.temporaryState) == null ? void 0 : Z.visible) === !1 || !p.screenPosition), o.$$.dirty & /*tag*/
+    1 && i(8, m = p.screenPosition), o.$$.dirty & /*screenPosition*/
+    256 && i(11, T = (m == null ? void 0 : m.leftPx) + "px"), o.$$.dirty & /*screenPosition*/
+    256 && i(10, u = (m == null ? void 0 : m.topPx) + "px"), o.$$.dirty & /*unfolded, tag*/
+    129 && i(9, v = _ ? ((q = p.zIndex) != null ? q : 0) + (_ ? 1e6 : 0) : void 0);
+  }, i(7, _ = !0), [
+    p,
     S,
-    _,
     M,
-    r,
-    p,
-    k,
-    d,
-    z,
-    f,
+    n,
+    l,
+    h,
+    y,
+    _,
+    m,
     v,
-    c,
+    u,
+    T,
+    k,
     s,
-    l,
-    o,
-    t,
-    A,
-    C
+    r,
+    a,
+    e,
+    G,
+    H
   ];
 }
-class Xt extends U {
-  constructor(e) {
-    super(), W(
+class Qe extends J {
+  constructor(t) {
+    super(), K(
       this,
-      e,
-      fe,
-      me,
-      X,
+      t,
+      pt,
+      at,
+      O,
       {
         withAnimation: 1,
         tag: 0,
@@ -510,10 +470,10 @@ class Xt extends U {
         state: 5,
         temporaryState: 6
       },
-      oe
+      et
     );
   }
 }
 export {
-  Xt as default
+  Qe as default
 };