@realsee/dnalogel 2.3.8 → 2.3.9-alpha.1

package/libs/PanoTagPlugin/Components/Tag/AudioTag/AudioTag.js

@@ -0,0 +1,215 @@
+import { SvelteComponent as K, init as P, safe_not_equal as Q, append_styles as V, empty as X, insert as M, transition_in as g, transition_out as h, check_outros as E, detach as R, element as w, create_component as b, space as U, attr as k, add_render_callback as G, set_style as Y, toggle_class as L, mount_component as I, append as $, add_resize_listener as Z, listen as x, group_outros as H, destroy_component as z, create_in_transition as ee, create_out_transition as te } from "../../../../vendor/svelte/internal/index.js";
+import { cubicInOut as N } from "../../../../vendor/svelte/easing/index.js";
+import { fade as O } from "../../../../vendor/svelte/transition/index.js";
+import ie from "../../Common/Audio.js";
+import ne from "../../Common/Line/Straight.js";
+import J from "../../Common/Shadow.js";
+import oe from "../../Common/Text/FlyMText.js";
+import re from "../../Common/Icon/audioIcon.js";
+import "../../../../shared-utils/uuid.js";
+import "../../Common/Text/FlyText.js";
+import "animejs";
+import "../../../../shared-utils/isNil.js";
+import "three";
+import "../../../utils/search.js";
+import "../../../utils/constants.js";
+import "../../Common/Arrow.js";
+import "../../../Assets/Icon.js";
+import "../../../utils/doUtil.js";
+import "../../../utils/px2rem.js";
+function ae(e) {
+  V(e, "svelte-1s6gk4a", ".audio-tag.svelte-1s6gk4a{position:absolute;left:0;top:0;width:0;height:0;overflow:visible}.audio-icon__wrapper.svelte-1s6gk4a{position:relative;vertical-align:top;width:100%;height:100%}.content.svelte-1s6gk4a{width:-moz-max-content;width:max-content;height:3.375rem;padding:2.25rem 0.25rem 0 1rem;position:absolute;left:0;bottom:0.125rem;overflow:hidden;box-sizing:border-box;font-size:0;white-space:nowrap;font-weight:600}.wrapper.svelte-1s6gk4a{position:relative;width:100%;height:100%}.audio-icon.svelte-1s6gk4a{pointer-events:none;vertical-align:top;display:inline-block;width:1rem;height:1rem;margin-right:0.25rem;margin-top:0.0625rem}.audio.svelte-1s6gk4a{position:relative;width:100%;height:100%}");
+}
+function j(e) {
+  var T, W;
+  let t, n, o, i, a, s, m, r, f, u, _, c, v, A, S;
+  n = new J({
+    props: {
+      visible: e[5],
+      left: e[2] / 2 + "px",
+      bottom: 12,
+      width: 2,
+      blurRadius: 120,
+      spreadRadius: 60
+    }
+  });
+  let d = e[5] && B(e);
+  return f = new oe({
+    props: {
+      visible: e[5],
+      textUnfolded: e[1],
+      content: e[4]
+    }
+  }), c = new ne({
+    props: {
+      unfolded: e[5],
+      length: 150,
+      outDelay: e[3] + 20 * Math.min((W = (T = e[4]) == null ? void 0 : T.length) != null ? W : 10, 15),
+      useLinearColor: !0
+    }
+  }), {
+    c() {
+      t = w("div"), b(n.$$.fragment), o = U(), i = w("div"), a = w("div"), s = w("div"), d && d.c(), m = U(), r = w("div"), b(f.$$.fragment), _ = U(), b(c.$$.fragment), k(s, "class", "audio-icon svelte-1s6gk4a"), G(() => e[7].call(r)), Y(r, "display", "inline-block"), k(a, "class", "wrapper svelte-1s6gk4a"), k(i, "class", "content svelte-1s6gk4a"), k(t, "class", "audio-tag svelte-1s6gk4a"), L(t, "unfolded", e[5]);
+    },
+    m(l, p) {
+      M(l, t, p), I(n, t, null), $(t, o), $(t, i), $(i, a), $(a, s), d && d.m(s, null), $(a, m), $(a, r), I(f, r, null), u = Z(r, e[7].bind(r)), $(t, _), I(c, t, null), v = !0, A || (S = x(r, "click", e[6]), A = !0);
+    },
+    p(l, p) {
+      var q, F;
+      const C = {};
+      p & 32 && (C.visible = l[5]), p & 4 && (C.left = l[2] / 2 + "px"), n.$set(C), l[5] ? d ? (d.p(l, p), p & 32 && g(d, 1)) : (d = B(l), d.c(), g(d, 1), d.m(s, null)) : d && (H(), h(d, 1, 1, () => {
+        d = null;
+      }), E());
+      const y = {};
+      p & 32 && (y.visible = l[5]), p & 2 && (y.textUnfolded = l[1]), p & 16 && (y.content = l[4]), f.$set(y);
+      const D = {};
+      p & 32 && (D.unfolded = l[5]), p & 24 && (D.outDelay = l[3] + 20 * Math.min((F = (q = l[4]) == null ? void 0 : q.length) != null ? F : 10, 15)), c.$set(D), (!v || p & 32) && L(t, "unfolded", l[5]);
+    },
+    i(l) {
+      v || (g(n.$$.fragment, l), g(d), g(f.$$.fragment, l), g(c.$$.fragment, l), v = !0);
+    },
+    o(l) {
+      h(n.$$.fragment, l), h(d), h(f.$$.fragment, l), h(c.$$.fragment, l), v = !1;
+    },
+    d(l) {
+      l && R(t), z(n), d && d.d(), z(f), u(), z(c), A = !1, S();
+    }
+  };
+}
+function B(e) {
+  let t, n, o, i, a, s, m;
+  return n = new J({
+    props: {
+      center: !0,
+      blurRadius: 15,
+      spreadRadius: 6
+    }
+  }), i = new ie({
+    props: {
+      paused: !e[5],
+      url: e[0].data.audioUrl,
+      hooksInfo: { tag: e[0] },
+      $$slots: {
+        audioIcon: [
+          le,
+          ({ playing: r }) => ({ 8: r }),
+          ({ playing: r }) => r ? 256 : 0
+        ]
+      },
+      $$scope: { ctx: e }
+    }
+  }), {
+    c() {
+      t = w("div"), b(n.$$.fragment), o = U(), b(i.$$.fragment), k(t, "class", "audio svelte-1s6gk4a");
+    },
+    m(r, f) {
+      M(r, t, f), I(n, t, null), $(t, o), I(i, t, null), m = !0;
+    },
+    p(r, f) {
+      e = r;
+      const u = {};
+      f & 32 && (u.paused = !e[5]), f & 1 && (u.url = e[0].data.audioUrl), f & 1 && (u.hooksInfo = { tag: e[0] }), f & 768 && (u.$$scope = { dirty: f, ctx: e }), i.$set(u);
+    },
+    i(r) {
+      m || (g(n.$$.fragment, r), g(i.$$.fragment, r), r && G(() => {
+        s && s.end(1), a = ee(t, O, {
+          duration: 1e3,
+          delay: 0,
+          easing: N
+        }), a.start();
+      }), m = !0);
+    },
+    o(r) {
+      var f, u;
+      h(n.$$.fragment, r), h(i.$$.fragment, r), a && a.invalidate(), r && (s = te(t, O, {
+        duration: 1e3,
+        delay: 20 * Math.min((u = (f = e[4]) == null ? void 0 : f.length) != null ? u : 10, 15),
+        easing: N
+      })), m = !1;
+    },
+    d(r) {
+      r && R(t), z(n), z(i), r && s && s.end();
+    }
+  };
+}
+function le(e) {
+  let t, n, o;
+  return n = new re({ props: { playing: e[8] } }), {
+    c() {
+      t = w("div"), b(n.$$.fragment), k(t, "slot", "audioIcon"), k(t, "class", "audio-icon__wrapper svelte-1s6gk4a");
+    },
+    m(i, a) {
+      M(i, t, a), I(n, t, null), o = !0;
+    },
+    p(i, a) {
+      const s = {};
+      a & 256 && (s.playing = i[8]), n.$set(s);
+    },
+    i(i) {
+      o || (g(n.$$.fragment, i), o = !0);
+    },
+    o(i) {
+      h(n.$$.fragment, i), o = !1;
+    },
+    d(i) {
+      i && R(t), z(n);
+    }
+  };
+}
+function se(e) {
+  let t, n, o = e[0].state && j(e);
+  return {
+    c() {
+      o && o.c(), t = X();
+    },
+    m(i, a) {
+      o && o.m(i, a), M(i, t, a), n = !0;
+    },
+    p(i, [a]) {
+      i[0].state ? o ? (o.p(i, a), a & 1 && g(o, 1)) : (o = j(i), o.c(), g(o, 1), o.m(t.parentNode, t)) : o && (H(), h(o, 1, 1, () => {
+        o = null;
+      }), E());
+    },
+    i(i) {
+      n || (g(o), n = !0);
+    },
+    o(i) {
+      h(o), n = !1;
+    },
+    d(i) {
+      o && o.d(i), i && R(t);
+    }
+  };
+}
+function fe(e, t, n) {
+  let o, i, a, { tag: s } = t, m = !1, r;
+  function f() {
+    n(1, m = !m);
+  }
+  function u() {
+    r = this.clientWidth, n(2, r);
+  }
+  return e.$$set = (_) => {
+    "tag" in _ && n(0, s = _.tag);
+  }, e.$$.update = () => {
+    var _, c, v;
+    e.$$.dirty & 1 && n(5, o = !!((_ = s.state) != null && _.unfolded)), e.$$.dirty & 1 && n(4, i = (v = (c = s.data.title) != null ? c : s.data.text) != null ? v : ""), e.$$.dirty & 2 && n(3, a = m ? 450 : 0);
+  }, [
+    s,
+    m,
+    r,
+    a,
+    i,
+    o,
+    f,
+    u
+  ];
+}
+class Ae extends K {
+  constructor(t) {
+    super(), P(this, t, fe, se, Q, { tag: 0 }, ae);
+  }
+}
+export {
+  Ae as default
+};

