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

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

@@ -0,0 +1,73 @@
+import { SvelteComponent as u, init as p, safe_not_equal as _, append_styles as d, element as g, attr as v, insert as a, noop as f, detach as r, HtmlTag as h, empty as k, binding_callbacks as b } from "svelte/internal";
+import { onMount as y, onDestroy as C } from "svelte";
+function j(i) {
+  d(i, "svelte-kzl2aj", ".customElement__container.svelte-kzl2aj{position:relative}");
+}
+function m(i) {
+  let l, e = i[0].element + "", n;
+  return {
+    c() {
+      l = new h(!1), n = k(), l.a = n;
+    },
+    m(t, o) {
+      l.m(e, t, o), a(t, n, o);
+    },
+    p(t, o) {
+      o & 1 && e !== (e = t[0].element + "") && l.p(e);
+    },
+    d(t) {
+      t && r(n), t && l.d();
+    }
+  };
+}
+function z(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) {
+      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 = m(n), e.c(), e.m(l, null)) : e && (e.d(1), e = null);
+    },
+    i: f,
+    o: f,
+    d(n) {
+      n && r(l), e && e.d(), i[2](null);
+    }
+  };
+}
+function E(i, l, e) {
+  let { tag: n } = l, t, o;
+  y(() => {
+    if (t) {
+      if (n.element instanceof Element) {
+        const s = n.element;
+        t.appendChild(s), o = () => t == null ? void 0 : t.removeChild(s);
+      } else if (typeof n.element == "function") {
+        const s = n.element;
+        o = s(t);
+      }
+    }
+  }), C(() => {
+    o == null || o();
+  });
+  function c(s) {
+    b[s ? "unshift" : "push"](() => {
+      t = s, e(1, t);
+    });
+  }
+  return i.$$set = (s) => {
+    "tag" in s && e(0, n = s.tag);
+  }, [n, t, c];
+}
+class D extends u {
+  constructor(l) {
+    super(), p(this, l, E, z, _, { tag: 0 }, j);
+  }
+}
+export {
+  D as C
+};

package/esm/PanoTagPlugin/Components/Tag/ImageTextTag.js

