@realsee/dnalogel 2.9.0-0 → 2.9.0-2

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

@@ -1,13 +1,14 @@
-import { SvelteComponent as de, init as ce, safe_not_equal as ge, append_styles as pe, element as h, create_component as be, space as A, text as D, attr as c, set_style as R, src_url_equal as j, toggle_class as Y, insert as S, mount_component as ue, append as d, set_data as E, transition_in as he, transition_out as ve, detach as T, destroy_component as ke, destroy_each as $, empty as fe } from "../../../vendor/svelte/internal/index.js";
+import { SvelteComponent as te, init as le, safe_not_equal as ie, append_styles as se, element as p, create_component as re, space as T, text as L, attr as g, set_style as C, null_to_empty as D, toggle_class as Y, insert as k, mount_component as ne, append as d, set_data as S, transition_in as ae, transition_out as oe, detach as y, destroy_component as ce, src_url_equal as F, add_render_callback as fe, add_resize_listener as me, destroy_each as j } from "../../../vendor/svelte/internal/index.js";
 import "hammerjs";
 import "three";
 import "@realsee/five";
 import "@tweenjs/tween.js";
 import "../../../CSS3DRenderPlugin/CSS3DRender.js";
 import "../../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import { notNil as L } from "../../../shared-utils/isNil.js";
+import { notNil as de } from "../../../shared-utils/isNil.js";
 import "../../../shared-utils/animationFrame/BetterTween.js";
-import ye from "../Common/Shadow.js";
+import ge from "../../utils/px2rem.js";
+import qe from "../Common/Shadow.js";
 import "../../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
 import "../../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
@@ -23,142 +24,197 @@ import "../../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "../../../shared-utils/animationFrame/index.js";
 import "../../../vendor/svelte/transition/index.js";
 import "../../../vendor/svelte/easing/index.js";
