@realsee/dnalogel 2.4.0 → 2.5.0

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

@@ -0,0 +1,223 @@
+import { SvelteComponent as K, init as P, safe_not_equal as Q, append_styles as V, empty as X, insert as D, transition_in as g, transition_out as _, check_outros as E, detach as S, element as b, create_component as k, space as C, attr as w, add_render_callback as G, set_style as Y, toggle_class as L, mount_component as y, append as v, 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, bubble as ie } 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 ne from "../../Common/Audio.js";
+import oe from "../../Common/Line/Straight.js";
+import J from "../../Common/Shadow.js";
+import le from "../../Common/Text/FlyMText.js";
+import ae from "../../Common/Icon/audioIcon.js";
+import "../../../../shared-utils/audio.js";
+import "../../../utils/audio/SharedAudio.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 re(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 U, W;
+  let i, n, o, t, r, d, m, l, s, u, I, c, $, R, h;
+  n = new J({
+    props: {
+      visible: e[6],
+      left: e[3] / 2 + "px",
+      bottom: 12,
+      width: 2,
+      blurRadius: 120,
+      spreadRadius: 60
+    }
+  });
+  let f = e[6] && B(e);
+  return s = new le({
+    props: {
+      visible: e[6],
+      textUnfolded: e[1],
+      content: e[5]
+    }
+  }), c = new oe({
+    props: {
+      unfolded: e[6],
+      length: e[3],
+      outDelay: e[4] + 20 * Math.min((W = (U = e[5]) == null ? void 0 : U.length) != null ? W : 10, 15),
+      useLinearColor: !0
+    }
+  }), {
+    c() {
+      i = b("div"), k(n.$$.fragment), o = C(), t = b("div"), r = b("div"), d = b("div"), f && f.c(), m = C(), l = b("div"), k(s.$$.fragment), I = C(), k(c.$$.fragment), w(d, "class", "audio-icon svelte-1s6gk4a"), G(() => e[11].call(l)), Y(l, "display", "inline-block"), w(r, "class", "wrapper svelte-1s6gk4a"), w(t, "class", "content svelte-1s6gk4a"), w(i, "class", "audio-tag svelte-1s6gk4a"), L(i, "unfolded", e[6]);
+    },
+    m(a, p) {
+      D(a, i, p), y(n, i, null), v(i, o), v(i, t), v(t, r), v(r, d), f && f.m(d, null), v(r, m), v(r, l), y(s, l, null), u = Z(l, e[11].bind(l)), v(i, I), y(c, i, null), $ = !0, R || (h = x(l, "click", e[7]), R = !0);
+    },
+    p(a, p) {
+      var q, F;
+      const T = {};
+      p & 64 && (T.visible = a[6]), p & 8 && (T.left = a[3] / 2 + "px"), n.$set(T), a[6] ? f ? (f.p(a, p), p & 64 && g(f, 1)) : (f = B(a), f.c(), g(f, 1), f.m(d, null)) : f && (H(), _(f, 1, 1, () => {
+        f = null;
+      }), E());
+      const M = {};
+      p & 64 && (M.visible = a[6]), p & 2 && (M.textUnfolded = a[1]), p & 32 && (M.content = a[5]), s.$set(M);
+      const A = {};
+      p & 64 && (A.unfolded = a[6]), p & 8 && (A.length = a[3]), p & 48 && (A.outDelay = a[4] + 20 * Math.min((F = (q = a[5]) == null ? void 0 : q.length) != null ? F : 10, 15)), c.$set(A), (!$ || p & 64) && L(i, "unfolded", a[6]);
+    },
+    i(a) {
+      $ || (g(n.$$.fragment, a), g(f), g(s.$$.fragment, a), g(c.$$.fragment, a), $ = !0);
+    },
+    o(a) {
+      _(n.$$.fragment, a), _(f), _(s.$$.fragment, a), _(c.$$.fragment, a), $ = !1;
+    },
+    d(a) {
+      a && S(i), z(n), f && f.d(), z(s), u(), z(c), R = !1, h();
+    }
+  };
+}
+function B(e) {
+  let i, n, o, t, r, d, m;
+  return n = new J({
+    props: {
+      center: !0,
+      blurRadius: 15,
+      spreadRadius: 6
+    }
+  }), t = new ne({
+    props: {
+      enable: e[6],
+      url: e[0].data.audioUrl,
+      hooksInfo: { tag: e[0] },
+      $$slots: { default: [se] },
+      $$scope: { ctx: e }
+    }
+  }), t.$on("play", e[8]), t.$on("pause", e[9]), t.$on("audioRef", e[10]), {
+    c() {
+      i = b("div"), k(n.$$.fragment), o = C(), k(t.$$.fragment), w(i, "class", "audio svelte-1s6gk4a");
+    },
+    m(l, s) {
+      D(l, i, s), y(n, i, null), v(i, o), y(t, i, null), m = !0;
+    },
+    p(l, s) {
+      e = l;
+      const u = {};
+      s & 64 && (u.enable = e[6]), s & 1 && (u.url = e[0].data.audioUrl), s & 1 && (u.hooksInfo = { tag: e[0] }), s & 4100 && (u.$$scope = { dirty: s, ctx: e }), t.$set(u);
+    },
+    i(l) {
+      m || (g(n.$$.fragment, l), g(t.$$.fragment, l), l && G(() => {
+        d && d.end(1), r = ee(i, O, {
+          duration: 1e3,
+          delay: 0,
+          easing: N
+        }), r.start();
+      }), m = !0);
+    },
+    o(l) {
+      var s, u;
+      _(n.$$.fragment, l), _(t.$$.fragment, l), r && r.invalidate(), l && (d = te(i, O, {
+        duration: 1e3,
+        delay: 20 * Math.min((u = (s = e[5]) == null ? void 0 : s.length) != null ? u : 10, 15),
+        easing: N
+      })), m = !1;
+    },
+    d(l) {
+      l && S(i), z(n), z(t), l && d && d.end();
+    }
+  };
+}
+function se(e) {
+  let i, n, o;
+  return n = new ae({ props: { playing: e[2] } }), {
+    c() {
+      i = b("div"), k(n.$$.fragment), w(i, "class", "audio-icon__wrapper svelte-1s6gk4a");
+    },
+    m(t, r) {
+      D(t, i, r), y(n, i, null), o = !0;
+    },
+    p(t, r) {
+      const d = {};
+      r & 4 && (d.playing = t[2]), n.$set(d);
+    },
+    i(t) {
+      o || (g(n.$$.fragment, t), o = !0);
+    },
+    o(t) {
+      _(n.$$.fragment, t), o = !1;
+    },
+    d(t) {
+      t && S(i), z(n);
+    }
+  };
+}
+function fe(e) {
+  let i, n, o = e[0].state && j(e);
+  return {
+    c() {
+      o && o.c(), i = X();
+    },
+    m(t, r) {
+      o && o.m(t, r), D(t, i, r), n = !0;
+    },
+    p(t, [r]) {
+      t[0].state ? o ? (o.p(t, r), r & 1 && g(o, 1)) : (o = j(t), o.c(), g(o, 1), o.m(i.parentNode, i)) : o && (H(), _(o, 1, 1, () => {
+        o = null;
+      }), E());
+    },
+    i(t) {
+      n || (g(o), n = !0);
+    },
+    o(t) {
+      _(o), n = !1;
+    },
+    d(t) {
+      o && o.d(t), t && S(i);
+    }
+  };
+}
+function de(e, i, n) {
+  let o, t, r, { tag: d } = i, m = !1, l = !1, s;
+  function u() {
+    n(1, m = !m);
+  }
+  const I = () => {
+    n(2, l = !0);
+  }, c = () => {
+    n(2, l = !1);
+  };
+  function $(h) {
+    ie.call(this, e, h);
+  }
+  function R() {
+    s = this.clientWidth, n(3, s);
+  }
+  return e.$$set = (h) => {
+    "tag" in h && n(0, d = h.tag);
+  }, e.$$.update = () => {
+    var h, f, U;
+    e.$$.dirty & 1 && n(6, o = !!((h = d.state) != null && h.unfolded)), e.$$.dirty & 1 && n(5, t = (U = (f = d.data.title) != null ? f : d.data.text) != null ? U : ""), e.$$.dirty & 2 && n(4, r = m ? 450 : 0);
+  }, [
+    d,
+    m,
+    l,
+    s,
+    r,
+    t,
+    o,
+    u,
+    I,
+    c,
+    $,
+    R
+  ];
+}
+class Se extends K {
+  constructor(i) {
+    super(), P(this, i, de, fe, Q, { tag: 0 }, re);
+  }
+}
+export {
+  Se as default
+};

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

