@realsee/dnalogel 2.3.8 → 2.3.9-alpha.0

package/libs/PanoTagPlugin/Components/Common/Text/FlyText.js

@@ -0,0 +1,195 @@
+import { SvelteComponent as J, init as V, safe_not_equal as q, append_styles as B, empty as k, insert as m, update_keyed_each as G, noop as D, detach as p, destroy_block as W, binding_callbacks as I, element as S, text as X, attr as A, append as Y, set_data as v } from "../../../../vendor/svelte/internal/index.js";
+import U from "animejs";
+import { uuid as M } from "../../../../shared-utils/uuid.js";
+import { notNil as z } from "../../../../shared-utils/isNil.js";
+import "three";
+import { searchFirstValueSmallThanLastValue as H } from "../../../utils/search.js";
+import { RANDON_STRING as b } from "../../../utils/constants.js";
+function K(i) {
+  B(i, "svelte-1b2n9wi", ".text-char.svelte-1b2n9wi{display:inline-block;text-shadow:0.125rem 0rem 0.5rem rgba(0, 0, 0, 0.15)}");
+}
+function R(i, e, o) {
+  const s = i.slice();
+  return s[18] = e[o].id, s[0] = e[o].content, s[19] = e, s[20] = o, s;
+}
+function Q(i) {
+  let e, o = i[0] + "", s, u = i[20];
+  const a = () => i[9](e, u), t = () => i[9](null, u);
+  return {
+    c() {
+      e = S("span"), s = X(o), A(e, "class", "text-char svelte-1b2n9wi");
+    },
+    m(n, r) {
+      m(n, e, r), Y(e, s), a();
+    },
+    p(n, r) {
+      i = n, r & 4 && o !== (o = i[0] + "") && v(s, o), u !== i[20] && (t(), u = i[20], a());
+    },
+    d(n) {
+      n && p(e), t();
+    }
+  };
+}
+function Z(i) {
+  let e, o = i[20];
+  const s = () => i[8](e, o), u = () => i[8](null, o);
+  return {
+    c() {
+      e = S("span"), e.textContent = "\xA0", A(e, "class", "text-char svelte-1b2n9wi");
+    },
+    m(a, t) {
+      m(a, e, t), s();
+    },
+    p(a, t) {
+      i = a, o !== i[20] && (u(), o = i[20], s());
+    },
+    d(a) {
+      a && p(e), u();
+    }
+  };
+}
+function w(i, e) {
+  let o, s;
+  function u(n, r) {
+    return n[0] === n[3] ? Z : Q;
+  }
+  let a = u(e), t = a(e);
+  return {
+    key: i,
+    first: null,
+    c() {
+      o = k(), t.c(), s = k(), this.first = o;
+    },
+    m(n, r) {
+      m(n, o, r), t.m(n, r), m(n, s, r);
+    },
+    p(n, r) {
+      e = n, a === (a = u(e)) && t ? t.p(e, r) : (t.d(1), t = a(e), t && (t.c(), t.m(s.parentNode, s)));
+    },
+    d(n) {
+      n && p(o), t.d(n), n && p(s);
+    }
+  };
+}
+function x(i) {
+  let e = [], o = /* @__PURE__ */ new Map(), s, u = i[2];
+  const a = (t) => t[18];
+  for (let t = 0; t < u.length; t += 1) {
+    let n = R(i, u, t), r = a(n);
+    o.set(r, e[t] = w(r, n));
+  }
+  return {
+    c() {
+      for (let t = 0; t < e.length; t += 1)
+        e[t].c();
+      s = k();
+    },
+    m(t, n) {
+      for (let r = 0; r < e.length; r += 1)
+        e[r].m(t, n);
+      m(t, s, n);
+    },
+    p(t, [n]) {
+      n & 14 && (u = t[2], e = G(e, n, a, 1, t, u, o, s.parentNode, W, w, s, R));
+    },
+    i: D,
+    o: D,
+    d(t) {
+      for (let n = 0; n < e.length; n += 1)
+        e[n].d(t);
+      t && p(s);
+    }
+  };
+}
+function $(i, e, o) {
+  let s, { inDelay: u = 0 } = e, { outDelay: a = 0 } = e, { content: t } = e, { unfolded: n } = e, { isFistUnfoldedUpdate: r = !0 } = e;
+  const y = `__EMOJI_SPLIT_${b}__`, E = `__EMOJI_${b}__`, F = `__SPACE_${b}__`;
+  let j, f, d = [];
+  function C(l) {
+    const _ = [], h = new RegExp(new RegExp("\\p{Regional_Indicator}\\p{Regional_Indicator}|\\p{Emoji}(\\p{Emoji_Modifier}+|\\uFE0F\\u20E3?)?(\\u200D\\p{Emoji}(\\p{Emoji_Modifier}+|\\uFE0F\\u20E3?)?)+|\\p{Emoji_Presentation}(\\p{Emoji_Modifier}+|\\uFE0F\\u20E3?)?|\\p{Emoji}(\\p{Emoji_Modifier}+|\\uFE0F\\u20E3?)", "gu"));
+    return l.slice().replace(h, (c) => `${y}${E}${c}${y}`).split(y).forEach((c) => c.startsWith(E) ? _.push({
+      id: M(),
+      content: c.slice(E.length)
+    }) : _.push(...c.split("").map((g) => g === " " ? F : g).map((g) => ({ id: M(), content: g })))), console.log(l), _;
+  }
+  function N() {
+    if (!f)
+      return;
+    const l = !n;
+    f.reversed !== l && f.reverse(), f.play();
+  }
+  function T(l) {
+    if (r) {
+      o(4, r = !1);
+      return;
+    }
+    clearTimeout(j), j = setTimeout(N, l ? u : a);
+  }
+  function L(l) {
+    const _ = function() {
+      const h = H((c) => l[c].getBoundingClientRect().x, [Math.min(l.length - 1, 10), Math.min(l.length - 1, 30)]);
+      if (h > 0)
+        return h;
+    }();
+    f = U({
+      targets: l.slice(0, _).filter(z),
+      autoplay: !1,
+      duration: 400,
+      scale: [0.7, 1],
+      rotate: [20, 0],
+      opacity: [0, 1],
+      translateX: [4, 0],
+      translateY: [10, 0],
+      delay: U.stagger(50),
+      easing: "easeInOutCubic"
+    }), n && f.seek(f.duration);
+  }
+  function O(l, _) {
+    I[l ? "unshift" : "push"](() => {
+      d[_] = l, o(1, d);
+    });
+  }
+  function P(l, _) {
+    I[l ? "unshift" : "push"](() => {
+      d[_] = l, o(1, d);
+    });
+  }
+  return i.$$set = (l) => {
+    "inDelay" in l && o(5, u = l.inDelay), "outDelay" in l && o(6, a = l.outDelay), "content" in l && o(0, t = l.content), "unfolded" in l && o(7, n = l.unfolded), "isFistUnfoldedUpdate" in l && o(4, r = l.isFistUnfoldedUpdate);
+  }, i.$$.update = () => {
+    i.$$.dirty & 1 && o(2, s = C(t)), i.$$.dirty & 128 && T(n), i.$$.dirty & 2 && L(d.filter((l) => !!l));
+  }, [
+    t,
+    d,
+    s,
+    F,
+    r,
+    u,
+    a,
+    n,
+    O,
+    P
+  ];
+}
+class re extends J {
+  constructor(e) {
+    super(), V(
+      this,
+      e,
+      $,
+      x,
+      q,
+      {
+        inDelay: 5,
+        outDelay: 6,
+        content: 0,
+        unfolded: 7,
+        isFistUnfoldedUpdate: 4
+      },
+      K
+    );
+  }
+}
+export {
+  re as default
+};

