@realsee/dnalogel 3.81.23 → 3.81.24

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

@@ -1,227 +1,308 @@
-import { SvelteComponent as I, init as T, safe_not_equal as x, append_styles as R, empty as U, insert as $, transition_in as c, transition_out as p, check_outros as q, detach as v, element as f, create_component as b, attr as m, append as h, mount_component as w, destroy_component as j, space as C, group_outros as L, bubble as M, text as N, set_data as P } from "../../../../vendor/svelte/internal/index.js";
-import S from "../../Common/Icon/audioIcon.js";
-import W from "../../Common/Text/MText.js";
-import B from "../../Common/Audio.js";
-import "../../../utils/px2rem.js";
+import { SvelteComponent as B, init as D, safe_not_equal as E, append_styles as G, empty as H, insert as w, transition_in as f, transition_out as b, check_outros as J, detach as v, element as c, space as q, create_component as k, attr as g, toggle_class as R, append as h, mount_component as y, destroy_component as A, set_style as p, group_outros as K, bubble as O, text as Q, set_data as V } from "../../../../vendor/svelte/internal/index.js";
+import X from "../../Common/Icon/audioIcon.js";
+import Y from "../../Common/Text/MText.js";
+import Z from "../../Common/Audio.js";
+import $ from "../../../utils/px2rem.js";
 import "../../Common/Shadow.js";
 import "../../../../vendor/svelte/transition/index.js";
 import "../../../../vendor/svelte/easing/index.js";
 import "../../../utils/audio/SharedAudio.js";
 import "../../../../shared-utils/audio.js";
 import "../../../utils/audio/AudioDiagnostics.js";
