@realsee/dnalogel 2.3.9-alpha.7 → 2.4.0

package/libs/PanoTagPlugin/Components/Common/Point/PointSwitch.js

@@ -0,0 +1,166 @@
+import { SvelteComponent as C, init as j, safe_not_equal as N, append_styles as L, empty as b, insert as m, transition_in as c, group_outros as $, transition_out as p, check_outros as g, detach as y, element as q, space as I, attr as M, create_component as U, mount_component as h, destroy_component as w } from "../../../../vendor/svelte/internal/index.js";
+import { ContentType as k } from "../../../typings/tag.js";
+import { CustomPoint as z } from "./CustomPoint.js";
+import { DefaultPoint as A } from "./DefaultPoint.js";
+function B(o) {
+  L(o, "svelte-8en2lj", ".point-click-helper.svelte-8en2lj{position:absolute;width:2.5rem;height:2.5rem;left:50%;top:50%;transform:translate(-50%, -50%)}");
+}
+function T(o) {
+  let n, i, e = o[0].contentType !== k.Link && D(o);
+  return {
+    c() {
+      e && e.c(), n = b();
+    },
+    m(t, l) {
+      e && e.m(t, l), m(t, n, l), i = !0;
+    },
+    p(t, l) {
+      t[0].contentType !== k.Link ? e ? (e.p(t, l), l & 1 && c(e, 1)) : (e = D(t), e.c(), c(e, 1), e.m(n.parentNode, n)) : e && ($(), p(e, 1, 1, () => {
+        e = null;
+      }), g());
+    },
+    i(t) {
+      i || (c(e), i = !0);
+    },
+    o(t) {
+      p(e), i = !1;
+    },
+    d(t) {
+      e && e.d(t), t && y(n);
+    }
+  };
+}
+function D(o) {
+  let n, i, e, t, l, u;
+  const f = [F, E], s = [];
+  function d(r, a) {
+    var _, v, P, S;
+    return ((v = (_ = r[0].style) == null ? void 0 : _.point) == null ? void 0 : v.style) === "CustomIcon" && ((S = (P = r[0].style) == null ? void 0 : P.point) == null ? void 0 : S.iconUrl) ? 0 : 1;
+  }
+  return e = d(o), t = s[e] = f[e](o), {
+    c() {
+      n = q("div"), i = I(), t.c(), l = b(), M(n, "class", "point-click-helper svelte-8en2lj");
+    },
+    m(r, a) {
+      m(r, n, a), m(r, i, a), s[e].m(r, a), m(r, l, a), u = !0;
+    },
+    p(r, a) {
+      let _ = e;
+      e = d(r), e === _ ? s[e].p(r, a) : ($(), p(s[_], 1, 1, () => {
+        s[_] = null;
+      }), g(), t = s[e], t ? t.p(r, a) : (t = s[e] = f[e](r), t.c()), c(t, 1), t.m(l.parentNode, l));
+    },
+    i(r) {
+      u || (c(t), u = !0);
+    },
+    o(r) {
+      p(t), u = !1;
+    },
+    d(r) {
+      r && y(n), r && y(i), s[e].d(r), r && y(l);
+    }
+  };
+}
+function E(o) {
+  let n, i;
+  return n = new A({
+    props: {
+      unfolded: o[0].state.unfolded,
+      foldDelay: o[1]
+    }
+  }), {
+    c() {
+      U(n.$$.fragment);
+    },
+    m(e, t) {
+      h(n, e, t), i = !0;
+    },
+    p(e, t) {
+      const l = {};
+      t & 1 && (l.unfolded = e[0].state.unfolded), t & 2 && (l.foldDelay = e[1]), n.$set(l);
+    },
+    i(e) {
+      i || (c(n.$$.fragment, e), i = !0);
+    },
+    o(e) {
+      p(n.$$.fragment, e), i = !1;
+    },
+    d(e) {
+      w(n, e);
+    }
+  };
+}
+function F(o) {
+  let n, i;
+  return n = new z({
+    props: {
+      iconUrl: o[0].style.point.iconUrl,
+      unfolded: o[0].state.unfolded,
+      foldDelay: o[1]
+    }
+  }), {
+    c() {
+      U(n.$$.fragment);
+    },
+    m(e, t) {
+      h(n, e, t), i = !0;
+    },
+    p(e, t) {
+      const l = {};
+      t & 1 && (l.iconUrl = e[0].style.point.iconUrl), t & 1 && (l.unfolded = e[0].state.unfolded), t & 2 && (l.foldDelay = e[1]), n.$set(l);
+    },
+    i(e) {
+      i || (c(n.$$.fragment, e), i = !0);
+    },
+    o(e) {
+      p(n.$$.fragment, e), i = !1;
+    },
+    d(e) {
+      w(n, e);
+    }
+  };
+}
+function G(o) {
+  var t, l, u;
+  let n, i, e = ((t = o[0].pointTagStyle) == null ? void 0 : t.leftPercent) && ((l = o[0].pointTagStyle) == null ? void 0 : l.topPercent) && o[0].enabled !== !1 && o[0].state && ((u = o[0].temporaryState) == null ? void 0 : u.visible) !== !1 && T(o);
+  return {
+    c() {
+      e && e.c(), n = b();
+    },
+    m(f, s) {
+      e && e.m(f, s), m(f, n, s), i = !0;
+    },
+    p(f, [s]) {
+      var d, r, a;
+      ((d = f[0].pointTagStyle) == null ? void 0 : d.leftPercent) && ((r = f[0].pointTagStyle) == null ? void 0 : r.topPercent) && f[0].enabled !== !1 && f[0].state && ((a = f[0].temporaryState) == null ? void 0 : a.visible) !== !1 ? e ? (e.p(f, s), s & 1 && c(e, 1)) : (e = T(f), e.c(), c(e, 1), e.m(n.parentNode, n)) : e && ($(), p(e, 1, 1, () => {
+        e = null;
+      }), g());
+    },
+    i(f) {
+      i || (c(e), i = !0);
+    },
+    o(f) {
+      p(e), i = !1;
+    },
+    d(f) {
+      e && e.d(f), f && y(n);
+    }
+  };
+}
+function H(o, n, i) {
+  let e, { tag: t } = n;
+  return o.$$set = (l) => {
+    "tag" in l && i(0, t = l.tag);
+  }, o.$$.update = () => {
+    var l, u;
+    o.$$.dirty & 1 && i(1, e = (u = (l = t.style) == null ? void 0 : l.foldedPointDelay) != null ? u : t.contentType === k.Marketing ? 600 : void 0);
+  }, [t, e];
+}
+class R extends C {
+  constructor(n) {
+    super(), j(this, n, H, G, N, { tag: 0 }, B);
+  }
+}
+export {
+  R as PointSwitch
+};

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