package/libs/PanoTagPlugin/Components/Common/Text/MText.js

@@ -0,0 +1,166 @@
+import { SvelteComponent as g, init as L, safe_not_equal as W, append_styles as z, element as k, attr as h, set_style as d, insert as u, transition_out as b, check_outros as N, transition_in as p, detach as _, group_outros as C, create_slot as E, update_slot_base as M, get_all_dirty_from_scope as S, get_slot_changes as T, space as j, empty as A, noop as m, text as q, set_data as x, append as B } from "../../../../vendor/svelte/internal/index.js";
+import v from "../../../utils/px2rem.js";
+function D(o) {
+  z(o, "svelte-ilb1qs", ".text.svelte-ilb1qs{display:-webkit-box;display:-ms-box;display:-moz-box;position:relative;width:-moz-max-content;width:max-content;max-width:100%;word-break:break-all;-webkit-box-orient:vertical;-ms-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@keyframes svelte-ilb1qs-blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}.caret.svelte-ilb1qs{position:absolute;width:0.0625rem;height:100%;background-color:#fff;animation:svelte-ilb1qs-blink 1.2s infinite}.placeholder.svelte-ilb1qs{opacity:0.5}");
+}
+function F(o) {
+  let t;
+  const l = o[6].default, e = E(l, o, o[5], null);
+  return {
+    c() {
+      e && e.c();
+    },
+    m(i, a) {
+      e && e.m(i, a), t = !0;
+    },
+    p(i, a) {
+      e && e.p && (!t || a & 32) && M(
+        e,
+        l,
+        i,
+        i[5],
+        t ? T(l, i[5], a, null) : S(i[5]),
+        null
+      );
+    },
+    i(i) {
+      t || (p(e, i), t = !0);
+    },
+    o(i) {
+      b(e, i), t = !1;
+    },
+    d(i) {
+      e && e.d(i);
+    }
+  };
+}
+function G(o) {
+  var a, c;
+  let t, l, e = ((a = o[3]) == null ? void 0 : a.inputting) && y(), i = ((c = o[3]) == null ? void 0 : c.placeholder) && w(o);
+  return {
+    c() {
+      e && e.c(), t = j(), i && i.c(), l = A();
+    },
+    m(s, n) {
+      e && e.m(s, n), u(s, t, n), i && i.m(s, n), u(s, l, n);
+    },
+    p(s, n) {
+      var f, r;
+      (f = s[3]) != null && f.inputting ? e || (e = y(), e.c(), e.m(t.parentNode, t)) : e && (e.d(1), e = null), (r = s[3]) != null && r.placeholder ? i ? i.p(s, n) : (i = w(s), i.c(), i.m(l.parentNode, l)) : i && (i.d(1), i = null);
+    },
+    i: m,
+    o: m,
+    d(s) {
+      e && e.d(s), s && _(t), i && i.d(s), s && _(l);
+    }
+  };
+}
+function H(o) {
+  let t;
+  return {
+    c() {
+      t = q(o[2]);
+    },
+    m(l, e) {
+      u(l, t, e);
+    },
+    p(l, e) {
+      e & 4 && x(t, l[2]);
+    },
+    i: m,
+    o: m,
+    d(l) {
+      l && _(t);
+    }
+  };
+}
+function y(o) {
+  let t;
+  return {
+    c() {
+      t = k("div"), h(t, "class", "caret svelte-ilb1qs");
+    },
+    m(l, e) {
+      u(l, t, e);
+    },
+    d(l) {
+      l && _(t);
+    }
+  };
+}
+function w(o) {
+  let t, l = o[3].placeholder + "", e;
+  return {
+    c() {
+      t = k("span"), e = q(l), h(t, "class", "placeholder svelte-ilb1qs");
+    },
+    m(i, a) {
+      u(i, t, a), B(t, e);
+    },
+    p(i, a) {
+      a & 8 && l !== (l = i[3].placeholder + "") && x(e, l);
+    },
+    d(i) {
+      i && _(t);
+    }
+  };
+}
+function I(o) {
+  let t, l, e, i;
+  const a = [H, G, F], c = [];
+  function s(n, f) {
+    return n[2] ? 0 : n[4] ? 1 : 2;
+  }
+  return l = s(o), e = c[l] = a[l](o), {
+    c() {
+      t = k("div"), e.c(), h(t, "class", "text svelte-ilb1qs"), d(t, "max-width", typeof o[1] == "number" ? v(o[1]) : o[1]), d(t, "-webkit-line-clamp", o[0]);
+    },
+    m(n, f) {
+      u(n, t, f), c[l].m(t, null), i = !0;
+    },
+    p(n, [f]) {
+      let r = l;
+      l = s(n), l === r ? c[l].p(n, f) : (C(), b(c[r], 1, 1, () => {
+        c[r] = null;
+      }), N(), e = c[l], e ? e.p(n, f) : (e = c[l] = a[l](n), e.c()), p(e, 1), e.m(t, null)), f & 2 && d(t, "max-width", typeof n[1] == "number" ? v(n[1]) : n[1]), f & 1 && d(t, "-webkit-line-clamp", n[0]);
+    },
+    i(n) {
+      i || (p(e), i = !0);
+    },
+    o(n) {
+      b(e), i = !1;
+    },
+    d(n) {
+      n && _(t), c[l].d();
+    }
+  };
+}
+function J(o, t, l) {
+  let e, { $$slots: i = {}, $$scope: a } = t, { maxLine: c = 1 } = t, { maxWidth: s = null } = t, { text: n = null } = t, { edit: f = null } = t;
+  return o.$$set = (r) => {
+    "maxLine" in r && l(0, c = r.maxLine), "maxWidth" in r && l(1, s = r.maxWidth), "text" in r && l(2, n = r.text), "edit" in r && l(3, f = r.edit), "$$scope" in r && l(5, a = r.$$scope);
+  }, o.$$.update = () => {
+    o.$$.dirty & 8 && l(4, e = (f == null ? void 0 : f.placeholder) || (f == null ? void 0 : f.inputting));
+  }, [c, s, n, f, e, a, i];
+}
+class P extends g {
+  constructor(t) {
+    super(), L(
+      this,
+      t,
+      J,
+      I,
+      W,
+      {
+        maxLine: 0,
+        maxWidth: 1,
+        text: 2,
+        edit: 3
+      },
+      D
+    );
+  }
+}
+export {
+  P as default
+};

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

