@realsee/dnalogel 2.1.2-alpha.2 → 2.1.2-alpha.3

package/esm/PanoTagPlugin/Components/Common/Media.js

@@ -0,0 +1,393 @@
+var z = (a, n, i) => new Promise((e, t) => {
+  var l = (r) => {
+    try {
+      s(i.next(r));
+    } catch (m) {
+      t(m);
+    }
+  }, o = (r) => {
+    try {
+      s(i.throw(r));
+    } catch (m) {
+      t(m);
+    }
+  }, s = (r) => r.done ? e(r.value) : Promise.resolve(r.value).then(l, o);
+  s((i = i.apply(a, n)).next());
+});
+import { SvelteComponent as te, init as ne, safe_not_equal as ie, append_styles as ae, empty as Z, insert as w, transition_in as _, group_outros as D, transition_out as g, check_outros as j, detach as I, element as le, attr as oe, toggle_class as G, add_render_callback as re, create_in_transition as fe, create_out_transition as se, create_component as C, mount_component as L, destroy_component as P, destroy_each as ue, space as ce } from "svelte/internal";
+import { fly as J } from "svelte/transition";
+import { linear as K } from "svelte/easing";
+import { S as de } from "../../../vendor/swiper/svelte/swiper.js";
+import { S as me } from "../../../vendor/swiper/svelte/swiper-slide.js";
+import { Autoplay as _e } from "swiper";
+import "swiper/css";
+import "swiper/css/autoplay";
+import "three";
+import { n as Q } from "../../utils/noTypecheck.js";
+import { M as x } from "./MediaItem.js";
+import { n as ye } from "../../../shared-utils/isNil.js";
+import { getContext as R } from "svelte";
+function ge(a) {
+  ae(a, "svelte-ai0lv9", ".media.svelte-ai0lv9{width:100%;height:100%;position:relative;overflow:hidden;border-radius:0.125rem}");
+}
+function W(a, n, i) {
+  const e = a.slice();
+  return e[23] = n[i], e;
+}
+function X(a) {
+  let n, i, e, t, l, o;
+  const s = [pe, he], r = [];
+  function m(u, h) {
+    return u[13] ? 0 : 1;
+  }
+  return i = m(a), e = r[i] = s[i](a), {
+    c() {
+      n = le("div"), e.c(), oe(n, "class", "media svelte-ai0lv9"), G(n, "unfolded", a[4]);
+    },
+    m(u, h) {
+      w(u, n, h), r[i].m(n, null), o = !0;
+    },
+    p(u, h) {
+      a = u;
+      let b = i;
+      i = m(a), i === b ? r[i].p(a, h) : (D(), g(r[b], 1, 1, () => {
+        r[b] = null;
+      }), j(), e = r[i], e ? e.p(a, h) : (e = r[i] = s[i](a), e.c()), _(e, 1), e.m(n, null)), h & 16 && G(n, "unfolded", a[4]);
+    },
+    i(u) {
+      o || (_(e), u && re(() => {
+        l && l.end(1), t = fe(n, J, a[5] ? {
+          y: 4,
+          duration: a[3],
+          delay: a[1],
+          easing: K
+        } : void 0), t.start();
+      }), o = !0);
+    },
+    o(u) {
+      g(e), t && t.invalidate(), u && (l = se(n, J, a[5] ? {
+        y: 4,
+        duration: a[3],
+        delay: a[2],
+        easing: K
+      } : void 0)), o = !1;
+    },
+    d(u) {
+      u && I(n), r[i].d(), u && l && l.end();
+    }
+  };
+}
+function he(a) {
+  let n, i;
+  return n = new x({
+    props: {
+      media: a[0][0],
+      objectFit: a[8],
+      playButtonIfNeed: a[6],
+      canPlay: a[7]
+    }
+  }), {
+    c() {
+      C(n.$$.fragment);
+    },
+    m(e, t) {
+      L(n, e, t), i = !0;
+    },
+    p(e, t) {
+      const l = {};
+      t & 1 && (l.media = e[0][0]), t & 256 && (l.objectFit = e[8]), t & 64 && (l.playButtonIfNeed = e[6]), t & 128 && (l.canPlay = e[7]), n.$set(l);
+    },
+    i(e) {
+      i || (_(n.$$.fragment, e), i = !0);
+    },
+    o(e) {
+      g(n.$$.fragment, e), i = !1;
+    },
+    d(e) {
+      P(n, e);
+    }
+  };
+}
+function pe(a) {
+  let n, i;
+  return n = new de({
+    props: {
+      style: "height: 100%",
+      modules: [_e],
+      spaceBetween: 30,
+      autoplay: a[14] ? Q({
+        delay: 4e3,
+        stopOnLastSlide: !1,
+        disableOnInteraction: !1
+      }) : !1,
+      loop: !0,
+      $$slots: { default: [ve] },
+      $$scope: { ctx: a }
+    }
+  }), n.$on("init", a[19]), n.$on("slideChange", a[20]), {
+    c() {
+      C(n.$$.fragment);
+    },
+    m(e, t) {
+      L(n, e, t), i = !0;
+    },
+    p(e, t) {
+      const l = {};
+      t & 16384 && (l.autoplay = e[14] ? Q({
+        delay: 4e3,
+        stopOnLastSlide: !1,
+        disableOnInteraction: !1
+      }) : !1), t & 67111360 && (l.$$scope = { dirty: t, ctx: e }), n.$set(l);
+    },
+    i(e) {
+      i || (_(n.$$.fragment, e), i = !0);
+    },
+    o(e) {
+      g(n.$$.fragment, e), i = !1;
+    },
+    d(e) {
+      P(n, e);
+    }
+  };
+}
+function be(a) {
+  let n, i, e;
+  return n = new x({
+    props: {
+      media: a[23],
+      objectFit: a[8],
+      playButtonIfNeed: a[6],
+      canPlay: a[7]
+    }
+  }), {
+    c() {
+      C(n.$$.fragment), i = ce();
+    },
+    m(t, l) {
+      L(n, t, l), w(t, i, l), e = !0;
+    },
+    p(t, l) {
+      const o = {};
+      l & 2048 && (o.media = t[23]), l & 256 && (o.objectFit = t[8]), l & 64 && (o.playButtonIfNeed = t[6]), l & 128 && (o.canPlay = t[7]), n.$set(o);
+    },
+    i(t) {
+      e || (_(n.$$.fragment, t), e = !0);
+    },
+    o(t) {
+      g(n.$$.fragment, t), e = !1;
+    },
+    d(t) {
+      P(n, t), t && I(i);
+    }
+  };
+}
+function Y(a) {
+  let n, i;
+  return n = new me({
+    props: {
+      $$slots: { default: [be] },
+      $$scope: { ctx: a }
+    }
+  }), {
+    c() {
+      C(n.$$.fragment);
+    },
+    m(e, t) {
+      L(n, e, t), i = !0;
+    },
+    p(e, t) {
+      const l = {};
+      t & 67111360 && (l.$$scope = { dirty: t, ctx: e }), n.$set(l);
+    },
+    i(e) {
+      i || (_(n.$$.fragment, e), i = !0);
+    },
+    o(e) {
+      g(n.$$.fragment, e), i = !1;
+    },
+    d(e) {
+      P(n, e);
+    }
+  };
+}
+function ve(a) {
+  let n, i, e = a[11], t = [];
+  for (let o = 0; o < e.length; o += 1)
+    t[o] = Y(W(a, e, o));
+  const l = (o) => g(t[o], 1, 1, () => {
+    t[o] = null;
+  });
+  return {
+    c() {
+      for (let o = 0; o < t.length; o += 1)
+        t[o].c();
+      n = Z();
+    },
+    m(o, s) {
+      for (let r = 0; r < t.length; r += 1)
+        t[r].m(o, s);
+      w(o, n, s), i = !0;
+    },
+    p(o, s) {
+      if (s & 2496) {
+        e = o[11];
+        let r;
+        for (r = 0; r < e.length; r += 1) {
+          const m = W(o, e, r);
+          t[r] ? (t[r].p(m, s), _(t[r], 1)) : (t[r] = Y(m), t[r].c(), _(t[r], 1), t[r].m(n.parentNode, n));
+        }
+        for (D(), r = e.length; r < t.length; r += 1)
+          l(r);
+        j();
+      }
+    },
+    i(o) {
+      if (!i) {
+        for (let s = 0; s < e.length; s += 1)
+          _(t[s]);
+        i = !0;
+      }
+    },
+    o(o) {
+      t = t.filter(Boolean);
+      for (let s = 0; s < t.length; s += 1)
+        g(t[s]);
+      i = !1;
+    },
+    d(o) {
+      ue(t, o), o && I(n);
+    }
+  };
+}
+function ke(a) {
+  let n, i, e = a[4] && X(a);
+  return {
+    c() {
+      e && e.c(), n = Z();
+    },
+    m(t, l) {
+      e && e.m(t, l), w(t, n, l), i = !0;
+    },
+    p(t, [l]) {
+      t[4] ? e ? (e.p(t, l), l & 16 && _(e, 1)) : (e = X(t), e.c(), _(e, 1), e.m(n.parentNode, n)) : e && (D(), g(e, 1, 1, () => {
+        e = null;
+      }), j());
+    },
+    i(t) {
+      i || (_(e), i = !0);
+    },
+    o(t) {
+      g(e), i = !1;
+    },
+    d(t) {
+      e && e.d(t), t && I(n);
+    }
+  };
+}
+function we(a, n, i) {
+  let e, t, l, { tag: o } = n, { mediaData: s } = n, { inDelay: r = 0 } = n, { outDelay: m = 0 } = n, { duration: u = 0 } = n, { unfolded: h = !0 } = n, { animation: b = !0 } = n, { playButtonIfNeed: F = "small" } = n, { canPlay: M = !0 } = n, { objectFit: V = "cover" } = n, { enableCarousel: S = !0 } = n, { autoplayConfig: k = { autoplay: !0, autoplayVideo: !1 } } = n;
+  const q = R("mediaStore"), O = R("hooks");
+  let p;
+  function E(f) {
+    !e || !p || (q.set({ currentMediaUrl: this.src }), O.emit("playStateChange", {
+      event: f,
+      state: "playing",
+      tag: o,
+      mediaInstance: this
+    }), p.autoplay.stop());
+  }
+  function B(f) {
+    !e || !p || (O.emit("playStateChange", {
+      event: f,
+      state: "paused",
+      tag: o,
+      mediaInstance: this
+    }), p.autoplay.running || p.autoplay.start());
+  }
+  let N = null;
+  const $ = (f) => {
+    i(10, p = f.detail[0]);
+  }, ee = (f) => z(this, null, function* () {
+    var H, T, U;
+    if (!l || !k.autoplayVideo)
+      return;
+    const y = f.detail[0];
+    if (!y)
+      return;
+    const v = y.realIndex;
+    if (v === N)
+      return;
+    i(12, N = v);
+    const A = t[v];
+    if (!A || A.type !== "Video")
+      return;
+    y.autoplay.stop(), y.slides.map((c) => c.querySelector("video")).filter(ye).forEach((c) => c.pause());
+    const d = (H = y.slides[y.activeIndex]) == null ? void 0 : H.querySelector("video");
+    if (d && (d.removeEventListener("play", E), d.removeEventListener("pause", B), d.addEventListener("play", E), d.addEventListener("pause", B)), d) {
+      d.addEventListener("click", () => d.pause());
+      const c = (U = (T = d.parentElement) == null ? void 0 : T.getElementsByClassName("video-play-button-container")) == null ? void 0 : U[0];
+      d.addEventListener("play", () => c == null ? void 0 : c.classList.remove("showPlayButton")), d.addEventListener("pause", () => c == null ? void 0 : c.classList.add("showPlayButton")), c && (d.paused ? c.classList.add("showPlayButton") : c.classList.remove("showPlayButton"), c.addEventListener("click", () => d.play()));
+    }
+  });
+  return a.$$set = (f) => {
+    "tag" in f && i(17, o = f.tag), "mediaData" in f && i(0, s = f.mediaData), "inDelay" in f && i(1, r = f.inDelay), "outDelay" in f && i(2, m = f.outDelay), "duration" in f && i(3, u = f.duration), "unfolded" in f && i(4, h = f.unfolded), "animation" in f && i(5, b = f.animation), "playButtonIfNeed" in f && i(6, F = f.playButtonIfNeed), "canPlay" in f && i(7, M = f.canPlay), "objectFit" in f && i(8, V = f.objectFit), "enableCarousel" in f && i(18, S = f.enableCarousel), "autoplayConfig" in f && i(9, k = f.autoplayConfig);
+  }, a.$$.update = () => {
+    a.$$.dirty & 262145 && i(13, e = S && (s == null ? void 0 : s.length) > 1), a.$$.dirty & 1 && i(11, t = s), a.$$.dirty & 2560 && i(14, l = t.length > 1 && k.autoplay), a.$$.dirty & 1024 && p && p.slides.forEach((f) => {
+      const y = f.querySelector("video");
+      y && q.subscribe(({ currentMediaUrl: v }) => {
+        v !== y.src && y.pause();
+      });
+    });
+  }, [
+    s,
+    r,
+    m,
+    u,
+    h,
+    b,
+    F,
+    M,
+    V,
+    k,
+    p,
+    t,
+    N,
+    e,
+    l,
+    E,
+    B,
+    o,
+    S,
+    $,
+    ee
+  ];
+}
+class Ae extends te {
+  constructor(n) {
+    super(), ne(
+      this,
+      n,
+      we,
+      ke,
+      ie,
+      {
+        tag: 17,
+        mediaData: 0,
+        inDelay: 1,
+        outDelay: 2,
+        duration: 3,
+        unfolded: 4,
+        animation: 5,
+        playButtonIfNeed: 6,
+        canPlay: 7,
+        objectFit: 8,
+        enableCarousel: 18,
+        autoplayConfig: 9
+      },
+      ge
+    );
+  }
+}
+export {
+  Ae as M
+};