package/libs/PanoTagPlugin/Components/Tag/AudioTag/index.js

@@ -0,0 +1,120 @@
+import { SvelteComponent as d, init as $, safe_not_equal as k, empty as b, insert as y, transition_out as u, check_outros as h, transition_in as c, detach as A, group_outros as T, create_component as s, mount_component as _, destroy_component as g } from "../../../../vendor/svelte/internal/index.js";
+import w from "./AudioTag.js";
+import q from "./AudioPlaneTag.js";
+import "../../../../vendor/svelte/easing/index.js";
+import "../../../../vendor/svelte/transition/index.js";
+import "../../Common/Audio.js";
+import "../../Common/Line/Straight.js";
+import "../../../../shared-utils/uuid.js";
+import "../../Common/Shadow.js";
+import "../../Common/Text/FlyMText.js";
+import "../../Common/Text/FlyText.js";
+import "animejs";
+import "../../../../shared-utils/isNil.js";
+import "three";
+import "../../../utils/search.js";
+import "../../../utils/constants.js";
+import "../../Common/Arrow.js";
+import "../../../Assets/Icon.js";
+import "../../../utils/doUtil.js";
+import "../../Common/Icon/audioIcon.js";
+import "../../../utils/px2rem.js";
+import "../../Common/Text/MText.js";
+import "../../../utils/timeToString.js";
+import "../../../utils/noTypecheck.js";
+import "../../../utils/color.js";
+function v(a) {
+  let t, r;
+  return t = new q({ props: { tag: a[0] } }), {
+    c() {
+      s(t.$$.fragment);
+    },
+    m(e, o) {
+      _(t, e, o), r = !0;
+    },
+    p(e, o) {
+      const n = {};
+      o & 1 && (n.tag = e[0]), t.$set(n);
+    },
+    i(e) {
+      r || (c(t.$$.fragment, e), r = !0);
+    },
+    o(e) {
+      u(t.$$.fragment, e), r = !1;
+    },
+    d(e) {
+      g(t, e);
+    }
+  };
+}
+function C(a) {
+  let t, r;
+  return t = new w({ props: { tag: a[0] } }), {
+    c() {
+      s(t.$$.fragment);
+    },
+    m(e, o) {
+      _(t, e, o), r = !0;
+    },
+    p(e, o) {
+      const n = {};
+      o & 1 && (n.tag = e[0]), t.$set(n);
+    },
+    i(e) {
+      r || (c(t.$$.fragment, e), r = !0);
+    },
+    o(e) {
+      u(t.$$.fragment, e), r = !1;
+    },
+    d(e) {
+      g(t, e);
+    }
+  };
+}
+function N(a) {
+  let t, r, e, o;
+  const n = [C, v], p = [];
+  function l(i, m) {
+    return i[1] === "line" ? 0 : i[1] === "plane" ? 1 : -1;
+  }
+  return ~(t = l(a)) && (r = p[t] = n[t](a)), {
+    c() {
+      r && r.c(), e = b();
+    },
+    m(i, m) {
+      ~t && p[t].m(i, m), y(i, e, m), o = !0;
+    },
+    p(i, [m]) {
+      let f = t;
+      t = l(i), t === f ? ~t && p[t].p(i, m) : (r && (T(), u(p[f], 1, 1, () => {
+        p[f] = null;
+      }), h()), ~t ? (r = p[t], r ? r.p(i, m) : (r = p[t] = n[t](i), r.c()), c(r, 1), r.m(e.parentNode, e)) : r = null);
+    },
+    i(i) {
+      o || (c(r), o = !0);
+    },
+    o(i) {
+      u(r), o = !1;
+    },
+    d(i) {
+      ~t && p[t].d(i), i && A(e);
+    }
+  };
+}
+function P(a, t, r) {
+  let e, { tag: o } = t;
+  return a.$$set = (n) => {
+    "tag" in n && r(0, o = n.tag);
+  }, a.$$.update = () => {
+    var n;
+    a.$$.dirty & 1 && r(1, e = (n = o.data.appearance) != null ? n : "line");
+  }, [o, e];
+}
+class et extends d {
+  constructor(t) {
+    super(), $(this, t, P, N, k, { tag: 0 });
+  }
+}
+export {
+  et as default
+};