@@ -1,6 +1,5 @@
-import { SvelteComponent as X, init as S, safe_not_equal as q, append_styles as N, empty as j, insert as v, transition_in as s, transition_out as R, check_outros as A, detach as I, element as B, attr as h, set_style as d, add_render_callback as E, create_in_transition as F, create_out_transition as G, group_outros as H } from "../../../vendor/svelte/internal/index.js";
+import { SvelteComponent as X, init as S, safe_not_equal as q, append_styles as N, empty as j, insert as v, transition_in as s, group_outros as A, transition_out as R, check_outros as B, detach as I, element as E, attr as h, set_style as d, add_render_callback as F, create_in_transition as G, create_out_transition as H } from "../../../vendor/svelte/internal/index.js";
 import { fade as g } from "../../../vendor/svelte/transition/index.js";
-import "../../../vendor/svelte/easing/index.js";
 function J(t) {
   N(t, "svelte-faoauy", ".shadow.svelte-faoauy{position:absolute}");
 }
@@ -8,7 +7,7 @@ function k(t) {
   let i, e, l, f, u;
   return {
     c() {
-      i = B("div"), h(i, "class", "shadow svelte-faoauy"), h(i, "style", e = `
+      i = E("div"), h(i, "class", "shadow svelte-faoauy"), h(i, "style", e = `
       left:${o(t[5])};
       bottom:${o(t[6])};
       box-shadow: 0 0 ${o(t[10])} ${o(t[11])} rgba(0, 0, 0, ${t[12]});
@@ -31,12 +30,12 @@ function k(t) {
     `)) && h(i, "style", e), r & 8 && d(i, "width", o(t[3])), r & 16 && d(i, "height", o(t[4])), r & 8192 && d(i, "z-index", t[13]);
     },
     i(a) {
-      u || (a && E(() => {
-        f && f.end(1), l = F(i, g, { duration: t[0] }), l.start();
+      u || (a && F(() => {
+        f && f.end(1), l = G(i, g, { duration: t[0] }), l.start();
       }), u = !0);
     },
     o(a) {
-      l && l.invalidate(), a && (f = G(i, g, { duration: t[1] })), u = !1;
+      l && l.invalidate(), a && (f = H(i, g, { duration: t[1] })), u = !1;
     },
     d(a) {
       a && I(i), a && f && f.end();
@@ -53,9 +52,9 @@ function K(t) {
       e && e.m(l, f), v(l, i, f);
     },
     p(l, [f]) {
-      l[2] ? e ? (e.p(l, f), f & 4 && s(e, 1)) : (e = k(l), e.c(), s(e, 1), e.m(i.parentNode, i)) : e && (H(), R(e, 1, 1, () => {
+      l[2] ? e ? (e.p(l, f), f & 4 && s(e, 1)) : (e = k(l), e.c(), s(e, 1), e.m(i.parentNode, i)) : e && (A(), R(e, 1, 1, () => {
         e = null;
-      }), A());
+      }), B());
     },
     i(l) {
       s(e);
@@ -72,7 +71,7 @@ function o(t) {
   return typeof t == "number" ? t / 16 + "rem" : t;
 }
 function L(t, i, e) {
-  let { inDelay: l = 1e3 } = i, { outDelay: f = 1e3 } = i, { visible: u = !0 } = i, { width: a = 0 } = i, { height: r = 0 } = i, { left: m = 0 } = i, { bottom: _ = 0 } = i, { center: b = !1 } = i, { horizontalCenter: y = !1 } = i, { verticalCenter: c = !1 } = i, { blurRadius: w } = i, { spreadRadius: z } = i, { opacity: C = 0.15 } = i, { zIndex: D = -1 } = i;
+  let { inDelay: l = 1e3 } = i, { outDelay: f = 1e3 } = i, { visible: u = !0 } = i, { width: a = 0 } = i, { height: r = 0 } = i, { left: m = 0 } = i, { bottom: _ = 0 } = i, { center: b = !1 } = i, { horizontalCenter: y = !1 } = i, { verticalCenter: c = !1 } = i, { blurRadius: w } = i, { spreadRadius: z } = i, { opacity: C = 0.15 } = i, { zIndex: D = void 0 } = i;
   return t.$$set = (n) => {
     "inDelay" in n && e(0, l = n.inDelay), "outDelay" in n && e(1, f = n.outDelay), "visible" in n && e(2, u = n.visible), "width" in n && e(3, a = n.width), "height" in n && e(4, r = n.height), "left" in n && e(5, m = n.left), "bottom" in n && e(6, _ = n.bottom), "center" in n && e(7, b = n.center), "horizontalCenter" in n && e(8, y = n.horizontalCenter), "verticalCenter" in n && e(9, c = n.verticalCenter), "blurRadius" in n && e(10, w = n.blurRadius), "spreadRadius" in n && e(11, z = n.spreadRadius), "opacity" in n && e(12, C = n.opacity), "zIndex" in n && e(13, D = n.zIndex);
   }, [
@@ -92,7 +91,7 @@ function L(t, i, e) {
     D
   ];
 }
-class Q extends X {
+class P extends X {
   constructor(i) {
     super(), S(
       this,
@@ -121,5 +120,5 @@ class Q extends X {
   }
 }
 export {
-  Q as default
+  P as Shadow
 };

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

@@ -0,0 +1,130 @@
+import { SvelteComponent as b, init as k, safe_not_equal as x, append_styles as R, empty as L, insert as D, noop as g, destroy_each as T, detach as F, onMount as N, element as S, text as O, attr as v, append as z, set_data as C, binding_callbacks as w } from "../../../vendor/svelte/internal/index.js";
+import p from "animejs";
+import { notNil as A } from "../../../shared-utils/isNil.js";
+import "three";
+import { searchFirstValueSmallThanLastValue as J } from "../../utils/search.js";
+import { RANDON_STRING as E } from "../../utils/constants.js";
+function P(o) {
+  R(o, "svelte-zgfkts", ".text-char.svelte-zgfkts{text-shadow:0.125rem 0rem 0.5rem rgba(0, 0, 0, 0.15)}");
+}
+function y(o, i, l) {
+  const e = o.slice();
+  return e[10] = i[l], e[11] = i, e[12] = l, e;
+}
+function j(o) {
+  let i, l = o[10] + "", e, t = o[12];
+  const s = () => o[6](i, t), n = () => o[6](null, t);
+  return {
+    c() {
+      i = S("span"), e = O(l), v(i, "class", "text-char svelte-zgfkts");
+    },
+    m(r, f) {
+      D(r, i, f), z(i, e), s();
+    },
+    p(r, f) {
+      o = r, f & 2 && l !== (l = o[10] + "") && C(e, l), t !== o[12] && (n(), t = o[12], s());
+    },
+    d(r) {
+      r && F(i), n();
+    }
+  };
+}
+function U(o) {
+  let i, l = o[1], e = [];
+  for (let t = 0; t < l.length; t += 1)
+    e[t] = j(y(o, l, t));
+  return {
+    c() {
+      for (let t = 0; t < e.length; t += 1)
+        e[t].c();
+      i = L();
+    },
+    m(t, s) {
+      for (let n = 0; n < e.length; n += 1)
+        e[n].m(t, s);
+      D(t, i, s);
+    },
+    p(t, [s]) {
+      if (s & 3) {
+        l = t[1];
+        let n;
+        for (n = 0; n < l.length; n += 1) {
+          const r = y(t, l, n);
+          e[n] ? e[n].p(r, s) : (e[n] = j(r), e[n].c(), e[n].m(i.parentNode, i));
+        }
+        for (; n < e.length; n += 1)
+          e[n].d(1);
+        e.length = l.length;
+      }
+    },
+    i: g,
+    o: g,
+    d(t) {
+      T(e, t), t && F(i);
+    }
+  };
+}
+function V(o, i, l) {
+  let e, { inDelay: t = 0 } = i, { outDelay: s = 0 } = i, { content: n } = i, { unfolded: r } = i, f, c = [], u;
+  function I(a) {
+    clearTimeout(f), f = setTimeout(
+      function() {
+        !u || (a && u.reversed || !a && !u.reversed) && (u.reverse(), u.play());
+      },
+      a ? t : s
+    );
+  }
+  N(function() {
+    const a = (() => {
+      const _ = J((m) => c[m].getBoundingClientRect().x, [Math.min(c.length - 1, 10), Math.min(c.length - 1, 30)]);
+      if (_ > 0)
+        return _;
+    })();
+    u = p({
+      targets: c.slice(0, a).filter(A),
+      autoplay: !1,
+      duration: 400,
+      scale: [0.7, 1],
+      rotate: [20, 0],
+      opacity: [0, 1],
+      translateX: [4, 0],
+      translateY: [10, 0],
+      delay: p.stagger(50),
+      easing: "easeInOutCubic"
+    }), r && u.seek(u.duration);
+  });
+  function M(a, _) {
+    w[a ? "unshift" : "push"](() => {
+      c[_] = a, l(0, c);
+    });
+  }
+  return o.$$set = (a) => {
+    "inDelay" in a && l(2, t = a.inDelay), "outDelay" in a && l(3, s = a.outDelay), "content" in a && l(4, n = a.content), "unfolded" in a && l(5, r = a.unfolded);
+  }, o.$$.update = () => {
+    o.$$.dirty & 16 && l(1, e = (() => {
+      const a = [], _ = 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")), m = `__EMOJI_SPLIT_${E}__`, h = `__EMOJI_${E}__`;
+      return n.slice().replace(_, (d) => `${m}${h}${d}${m}`).split(m).forEach((d) => d.startsWith(h) ? a.push(d.slice(h.length)) : a.push(...d.split(""))), a;
+    })()), o.$$.dirty & 32 && I(r);
+  }, [c, e, t, s, n, r, M];
+}
+class H extends b {
+  constructor(i) {
+    super(), k(
+      this,
+      i,
+      V,
+      U,
+      x,
+      {
+        inDelay: 2,
+        outDelay: 3,
+        content: 4,
+        unfolded: 5
+      },
+      P
+    );
+  }
+}
+export {
+  H as Text
+};

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

@@ -0,0 +1,131 @@
+import { SvelteComponent as O, init as P, safe_not_equal as Q, append_styles as V, empty as X, insert as J, transition_in as v, group_outros as Y, transition_out as _, check_outros as Z, detach as K, element as c, create_component as D, space as T, attr as $, set_style as A, add_render_callback as x, toggle_class as G, mount_component as I, append as m, add_resize_listener as ee, listen as te, destroy_component as M } from "../../../vendor/svelte/internal/index.js";
+import { uuid as ie } from "../../../shared-utils/uuid.js";
+import "animejs";
+import "three";
+import "../../utils/constants.js";
+import { Shadow as ne } from "../Common/Shadow.js";
+import { Audio as oe } from "../Common/Audio.js";
+import { Straight as le } from "../Common/Line/Straight.js";
+import { MultiLineText as se } from "../Common/MultiLineText.js";
+function re(e) {
+  V(e, "svelte-4r8s18", ".audio-tag.svelte-4r8s18.svelte-4r8s18{position:absolute;left:0;top:0;width:0;height:0;overflow:visible}.line.svelte-4r8s18.svelte-4r8s18{display:flex;position:absolute;top:0;left:0;width:10.125rem;height:0.0625rem;transform:translate3d(0, -50%, 0.625rem)}.content.svelte-4r8s18.svelte-4r8s18{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-4r8s18.svelte-4r8s18{position:relative;width:100%;height:100%}.audio-icon.svelte-4r8s18.svelte-4r8s18{vertical-align:top;display:inline-block;width:1rem;height:1rem;margin-right:0.25rem;margin-top:0.0625rem}.unfolded.svelte-4r8s18 .audio-icon.svelte-4r8s18{pointer-events:auto}");
+}
+function H(e) {
+  var W, q, L, N;
+  let o, l, i, n, s, p, a, f, h, u, k, d, g, C, w, U, R;
+  return l = new ne({
+    props: {
+      visible: e[5],
+      left: e[2] / 2 + "px",
+      bottom: 12,
+      width: 2,
+      blurRadius: 120,
+      spreadRadius: 60
+    }
+  }), s = new le({
+    props: {
+      unfolded: e[5],
+      duration: 1e3,
+      outDelay: e[4] + 20 * Math.min((q = (W = e[3][0]) == null ? void 0 : W.content.length) != null ? q : 10, 15)
+    }
+  }), u = new oe({
+    props: {
+      unfolded: e[5],
+      url: e[0].data.audioUrl,
+      duration: 1e3,
+      outDelay: 20 * Math.min((N = (L = e[3][0]) == null ? void 0 : L.content.length) != null ? N : 10, 15),
+      hooksInfo: { tag: e[0] }
+    }
+  }), g = new se({
+    props: {
+      visible: e[5],
+      textUnfolded: e[1],
+      textItems: e[3]
+    }
+  }), {
+    c() {
+      o = c("div"), D(l.$$.fragment), i = T(), n = c("div"), D(s.$$.fragment), p = T(), a = c("div"), f = c("div"), h = c("div"), D(u.$$.fragment), k = T(), d = c("div"), D(g.$$.fragment), $(n, "class", "line svelte-4r8s18"), A(n, "width", e[2] + "px"), $(h, "class", "audio-icon svelte-4r8s18"), A(d, "display", "inline-block"), $(f, "class", "wrapper svelte-4r8s18"), $(a, "class", "content svelte-4r8s18"), x(() => e[8].call(a)), $(o, "class", "audio-tag svelte-4r8s18"), G(o, "unfolded", e[5]);
+    },
+    m(t, r) {
+      J(t, o, r), I(l, o, null), m(o, i), m(o, n), I(s, n, null), m(o, p), m(o, a), m(a, f), m(f, h), I(u, h, null), m(f, k), m(f, d), I(g, d, null), C = ee(a, e[8].bind(a)), w = !0, U || (R = te(d, "click", e[6]), U = !0);
+    },
+    p(t, r) {
+      var j, B, E, F;
+      const y = {};
+      r & 32 && (y.visible = t[5]), r & 4 && (y.left = t[2] / 2 + "px"), l.$set(y);
+      const S = {};
+      r & 32 && (S.unfolded = t[5]), r & 24 && (S.outDelay = t[4] + 20 * Math.min((B = (j = t[3][0]) == null ? void 0 : j.content.length) != null ? B : 10, 15)), s.$set(S), r & 4 && A(n, "width", t[2] + "px");
+      const b = {};
+      r & 32 && (b.unfolded = t[5]), r & 1 && (b.url = t[0].data.audioUrl), r & 8 && (b.outDelay = 20 * Math.min((F = (E = t[3][0]) == null ? void 0 : E.content.length) != null ? F : 10, 15)), r & 1 && (b.hooksInfo = { tag: t[0] }), u.$set(b);
+      const z = {};
+      r & 32 && (z.visible = t[5]), r & 2 && (z.textUnfolded = t[1]), r & 8 && (z.textItems = t[3]), g.$set(z), (!w || r & 32) && G(o, "unfolded", t[5]);
+    },
+    i(t) {
+      w || (v(l.$$.fragment, t), v(s.$$.fragment, t), v(u.$$.fragment, t), v(g.$$.fragment, t), w = !0);
+    },
+    o(t) {
+      _(l.$$.fragment, t), _(s.$$.fragment, t), _(u.$$.fragment, t), _(g.$$.fragment, t), w = !1;
+    },
+    d(t) {
+      t && K(o), M(l), M(s), M(u), M(g), C(), U = !1, R();
+    }
+  };
+}
+function ae(e) {
+  let o, l, i = e[0].state && H(e);
+  return {
+    c() {
+      i && i.c(), o = X();
+    },
+    m(n, s) {
+      i && i.m(n, s), J(n, o, s), l = !0;
+    },
+    p(n, [s]) {
+      n[0].state ? i ? (i.p(n, s), s & 1 && v(i, 1)) : (i = H(n), i.c(), v(i, 1), i.m(o.parentNode, o)) : i && (Y(), _(i, 1, 1, () => {
+        i = null;
+      }), Z());
+    },
+    i(n) {
+      l || (v(i), l = !0);
+    },
+    o(n) {
+      _(i), l = !1;
+    },
+    d(n) {
+      i && i.d(n), n && K(o);
+    }
+  };
+}
+function de(e, o, l) {
+  let i, n, s, { tag: p } = o, a = !1, f, h = [];
+  function u() {
+    l(1, a = !a);
+  }
+  function k() {
+    f = this.clientWidth, l(2, f);
+  }
+  return e.$$set = (d) => {
+    "tag" in d && l(0, p = d.tag);
+  }, e.$$.update = () => {
+    var d;
+    e.$$.dirty & 1 && l(5, i = !!((d = p.state) != null && d.unfolded)), e.$$.dirty & 1 && l(7, n = p.data.text), e.$$.dirty & 128 && l(3, h = [{ id: ie(), content: n }]), e.$$.dirty & 2 && l(4, s = a ? 450 : 0);
+  }, [
+    p,
+    a,
+    f,
+    h,
+    s,
+    i,
+    u,
+    n,
+    k
+  ];
+}
+class we extends O {
+  constructor(o) {
+    super(), P(this, o, de, ae, Q, { tag: 0 }, re);
+  }
+}
+export {
+  we as AudioTag
+};

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

@@ -1,18 +1,18 @@
-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";
+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";
 function j(i) {
   p(i, "svelte-kzl2aj", ".customElement__container.svelte-kzl2aj{position:relative}");
 }
-function a(i) {
+function m(i) {
   let l, e = i[0].element + "", n;
   return {
     c() {
       l = new C(!1), n = b(), l.a = n;
     },
-    m(t, s) {
-      l.m(e, t, s), m(t, n, s);
+    m(t, o) {
+      l.m(e, t, o), a(t, n, o);
     },
-    p(t, s) {
-      s & 1 && e !== (e = t[0].element + "") && l.p(e);
+    p(t, o) {
+      o & 1 && e !== (e = t[0].element + "") && l.p(e);
     },
     d(t) {
       t && r(n), t && l.d();
@@ -20,16 +20,16 @@ function a(i) {
   };
 }
 function z(i) {
-  let l, e = typeof i[0].element == "string" && a(i);
+  let l, e = typeof i[0].element == "string" && m(i);
   return {
     c() {
       l = g("div"), e && e.c(), v(l, "class", "customElement__container svelte-kzl2aj");
     },
     m(n, t) {
-      m(n, l, t), e && e.m(l, null), i[2](l);
+      a(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 = a(n), e.c(), e.m(l, null)) : e && (e.d(1), e = null);
+      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);
     },
     i: f,
     o: f,
@@ -39,34 +39,34 @@ function z(i) {
   };
 }
 function E(i, l, e) {
-  let { tag: n } = l, t, s;
+  let { tag: n } = l, t, o;
   h(() => {
     if (t) {
       if (n.element instanceof Element) {
-        const o = n.element;
-        t.appendChild(o), s = () => t == null ? void 0 : t.removeChild(o);
+        const s = n.element;
+        t.appendChild(s), o = () => t == null ? void 0 : t.removeChild(s);
       } else if (typeof n.element == "function") {
-        const o = n.element;
-        s = o(t);
+        const s = n.element;
+        o = s(t);
       }
     }
   }), k(() => {
-    s == null || s();
+    o == null || o();
   });
-  function c(o) {
-    y[o ? "unshift" : "push"](() => {
-      t = o, e(1, t);
+  function c(s) {
+    y[s ? "unshift" : "push"](() => {
+      t = s, e(1, t);
     });
   }
-  return i.$$set = (o) => {
-    "tag" in o && e(0, n = o.tag);
+  return i.$$set = (s) => {
+    "tag" in s && e(0, n = s.tag);
   }, [n, t, c];
 }
 class q extends u {
   constructor(l) {
-    super(), d(this, l, E, z, _, { tag: 0 }, j);
+    super(), _(this, l, E, z, d, { tag: 0 }, j);
   }
 }
 export {
-  q as default
+  q as CustomTag
 };