package/esm/PanoTagPlugin/Components/Common/MediaItem.js

@@ -0,0 +1,139 @@
+import { SvelteComponent as C, init as N, safe_not_equal as F, append_styles as U, empty as L, insert as _, noop as y, detach as w, element as m, attr as a, binding_callbacks as q, space as E, src_url_equal as g, toggle_class as d, set_style as z, append as k, listen as P, run_all as M } from "svelte/internal";
+import { a as j, b as B } from "../../Assets/Icon.js";
+function S(o) {
+  U(o, "svelte-cwtvzu", ".media-item.svelte-cwtvzu.svelte-cwtvzu{height:100%}.media-content.svelte-cwtvzu.svelte-cwtvzu{width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;-o-object-fit:inherit;object-fit:inherit}.video-icon.svelte-cwtvzu.svelte-cwtvzu{width:12.5rem;height:6.25rem;max-width:60%;max-height:60%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.video-play-button-container.svelte-cwtvzu.svelte-cwtvzu{display:none;pointer-events:auto;position:absolute;width:100%;height:100%;top:0;left:0}.video-play-button-container.showPlayButton.svelte-cwtvzu.svelte-cwtvzu{display:block}.video-icon.large.svelte-cwtvzu.svelte-cwtvzu{width:12.5rem;height:6.25rem}.video-icon.small.svelte-cwtvzu.svelte-cwtvzu{width:1.75rem;height:1.75rem}.video-icon.svelte-cwtvzu .video-icon-img.svelte-cwtvzu{width:100%;height:100%;background-position:center center;background-size:contain;background-repeat:no-repeat}.video-icon.svelte-cwtvzu .video-icon-img.canPlay.svelte-cwtvzu{cursor:pointer}");
+}
+function I(o) {
+  let e;
+  function t(s, c) {
+    if (s[0].type === "Image")
+      return A;
+    if (s[0].type === "Video")
+      return V;
+  }
+  let n = t(o), i = n && n(o);
+  return {
+    c() {
+      e = m("div"), i && i.c(), a(e, "class", "media-item svelte-cwtvzu");
+    },
+    m(s, c) {
+      _(s, e, c), i && i.m(e, null);
+    },
+    p(s, c) {
+      n === (n = t(s)) && i ? i.p(s, c) : (i && i.d(1), i = n && n(s), i && (i.c(), i.m(e, null)));
+    },
+    d(s) {
+      s && w(e), i && i.d();
+    }
+  };
+}
+function V(o) {
+  let e, t, n, i, s, c, u, v, f, p, b;
+  return {
+    c() {
+      var l;
+      e = m("video"), c = E(), u = m("div"), v = m("div"), f = m("div"), a(e, "class", "media-content svelte-cwtvzu"), a(e, "style", t = `object-fit: ${o[3]};`), g(e.src, n = o[0].url + "#t=0.1") || a(e, "src", n), a(e, "poster", i = (l = o[0].videoCoverUrl) != null ? l : void 0), a(e, "preload", s = o[0].videoCoverUrl ? void 0 : "auto"), e.playsInline = !0, a(e, "paused", ""), e.loop = !1, a(e, "crossorigin", ""), e.controls = !1, d(e, "showPlayButton", o[5]), a(f, "class", "video-icon-img svelte-cwtvzu"), z(f, "background-image", "url(" + (o[1] === "large" ? j : B) + ")"), d(f, "canPlay", o[2]), a(v, "class", "video-icon svelte-cwtvzu"), d(v, "large", o[1] === "large"), d(v, "small", o[1] === "small"), a(u, "class", "video-play-button-container svelte-cwtvzu"), d(u, "showPlayButton", o[5]);
+    },
+    m(l, r) {
+      _(l, e, r), o[7](e), _(l, c, r), _(l, u, r), k(u, v), k(v, f), p || (b = [
+        P(e, "click", o[6]),
+        P(f, "click", o[8])
+      ], p = !0);
+    },
+    p(l, r) {
+      var h;
+      r & 8 && t !== (t = `object-fit: ${l[3]};`) && a(e, "style", t), r & 1 && !g(e.src, n = l[0].url + "#t=0.1") && a(e, "src", n), r & 1 && i !== (i = (h = l[0].videoCoverUrl) != null ? h : void 0) && a(e, "poster", i), r & 1 && s !== (s = l[0].videoCoverUrl ? void 0 : "auto") && a(e, "preload", s), r & 32 && d(e, "showPlayButton", l[5]), r & 2 && z(f, "background-image", "url(" + (l[1] === "large" ? j : B) + ")"), r & 4 && d(f, "canPlay", l[2]), r & 2 && d(v, "large", l[1] === "large"), r & 2 && d(v, "small", l[1] === "small"), r & 32 && d(u, "showPlayButton", l[5]);
+    },
+    d(l) {
+      l && w(e), o[7](null), l && w(c), l && w(u), p = !1, M(b);
+    }
+  };
+}
+function A(o) {
+  let e, t, n, i;
+  return {
+    c() {
+      e = m("img"), a(e, "class", "media-content svelte-cwtvzu"), a(e, "style", t = `object-fit: ${o[3]};`), g(e.src, n = o[0].url) || a(e, "src", n), a(e, "alt", i = o[0].name);
+    },
+    m(s, c) {
+      _(s, e, c);
+    },
+    p(s, c) {
+      c & 8 && t !== (t = `object-fit: ${s[3]};`) && a(e, "style", t), c & 1 && !g(e.src, n = s[0].url) && a(e, "src", n), c & 1 && i !== (i = s[0].name) && a(e, "alt", i);
+    },
+    d(s) {
+      s && w(e);
+    }
+  };
+}
+function D(o) {
+  let e, t = o[0] && I(o);
+  return {
+    c() {
+      t && t.c(), e = L();
+    },
+    m(n, i) {
+      t && t.m(n, i), _(n, e, i);
+    },
+    p(n, [i]) {
+      n[0] ? t ? t.p(n, i) : (t = I(n), t.c(), t.m(e.parentNode, e)) : t && (t.d(1), t = null);
+    },
+    i: y,
+    o: y,
+    d(n) {
+      t && t.d(n), n && w(e);
+    }
+  };
+}
+function G(o, e, t) {
+  let { media: n } = e, { playButtonIfNeed: i = "small" } = e, { canPlay: s = !0 } = e, { objectFit: c = "cover" } = e, u, v = !1;
+  const f = () => u == null ? void 0 : u.pause();
+  function p(l) {
+    q[l ? "unshift" : "push"](() => {
+      u = l, t(4, u);
+    });
+  }
+  const b = () => {
+    !s || u && u.play();
+  };
+  return o.$$set = (l) => {
+    "media" in l && t(0, n = l.media), "playButtonIfNeed" in l && t(1, i = l.playButtonIfNeed), "canPlay" in l && t(2, s = l.canPlay), "objectFit" in l && t(3, c = l.objectFit);
+  }, o.$$.update = () => {
+    o.$$.dirty & 16 && u && (t(5, v = u.paused), u.addEventListener("play", () => {
+      t(5, v = !1);
+    }), u.addEventListener("pause", () => {
+      t(5, v = !0);
+    }));
+  }, [
+    n,
+    i,
+    s,
+    c,
+    u,
+    v,
+    f,
+    p,
+    b
+  ];
+}
+class K extends C {
+  constructor(e) {
+    super(), N(
+      this,
+      e,
+      G,
+      D,
+      F,
+      {
+        media: 0,
+        playButtonIfNeed: 1,
+        canPlay: 2,
+        objectFit: 3
+      },
+      S
+    );
+  }
+}
+export {
+  K as M
+};

