@realsee/dnalogel 3.20.0 → 3.20.2

package/libs/PanoTagPlugin/Components/TagItem.js

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