package/libs/PanoTagPlugin/Components/Tag/CustomTag.js

@@ -1,18 +1,18 @@
-import { SvelteComponent as u, init as _, safe_not_equal as d, append_styles as p, element as g, attr as v, insert as a, noop as f, detach as r, onMount as h, onDestroy as k, empty as b, binding_callbacks as y, HtmlTag as C } from "../../../vendor/svelte/internal/index.js";
+import { SvelteComponent as u, init as d, safe_not_equal as _, append_styles as p, element as g, attr as v, insert as m, noop as f, detach as r, onMount as h, onDestroy as k, empty as b, binding_callbacks as y, HtmlTag as C } from "../../../vendor/svelte/internal/index.js";
 function j(i) {
   p(i, "svelte-kzl2aj", ".customElement__container.svelte-kzl2aj{position:relative}");
 }
-function m(i) {
+function a(i) {
   let l, e = i[0].element + "", n;
   return {
     c() {
       l = new C(!1), n = b(), l.a = n;
     },
-    m(t, o) {
-      l.m(e, t, o), a(t, n, o);
+    m(t, s) {
+      l.m(e, t, s), m(t, n, s);
     },
-    p(t, o) {
-      o & 1 && e !== (e = t[0].element + "") && l.p(e);
+    p(t, s) {
+      s & 1 && e !== (e = t[0].element + "") && l.p(e);
     },
     d(t) {
       t && r(n), t && l.d();
@@ -20,16 +20,16 @@ function m(i) {
   };
 }
 function z(i) {
-  let l, e = typeof i[0].element == "string" && m(i);
+  let l, e = typeof i[0].element == "string" && a(i);
   return {
     c() {
       l = g("div"), e && e.c(), v(l, "class", "customElement__container svelte-kzl2aj");
     },
     m(n, t) {
-      a(n, l, t), e && e.m(l, null), i[2](l);
+      m(n, l, t), e && e.m(l, null), i[2](l);
     },
     p(n, [t]) {
-      typeof n[0].element == "string" ? e ? e.p(n, t) : (e = m(n), e.c(), e.m(l, null)) : e && (e.d(1), e = null);
+      typeof n[0].element == "string" ? e ? e.p(n, t) : (e = a(n), e.c(), e.m(l, null)) : e && (e.d(1), e = null);
     },
     i: f,
     o: f,
@@ -39,34 +39,34 @@ function z(i) {
   };
 }
 function E(i, l, e) {
-  let { tag: n } = l, t, o;
+  let { tag: n } = l, t, s;
   h(() => {
     if (t) {
       if (n.element instanceof Element) {
-        const s = n.element;
-        t.appendChild(s), o = () => t == null ? void 0 : t.removeChild(s);
+        const o = n.element;
+        t.appendChild(o), s = () => t == null ? void 0 : t.removeChild(o);
       } else if (typeof n.element == "function") {
-        const s = n.element;
-        o = s(t);
+        const o = n.element;
+        s = o(t);
       }
     }
   }), k(() => {
-    o == null || o();
+    s == null || s();
   });
-  function c(s) {
-    y[s ? "unshift" : "push"](() => {
-      t = s, e(1, t);
+  function c(o) {
+    y[o ? "unshift" : "push"](() => {
+      t = o, e(1, t);
     });
   }
-  return i.$$set = (s) => {
-    "tag" in s && e(0, n = s.tag);
+  return i.$$set = (o) => {
+    "tag" in o && e(0, n = o.tag);
   }, [n, t, c];
 }
 class q extends u {
   constructor(l) {
-    super(), _(this, l, E, z, d, { tag: 0 }, j);
+    super(), d(this, l, E, z, _, { tag: 0 }, j);
   }
 }
 export {
-  q as CustomTag
+  q as default
 };