@@ -0,0 +1,192 @@
+import { SvelteComponent as B, init as Y, safe_not_equal as z, append_styles as A, empty as q, insert as g, transition_in as m, group_outros as j, transition_out as _, check_outros as D, detach as h, create_component as w, space as y, element as I, attr as N, mount_component as k, update_keyed_each as E, outro_and_destroy_block as F, destroy_component as v } from "svelte/internal";
+import { u as G } from "../../../shared-utils/uuid.js";
+import { T as H } from "../Common/Text.js";
+import { P as J } from "../Common/Line/Polyline.js";
+import { M as K } from "../Common/Media.js";
+import { S as L } from "../Common/Shadow.js";
+function O(r) {
+  A(r, "svelte-1f7m1lj", ".line.svelte-1f7m1lj{position:absolute;width:6.5625rem;height:1.3125rem;transform:translateY(-100%)}.text.svelte-1f7m1lj{position:absolute;width:6.25rem;left:1rem;bottom:0.0625rem;font-weight:600}.media-wrapper.svelte-1f7m1lj{position:absolute;left:0.875rem;top:-5.3125rem;width:5.625rem;height:3.75rem;font-weight:600}");
+}
+function M(r, n, o) {
+  const e = r.slice();
+  return e[5] = n[o].id, e[1] = n[o].content, e;
+}
+function P(r) {
+  let n, o, e, l, a, i = [], d = /* @__PURE__ */ new Map(), u, c, $;
+  n = new L({
+    props: {
+      visible: r[4],
+      left: 61,
+      bottom: 57,
+      width: 2,
+      blurRadius: 150,
+      spreadRadius: 75
+    }
+  }), l = new J({
+    props: {
+      unfolded: r[4],
+      duration: 1e3,
+      outDelay: 400
+    }
+  });
+  let b = r[2];
+  const T = (t) => t[5];
+  for (let t = 0; t < b.length; t += 1) {
+    let f = M(r, b, t), p = T(f);
+    d.set(p, i[t] = S(p, f));
+  }
+  let s = r[3] && R(r);
+  return {
+    c() {
+      w(n.$$.fragment), o = y(), e = I("div"), w(l.$$.fragment), a = y();
+      for (let t = 0; t < i.length; t += 1)
+        i[t].c();
+      u = y(), s && s.c(), c = q(), N(e, "class", "line svelte-1f7m1lj");
+    },
+    m(t, f) {
+      k(n, t, f), g(t, o, f), g(t, e, f), k(l, e, null), g(t, a, f);
+      for (let p = 0; p < i.length; p += 1)
+        i[p].m(t, f);
+      g(t, u, f), s && s.m(t, f), g(t, c, f), $ = !0;
+    },
+    p(t, f) {
+      const p = {};
+      f & 16 && (p.visible = t[4]), n.$set(p);
+      const C = {};
+      f & 16 && (C.unfolded = t[4]), l.$set(C), f & 20 && (b = t[2], j(), i = E(i, f, T, 1, t, b, d, u.parentNode, F, S, u, M), D()), t[3] ? s ? (s.p(t, f), f & 8 && m(s, 1)) : (s = R(t), s.c(), m(s, 1), s.m(c.parentNode, c)) : s && (j(), _(s, 1, 1, () => {
+        s = null;
+      }), D());
+    },
+    i(t) {
+      if (!$) {
+        m(n.$$.fragment, t), m(l.$$.fragment, t);
+        for (let f = 0; f < b.length; f += 1)
+          m(i[f]);
+        m(s), $ = !0;
+      }
+    },
+    o(t) {
+      _(n.$$.fragment, t), _(l.$$.fragment, t);
+      for (let f = 0; f < i.length; f += 1)
+        _(i[f]);
+      _(s), $ = !1;
+    },
+    d(t) {
+      v(n, t), t && h(o), t && h(e), v(l), t && h(a);
+      for (let f = 0; f < i.length; f += 1)
+        i[f].d(t);
+      t && h(u), s && s.d(t), t && h(c);
+    }
+  };
+}
+function S(r, n) {
+  let o, e, l;
+  return e = new H({
+    props: {
+      unfolded: n[4],
+      content: n[1],
+      inDelay: 500
+    }
+  }), {
+    key: r,
+    first: null,
+    c() {
+      o = I("div"), w(e.$$.fragment), N(o, "class", "text svelte-1f7m1lj"), this.first = o;
+    },
+    m(a, i) {
+      g(a, o, i), k(e, o, null), l = !0;
+    },
+    p(a, i) {
+      n = a;
+      const d = {};
+      i & 16 && (d.unfolded = n[4]), i & 4 && (d.content = n[1]), e.$set(d);
+    },
+    i(a) {
+      l || (m(e.$$.fragment, a), l = !0);
+    },
+    o(a) {
+      _(e.$$.fragment, a), l = !1;
+    },
+    d(a) {
+      a && h(o), v(e);
+    }
+  };
+}
+function R(r) {
+  let n, o, e;
+  return o = new K({
+    props: {
+      autoplayConfig: { autoplay: !1 },
+      unfolded: r[4],
+      mediaData: r[3],
+      tag: r[0],
+      enableCarousel: !1,
+      canPlay: !1,
+      playButtonIfNeed: "small",
+      inDelay: 500,
+      duration: 500
+    }
+  }), {
+    c() {
+      n = I("div"), w(o.$$.fragment), N(n, "class", "media-wrapper svelte-1f7m1lj");
+    },
+    m(l, a) {
+      g(l, n, a), k(o, n, null), e = !0;
+    },
+    p(l, a) {
+      const i = {};
+      a & 16 && (i.unfolded = l[4]), a & 8 && (i.mediaData = l[3]), a & 1 && (i.tag = l[0]), o.$set(i);
+    },
+    i(l) {
+      e || (m(o.$$.fragment, l), e = !0);
+    },
+    o(l) {
+      _(o.$$.fragment, l), e = !1;
+    },
+    d(l) {
+      l && h(n), v(o);
+    }
+  };
+}
+function Q(r) {
+  let n, o, e = r[0].state && P(r);
+  return {
+    c() {
+      e && e.c(), n = q();
+    },
+    m(l, a) {
+      e && e.m(l, a), g(l, n, a), o = !0;
+    },
+    p(l, [a]) {
+      l[0].state ? e ? (e.p(l, a), a & 1 && m(e, 1)) : (e = P(l), e.c(), m(e, 1), e.m(n.parentNode, n)) : e && (j(), _(e, 1, 1, () => {
+        e = null;
+      }), D());
+    },
+    i(l) {
+      o || (m(e), o = !0);
+    },
+    o(l) {
+      _(e), o = !1;
+    },
+    d(l) {
+      e && e.d(l), l && h(n);
+    }
+  };
+}
+function U(r, n, o) {
+  let e, l, a, { tag: i } = n, d;
+  return r.$$set = (u) => {
+    "tag" in u && o(0, i = u.tag);
+  }, r.$$.update = () => {
+    var u, c, $;
+    r.$$.dirty & 1 && o(4, e = i.state ? i.state.unfolded : !1), r.$$.dirty & 1 && o(1, l = ((c = (u = i.data.text) == null ? void 0 : u.length) != null ? c : 0) > 7 ? (($ = i.data.text) == null ? void 0 : $.substring(0, 6)) + "..." : i.data.text), r.$$.dirty & 1 && o(3, a = i.data.mediaData), r.$$.dirty & 2 && o(2, d = l ? [{ id: G(), content: l }] : []);
+  }, [i, l, d, a, e];
+}
+class te extends B {
+  constructor(n) {
+    super(), Y(this, n, U, Q, z, { tag: 0 }, O);
+  }
+}
+export {
+  te as I
+};