package/esm/PanoTagPlugin/Components/Common/MultiLineText.js

@@ -0,0 +1,170 @@
+import { SvelteComponent as M, init as N, safe_not_equal as S, append_styles as A, space as C, empty as Y, insert as g, group_outros as b, update_keyed_each as q, outro_and_destroy_block as B, check_outros as k, transition_in as _, transition_out as d, detach as p, element as H, create_component as D, attr as U, set_style as v, mount_component as x, destroy_component as I, binding_callbacks as L } from "svelte/internal";
+import { T as j } from "./Text.js";
+import { A as F } from "./Arrow.js";
+import { d as G } from "../../utils/doUtil.js";
+function J(r) {
+  A(r, "svelte-1fuzm7v", ".text.svelte-1fuzm7v{pointer-events:auto;box-sizing:border-box;display:inline-block;max-width:7.5rem;transition:transform 400ms ease-in-out;font-size:0.75rem;line-height:1.125rem;white-space:initial;cursor:pointer}.arrow.svelte-1fuzm7v{pointer-events:auto;display:inline-block;vertical-align:top;width:0.875rem;height:0.875rem;margin-left:0.125rem;margin-top:0.125rem}");
+}
+function y(r, t, n) {
+  const o = r.slice();
+  return o[11] = t[n].id, o[12] = t[n].content, o;
+}
+function w(r, t) {
+  let n, o, l;
+  return o = new j({
+    props: {
+      unfolded: t[0],
+      content: t[12],
+      inDelay: 500,
+      outDelay: t[5]
+    }
+  }), {
+    key: r,
+    first: null,
+    c() {
+      n = H("div"), D(o.$$.fragment), U(n, "class", "text svelte-1fuzm7v"), v(n, "transform", t[7], !1), this.first = n;
+    },
+    m(f, u) {
+      g(f, n, u), x(o, n, null), t[10](n), l = !0;
+    },
+    p(f, u) {
+      t = f;
+      const a = {};
+      u & 1 && (a.unfolded = t[0]), u & 2 && (a.content = t[12]), u & 32 && (a.outDelay = t[5]), o.$set(a), u & 128 && v(n, "transform", t[7], !1);
+    },
+    i(f) {
+      l || (_(o.$$.fragment, f), l = !0);
+    },
+    o(f) {
+      d(o.$$.fragment, f), l = !1;
+    },
+    d(f) {
+      f && p(n), I(o), t[10](null);
+    }
+  };
+}
+function z(r) {
+  let t, n, o;
+  return n = new F({
+    props: {
+      direction: r[6],
+      visible: r[0],
+      inDelay: 600,
+      duration: 1e3
+    }
+  }), {
+    c() {
+      t = H("div"), D(n.$$.fragment), U(t, "class", "arrow svelte-1fuzm7v");
+    },
+    m(l, f) {
+      g(l, t, f), x(n, t, null), o = !0;
+    },
+    p(l, f) {
+      const u = {};
+      f & 64 && (u.direction = l[6]), f & 1 && (u.visible = l[0]), n.$set(u);
+    },
+    i(l) {
+      o || (_(n.$$.fragment, l), o = !0);
+    },
+    o(l) {
+      d(n.$$.fragment, l), o = !1;
+    },
+    d(l) {
+      l && p(t), I(n);
+    }
+  };
+}
+function K(r) {
+  let t = [], n = /* @__PURE__ */ new Map(), o, l, f, u = r[1];
+  const a = (e) => e[11];
+  for (let e = 0; e < u.length; e += 1) {
+    let i = y(r, u, e), c = a(i);
+    n.set(c, t[e] = w(c, i));
+  }
+  let s = r[3] < r[4] && z(r);
+  return {
+    c() {
+      for (let e = 0; e < t.length; e += 1)
+        t[e].c();
+      o = C(), s && s.c(), l = Y();
+    },
+    m(e, i) {
+      for (let c = 0; c < t.length; c += 1)
+        t[c].m(e, i);
+      g(e, o, i), s && s.m(e, i), g(e, l, i), f = !0;
+    },
+    p(e, [i]) {
+      i & 167 && (u = e[1], b(), t = q(t, i, a, 1, e, u, n, o.parentNode, B, w, o, y), k()), e[3] < e[4] ? s ? (s.p(e, i), i & 24 && _(s, 1)) : (s = z(e), s.c(), _(s, 1), s.m(l.parentNode, l)) : s && (b(), d(s, 1, 1, () => {
+        s = null;
+      }), k());
+    },
+    i(e) {
+      if (!f) {
+        for (let i = 0; i < u.length; i += 1)
+          _(t[i]);
+        _(s), f = !0;
+      }
+    },
+    o(e) {
+      for (let i = 0; i < t.length; i += 1)
+        d(t[i]);
+      d(s), f = !1;
+    },
+    d(e) {
+      for (let i = 0; i < t.length; i += 1)
+        t[i].d(e);
+      e && p(o), s && s.d(e), e && p(l);
+    }
+  };
+}
+function O(r, t, n) {
+  let o, l, f, { visible: u = !1 } = t, { textUnfolded: a = !1 } = t, { textItems: s } = t, e, i = 0, c = 0, h = 0;
+  function T(m) {
+    L[m ? "unshift" : "push"](() => {
+      e = m, n(2, e);
+    });
+  }
+  return r.$$set = (m) => {
+    "visible" in m && n(0, u = m.visible), "textUnfolded" in m && n(8, a = m.textUnfolded), "textItems" in m && n(1, s = m.textItems);
+  }, r.$$.update = () => {
+    if (r.$$.dirty & 5 && e && u) {
+      const { lineHeight: m } = getComputedStyle(e);
+      n(4, h = e.offsetHeight), G(() => e == null ? void 0 : e.offsetHeight, Boolean).then(() => {
+        n(4, h = e.offsetHeight);
+      }), n(3, c = Number(m.replace("px", "")));
+    }
+    r.$$.dirty & 280 && n(9, i = a ? c - h : 0), r.$$.dirty & 512 && n(7, o = `translateY(${i}px)`), r.$$.dirty & 256 && n(6, l = a ? "left" : "right"), r.$$.dirty & 256 && n(5, f = a ? 450 : 0);
+  }, [
+    u,
+    s,
+    e,
+    c,
+    h,
+    f,
+    l,
+    o,
+    a,
+    i,
+    T
+  ];
+}
+class W extends M {
+  constructor(t) {
+    super(), N(
+      this,
+      t,
+      O,
+      K,
+      S,
+      {
+        visible: 0,
+        textUnfolded: 8,
+        textItems: 1
+      },
+      J
+    );
+  }
+}
+export {
+  W as M
+};