@@ -0,0 +1,106 @@
+import { SvelteComponent as h, init as p, safe_not_equal as k, append_styles as I, empty as g, insert as b, transition_in as d, transition_out as _, check_outros as q, detach as v, element as w, text as O, attr as C, append as N, set_data as S, add_render_callback as T, create_in_transition as j, create_out_transition as z, group_outros as A } from "../../../vendor/svelte/internal/index.js";
+import { cubicInOut as m } from "../../../vendor/svelte/easing/index.js";
+function B(a) {
+  I(a, "svelte-1sfwqvc", ".text-char.svelte-1sfwqvc{opacity:1;display:inline-block;transform:translate(0, 0) scale(1) rotate(0)}");
+}
+function x(a) {
+  let e, t, n, i, o;
+  return {
+    c() {
+      e = w("span"), t = O(a[1]), C(e, "class", "text-char svelte-1sfwqvc");
+    },
+    m(r, c) {
+      b(r, e, c), N(e, t), o = !0;
+    },
+    p(r, c) {
+      (!o || c & 2) && S(t, r[1]);
+    },
+    i(r) {
+      o || (r && T(() => {
+        i && i.end(1), n = j(e, a[2], { duration: 400 }), n.start();
+      }), o = !0);
+    },
+    o(r) {
+      n && n.invalidate(), r && (i = z(e, a[3], { duration: 400 })), o = !1;
+    },
+    d(r) {
+      r && v(e), r && i && i.end();
+    }
+  };
+}
+function D(a) {
+  let e, t = a[0] && x(a);
+  return {
+    c() {
+      t && t.c(), e = g();
+    },
+    m(n, i) {
+      t && t.m(n, i), b(n, e, i);
+    },
+    p(n, [i]) {
+      n[0] ? t ? (t.p(n, i), i & 1 && d(t, 1)) : (t = x(n), t.c(), d(t, 1), t.m(e.parentNode, e)) : t && (A(), _(t, 1, 1, () => {
+        t = null;
+      }), q());
+    },
+    i(n) {
+      d(t);
+    },
+    o(n) {
+      _(t);
+    },
+    d(n) {
+      t && t.d(n), n && v(e);
+    }
+  };
+}
+function E(a, e, t) {
+  let { index: n } = e, { rightIndex: i } = e, { visible: o } = e, { content: r } = e;
+  function c(s, { duration: f }) {
+    return {
+      duration: f,
+      delay: n * 40,
+      css: (u) => {
+        const l = m(u);
+        return `
+          transform: translate(${4 * (1 - l)}px, ${10 * (1 - l)}px) scale(${0.7 + l * 0.3}) rotate(${20 * (1 - l)}deg);
+          opacity: ${l};`;
+      }
+    };
+  }
+  function y(s, { duration: f }) {
+    return {
+      duration: f,
+      delay: i * 40,
+      css: (u) => {
+        const l = m(u);
+        return `
+          transform: translate(${4 * (1 - l)}px, ${10 * (1 - l)}px) scale(${0.7 + l * 0.3}) rotate(${20 * (1 - l)}deg);
+          opacity: ${l};`;
+      }
+    };
+  }
+  return a.$$set = (s) => {
+    "index" in s && t(4, n = s.index), "rightIndex" in s && t(5, i = s.rightIndex), "visible" in s && t(0, o = s.visible), "content" in s && t(1, r = s.content);
+  }, [o, r, c, y, n, i];
+}
+class H extends h {
+  constructor(e) {
+    super(), p(
+      this,
+      e,
+      E,
+      D,
+      k,
+      {
+        index: 4,
+        rightIndex: 5,
+        visible: 0,
+        content: 1
+      },
+      B
+    );
+  }
+}
+export {
+  H as default
+};

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