package/esm/PanoTagPlugin/Components/Tag/LinkTag.js

@@ -0,0 +1,126 @@
+import { SvelteComponent as D, init as H, safe_not_equal as q, append_styles as Z, element as f, space as w, create_component as E, text as G, attr as d, insert as c, append as x, mount_component as R, group_outros as M, transition_out as y, check_outros as C, transition_in as b, set_data as B, detach as m, destroy_component as I } from "svelte/internal";
+import { L } from "../../typings/tag.js";
+import { S as T } from "../Common/Shadow.js";
+function O(A) {
+  Z(A, "svelte-7x7u86", ".wrapper.svelte-7x7u86{font-weight:600;cursor:pointer;width:-moz-max-content;width:max-content;height:-moz-max-content;height:max-content;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:auto}.text-wrapper.svelte-7x7u86{position:relative;display:flex;align-items:center;justify-content:center}.icon.svelte-7x7u86{position:relative;margin-bottom:0.6875rem}.arrow0.svelte-7x7u86,.arrow1.svelte-7x7u86,.arrow2.svelte-7x7u86{position:absolute;width:1.625rem;height:0.75rem;background-image:url(data:image/png;base64,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);background-repeat:no-repeat;background-size:contain;animation-fill-mode:backwards;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.2s}.arrow1.svelte-7x7u86{position:relative}.arrow0.svelte-7x7u86{top:-0.75rem;animation-name:svelte-7x7u86-up0}.arrow1.svelte-7x7u86{animation-name:svelte-7x7u86-up1}.arrow2.svelte-7x7u86{top:0.75rem;animation-name:svelte-7x7u86-up2}.text.svelte-7x7u86{position:absolute;top:0;font-size:0.875rem;color:#ffffff;letter-spacing:0;text-align:center;max-width:8.75rem;width:-moz-max-content;width:max-content;word-break:break-all;line-height:1.125rem;text-shadow:0.125rem 0rem 0.5rem rgba(0, 0, 0, 0.15)}@keyframes svelte-7x7u86-up0{0%{opacity:0.8;transform:translate3d(0, 0, 0) scale(0.84)}33.33%,100%{opacity:0;transform:translate3d(0, -0.75rem, 0) scale(0.84)}}@keyframes svelte-7x7u86-up1{0%{opacity:1;transform:translate3d(0, 0, 0) scale(1)}33.33%,100%{opacity:0.8;transform:translate3d(0, -0.75rem, 0) scale(0.84)}}@keyframes svelte-7x7u86-up2{0%{opacity:0}33.33%,100%{opacity:1;transform:translate3d(0, -0.75rem, 0)}}.link.svelte-7x7u86{position:relative;width:1.75rem;height:0.75rem;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAAAkCAMAAAAgl+0yAAAAnFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+TINBkAAAAM3RSTlMAjLy6ILM2Fi+Zng3BrPvao4VC9ceneQfKkmNdV1AbEeLOsHA77ujUtn5JLnRraSUUjVLj/+RVAAABhElEQVRIx63V2W6CQBiGYUBUQGDYdwTZQZZa7v/eimik/ket/7yZ4yeTTCYf8+dOX8etxGVoxAvCVbguR3g0uRTMA0w4odGi+CbzFnGKosCqrmHc5rdEwzCwqtGFJlC7DqtOcTxANY67BHnVKOpVoEZRjFPdLgxbqIZhhFTjINChGgThF06NhpGd35OGMcCppyDPfajm+YhUR8cRoeo4+RGlJnnbalBt2x6nHh1dt4Gq6bqDU886y2ZQZVn9jFJ51vcbqPo+Up18UeSgKoo3nHqVJEkGqi1JPk49aLZmQdW2xXf1zP+vUFHsC1QVReK33xdk+w9SaqAq+732UvvdZ2UEqrud8lR5Wc4a7pO8GaoL9VBjy7rMlMosq1lV43LhZlrtF+yuJlbtEXpqXXP3NYwI8VJqakOIziw5aepV1FQuTdfhvlWVZdJCrao6MPe0spRpqV5ZFivqNqYpq3RQ2TST5/h4quoRCmwqq6rymol6plV53IZSomTKE/MroWfxDevL/wAEdPq1eGDh4AAAAABJRU5ErkJggg==);background-repeat:no-repeat;background-size:contain;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:1.2s;animation-name:svelte-7x7u86-left-right}@keyframes svelte-7x7u86-left-right{0%,100%{opacity:0.8;transform:translateX(-0.3125rem)}50%{opacity:1;transform:translateX(0)}}");
+}
+function S(A) {
+  let i, r, e, t;
+  return i = new T({
+    props: {
+      visible: !0,
+      outDelay: 0,
+      inDelay: 0,
+      width: 1.4,
+      left: 13,
+      bottom: "auto",
+      blurRadius: 50,
+      spreadRadius: 18
+    }
+  }), {
+    c() {
+      E(i.$$.fragment), r = w(), e = f("div"), d(e, "class", "link svelte-7x7u86");
+    },
+    m(o, n) {
+      R(i, o, n), c(o, r, n), c(o, e, n), t = !0;
+    },
+    i(o) {
+      t || (b(i.$$.fragment, o), t = !0);
+    },
+    o(o) {
+      y(i.$$.fragment, o), t = !1;
+    },
+    d(o) {
+      I(i, o), o && m(r), o && m(e);
+    }
+  };
+}
+function N(A) {
+  let i, r, e, t, o, n, u, p;
+  return i = new T({
+    props: {
+      visible: !0,
+      outDelay: 0,
+      inDelay: 0,
+      height: 1.2,
+      left: 13,
+      bottom: 12,
+      blurRadius: 50,
+      spreadRadius: 18
+    }
+  }), {
+    c() {
+      E(i.$$.fragment), r = w(), e = f("div"), t = w(), o = f("div"), n = w(), u = f("div"), d(e, "class", "arrow0 svelte-7x7u86"), d(o, "class", "arrow1 svelte-7x7u86"), d(u, "class", "arrow2 svelte-7x7u86");
+    },
+    m(a, s) {
+      R(i, a, s), c(a, r, s), c(a, e, s), c(a, t, s), c(a, o, s), c(a, n, s), c(a, u, s), p = !0;
+    },
+    i(a) {
+      p || (b(i.$$.fragment, a), p = !0);
+    },
+    o(a) {
+      y(i.$$.fragment, a), p = !1;
+    },
+    d(a) {
+      I(i, a), a && m(r), a && m(e), a && m(t), a && m(o), a && m(n), a && m(u);
+    }
+  };
+}
+function J(A) {
+  let i, r, e, t, o, n, u, p, a, s = A[0].text + "", h, g;
+  const U = [N, S], v = [];
+  function F(l, k) {
+    return l[0].linkType === L.VrLink ? 0 : l[0].linkType === L.NormalLink ? 1 : -1;
+  }
+  return ~(e = F(A)) && (t = v[e] = U[e](A)), u = new T({
+    props: {
+      visible: !0,
+      outDelay: 0,
+      inDelay: 0,
+      left: "auto",
+      bottom: "auto",
+      width: "80%",
+      blurRadius: 40,
+      spreadRadius: 16,
+      opacity: 0.08
+    }
+  }), {
+    c() {
+      i = f("div"), r = f("div"), t && t.c(), o = w(), n = f("div"), E(u.$$.fragment), p = w(), a = f("div"), h = G(s), d(r, "class", "icon svelte-7x7u86"), d(a, "class", "text svelte-7x7u86"), d(n, "class", "text-wrapper svelte-7x7u86"), d(i, "class", "wrapper svelte-7x7u86");
+    },
+    m(l, k) {
+      c(l, i, k), x(i, r), ~e && v[e].m(r, null), x(i, o), x(i, n), R(u, n, null), x(n, p), x(n, a), x(a, h), g = !0;
+    },
+    p(l, [k]) {
+      let V = e;
+      e = F(l), e !== V && (t && (M(), y(v[V], 1, 1, () => {
+        v[V] = null;
+      }), C()), ~e ? (t = v[e], t || (t = v[e] = U[e](l), t.c()), b(t, 1), t.m(r, null)) : t = null), (!g || k & 1) && s !== (s = l[0].text + "") && B(h, s);
+    },
+    i(l) {
+      g || (b(t), b(u.$$.fragment, l), g = !0);
+    },
+    o(l) {
+      y(t), y(u.$$.fragment, l), g = !1;
+    },
+    d(l) {
+      l && m(i), ~e && v[e].d(), I(u);
+    }
+  };
+}
+function K(A, i, r) {
+  let e, { tag: t } = i;
+  return A.$$set = (o) => {
+    "tag" in o && r(1, t = o.tag);
+  }, A.$$.update = () => {
+    A.$$.dirty & 2 && r(0, e = t.data);
+  }, [e, t];
+}
+class z extends D {
+  constructor(i) {
+    super(), H(this, i, K, J, q, { tag: 1 }, O);
+  }
+}
+export {
+  z as L
+};

