@realsee/dnalogel 2.1.0-alpha.21 → 2.1.0-alpha.23

package/libs/PanoTagPlugin/Components/Common/MediaItem.js

@@ -1,97 +1,147 @@
-import { S as b, i as k, s as w, a as j, r as g, c, n as _, g as d, e as u, b as n, o as y, l as m, q as h } from "../../../index.164f1850.js";
-import { Image_Play as C } from "../../Assets/Icon.js";
-import v from "../../utils/nullishCoalescing.js";
-function F(o) {
-  j(o, "svelte-6jwk1w", ".media-item.svelte-6jwk1w{height:100%}.media-content.svelte-6jwk1w{width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;-o-object-fit:inherit;object-fit:inherit}.video-icon.svelte-6jwk1w{width:1.75rem;height:1.75rem;background-size:100%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}");
+import { S as j, i as C, s as N, a as F, r as U, c as m, n as h, g as _, e as d, b as r, G as q, o as S, l as g, I as f, q as y, p as z, K as k, L } from "../../../index.164f1850.js";
+import { Image_Play_Large as P, Image_Play_Small as B } from "../../Assets/Icon.js";
+function G(l) {
+  F(l, "svelte-cwtvzu", ".media-item.svelte-cwtvzu.svelte-cwtvzu{height:100%}.media-content.svelte-cwtvzu.svelte-cwtvzu{width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;-o-object-fit:inherit;object-fit:inherit}.video-icon.svelte-cwtvzu.svelte-cwtvzu{width:12.5rem;height:6.25rem;max-width:60%;max-height:60%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.video-play-button-container.svelte-cwtvzu.svelte-cwtvzu{display:none;pointer-events:auto;position:absolute;width:100%;height:100%;top:0;left:0}.video-play-button-container.showPlayButton.svelte-cwtvzu.svelte-cwtvzu{display:block}.video-icon.large.svelte-cwtvzu.svelte-cwtvzu{width:12.5rem;height:6.25rem}.video-icon.small.svelte-cwtvzu.svelte-cwtvzu{width:1.75rem;height:1.75rem}.video-icon.svelte-cwtvzu .video-icon-img.svelte-cwtvzu{width:100%;height:100%;background-position:center center;background-size:contain;background-repeat:no-repeat}.video-icon.svelte-cwtvzu .video-icon-img.canPlay.svelte-cwtvzu{cursor:pointer}");
 }
-function p(o) {
-  let e, i;
-  function s(r, a) {
-    if (r[0].type === "Image")
-      return U;
-    if (r[0].type === "Video")
-      return I;
+function I(l) {
+  let e, t;
+  function a(u, i) {
+    if (u[0].type === "Image")
+      return M;
+    if (u[0].type === "Video")
+      return K;
   }
-  let l = s(o), t = l && l(o);
+  let s = a(l), o = s && s(l);
   return {
     c() {
-      e = u("div"), t && t.c(), n(e, "class", "media-item svelte-6jwk1w"), n(e, "style", i = `object-fit: ${o[1]};`);
+      e = d("div"), o && o.c(), r(e, "class", "media-item svelte-cwtvzu"), r(e, "style", t = `object-fit: ${l[3]};`);
     },
-    m(r, a) {
-      c(r, e, a), t && t.m(e, null);
+    m(u, i) {
+      m(u, e, i), o && o.m(e, null);
     },
-    p(r, a) {
-      l === (l = s(r)) && t ? t.p(r, a) : (t && t.d(1), t = l && l(r), t && (t.c(), t.m(e, null))), a & 2 && i !== (i = `object-fit: ${r[1]};`) && n(e, "style", i);
+    p(u, i) {
+      s === (s = a(u)) && o ? o.p(u, i) : (o && o.d(1), o = s && s(u), o && (o.c(), o.m(e, null))), i & 8 && t !== (t = `object-fit: ${u[3]};`) && r(e, "style", t);
     },
-    d(r) {
-      r && d(e), t && t.d();
+    d(u) {
+      u && _(e), o && o.d();
     }
   };
 }
-function I(o) {
-  let e, i, s, l, t, r;
+function K(l) {
+  let e, t, a, s, o, u, i, v, p, w;
   return {
     c() {
-      e = u("video"), t = y(), r = u("div"), n(e, "class", "media-content svelte-6jwk1w"), m(e.src, i = o[0].url) || n(e, "src", i), n(e, "poster", s = v(o[0].videoCoverUrl, void 0)), n(e, "preload", l = o[0].videoCoverUrl ? void 0 : "auto"), e.playsInline = !0, n(e, "paused", ""), e.loop = !1, n(e, "crossorigin", ""), e.controls = !1, e.muted = !0, n(r, "class", "video-icon svelte-6jwk1w"), h(r, "background-image", "url(" + C + ")");
+      var c;
+      e = d("video"), o = S(), u = d("div"), i = d("div"), v = d("div"), r(e, "class", "media-content svelte-cwtvzu"), g(e.src, t = l[0].url) || r(e, "src", t), r(e, "poster", a = (c = l[0].videoCoverUrl) != null ? c : void 0), r(e, "preload", s = l[0].videoCoverUrl ? void 0 : "auto"), e.playsInline = !0, r(e, "paused", ""), e.loop = !1, r(e, "crossorigin", ""), e.controls = !1, f(e, "showPlayButton", l[5]), r(v, "class", "video-icon-img svelte-cwtvzu"), y(v, "background-image", "url(" + (l[1] === "large" ? P : B) + ")"), f(v, "canPlay", l[2]), r(i, "class", "video-icon svelte-cwtvzu"), f(i, "large", l[1] === "large"), f(i, "small", l[1] === "small"), r(u, "class", "video-play-button-container svelte-cwtvzu"), f(u, "showPlayButton", l[5]);
     },
-    m(a, f) {
-      c(a, e, f), c(a, t, f), c(a, r, f);
+    m(c, n) {
+      m(c, e, n), l[7](e), m(c, o, n), m(c, u, n), z(u, i), z(i, v), p || (w = [
+        k(e, "click", l[6]),
+        k(v, "click", l[8])
+      ], p = !0);
     },
-    p(a, f) {
-      f & 1 && !m(e.src, i = a[0].url) && n(e, "src", i), f & 1 && s !== (s = v(a[0].videoCoverUrl, void 0)) && n(e, "poster", s), f & 1 && l !== (l = a[0].videoCoverUrl ? void 0 : "auto") && n(e, "preload", l);
+    p(c, n) {
+      var b;
+      n & 1 && !g(e.src, t = c[0].url) && r(e, "src", t), n & 1 && a !== (a = (b = c[0].videoCoverUrl) != null ? b : void 0) && r(e, "poster", a), n & 1 && s !== (s = c[0].videoCoverUrl ? void 0 : "auto") && r(e, "preload", s), n & 32 && f(e, "showPlayButton", c[5]), n & 2 && y(v, "background-image", "url(" + (c[1] === "large" ? P : B) + ")"), n & 4 && f(v, "canPlay", c[2]), n & 2 && f(i, "large", c[1] === "large"), n & 2 && f(i, "small", c[1] === "small"), n & 32 && f(u, "showPlayButton", c[5]);
     },
-    d(a) {
-      a && d(e), a && d(t), a && d(r);
+    d(c) {
+      c && _(e), l[7](null), c && _(o), c && _(u), p = !1, L(w);
     }
   };
 }
-function U(o) {
-  let e, i, s;
+function M(l) {
+  let e, t, a;
   return {
     c() {
-      e = u("img"), n(e, "class", "media-content svelte-6jwk1w"), m(e.src, i = o[0].url) || n(e, "src", i), n(e, "alt", s = o[0].name);
+      e = d("img"), r(e, "class", "media-content svelte-cwtvzu"), g(e.src, t = l[0].url) || r(e, "src", t), r(e, "alt", a = l[0].name);
     },
-    m(l, t) {
-      c(l, e, t);
+    m(s, o) {
+      m(s, e, o);
     },
-    p(l, t) {
-      t & 1 && !m(e.src, i = l[0].url) && n(e, "src", i), t & 1 && s !== (s = l[0].name) && n(e, "alt", s);
+    p(s, o) {
+      o & 1 && !g(e.src, t = s[0].url) && r(e, "src", t), o & 1 && a !== (a = s[0].name) && r(e, "alt", a);
     },
-    d(l) {
-      l && d(e);
+    d(s) {
+      s && _(e);
     }
   };
 }
-function q(o) {
-  let e, i = o[0] && p(o);
+function V(l) {
+  let e, t = l[0] && I(l);
   return {
     c() {
-      i && i.c(), e = g();
+      t && t.c(), e = U();
     },
-    m(s, l) {
-      i && i.m(s, l), c(s, e, l);
+    m(a, s) {
+      t && t.m(a, s), m(a, e, s);
     },
-    p(s, [l]) {
-      s[0] ? i ? i.p(s, l) : (i = p(s), i.c(), i.m(e.parentNode, e)) : i && (i.d(1), i = null);
+    p(a, [s]) {
+      a[0] ? t ? t.p(a, s) : (t = I(a), t.c(), t.m(e.parentNode, e)) : t && (t.d(1), t = null);
     },
-    i: _,
-    o: _,
-    d(s) {
-      i && i.d(s), s && d(e);
+    i: h,
+    o: h,
+    d(a) {
+      t && t.d(a), a && _(e);
     }
   };
 }
-function z(o, e, i) {
-  let { media: s } = e, { objectFit: l = "cover" } = e;
-  return o.$$set = (t) => {
-    "media" in t && i(0, s = t.media), "objectFit" in t && i(1, l = t.objectFit);
-  }, [s, l];
+function A(l, e, t) {
+  let { media: a } = e, { playButtonIfNeed: s = "small" } = e, { canPlay: o = !0 } = e, { objectFit: u = "cover" } = e, i, v = !1;
+  const p = () => i == null ? void 0 : i.pause();
+  function w(n) {
+    q[n ? "unshift" : "push"](() => {
+      i = n, t(4, i);
+    });
+  }
+  const c = () => {
+    !o || i && i.play();
+  };
+  return l.$$set = (n) => {
+    "media" in n && t(0, a = n.media), "playButtonIfNeed" in n && t(1, s = n.playButtonIfNeed), "canPlay" in n && t(2, o = n.canPlay), "objectFit" in n && t(3, u = n.objectFit);
+  }, l.$$.update = () => {
+    l.$$.dirty & 16 && i && (t(5, v = i.paused), t(
+      4,
+      i.onplay = () => {
+        t(5, v = !1);
+      },
+      i
+    ), t(
+      4,
+      i.onpause = () => {
+        t(5, v = !0);
+      },
+      i
+    ));
+  }, [
+    a,
+    s,
+    o,
+    u,
+    i,
+    v,
+    p,
+    w,
+    c
+  ];
 }
-class P extends b {
+class H extends j {
   constructor(e) {
-    super(), k(this, e, z, q, w, { media: 0, objectFit: 1 }, F);
+    super(), C(
+      this,
+      e,
+      A,
+      V,
+      N,
+      {
+        media: 0,
+        playButtonIfNeed: 1,
+        canPlay: 2,
+        objectFit: 3
+      },
+      G
+    );
   }
 }
 export {
-  P as default
+  H as default
 };

package/libs/PanoTagPlugin/Components/Common/MultiLineText.js

@@ -1,6 +1,7 @@
-import { S as C, i as T, s as q, a as M, o as Y, r as j, c as p, B as A, d as b, f as _, t as d, g as h, e as z, j as D, b as S, q as k, m as H, k as I, h as v, C as B, G as E } from "../../../index.164f1850.js";
-import G from "./Text.js";
-import L from "./Arrow.js";
+import { S as C, i as N, s as T, a as q, o as B, r as M, c as h, B as Y, d as b, f as d, t as _, g, e as H, j as x, b as D, q as v, m as U, k as I, h as k, C as j, G as A } from "../../../index.164f1850.js";
+import E from "./Text.js";
+import G from "./Arrow.js";
+import L from "../../utils/doUtil.js";
 import "../../../shared-utils/isNil.js";
 import "three";
 import "../../utils/search.js";
@@ -10,49 +11,49 @@ import "../../../index.6a0eead1.js";
 import "../../Assets/Icon.js";
 import "./Shadow.js";
 function F(l) {
-  M(l, "svelte-1fuzm7v", ".text.svelte-1fuzm7v{pointer-events:auto;box-sizing:border-box;display:inline-block;max-width:7.5rem;transition:transform 400ms ease-in-out;font-size:0.75rem;line-height:1.125rem;white-space:initial;cursor:pointer}.arrow.svelte-1fuzm7v{pointer-events:auto;display:inline-block;vertical-align:top;width:0.875rem;height:0.875rem;margin-left:0.125rem;margin-top:0.125rem}");
+  q(l, "svelte-1fuzm7v", ".text.svelte-1fuzm7v{pointer-events:auto;box-sizing:border-box;display:inline-block;max-width:7.5rem;transition:transform 400ms ease-in-out;font-size:0.75rem;line-height:1.125rem;white-space:initial;cursor:pointer}.arrow.svelte-1fuzm7v{pointer-events:auto;display:inline-block;vertical-align:top;width:0.875rem;height:0.875rem;margin-left:0.125rem;margin-top:0.125rem}");
 }
-function y(l, e, i) {
-  const r = l.slice();
-  return r[11] = e[i].id, r[12] = e[i].content, r;
+function y(l, t, i) {
+  const o = l.slice();
+  return o[11] = t[i].id, o[12] = t[i].content, o;
 }
-function w(l, e) {
-  let i, r, o;
-  return r = new G({
+function w(l, t) {
+  let i, o, r;
+  return o = new E({
     props: {
-      unfolded: e[0],
-      content: e[12],
+      unfolded: t[0],
+      content: t[12],
       inDelay: 500,
-      outDelay: e[5]
+      outDelay: t[5]
     }
   }), {
     key: l,
     first: null,
     c() {
-      i = z("div"), D(r.$$.fragment), S(i, "class", "text svelte-1fuzm7v"), k(i, "transform", e[7]), this.first = i;
+      i = H("div"), x(o.$$.fragment), D(i, "class", "text svelte-1fuzm7v"), v(i, "transform", t[7]), this.first = i;
     },
     m(s, a) {
-      p(s, i, a), H(r, i, null), e[10](i), o = !0;
+      h(s, i, a), U(o, i, null), t[10](i), r = !0;
     },
     p(s, a) {
-      e = s;
+      t = s;
       const m = {};
-      a & 1 && (m.unfolded = e[0]), a & 2 && (m.content = e[12]), a & 32 && (m.outDelay = e[5]), r.$set(m), a & 128 && k(i, "transform", e[7]);
+      a & 1 && (m.unfolded = t[0]), a & 2 && (m.content = t[12]), a & 32 && (m.outDelay = t[5]), o.$set(m), a & 128 && v(i, "transform", t[7]);
     },
     i(s) {
-      o || (_(r.$$.fragment, s), o = !0);
+      r || (d(o.$$.fragment, s), r = !0);
     },
     o(s) {
-      d(r.$$.fragment, s), o = !1;
+      _(o.$$.fragment, s), r = !1;
     },
     d(s) {
-      s && h(i), I(r), e[10](null);
+      s && g(i), I(o), t[10](null);
     }
   };
 }
-function x(l) {
-  let e, i, r;
-  return i = new L({
+function z(l) {
+  let t, i, o;
+  return i = new G({
     props: {
       direction: l[6],
       visible: l[0],
@@ -61,106 +62,111 @@ function x(l) {
     }
   }), {
     c() {
-      e = z("div"), D(i.$$.fragment), S(e, "class", "arrow svelte-1fuzm7v");
+      t = H("div"), x(i.$$.fragment), D(t, "class", "arrow svelte-1fuzm7v");
     },
-    m(o, s) {
-      p(o, e, s), H(i, e, null), r = !0;
+    m(r, s) {
+      h(r, t, s), U(i, t, null), o = !0;
     },
-    p(o, s) {
+    p(r, s) {
       const a = {};
-      s & 64 && (a.direction = o[6]), s & 1 && (a.visible = o[0]), i.$set(a);
+      s & 64 && (a.direction = r[6]), s & 1 && (a.visible = r[0]), i.$set(a);
     },
-    i(o) {
-      r || (_(i.$$.fragment, o), r = !0);
+    i(r) {
+      o || (d(i.$$.fragment, r), o = !0);
     },
-    o(o) {
-      d(i.$$.fragment, o), r = !1;
+    o(r) {
+      _(i.$$.fragment, r), o = !1;
     },
-    d(o) {
-      o && h(e), I(i);
+    d(r) {
+      r && g(t), I(i);
     }
   };
 }
 function J(l) {
-  let e = [], i = /* @__PURE__ */ new Map(), r, o, s, a = l[1];
-  const m = (t) => t[11];
-  for (let t = 0; t < a.length; t += 1) {
-    let n = y(l, a, t), c = m(n);
-    i.set(c, e[t] = w(c, n));
+  let t = [], i = /* @__PURE__ */ new Map(), o, r, s, a = l[1];
+  const m = (e) => e[11];
+  for (let e = 0; e < a.length; e += 1) {
+    let n = y(l, a, e), c = m(n);
+    i.set(c, t[e] = w(c, n));
   }
-  let f = l[3] < l[4] && x(l);
+  let f = l[3] < l[4] && z(l);
   return {
     c() {
-      for (let t = 0; t < e.length; t += 1)
-        e[t].c();
-      r = Y(), f && f.c(), o = j();
+      for (let e = 0; e < t.length; e += 1)
+        t[e].c();
+      o = B(), f && f.c(), r = M();
     },
-    m(t, n) {
-      for (let c = 0; c < e.length; c += 1)
-        e[c].m(t, n);
-      p(t, r, n), f && f.m(t, n), p(t, o, n), s = !0;
+    m(e, n) {
+      for (let c = 0; c < t.length; c += 1)
+        t[c].m(e, n);
+      h(e, o, n), f && f.m(e, n), h(e, r, n), s = !0;
     },
-    p(t, [n]) {
-      n & 167 && (a = t[1], v(), e = A(e, n, m, 1, t, a, i, r.parentNode, B, w, r, y), b()), t[3] < t[4] ? f ? (f.p(t, n), n & 24 && _(f, 1)) : (f = x(t), f.c(), _(f, 1), f.m(o.parentNode, o)) : f && (v(), d(f, 1, 1, () => {
+    p(e, [n]) {
+      n & 167 && (a = e[1], k(), t = Y(t, n, m, 1, e, a, i, o.parentNode, j, w, o, y), b()), e[3] < e[4] ? f ? (f.p(e, n), n & 24 && d(f, 1)) : (f = z(e), f.c(), d(f, 1), f.m(r.parentNode, r)) : f && (k(), _(f, 1, 1, () => {
         f = null;
       }), b());
     },
-    i(t) {
+    i(e) {
       if (!s) {
         for (let n = 0; n < a.length; n += 1)
-          _(e[n]);
-        _(f), s = !0;
+          d(t[n]);
+        d(f), s = !0;
       }
     },
-    o(t) {
-      for (let n = 0; n < e.length; n += 1)
-        d(e[n]);
-      d(f), s = !1;
+    o(e) {
+      for (let n = 0; n < t.length; n += 1)
+        _(t[n]);
+      _(f), s = !1;
     },
-    d(t) {
-      for (let n = 0; n < e.length; n += 1)
-        e[n].d(t);
-      t && h(r), f && f.d(t), t && h(o);
+    d(e) {
+      for (let n = 0; n < t.length; n += 1)
+        t[n].d(e);
+      e && g(o), f && f.d(e), e && g(r);
     }
   };
 }
-function K(l, e, i) {
-  let r, o, s, { visible: a = !1 } = e, { textUnfolded: m = !1 } = e, { textItems: f } = e, t, n = 0, c = 0, g = 0;
-  function N(u) {
-    E[u ? "unshift" : "push"](() => {
-      t = u, i(2, t);
+function K(l, t, i) {
+  let o, r, s, { visible: a = !1 } = t, { textUnfolded: m = !1 } = t, { textItems: f } = t, e, n = 0, c = 0, p = 0;
+  function S(u) {
+    A[u ? "unshift" : "push"](() => {
+      e = u, i(2, e);
     });
   }
   return l.$$set = (u) => {
     "visible" in u && i(0, a = u.visible), "textUnfolded" in u && i(8, m = u.textUnfolded), "textItems" in u && i(1, f = u.textItems);
   }, l.$$.update = () => {
-    if (l.$$.dirty & 4 && t) {
-      const { height: u, lineHeight: U } = getComputedStyle(t);
-      i(4, g = Number(u.replace("px", ""))), i(3, c = Number(U.replace("px", "")));
+    if (l.$$.dirty & 5 && e && a) {
+      const { lineHeight: u } = getComputedStyle(e);
+      i(4, p = e.offsetHeight), L(
+        () => e == null ? void 0 : e.offsetHeight,
+        Boolean
+      ).then(() => {
+        i(4, p = e.offsetHeight);
+      }), i(3, c = Number(u.replace("px", "")));
     }
-    l.$$.dirty & 280 && i(9, n = m ? c - g : 0), l.$$.dirty & 512 && i(7, r = `translateY(${n}px)`), l.$$.dirty & 256 && i(6, o = m ? "left" : "right"), l.$$.dirty & 256 && i(5, s = m ? 450 : 0);
+    l.$$.dirty & 280 && i(9, n = m ? c - p : 0), l.$$.dirty & 512 && i(7, o = `translateY(${n}px)`), l.$$.dirty & 256 && i(6, r = m ? "left" : "right"), l.$$.dirty & 256 && i(5, s = m ? 450 : 0);
   }, [
     a,
     f,
-    t,
+    e,
     c,
-    g,
+    p,
     s,
-    o,
     r,
+    o,
     m,
     n,
-    N
+    S
   ];
 }
-class ie extends C {
-  constructor(e) {
-    super(), T(
+class ne extends C {
+  constructor(t) {
+    super(), N(
       this,
-      e,
+      t,
       K,
       J,
-      q,
+      T,
       {
         visible: 0,
         textUnfolded: 8,
@@ -171,5 +177,5 @@ class ie extends C {
   }
 }
 export {
-  ie as default
+  ne as default
 };