@@ -0,0 +1,213 @@
+import { SvelteComponent as S, init as A, safe_not_equal as P, append_styles as U, empty as R, insert as s, transition_in as m, transition_out as c, check_outros as W, detach as u, element as d, create_component as _, attr as f, set_style as g, append as j, mount_component as h, destroy_component as $, group_outros as q, text as T, set_data as y } from "../../../../vendor/svelte/internal/index.js";
+import E from "../../Common/Icon/audioIcon.js";
+import F from "../../Common/Text/MText.js";
+import G from "../../Common/Audio.js";
+import v from "../../../utils/timeToString.js";
+import "three";
+import { noTypecheck as k } from "../../../utils/noTypecheck.js";
+import { name2Rgba as M } from "../../../utils/color.js";
+import "../../../utils/px2rem.js";
+import "../../Common/Shadow.js";
+import "../../../../vendor/svelte/transition/index.js";
+import "../../../../vendor/svelte/easing/index.js";
+function N(i) {
+  U(i, "svelte-1fezrt1", ".audio-tag__wrapper.svelte-1fezrt1{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.audio-tag.svelte-1fezrt1{position:relative;width:-moz-max-content;width:max-content;height:-moz-max-content;height:max-content;padding:0.1875rem;padding-right:0.625rem;border-radius:624999.9375rem;border:0.03125rem solid rgba(255, 255, 255, 0.2)}.currentTime.svelte-1fezrt1{font-family:TG-TYPE, PingFangSC, Segoe UI, Rototo, sans-serif;margin-left:0.25rem}.text.svelte-1fezrt1{font-weight:bold;font-size:0.75rem;margin-left:0.125rem}.audio-icon__wrapper.svelte-1fezrt1{position:relative;vertical-align:top;pointer-events:none;width:1.375rem;height:1.375rem}");
+}
+function z(i) {
+  let o, t, e, r;
+  return e = new G({
+    props: {
+      url: i[0].data.audioUrl,
+      hooksInfo: { tag: i[0] },
+      style: "width: max-content; height: max-content;",
+      slotWrapperStyle: "display: flex; align-items: center; justify-content: center;",
+      $$slots: {
+        currentTime: [
+          H,
+          ({ duration: n, currentTime: a, playing: l }) => ({ 4: n, 5: a, 6: l }),
+          ({ duration: n, currentTime: a, playing: l }) => (n ? 16 : 0) | (a ? 32 : 0) | (l ? 64 : 0)
+        ],
+        audioIcon: [
+          D,
+          ({ playing: n }) => ({ 6: n }),
+          ({ playing: n }) => n ? 64 : 0
+        ],
+        default: [B]
+      },
+      $$scope: { ctx: i }
+    }
+  }), {
+    c() {
+      o = d("div"), t = d("div"), _(e.$$.fragment), f(t, "class", "audio-tag svelte-1fezrt1"), g(t, "background-color", i[1]), g(t, "color", i[2]), f(o, "class", "audio-tag__wrapper svelte-1fezrt1");
+    },
+    m(n, a) {
+      s(n, o, a), j(o, t), h(e, t, null), r = !0;
+    },
+    p(n, a) {
+      const l = {};
+      a & 1 && (l.url = n[0].data.audioUrl), a & 1 && (l.hooksInfo = { tag: n[0] }), a & 248 && (l.$$scope = { dirty: a, ctx: n }), e.$set(l), a & 2 && g(t, "background-color", n[1]), a & 4 && g(t, "color", n[2]);
+    },
+    i(n) {
+      r || (m(e.$$.fragment, n), r = !0);
+    },
+    o(n) {
+      c(e.$$.fragment, n), r = !1;
+    },
+    d(n) {
+      n && u(o), $(e);
+    }
+  };
+}
+function Y(i) {
+  let o;
+  return {
+    c() {
+      o = T(i[3]);
+    },
+    m(t, e) {
+      s(t, o, e);
+    },
+    p(t, e) {
+      e & 8 && y(o, t[3]);
+    },
+    d(t) {
+      t && u(o);
+    }
+  };
+}
+function B(i) {
+  let o, t, e;
+  return t = new F({
+    props: {
+      maxWidth: 72,
+      $$slots: { default: [Y] },
+      $$scope: { ctx: i }
+    }
+  }), {
+    c() {
+      o = d("div"), _(t.$$.fragment), f(o, "class", "text svelte-1fezrt1");
+    },
+    m(r, n) {
+      s(r, o, n), h(t, o, null), e = !0;
+    },
+    p(r, n) {
+      const a = {};
+      n & 136 && (a.$$scope = { dirty: n, ctx: r }), t.$set(a);
+    },
+    i(r) {
+      e || (m(t.$$.fragment, r), e = !0);
+    },
+    o(r) {
+      c(t.$$.fragment, r), e = !1;
+    },
+    d(r) {
+      r && u(o), $(t);
+    }
+  };
+}
+function D(i) {
+  let o, t, e;
+  return t = new E({ props: { playing: i[6] } }), {
+    c() {
+      o = d("div"), _(t.$$.fragment), f(o, "slot", "audioIcon"), f(o, "class", "audio-icon__wrapper svelte-1fezrt1");
+    },
+    m(r, n) {
+      s(r, o, n), h(t, o, null), e = !0;
+    },
+    p(r, n) {
+      const a = {};
+      n & 64 && (a.playing = r[6]), t.$set(a);
+    },
+    i(r) {
+      e || (m(t.$$.fragment, r), e = !0);
+    },
+    o(r) {
+      c(t.$$.fragment, r), e = !1;
+    },
+    d(r) {
+      r && u(o), $(t);
+    }
+  };
+}
+function w(i) {
+  let o = v(k(i[6] ? i[5] : i[4])) + "", t;
+  return {
+    c() {
+      t = T(o);
+    },
+    m(e, r) {
+      s(e, t, r);
+    },
+    p(e, r) {
+      r & 112 && o !== (o = v(k(e[6] ? e[5] : e[4])) + "") && y(t, o);
+    },
+    d(e) {
+      e && u(t);
+    }
+  };
+}
+function H(i) {
+  let o, t = typeof (i[6] ? i[5] : i[4]) == "number" && w(i);
+  return {
+    c() {
+      o = d("div"), t && t.c(), f(o, "slot", "currentTime"), f(o, "class", "currentTime svelte-1fezrt1");
+    },
+    m(e, r) {
+      s(e, o, r), t && t.m(o, null);
+    },
+    p(e, r) {
+      typeof (e[6] ? e[5] : e[4]) == "number" ? t ? t.p(e, r) : (t = w(e), t.c(), t.m(o, null)) : t && (t.d(1), t = null);
+    },
+    d(e) {
+      e && u(o), t && t.d();
+    }
+  };
+}
+function J(i) {
+  let o, t, e = i[0].state && z(i);
+  return {
+    c() {
+      e && e.c(), o = R();
+    },
+    m(r, n) {
+      e && e.m(r, n), s(r, o, n), t = !0;
+    },
+    p(r, [n]) {
+      r[0].state ? e ? (e.p(r, n), n & 1 && m(e, 1)) : (e = z(r), e.c(), m(e, 1), e.m(o.parentNode, o)) : e && (q(), c(e, 1, 1, () => {
+        e = null;
+      }), W());
+    },
+    i(r) {
+      t || (m(e), t = !0);
+    },
+    o(r) {
+      c(e), t = !1;
+    },
+    d(r) {
+      e && e.d(r), r && u(o);
+    }
+  };
+}
+function K(i, o, t) {
+  let e, r, n, { tag: a } = o;
+  return i.$$set = (l) => {
+    "tag" in l && t(0, a = l.tag);
+  }, i.$$.update = () => {
+    var l, b;
+    i.$$.dirty & 1 && t(3, e = (b = (l = a.data.title) != null ? l : a.data.text) != null ? b : ""), i.$$.dirty & 1 && t(1, r = (() => {
+      var p;
+      return a.data.backgroundColor === "dark" ? "rgba(0, 0, 0, 0.3)" : a.data.backgroundColor === "light" ? "rgba(255, 255, 255, 0.3)" : (p = a.data.backgroundColor) != null ? p : "rgba(0, 0, 0, 0.3)";
+    })()), i.$$.dirty & 2 && t(2, n = (() => {
+      const { r: p, g: C, b: I } = M(r);
+      return (p * 299 + C * 587 + I * 114) / 1e3 >= 128 ? "rgba(0, 0, 0, 0.6)" : "white";
+    })());
+  }, [a, r, n, e];
+}
+class ae extends S {
+  constructor(o) {
+    super(), A(this, o, K, J, P, { tag: 0 }, N);
+  }
+}
+export {
+  ae as default
+};