-function _e(l) {
-  pe(l, "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 pe(l) {
+  se(l, "svelte-sezqcq", '@charset "UTF-8";.svelte-sezqcq.svelte-sezqcq{box-sizing:border-box}.marketing.svelte-sezqcq.svelte-sezqcq{transform:translateY(-100%)}.marketing.svelte-sezqcq .line.svelte-sezqcq{position:absolute;height:1.875rem;width:0.0625rem;left:50%;transform:translateX(-50%);background-color:white;bottom:0;transform-origin:bottom;transition:all 500ms}.marketing.svelte-sezqcq .content.svelte-sezqcq{position:relative;min-width:7.5rem;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-property:opacity, transform;transition-duration:500ms}.marketing.svelte-sezqcq .content .headerImage.svelte-sezqcq{position:absolute;width:100%;top:0.25rem;transform:translateY(-100%);border-top-left-radius:0.25rem;border-top-right-radius:0.25rem}.title-wrapper.svelte-sezqcq.svelte-sezqcq{position:relative;width:100%;height:1.125rem}.title-wrapper.svelte-sezqcq .title.svelte-sezqcq{border-radius:0.25rem;width:100%;padding-left:0.625rem;padding-right:0.625rem}.title-wrapper.svelte-sezqcq .title .text.svelte-sezqcq{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:0.75rem;font-weight:bold;line-height:1.125rem}.footer.svelte-sezqcq.svelte-sezqcq{position:relative;padding:0.5rem 0.625rem 0 0;width:100%;display:flex;align-items:center}.footer.svelte-sezqcq .goto-button.svelte-sezqcq{display:flex;align-self:flex-end;flex-wrap:wrap;align-items:center;overflow:hidden;height:0.875rem}.footer.svelte-sezqcq .goto-button .gap.svelte-sezqcq{height:100%;width:0.625rem}.footer.svelte-sezqcq .goto-button .text.svelte-sezqcq{display:block;height:100%;font-size:0.625rem}.footer.svelte-sezqcq .arrow-wrapper.svelte-sezqcq{height:0.875rem;display:flex;align-self:flex-end;flex-grow:0;flex-shrink:0;align-items:center;margin-left:0.25rem}.footer.svelte-sezqcq .arrow-wrapper svg.arrow.svelte-sezqcq{width:0.375rem;height:0.625rem}.footer.svelte-sezqcq .price.svelte-sezqcq{flex-shrink:0;margin-right:auto;white-space:nowrap;display:flex;align-items:baseline;margin-left:0.625rem}.footer.svelte-sezqcq .price .value.svelte-sezqcq{position:relative;font-size:0.875rem;line-height:1rem;font-family:TG-TYPE, PingFangSC, Segoe UI, Rototo, sans-serif;letter-spacing:0rem}.footer.svelte-sezqcq .price .unit.svelte-sezqcq{padding-left:0.125rem;font-size:0.625rem}.tags-wrapper.svelte-sezqcq.svelte-sezqcq{position:relative;overflow:hidden;height:1rem;margin-top:0.25rem}.tags-wrapper.svelte-sezqcq .tags.svelte-sezqcq{position:relative;display:inline-flex;max-width:100%;flex-wrap:wrap;padding-left:0.625rem;padding-right:0.375rem}.tags-wrapper.svelte-sezqcq .tags .tag.svelte-sezqcq{display:flex;align-items:center;justify-content:center;flex-shrink:0;flex-grow:0;font-size:0.625rem;height:1rem;margin-right:0.25rem;margin-bottom:0.625rem;padding:0 0.25rem;border-radius:0.125rem;max-width:100%;text-overflow:ellipsis;overflow:hidden}.marketing.light.svelte-sezqcq .content.svelte-sezqcq{background-color:white}.marketing.light.svelte-sezqcq .content .title-wrapper .title .text.svelte-sezqcq{color:rgba(0, 0, 0, 0.8)}.marketing.light.svelte-sezqcq .content .tags-wrapper .tags .primary-tag.svelte-sezqcq{background:rgba(234, 208, 154, 0.5);color:#946700}.marketing.light.svelte-sezqcq .content .tags-wrapper .tags .secondary-tag.svelte-sezqcq{background:rgba(0, 0, 0, 0.06);color:rgba(0, 0, 0, 0.5)}.marketing.light.svelte-sezqcq .content .footer.svelte-sezqcq{color:#946700;fill:#946700}.marketing.dark.svelte-sezqcq .content.svelte-sezqcq{background-color:rgba(0, 0, 0, 0.5)}.marketing.dark.svelte-sezqcq .content .title-wrapper .title .text.svelte-sezqcq{color:white}.marketing.dark.svelte-sezqcq .content .tags-wrapper .tags .primary-tag.svelte-sezqcq{background:rgba(234, 208, 154, 0.5);color:white}.marketing.dark.svelte-sezqcq .content .tags-wrapper .tags .secondary-tag.svelte-sezqcq{background:rgba(255, 255, 255, 0.15);color:rgba(255, 255, 255, 0.85)}.marketing.dark.svelte-sezqcq .content .footer.svelte-sezqcq{color:#ead09a;fill:#ead09a}.marketing.unfolded.svelte-sezqcq .line.svelte-sezqcq{transform:translateX(-50%) scale(1, 1)}.marketing.folded.svelte-sezqcq .line.svelte-sezqcq{transform:translateX(-50%) scale(1, 0);transition-timing-function:ease-in}.marketing.unfolded.svelte-sezqcq .content.svelte-sezqcq{opacity:1}.marketing.folded.svelte-sezqcq .content.svelte-sezqcq{opacity:0;transform:translateY(0.425rem);transition-timing-function:ease-in}');
 }
-function x(l, t, e) {
-  const i = l.slice();
-  return i[0] = t[e], i;
+function E(l, e, t) {
+  const s = l.slice();
+  return s[0] = e[t], s;
 }
-function ee(l, t, e) {
-  const i = l.slice();
-  return i[0] = t[e], i;
+function N(l, e, t) {
+  const s = l.slice();
+  return s[0] = e[t], s;
 }
-function te(l) {
-  let t, e = l[0] + "", i;
+function O(l) {
+  let e, t;
   return {
     c() {
-      t = h("div"), i = D(e), c(t, "class", "base-tag primary-tag svelte-8mby9k");
+      e = p("img"), g(e, "class", "headerImage svelte-sezqcq"), F(e.src, t = l[3].headerPictureUrl) || g(e, "src", t), g(e, "alt", "");
     },
-    m(r, m) {
-      S(r, t, m), d(t, i);
+    m(s, r) {
+      k(s, e, r);
     },
-    p(r, m) {
-      m & 4 && e !== (e = r[0] + "") && E(i, e);
+    p(s, r) {
+      r & 8 && !F(e.src, t = s[3].headerPictureUrl) && g(e, "src", t);
     },
-    d(r) {
-      r && T(t);
+    d(s) {
+      s && y(e);
+    }
+  };
+}
+function Z(l) {
+  let e, t, s, r, n = l[2] || [], i = [];
+  for (let a = 0; a < n.length; a += 1)
+    i[a] = A(N(l, n, a));
+  let f = l[5] || [], c = [];
+  for (let a = 0; a < f.length; a += 1)
+    c[a] = J(E(l, f, a));
+  return {
+    c() {
+      e = p("div"), t = p("div");
+      for (let a = 0; a < i.length; a += 1)
+        i[a].c();
+      s = T();
+      for (let a = 0; a < c.length; a += 1)
+        c[a].c();
+      g(t, "class", "tags svelte-sezqcq"), fe(() => l[11].call(t)), g(e, "class", "tags-wrapper svelte-sezqcq");
+    },
+    m(a, q) {
+      k(a, e, q), d(e, t);
+      for (let o = 0; o < i.length; o += 1)
+        i[o].m(t, null);
+      d(t, s);
+      for (let o = 0; o < c.length; o += 1)
+        c[o].m(t, null);
+      r = me(t, l[11].bind(t));
+    },
+    p(a, q) {
+      if (q & 4) {
+        n = a[2] || [];
+        let o;
+        for (o = 0; o < n.length; o += 1) {
+          const z = N(a, n, o);
+          i[o] ? i[o].p(z, q) : (i[o] = A(z), i[o].c(), i[o].m(t, s));
+        }
+        for (; o < i.length; o += 1)
+          i[o].d(1);
+        i.length = n.length;
+      }
+      if (q & 32) {
+        f = a[5] || [];
+        let o;
+        for (o = 0; o < f.length; o += 1) {
+          const z = E(a, f, o);
+          c[o] ? c[o].p(z, q) : (c[o] = J(z), c[o].c(), c[o].m(t, null));
+        }
+        for (; o < c.length; o += 1)
+          c[o].d(1);
+        c.length = f.length;
+      }
+    },
+    d(a) {
+      a && y(e), j(i, a), j(c, a), r();
     }
   };
 }
-function ie(l) {
-  let t, e = l[0] && te(l);
+function A(l) {
+  let e, t = l[0] + "", s;
   return {
     c() {
-      e && e.c(), t = fe();
+      e = p("div"), s = L(t), g(e, "class", "tag primary-tag svelte-sezqcq"), C(e, "min-width", H);
     },
-    m(i, r) {
-      e && e.m(i, r), S(i, t, r);
+    m(r, n) {
+      k(r, e, n), d(e, s);
     },
-    p(i, r) {
-      i[0] ? e ? e.p(i, r) : (e = te(i), e.c(), e.m(t.parentNode, t)) : e && (e.d(1), e = null);
+    p(r, n) {
+      n & 4 && t !== (t = r[0] + "") && S(s, t);
     },
-    d(i) {
-      e && e.d(i), i && T(t);
+    d(r) {
+      r && y(e);
     }
   };
 }
-function le(l) {
-  let t, e = l[0] + "", i;
+function J(l) {
+  let e, t = l[0] + "", s;
   return {
     c() {
-      t = h("div"), i = D(e), c(t, "class", "base-tag secondary-tag svelte-8mby9k");
+      e = p("div"), s = L(t), g(e, "class", "tag secondary-tag svelte-sezqcq"), C(e, "min-width", H);
     },
-    m(r, m) {
-      S(r, t, m), d(t, i);
+    m(r, n) {
+      k(r, e, n), d(e, s);
     },
-    p(r, m) {
-      m & 4 && e !== (e = r[0] + "") && E(i, e);
+    p(r, n) {
+      n & 32 && t !== (t = r[0] + "") && S(s, t);
     },
     d(r) {
-      r && T(t);
+      r && y(e);
     }
   };
 }
-function re(l) {
-  let t, e = l[0] && le(l);
+function K(l) {
+  let e, t, s = l[7] && Q(l), r = l[3].highlightText && x(l);
   return {
     c() {
-      e && e.c(), t = fe();
+      e = p("div"), s && s.c(), t = T(), r && r.c(), g(e, "class", "footer svelte-sezqcq");
     },
-    m(i, r) {
-      e && e.m(i, r), S(i, t, r);
+    m(n, i) {
+      k(n, e, i), s && s.m(e, null), d(e, t), r && r.m(e, null);
     },
-    p(i, r) {
-      i[0] ? e ? e.p(i, r) : (e = le(i), e.c(), e.m(t.parentNode, t)) : e && (e.d(1), e = null);
+    p(n, i) {
+      n[7] ? s ? s.p(n, i) : (s = Q(n), s.c(), s.m(e, t)) : s && (s.d(1), s = null), n[3].highlightText ? r ? r.p(n, i) : (r = x(n), r.c(), r.m(e, null)) : r && (r.d(1), r = null);
     },
-    d(i) {
-      e && e.d(i), i && T(t);
+    d(n) {
+      n && y(e), s && s.d(), r && r.d();
     }
   };
 }
-function oe(l) {
-  let t, e, i = l[2].price.value + "", r, m, n = l[2].price.unit && ne(l);
+function Q(l) {
+  let e, t, s = l[3].price.value + "", r, n, i = l[3].price.unit && V(l);
   return {
     c() {
-      t = h("div"), e = h("span"), r = D(i), m = A(), n && n.c(), c(e, "class", "value svelte-8mby9k"), c(t, "class", "price svelte-8mby9k");
+      e = p("div"), t = p("span"), r = L(s), n = T(), i && i.c(), g(t, "class", "value svelte-sezqcq"), g(e, "class", "price svelte-sezqcq");
     },
-    m(f, v) {
-      S(f, t, v), d(t, e), d(e, r), d(t, m), n && n.m(t, null);
+    m(f, c) {
+      k(f, e, c), d(e, t), d(t, r), d(e, n), i && i.m(e, null);
     },
-    p(f, v) {
-      v & 4 && i !== (i = f[2].price.value + "") && E(r, i), f[2].price.unit ? n ? n.p(f, v) : (n = ne(f), n.c(), n.m(t, null)) : n && (n.d(1), n = null);
+    p(f, c) {
+      c & 8 && s !== (s = f[3].price.value + "") && S(r, s), f[3].price.unit ? i ? i.p(f, c) : (i = V(f), i.c(), i.m(e, null)) : i && (i.d(1), i = null);
     },
     d(f) {
-      f && T(t), n && n.d();
+      f && y(e), i && i.d();
     }
   };
 }
-function ne(l) {
-  let t, e = l[2].price.unit + "", i;
+function V(l) {
+  let e, t = l[3].price.unit + "", s;
   return {
     c() {
-      t = h("span"), i = D(e), c(t, "class", "unit svelte-8mby9k");
+      e = p("span"), s = L(t), g(e, "class", "unit svelte-sezqcq");
     },
-    m(r, m) {
-      S(r, t, m), d(t, i);
+    m(r, n) {
+      k(r, e, n), d(e, s);
     },
-    p(r, m) {
-      m & 4 && e !== (e = r[2].price.unit + "") && E(i, e);
+    p(r, n) {
+      n & 8 && t !== (t = r[3].price.unit + "") && S(s, t);
     },
     d(r) {
-      r && T(t);
+      r && y(e);
     }
   };
 }
-function ae(l) {
-  let t, e = l[2].highlightText + "", i;
+function x(l) {
+  let e, t, s, r, n = l[3].highlightText + "", i, f, c;
   return {
     c() {
-      t = h("div"), i = D(e), c(t, "class", "goto-button goto-icon svelte-8mby9k");
+      e = p("div"), t = p("div"), s = T(), r = p("span"), i = L(n), f = T(), c = p("div"), c.innerHTML = '<svg class="arrow svelte-sezqcq" viewBox="0 0 6 9"><g transform="translate(-3, -2)" fill-rule="nonzero" class="svelte-sezqcq"><path d="M4.43868724,2.12056563 C4.28121824,1.95989074 4.02582143,1.95979988 3.86824251,2.1203627 C3.72498894,2.26632889 3.71189225,2.49481723 3.82900374,2.65587166 L6.57092402,5.92894326 C6.72651763,6.11470411 6.72651763,6.38529589 6.57092402,6.57105674 L3.86804348,9.79798499 C3.72488984,9.94405307 3.71194952,10.1725507 3.8291712,10.3335217 L3.86824251,10.3796373 C4.01149607,10.5256035 4.23559087,10.5387981 4.39346025,10.4192733 L4.43868724,10.3794344 L8.1144599,6.5985342 C8.30312347,6.40447482 8.30312347,6.09552518 8.1144599,5.9014658 L4.43868724,2.12056563 Z" class="svelte-sezqcq"></path></g></svg>', g(t, "class", "gap svelte-sezqcq"), g(r, "class", "text svelte-sezqcq"), g(e, "class", "goto-button goto-icon svelte-sezqcq"), g(c, "class", "arrow-wrapper svelte-sezqcq");
     },
-    m(r, m) {
-      S(r, t, m), d(t, i);
+    m(a, q) {
+      k(a, e, q), d(e, t), d(e, s), d(e, r), d(r, i), k(a, f, q), k(a, c, q);
     },
-    p(r, m) {
-      m & 4 && e !== (e = r[2].highlightText + "") && E(i, e);
+    p(a, q) {
+      q & 8 && n !== (n = a[3].highlightText + "") && S(i, n);
     },
-    d(r) {
-      r && T(t);
+    d(a) {
+      a && y(e), a && y(f), a && y(c);
     }
   };
 }
-function we(l) {
-  var Q, X;
-  let t, e, i, r, m, n, f, v, P, _, F, O, B, I, U = l[2].title + "", J, Z, k, M = L((Q = l[2].price) == null ? void 0 : Q.value) && ((X = l[2].price) == null ? void 0 : X.value) !== "", N, w;
-  e = new ye({
+function ve(l) {
+  var W, I;
+  let e, t, s, r, n, i, f, c, a, q, o = l[3].title + "", z, P, U, _, w;
+  t = new qe({
     props: {
-      visible: l[1],
+      visible: l[4],
       outDelay: 500,
       left: 61,
       bottom: 87,
@@ -166,86 +222,68 @@ function we(l) {
       spreadRadius: 75
     }
   });
-  let z = l[2].brandTags || [], g = [];
-  for (let o = 0; o < z.length; o += 1)
-    g[o] = ie(ee(l, z, o));
-  let C = l[2].tags || [], p = [];
-  for (let o = 0; o < C.length; o += 1)
-    p[o] = re(x(l, C, o));
-  let b = M && oe(l), u = l[2].highlightText && ae(l);
+  let v = l[3].headerPictureUrl && O(l), h = ((W = l[2].length) != null ? W : 0) + ((I = l[5].length) != null ? I : 0) > 0 && Z(l), u = (l[7] || l[3].highlightText) && K(l);
   return {
     c() {
-      var o;
-      t = h("div"), be(e.$$.fragment), i = A(), r = h("div"), m = A(), n = h("div"), f = h("img"), P = A(), _ = h("div");
-      for (let a = 0; a < g.length; a += 1)
-        g[a].c();
-      F = A();
-      for (let a = 0; a < p.length; a += 1)
-        p[a].c();
-      O = A(), B = h("div"), I = h("div"), J = D(U), Z = A(), k = h("div"), b && b.c(), N = A(), u && u.c(), c(r, "class", "line svelte-8mby9k"), R(r, "transition-delay", l[1] ? V + "ms" : q + me - se - 40 + "ms"), c(f, "class", "headerImage svelte-8mby9k"), j(f.src, v = l[2].headerPictureUrl) || c(f, "src", v), c(f, "alt", ""), c(_, "class", "tag svelte-8mby9k"), c(I, "class", "text svelte-8mby9k"), c(B, "class", "title svelte-8mby9k"), c(k, "class", "footer svelte-8mby9k"), R(k, "height", L((o = l[2].price) == null ? void 0 : o.value) && l[2].highlightText ? void 0 : "1rem"), c(n, "class", "content svelte-8mby9k"), R(n, "transition-delay", l[1] ? V + q + "ms" : "0ms"), c(t, "class", "marketing svelte-8mby9k"), Y(t, "unfolded", l[1]), Y(t, "folded", l[3]);
-    },
-    m(o, a) {
-      S(o, t, a), ue(e, t, null), d(t, i), d(t, r), d(t, m), d(t, n), d(n, f), d(n, P), d(n, _);
-      for (let y = 0; y < g.length; y += 1)
-        g[y].m(_, null);
-      d(_, F);
-      for (let y = 0; y < p.length; y += 1)
-        p[y].m(_, null);
-      d(n, O), d(n, B), d(B, I), d(I, J), d(n, Z), d(n, k), b && b.m(k, null), d(k, N), u && u.m(k, null), w = !0;
-    },
-    p(o, [a]) {
-      var H, K, W;
-      const y = {};
-      if (a & 2 && (y.visible = o[1]), e.$set(y), a & 2 && R(r, "transition-delay", o[1] ? V + "ms" : q + me - se - 40 + "ms"), (!w || a & 4 && !j(f.src, v = o[2].headerPictureUrl)) && c(f, "src", v), a & 4) {
-        z = o[2].brandTags || [];
-        let s;
-        for (s = 0; s < z.length; s += 1) {
-          const G = ee(o, z, s);
-          g[s] ? g[s].p(G, a) : (g[s] = ie(G), g[s].c(), g[s].m(_, F));
-        }
-        for (; s < g.length; s += 1)
-          g[s].d(1);
-        g.length = z.length;
-      }
-      if (a & 4) {
-        C = o[2].tags || [];
-        let s;
-        for (s = 0; s < C.length; s += 1) {
-          const G = x(o, C, s);
-          p[s] ? p[s].p(G, a) : (p[s] = re(G), p[s].c(), p[s].m(_, null));
-        }
-        for (; s < p.length; s += 1)
-          p[s].d(1);
-        p.length = C.length;
-      }
-      (!w || a & 4) && U !== (U = o[2].title + "") && E(J, U), a & 4 && (M = L((H = o[2].price) == null ? void 0 : H.value) && ((K = o[2].price) == null ? void 0 : K.value) !== ""), M ? b ? b.p(o, a) : (b = oe(o), b.c(), b.m(k, N)) : b && (b.d(1), b = null), o[2].highlightText ? u ? u.p(o, a) : (u = ae(o), u.c(), u.m(k, null)) : u && (u.d(1), u = null), a & 4 && R(k, "height", L((W = o[2].price) == null ? void 0 : W.value) && o[2].highlightText ? void 0 : "1rem"), a & 2 && R(n, "transition-delay", o[1] ? V + q + "ms" : "0ms"), (!w || a & 2) && Y(t, "unfolded", o[1]), (!w || a & 8) && Y(t, "folded", o[3]);
+      e = p("div"), re(t.$$.fragment), s = T(), r = p("div"), n = T(), i = p("div"), v && v.c(), f = T(), c = p("div"), a = p("div"), q = p("div"), z = L(o), P = T(), h && h.c(), U = T(), u && u.c(), g(r, "class", "line svelte-sezqcq"), C(r, "transition-delay", l[4] ? B + "ms" : G + ee - $ - 40 + "ms"), g(q, "class", "text svelte-sezqcq"), g(a, "class", "title svelte-sezqcq"), g(c, "class", "title-wrapper svelte-sezqcq"), g(i, "class", "content svelte-sezqcq"), C(i, "max-width", ge(l[9])), C(i, "transition-delay", l[4] ? B + G + "ms" : "0ms"), g(e, "class", _ = D(`marketing ${l[6]}`) + " svelte-sezqcq"), Y(e, "unfolded", l[4]), Y(e, "folded", l[8]);
+    },
+    m(m, b) {
+      k(m, e, b), ne(t, e, null), d(e, s), d(e, r), d(e, n), d(e, i), v && v.m(i, null), d(i, f), d(i, c), d(c, a), d(a, q), d(q, z), d(i, P), h && h.m(i, null), d(i, U), u && u.m(i, null), w = !0;
     },
-    i(o) {
-      w || (he(e.$$.fragment, o), w = !0);
+    p(m, [b]) {
+      var R, X;
+      const M = {};
+      b & 16 && (M.visible = m[4]), t.$set(M), b & 16 && C(r, "transition-delay", m[4] ? B + "ms" : G + ee - $ - 40 + "ms"), m[3].headerPictureUrl ? v ? v.p(m, b) : (v = O(m), v.c(), v.m(i, f)) : v && (v.d(1), v = null), (!w || b & 8) && o !== (o = m[3].title + "") && S(z, o), ((R = m[2].length) != null ? R : 0) + ((X = m[5].length) != null ? X : 0) > 0 ? h ? h.p(m, b) : (h = Z(m), h.c(), h.m(i, U)) : h && (h.d(1), h = null), m[7] || m[3].highlightText ? u ? u.p(m, b) : (u = K(m), u.c(), u.m(i, null)) : u && (u.d(1), u = null), b & 16 && C(i, "transition-delay", m[4] ? B + G + "ms" : "0ms"), (!w || b & 64 && _ !== (_ = D(`marketing ${m[6]}`) + " svelte-sezqcq")) && g(e, "class", _), (!w || b & 80) && Y(e, "unfolded", m[4]), (!w || b & 320) && Y(e, "folded", m[8]);
     },
-    o(o) {
-      ve(e.$$.fragment, o), w = !1;
+    i(m) {
+      w || (ae(t.$$.fragment, m), w = !0);
     },
-    d(o) {
-      o && T(t), ke(e), $(g, o), $(p, o), b && b.d(), u && u.d();
+    o(m) {
+      oe(t.$$.fragment, m), w = !1;
+    },
+    d(m) {
+      m && y(e), ce(t), v && v.d(), h && h.d(), u && u.d();
     }
   };
 }
-const V = 400, se = 500, q = 180, me = 500;
-function Ae(l, t, e) {
-  let i, r, m, { tag: n } = t;
-  return l.$$set = (f) => {
-    "tag" in f && e(0, n = f.tag);
+const H = 40, B = 400, $ = 500, G = 180, ee = 500;
+function he(l, e, t) {
+  let s, r, n, i, f, c, a, q, { tag: o } = e, z, P = (() => {
+    var w;
+    const _ = (w = o.data.limitWidth) != null ? w : !0;
+    if (typeof _ == "number")
+      return _;
+    if (_ === !0)
+      return 172;
+  })();
+  function U() {
+    z = this.offsetHeight, t(1, z);
+  }
+  return l.$$set = (_) => {
+    "tag" in _ && t(0, o = _.tag);
   }, l.$$.update = () => {
-    var f, v;
-    l.$$.dirty & 1 && e(1, i = (v = (f = n.state) == null ? void 0 : f.unfolded) != null ? v : !1), l.$$.dirty & 2 && e(3, r = !i), l.$$.dirty & 1 && e(2, m = n.data);
-  }, [n, i, m, r];
+    var _, w, v, h, u, W;
+    l.$$.dirty & 1 && t(4, s = (w = (_ = o.state) == null ? void 0 : _.unfolded) != null ? w : !1), l.$$.dirty & 16 && t(8, r = !s), l.$$.dirty & 1 && t(3, n = o.data), l.$$.dirty & 8 && t(7, i = de((v = n.price) == null ? void 0 : v.value) && ((h = n.price) == null ? void 0 : h.value) !== ""), l.$$.dirty & 1 && t(6, f = o.data.theme || "light"), l.$$.dirty & 1026 && z > 40 && t(10, c = c - 1), l.$$.dirty & 1032 && t(2, a = ((u = n.brandTags) == null ? void 0 : u.slice(0, c).filter(Boolean)) || []), l.$$.dirty & 1036 && t(5, q = ((W = n.tags) == null ? void 0 : W.slice(0, c - a.length).filter(Boolean)) || []);
+  }, t(10, c = (P - 20) / H), [
+    o,
+    z,
+    a,
+    n,
+    s,
+    q,
+    f,
+    i,
+    r,
+    P,
+    c,
+    U
+  ];
 }
-class Ke extends de {
-  constructor(t) {
-    super(), ce(this, t, Ae, we, ge, { tag: 0 }, _e);
+class Ne extends te {
+  constructor(e) {
+    super(), le(this, e, he, ve, ie, { tag: 0 }, pe);
   }
 }
 export {
-  Ke as default
+  Ne as default
 };