@@ -0,0 +1,123 @@
+import { SvelteComponent as g, init as $, safe_not_equal as k, empty as b, insert as y, transition_out as l, check_outros as h, transition_in as m, detach as A, group_outros as R, create_component as s, mount_component as _, destroy_component as d } from "../../../../vendor/svelte/internal/index.js";
+import T from "./AudioTag.js";
+import w from "./AudioPlaneTag.js";
+import "../../../../vendor/svelte/easing/index.js";
+import "../../../../vendor/svelte/transition/index.js";
+import "../../Common/Audio.js";
+import "../../../../shared-utils/audio.js";
+import "../../../utils/audio/SharedAudio.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/color.js";
+function q(n) {
+  let t, o;
+  return t = new w({ props: { tag: n[0] } }), t.$on("audioRef", n[2]), {
+    c() {
+      s(t.$$.fragment);
+    },
+    m(e, r) {
+      _(t, e, r), o = !0;
+    },
+    p(e, r) {
+      const a = {};
+      r & 1 && (a.tag = e[0]), t.$set(a);
+    },
+    i(e) {
+      o || (m(t.$$.fragment, e), o = !0);
+    },
+    o(e) {
+      l(t.$$.fragment, e), o = !1;
+    },
+    d(e) {
+      d(t, e);
+    }
+  };
+}
+function v(n) {
+  let t, o;
+  return t = new T({ props: { tag: n[0] } }), t.$on("audioRef", n[2]), {
+    c() {
+      s(t.$$.fragment);
+    },
+    m(e, r) {
+      _(t, e, r), o = !0;
+    },
+    p(e, r) {
+      const a = {};
+      r & 1 && (a.tag = e[0]), t.$set(a);
+    },
+    i(e) {
+      o || (m(t.$$.fragment, e), o = !0);
+    },
+    o(e) {
+      l(t.$$.fragment, e), o = !1;
+    },
+    d(e) {
+      d(t, e);
+    }
+  };
+}
+function C(n) {
+  let t, o, e, r;
+  const a = [v, q], p = [];
+  function u(i, f) {
+    return i[1] === "line" ? 0 : i[1] === "plane" ? 1 : -1;
+  }
+  return ~(t = u(n)) && (o = p[t] = a[t](n)), {
+    c() {
+      o && o.c(), e = b();
+    },
+    m(i, f) {
+      ~t && p[t].m(i, f), y(i, e, f), r = !0;
+    },
+    p(i, [f]) {
+      let c = t;
+      t = u(i), t === c ? ~t && p[t].p(i, f) : (o && (R(), l(p[c], 1, 1, () => {
+        p[c] = null;
+      }), h()), ~t ? (o = p[t], o ? o.p(i, f) : (o = p[t] = a[t](i), o.c()), m(o, 1), o.m(e.parentNode, e)) : o = null);
+    },
+    i(i) {
+      r || (m(o), r = !0);
+    },
+    o(i) {
+      l(o), r = !1;
+    },
+    d(i) {
+      ~t && p[t].d(i), i && A(e);
+    }
+  };
+}
+function N(n, t, o) {
+  let e, { tag: r } = t, a;
+  function p(u) {
+    a = u.detail;
+  }
+  return r.play = () => a.play(), r.pause = () => a.pause(), n.$$set = (u) => {
+    "tag" in u && o(0, r = u.tag);
+  }, n.$$.update = () => {
+    var u;
+    n.$$.dirty & 1 && o(1, e = (u = r.data.appearance) != null ? u : "line");
+  }, [r, e, p];
+}
+class et extends g {
+  constructor(t) {
+    super(), $(this, t, N, C, 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
 };