package/esm/PanoTagPlugin/Components/Tag/MarketingTag.js

@@ -0,0 +1,258 @@
+import { SvelteComponent as fe, init as de, safe_not_equal as ce, append_styles as ge, element as p, create_component as ue, space as w, text as D, attr as g, set_style as R, src_url_equal as W, toggle_class as Y, insert as A, mount_component as be, append as f, set_data as E, transition_in as he, transition_out as ve, detach as S, destroy_component as pe, destroy_each as j, empty as me } from "svelte/internal";
+import { S as ke } from "../Common/Shadow.js";
+function ye(i) {
+  ge(i, "svelte-8mby9k", ".svelte-8mby9k.svelte-8mby9k{box-sizing:border-box}.marketing.svelte-8mby9k.svelte-8mby9k{transform:translateY(-100%)}.content.svelte-8mby9k .headerImage.svelte-8mby9k{position:absolute;width:100%;top:0.25rem;transform:translateY(-100%);border-top-left-radius:0.25rem;border-top-right-radius:0.25rem}.line.svelte-8mby9k.svelte-8mby9k{position:absolute;height:2.0625rem;width:0.0625rem;left:50%;transform:translateX(-50%);background-color:white;bottom:0;transform-origin:bottom;transition:all 500ms}.content.svelte-8mby9k.svelte-8mby9k{background-color:white;position:relative;display:flex;flex-direction:column;min-width:11.125rem;width:-moz-max-content;width:max-content;height:-moz-max-content;height:max-content;border-radius:0.25rem;top:-1.875rem;left:-1rem;padding:0.5rem 0rem 0.5625rem;transition:all 500ms}.title.svelte-8mby9k.svelte-8mby9k{position:absolute;background-color:white;border-radius:0.25rem;width:100%;top:0.5rem;padding-left:0.75rem;padding-right:0.75rem}.title.svelte-8mby9k .text.svelte-8mby9k{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:0.75rem;font-weight:bold;line-height:1.125rem;color:#000}.footer.svelte-8mby9k.svelte-8mby9k{position:relative;padding-left:0.75rem;padding-right:0.75rem;width:100%;height:1.375rem;display:flex;align-items:center}.footer.svelte-8mby9k .goto-button.svelte-8mby9k{flex-shrink:0;white-space:nowrap;background-image:linear-gradient(to right, rgba(87, 144, 253, 1) 0, rgba(42, 114, 254, 1) 100%);color:#fff;font-size:0.625rem;border-radius:0.875rem;font-weight:bold;padding-left:0.5rem;padding-right:0.5rem;height:1.25rem;margin-left:auto;display:flex;align-items:center}.footer.svelte-8mby9k .goto-icon.svelte-8mby9k::after{content:'';display:inline-block;width:0.75rem;height:0.75rem;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAeFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////GqOSsAAAAJ3RSTlMAFNO2pYt4bErz8uP6ysawgVtBPDcR5C4s2L6ZmJBzZGJXUyEeDws/0G2zAAAAkklEQVQ4y+3TRw6DMBAF0OAeJ3QCpCe0uf8NwRILLBYfiS1/aT3JoymnI+sERZ5VCH0iVto3QDfBLmeSSMUTogRV9bBEpJAKaYpGijn13aTSLeraeG9D0NZFZv4/rRL5FDHnITlllqjv6tykWsmX4JHr05y7j6oFKq2P8He48B0tAM0EY0EDxquClw6vLz6EI35GmwwSZpe+WOgAAAAASUVORK5CYII=);background-size:100% auto;background-repeat:no-repeat}.price.svelte-8mby9k.svelte-8mby9k{flex-shrink:0;margin-right:0.75rem;white-space:nowrap;color:#ff6600;display:flex;align-items:baseline}.price.svelte-8mby9k .value.svelte-8mby9k{position:relative;top:0.0625rem;font-size:1.125rem;line-height:1.375rem;font-family:TG-TYPE, PingFangSC, Segoe UI, Rototo, sans-serif;letter-spacing:0rem}.price.svelte-8mby9k .unit.svelte-8mby9k{padding-left:0.125rem;font-size:0.625rem}.tag.svelte-8mby9k.svelte-8mby9k{position:relative;background-color:white;display:flex;width:-moz-max-content;width:max-content;padding-left:0.75rem;padding-right:0.75rem;min-height:1.75rem}.tag.svelte-8mby9k .base-tag.svelte-8mby9k{height:1rem;margin-top:1.375rem;margin-bottom:0.5rem;margin-right:0.25rem;font-size:0.625rem;line-height:0.875rem;padding:0.0625rem 0.25rem;border-radius:0.125rem;overflow:hidden}.tag.svelte-8mby9k .primary-tag.svelte-8mby9k{background:#e5eefe;color:#0055ff}.tag.svelte-8mby9k .secondary-tag.svelte-8mby9k{background:rgba(255, 102, 0, 0.08);color:rgba(255, 102, 0, 1)}.unfolded.svelte-8mby9k .line.svelte-8mby9k{transform:translateX(-50%) scale(1, 1)}.folded.svelte-8mby9k .line.svelte-8mby9k{transform:translateX(-50%) scale(1, 0);transition-timing-function:ease-in}.unfolded.svelte-8mby9k .content.svelte-8mby9k{opacity:1}.folded.svelte-8mby9k .content.svelte-8mby9k{opacity:0;transform:translateY(0.425rem);transition-timing-function:ease-in}");
+}
+function $(i, t, e) {
+  const l = i.slice();
+  return l[0] = t[e], l;
+}
+function x(i, t, e) {
+  const l = i.slice();
+  return l[0] = t[e], l;
+}
+function ee(i) {
+  let t, e = i[0] + "", l;
+  return {
+    c() {
+      t = p("div"), l = D(e), g(t, "class", "base-tag primary-tag svelte-8mby9k");
+    },
+    m(n, s) {
+      A(n, t, s), f(t, l);
+    },
+    p(n, s) {
+      s & 4 && e !== (e = n[0] + "") && E(l, e);
+    },
+    d(n) {
+      n && S(t);
+    }
+  };
+}
+function te(i) {
+  let t, e = i[0] && ee(i);
+  return {
+    c() {
+      e && e.c(), t = me();
+    },
+    m(l, n) {
+      e && e.m(l, n), A(l, t, n);
+    },
+    p(l, n) {
+      l[0] ? e ? e.p(l, n) : (e = ee(l), e.c(), e.m(t.parentNode, t)) : e && (e.d(1), e = null);
+    },
+    d(l) {
+      e && e.d(l), l && S(t);
+    }
+  };
+}
+function le(i) {
+  let t, e = i[0] + "", l;
+  return {
+    c() {
+      t = p("div"), l = D(e), g(t, "class", "base-tag secondary-tag svelte-8mby9k");
+    },
+    m(n, s) {
+      A(n, t, s), f(t, l);
+    },
+    p(n, s) {
+      s & 4 && e !== (e = n[0] + "") && E(l, e);
+    },
+    d(n) {
+      n && S(t);
+    }
+  };
+}
+function ie(i) {
+  let t, e = i[0] && le(i);
+  return {
+    c() {
+      e && e.c(), t = me();
+    },
+    m(l, n) {
+      e && e.m(l, n), A(l, t, n);
+    },
+    p(l, n) {
+      l[0] ? e ? e.p(l, n) : (e = le(l), e.c(), e.m(t.parentNode, t)) : e && (e.d(1), e = null);
+    },
+    d(l) {
+      e && e.d(l), l && S(t);
+    }
+  };
+}
+function ne(i) {
+  let t, e, l = i[2].price.value + "", n, s, a = i[2].price.unit && re(i);
+  return {
+    c() {
+      t = p("div"), e = p("span"), n = D(l), s = w(), a && a.c(), g(e, "class", "value svelte-8mby9k"), g(t, "class", "price svelte-8mby9k");
+    },
+    m(m, k) {
+      A(m, t, k), f(t, e), f(e, n), f(t, s), a && a.m(t, null);
+    },
+    p(m, k) {
+      k & 4 && l !== (l = m[2].price.value + "") && E(n, l), m[2].price.unit ? a ? a.p(m, k) : (a = re(m), a.c(), a.m(t, null)) : a && (a.d(1), a = null);
+    },
+    d(m) {
+      m && S(t), a && a.d();
+    }
+  };
+}
+function re(i) {
+  let t, e = i[2].price.unit + "", l;
+  return {
+    c() {
+      t = p("span"), l = D(e), g(t, "class", "unit svelte-8mby9k");
+    },
+    m(n, s) {
+      A(n, t, s), f(t, l);
+    },
+    p(n, s) {
+      s & 4 && e !== (e = n[2].price.unit + "") && E(l, e);
+    },
+    d(n) {
+      n && S(t);
+    }
+  };
+}
+function ae(i) {
+  let t, e = i[2].highlightText + "", l;
+  return {
+    c() {
+      t = p("div"), l = D(e), g(t, "class", "goto-button goto-icon svelte-8mby9k");
+    },
+    m(n, s) {
+      A(n, t, s), f(t, l);
+    },
+    p(n, s) {
+      s & 4 && e !== (e = n[2].highlightText + "") && E(l, e);
+    },
+    d(n) {
+      n && S(t);
+    }
+  };
+}
+function _e(i) {
+  var O, Z;
+  let t, e, l, n, s, a, m, k, J, _, V, P, B, I, U = i[2].title + "", q, N, y, F, T;
+  e = new ke({
+    props: {
+      visible: i[1],
+      outDelay: 500,
+      left: 61,
+      bottom: 87,
+      blurRadius: 150,
+      spreadRadius: 75
+    }
+  });
+  let z = i[2].brandTags || [], u = [];
+  for (let r = 0; r < z.length; r += 1)
+    u[r] = te(x(i, z, r));
+  let C = i[2].tags || [], b = [];
+  for (let r = 0; r < C.length; r += 1)
+    b[r] = ie($(i, C, r));
+  let h = ((O = i[2].price) == null ? void 0 : O.value) !== void 0 && ((Z = i[2].price) == null ? void 0 : Z.value) !== null && ne(i), v = i[2].highlightText && ae(i);
+  return {
+    c() {
+      var r, d;
+      t = p("div"), ue(e.$$.fragment), l = w(), n = p("div"), s = w(), a = p("div"), m = p("img"), J = w(), _ = p("div");
+      for (let c = 0; c < u.length; c += 1)
+        u[c].c();
+      V = w();
+      for (let c = 0; c < b.length; c += 1)
+        b[c].c();
+      P = w(), B = p("div"), I = p("div"), q = D(U), N = w(), y = p("div"), h && h.c(), F = w(), v && v.c(), g(n, "class", "line svelte-8mby9k"), R(
+        n,
+        "transition-delay",
+        i[1] ? L + "ms" : M + se - oe - 40 + "ms",
+        !1
+      ), g(m, "class", "headerImage svelte-8mby9k"), W(m.src, k = i[2].headerPictureUrl) || g(m, "src", k), g(m, "alt", ""), g(_, "class", "tag svelte-8mby9k"), g(I, "class", "text svelte-8mby9k"), g(B, "class", "title svelte-8mby9k"), g(y, "class", "footer svelte-8mby9k"), R(
+        y,
+        "height",
+        ((r = i[2].price) == null ? void 0 : r.value) !== void 0 && ((d = i[2].price) == null ? void 0 : d.value) !== null && i[2].highlightText ? void 0 : "1rem",
+        !1
+      ), g(a, "class", "content svelte-8mby9k"), R(
+        a,
+        "transition-delay",
+        i[1] ? L + M + "ms" : "0ms",
+        !1
+      ), g(t, "class", "marketing svelte-8mby9k"), Y(t, "unfolded", i[1]), Y(t, "folded", i[3]);
+    },
+    m(r, d) {
+      A(r, t, d), be(e, t, null), f(t, l), f(t, n), f(t, s), f(t, a), f(a, m), f(a, J), f(a, _);
+      for (let c = 0; c < u.length; c += 1)
+        u[c].m(_, null);
+      f(_, V);
+      for (let c = 0; c < b.length; c += 1)
+        b[c].m(_, null);
+      f(a, P), f(a, B), f(B, I), f(I, q), f(a, N), f(a, y), h && h.m(y, null), f(y, F), v && v.m(y, null), T = !0;
+    },
+    p(r, [d]) {
+      var Q, X, H, K;
+      const c = {};
+      if (d & 2 && (c.visible = r[1]), e.$set(c), d & 2 && R(
+        n,
+        "transition-delay",
+        r[1] ? L + "ms" : M + se - oe - 40 + "ms",
+        !1
+      ), (!T || d & 4 && !W(m.src, k = r[2].headerPictureUrl)) && g(m, "src", k), d & 4) {
+        z = r[2].brandTags || [];
+        let o;
+        for (o = 0; o < z.length; o += 1) {
+          const G = x(r, z, o);
+          u[o] ? u[o].p(G, d) : (u[o] = te(G), u[o].c(), u[o].m(_, V));
+        }
+        for (; o < u.length; o += 1)
+          u[o].d(1);
+        u.length = z.length;
+      }
+      if (d & 4) {
+        C = r[2].tags || [];
+        let o;
+        for (o = 0; o < C.length; o += 1) {
+          const G = $(r, C, o);
+          b[o] ? b[o].p(G, d) : (b[o] = ie(G), b[o].c(), b[o].m(_, null));
+        }
+        for (; o < b.length; o += 1)
+          b[o].d(1);
+        b.length = C.length;
+      }
+      (!T || d & 4) && U !== (U = r[2].title + "") && E(q, U), ((Q = r[2].price) == null ? void 0 : Q.value) !== void 0 && ((X = r[2].price) == null ? void 0 : X.value) !== null ? h ? h.p(r, d) : (h = ne(r), h.c(), h.m(y, F)) : h && (h.d(1), h = null), r[2].highlightText ? v ? v.p(r, d) : (v = ae(r), v.c(), v.m(y, null)) : v && (v.d(1), v = null), d & 4 && R(
+        y,
+        "height",
+        ((H = r[2].price) == null ? void 0 : H.value) !== void 0 && ((K = r[2].price) == null ? void 0 : K.value) !== null && r[2].highlightText ? void 0 : "1rem",
+        !1
+      ), d & 2 && R(
+        a,
+        "transition-delay",
+        r[1] ? L + M + "ms" : "0ms",
+        !1
+      ), d & 2 && Y(t, "unfolded", r[1]), d & 8 && Y(t, "folded", r[3]);
+    },
+    i(r) {
+      T || (he(e.$$.fragment, r), T = !0);
+    },
+    o(r) {
+      ve(e.$$.fragment, r), T = !1;
+    },
+    d(r) {
+      r && S(t), pe(e), j(u, r), j(b, r), h && h.d(), v && v.d();
+    }
+  };
+}
+const L = 400, oe = 500, M = 180, se = 500;
+function we(i, t, e) {
+  let l, n, s, { tag: a } = t;
+  return i.$$set = (m) => {
+    "tag" in m && e(0, a = m.tag);
+  }, i.$$.update = () => {
+    var m, k;
+    i.$$.dirty & 1 && e(1, l = (k = (m = a.state) == null ? void 0 : m.unfolded) != null ? k : !1), i.$$.dirty & 2 && e(3, n = !l), i.$$.dirty & 1 && e(2, s = a.data);
+  }, [a, l, s, n];
+}
+class Te extends fe {
+  constructor(t) {
+    super(), de(this, t, we, _e, ce, { tag: 0 }, ye);
+  }
+}
+export {
+  Te as M
+};