-function D(a) {
-  R(a, "svelte-nclraj", ".audio-tag__wrapper.svelte-nclraj{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.audio-tag.svelte-nclraj{position:relative;width:-moz-max-content;width:max-content;height:-moz-max-content;height:max-content;padding:0.25rem;padding-right:0.625rem;border-radius:624999.9375rem;border:0.0625rem solid rgba(255, 255, 255, 0.6);background:linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2));box-shadow:inset 0 0 0.25rem 0 rgba(255, 255, 255, 0.3)}.audio__inner.svelte-nclraj{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.text.svelte-nclraj{font-weight:bold;font-size:0.75rem;margin-left:0.25rem}.audio-icon__wrapper.svelte-nclraj{position:relative;vertical-align:top;pointer-events:none;width:1.5rem;height:1.5rem}");
+function S(i) {
+  G(i, "svelte-pmw32z", ".audio-tag__wrapper.svelte-pmw32z{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.audio-tag.svelte-pmw32z{position:relative;width:-moz-max-content;width:max-content;height:-moz-max-content;height:max-content;padding:0.25rem;padding-right:0.625rem;border-radius:624999.9375rem;border:0.0625rem solid rgba(255, 255, 255, 0.6);background:linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2));box-shadow:inset 0 0 0.25rem 0 rgba(255, 255, 255, 0.3)}.audio-tag.has-custom-bg.svelte-pmw32z{background:transparent;box-shadow:none}.audio-tag__bg.svelte-pmw32z{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0.25rem 0 rgba(255, 255, 255, 0.3);pointer-events:none}.audio__inner.svelte-pmw32z{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.text.svelte-pmw32z{font-weight:bold;font-size:0.75rem;margin-left:0.25rem}.audio-icon__wrapper.svelte-pmw32z{position:relative;vertical-align:top;pointer-events:none;width:1.5rem;height:1.5rem}");
 }
-function y(a) {
-  let t, n, e, r;
-  return e = new B({
+function U(i) {
+  let n, e, o, t, u, r = (
+    /*bgcolor*/
+    i[6] && j(i)
+  );
+  return t = new Z({
     props: {
       style: "width: max-content; height: max-content;",
       enable: (
         /*tag*/
-        a[0].state.visible
+        i[0].state.visible
       ),
       url: (
         /*tag*/
-        a[0].data.audioUrl
+        i[0].data.audioUrl
       ),
       hooksInfo: { tag: (
         /*tag*/
-        a[0]
+        i[0]
       ) },
-      $$slots: { default: [F] },
-      $$scope: { ctx: a }
+      $$slots: { default: [ee] },
+      $$scope: { ctx: i }
     }
-  }), e.$on(
+  }), t.$on(
     "play",
     /*play_handler*/
-    a[5]
-  ), e.$on(
+    i[10]
+  ), t.$on(
     "pause",
     /*pause_handler*/
-    a[6]
-  ), e.$on(
+    i[11]
+  ), t.$on(
     "error",
     /*error_handler*/
-    a[7]
-  ), e.$on(
+    i[12]
+  ), t.$on(
     "timeupdate",
     /*timeupdate_handler*/
-    a[8]
-  ), e.$on(
+    i[13]
+  ), t.$on(
     "duration",
     /*duration_handler*/
-    a[9]
-  ), e.$on(
+    i[14]
+  ), t.$on(
     "audioRef",
     /*audioRef_handler*/
-    a[10]
+    i[15]
   ), {
     c() {
-      t = f("div"), n = f("div"), b(e.$$.fragment), m(n, "class", "audio-tag svelte-nclraj"), m(t, "class", "audio-tag__wrapper svelte-nclraj");
+      n = c("div"), e = c("div"), r && r.c(), o = q(), k(t.$$.fragment), g(e, "class", "audio-tag svelte-pmw32z"), R(e, "has-custom-bg", !!/*bgcolor*/
+      i[6]), g(n, "class", "audio-tag__wrapper svelte-pmw32z");
     },
-    m(o, i) {
-      $(o, t, i), h(t, n), w(e, n, null), r = !0;
+    m(s, a) {
+      w(s, n, a), h(n, e), r && r.m(e, null), h(e, o), y(t, e, null), u = !0;
     },
-    p(o, i) {
+    p(s, a) {
+      /*bgcolor*/
+      s[6] ? r ? r.p(s, a) : (r = j(s), r.c(), r.m(e, o)) : r && (r.d(1), r = null);
       const l = {};
-      i & /*tag*/
+      a & /*tag*/
       1 && (l.enable = /*tag*/
-      o[0].state.visible), i & /*tag*/
+      s[0].state.visible), a & /*tag*/
       1 && (l.url = /*tag*/
-      o[0].data.audioUrl), i & /*tag*/
+      s[0].data.audioUrl), a & /*tag*/
       1 && (l.hooksInfo = { tag: (
         /*tag*/
-        o[0]
-      ) }), i & /*$$scope, title, playing*/
-      2072 && (l.$$scope = { dirty: i, ctx: o }), e.$set(l);
+        s[0]
+      ) }), a & /*$$scope, title, iconSize, playing*/
+      65688 && (l.$$scope = { dirty: a, ctx: s }), t.$set(l), (!u || a & /*bgcolor*/
+      64) && R(e, "has-custom-bg", !!/*bgcolor*/
+      s[6]);
     },
-    i(o) {
-      r || (c(e.$$.fragment, o), r = !0);
+    i(s) {
+      u || (f(t.$$.fragment, s), u = !0);
     },
-    o(o) {
-      p(e.$$.fragment, o), r = !1;
+    o(s) {
+      b(t.$$.fragment, s), u = !1;
     },
-    d(o) {
-      o && v(t), j(e);
+    d(s) {
+      s && v(n), r && r.d(), A(t);
     }
   };
 }
-function E(a) {
-  let t;
+function j(i) {
+  let n;
   return {
     c() {
-      t = N(
+      n = c("div"), g(n, "class", "audio-tag__bg svelte-pmw32z"), p(
+        n,
+        "background",
+        /*bgcolor*/
+        i[6]
+      ), p(
+        n,
+        "opacity",
+        /*bgopacity*/
+        i[5]
+      );
+    },
+    m(e, o) {
+      w(e, n, o);
+    },
+    p(e, o) {
+      o & /*bgcolor*/
+      64 && p(
+        n,
+        "background",
+        /*bgcolor*/
+        e[6]
+      ), o & /*bgopacity*/
+      32 && p(
+        n,
+        "opacity",
+        /*bgopacity*/
+        e[5]
+      );
+    },
+    d(e) {
+      e && v(n);
+    }
+  };
+}
+function x(i) {
+  let n;
+  return {
+    c() {
+      n = Q(
         /*title*/
-        a[4]
+        i[7]
       );
     },
-    m(n, e) {
-      $(n, t, e);
+    m(e, o) {
+      w(e, n, o);
     },
-    p(n, e) {
-      e & /*title*/
-      16 && P(
-        t,
+    p(e, o) {
+      o & /*title*/
+      128 && V(
+        n,
         /*title*/
-        n[4]
+        e[7]
       );
     },
-    d(n) {
-      n && v(t);
+    d(e) {
+      e && v(n);
     }
   };
 }
-function F(a) {
-  let t, n, e, r, o, i, l;
-  return e = new S({ props: { playing: (
-    /*playing*/
-    a[3]
-  ) } }), i = new W({
+function ee(i) {
+  let n, e, o, t, u, r, s;
+  return o = new X({
+    props: {
+      playing: (
+        /*playing*/
+        i[3]
+      ),
+      width: (
+        /*iconSize*/
+        i[4]
+      )
+    }
+  }), r = new Y({
     props: {
       maxWidth: 72,
       maxLine: 1,
-      $$slots: { default: [E] },
-      $$scope: { ctx: a }
+      $$slots: { default: [x] },
+      $$scope: { ctx: i }
     }
   }), {
     c() {
-      t = f("div"), n = f("div"), b(e.$$.fragment), r = C(), o = f("div"), b(i.$$.fragment), m(n, "class", "audio-icon__wrapper svelte-nclraj"), m(o, "class", "text svelte-nclraj"), m(t, "class", "audio__inner svelte-nclraj");
+      n = c("div"), e = c("div"), k(o.$$.fragment), t = q(), u = c("div"), k(r.$$.fragment), g(e, "class", "audio-icon__wrapper svelte-pmw32z"), p(e, "width", $(
+        /*iconSize*/
+        i[4]
+      )), p(e, "height", $(
+        /*iconSize*/
+        i[4]
+      )), g(u, "class", "text svelte-pmw32z"), g(n, "class", "audio__inner svelte-pmw32z");
     },
-    m(s, d) {
-      $(s, t, d), h(t, n), w(e, n, null), h(t, r), h(t, o), w(i, o, null), l = !0;
+    m(a, l) {
+      w(a, n, l), h(n, e), y(o, e, null), h(n, t), h(n, u), y(r, u, null), s = !0;
     },
-    p(s, d) {
-      const g = {};
-      d & /*playing*/
-      8 && (g.playing = /*playing*/
-      s[3]), e.$set(g);
+    p(a, l) {
+      const d = {};
+      l & /*playing*/
+      8 && (d.playing = /*playing*/
+      a[3]), l & /*iconSize*/
+      16 && (d.width = /*iconSize*/
+      a[4]), o.$set(d), l & /*iconSize*/
+      16 && p(e, "width", $(
+        /*iconSize*/
+        a[4]
+      )), l & /*iconSize*/
+      16 && p(e, "height", $(
+        /*iconSize*/
+        a[4]
+      ));
       const _ = {};
-      d & /*$$scope, title*/
-      2064 && (_.$$scope = { dirty: d, ctx: s }), i.$set(_);
+      l & /*$$scope, title*/
+      65664 && (_.$$scope = { dirty: l, ctx: a }), r.$set(_);
     },
-    i(s) {
-      l || (c(e.$$.fragment, s), c(i.$$.fragment, s), l = !0);
+    i(a) {
+      s || (f(o.$$.fragment, a), f(r.$$.fragment, a), s = !0);
     },
-    o(s) {
-      p(e.$$.fragment, s), p(i.$$.fragment, s), l = !1;
+    o(a) {
+      b(o.$$.fragment, a), b(r.$$.fragment, a), s = !1;
     },
-    d(s) {
-      s && v(t), j(e), j(i);
+    d(a) {
+      a && v(n), A(o), A(r);
     }
   };
 }
-function G(a) {
-  let t, n, e = (
+function te(i) {
+  let n, e, o = (
     /*tag*/
-    a[0].state && y(a)
+    i[0].state && U(i)
   );
   return {
     c() {
-      e && e.c(), t = U();
+      o && o.c(), n = H();
     },
-    m(r, o) {
-      e && e.m(r, o), $(r, t, o), n = !0;
+    m(t, u) {
+      o && o.m(t, u), w(t, n, u), e = !0;
     },
-    p(r, [o]) {
+    p(t, [u]) {
       /*tag*/
-      r[0].state ? e ? (e.p(r, o), o & /*tag*/
-      1 && c(e, 1)) : (e = y(r), e.c(), c(e, 1), e.m(t.parentNode, t)) : e && (L(), p(e, 1, 1, () => {
-        e = null;
-      }), q());
+      t[0].state ? o ? (o.p(t, u), u & /*tag*/
+      1 && f(o, 1)) : (o = U(t), o.c(), f(o, 1), o.m(n.parentNode, n)) : o && (K(), b(o, 1, 1, () => {
+        o = null;
+      }), J());
     },
-    i(r) {
-      n || (c(e), n = !0);
+    i(t) {
+      e || (f(o), e = !0);
     },
-    o(r) {
-      p(e), n = !1;
+    o(t) {
+      b(o), e = !1;
     },
-    d(r) {
-      e && e.d(r), r && v(t);
+    d(t) {
+      o && o.d(t), t && v(n);
     }
   };
 }
-function H(a, t, n) {
-  let e, { tag: r } = t, o = 0, i = 0, l = !1;
-  const s = () => {
-    n(3, l = !0);
-  }, d = () => {
-    n(3, l = !1);
-  }, g = () => {
-    n(3, l = !1);
-  }, _ = (u) => {
-    n(1, o = u.detail);
-  }, z = (u) => {
-    n(2, i = u.detail);
+function oe(i, n, e) {
+  let o, t, u, r, s, a, { tag: l } = n, d = 0, _ = 0, z = !1;
+  const C = () => {
+    e(3, z = !0);
+  }, F = () => {
+    e(3, z = !1);
+  }, L = () => {
+    e(3, z = !1);
+  }, M = (m) => {
+    e(1, d = m.detail);
+  }, P = (m) => {
+    e(2, _ = m.detail);
   };
-  function A(u) {
-    M.call(this, a, u);
+  function W(m) {
+    O.call(this, i, m);
   }
-  return a.$$set = (u) => {
-    "tag" in u && n(0, r = u.tag);
-  }, a.$$.update = () => {
-    var u, k;
-    a.$$.dirty & /*tag*/
-    1 && n(4, e = (k = (u = r.data.title) != null ? u : r.data.text) != null ? k : "");
+  return i.$$set = (m) => {
+    "tag" in m && e(0, l = m.tag);
+  }, i.$$.update = () => {
+    var m, I, T, N;
+    i.$$.dirty & /*tag*/
+    1 && e(7, o = (I = (m = l.data.title) != null ? m : l.data.text) != null ? I : ""), i.$$.dirty & /*tag*/
+    1 && e(9, t = (T = l.style) == null ? void 0 : T.point), i.$$.dirty & /*pointStyle*/
+    512 && e(6, u = t == null ? void 0 : t.bgcolor), i.$$.dirty & /*pointStyle*/
+    512 && e(5, r = (N = t == null ? void 0 : t.bgopacity) != null ? N : 1), i.$$.dirty & /*pointStyle*/
+    512 && e(8, s = typeof (t == null ? void 0 : t.scale) == "number" && Number.isFinite(t.scale) && t.scale > 0 ? t.scale : 1), i.$$.dirty & /*iconScale*/
+    256 && e(4, a = 24 * s);
   }, [
-    r,
-    o,
-    i,
     l,
-    e,
-    s,
     d,
-    g,
     _,
     z,
-    A
+    a,
+    r,
+    u,
+    o,
+    s,
+    t,
+    C,
+    F,
+    L,
+    M,
+    P,
+    W
   ];
 }
-class ae extends I {
-  constructor(t) {
-    super(), T(this, t, H, G, x, { tag: 0 }, D);
+class ce extends B {
+  constructor(n) {
+    super(), D(this, n, oe, te, E, { tag: 0 }, S);
   }
 }
 export {
-  ae as default
+  ce as default
 };