@realsee/dnalogel 3.12.4 → 3.12.6

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

@@ -1,13 +1,14 @@
-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 { SvelteComponent as te, init as le, safe_not_equal as ie, append_styles as se, element as p, create_component as re, space as C, text as S, attr as d, set_style as L, null_to_empty as D, toggle_class as H, insert as y, mount_component as ne, append as q, set_data as P, transition_in as oe, transition_out as ae, detach as T, destroy_component as ce, src_url_equal as F, action_destroyer as fe, listen as me, destroy_each as O, run_all as ge } from "../../../vendor/svelte/internal/index.js";
 import "hammerjs";
 import "three";
 import "@realsee/five";
 import "../../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import { notNil as de } from "../../../shared-utils/isNil.js";
-import ge from "../../utils/px2rem.js";
-import qe from "../Common/Shadow.js";
+import { notNil as qe } from "../../../shared-utils/isNil.js";
+import de from "../../utils/px2rem.js";
+import pe from "../Common/Shadow.js";
+import { svelteResizeObserver as ve } from "../../../shared-utils/svelte/resizeObserver.js";
 import "../../../shared-utils/positionToVector3.js";
 import "../../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
@@ -24,106 +25,108 @@ import "../../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
 import "../../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "../../../vendor/svelte/transition/index.js";
 import "../../../vendor/svelte/easing/index.js";
-function pe(l) {
+import "../../../vendor/resize-observer-polyfill/dist/ResizeObserver.es.js";
+function he(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 E(l, e, t) {
+function j(l, e, t) {
   const s = l.slice();
   return s[0] = e[t], s;
 }
-function N(l, e, t) {
+function E(l, e, t) {
   const s = l.slice();
   return s[0] = e[t], s;
 }
-function O(l) {
+function N(l) {
   let e, t;
   return {
     c() {
-      e = p("img"), g(e, "class", "headerImage svelte-sezqcq"), F(e.src, t = /*data*/
-      l[3].headerPictureUrl) || g(e, "src", t), g(e, "alt", "");
+      e = p("img"), d(e, "class", "headerImage svelte-sezqcq"), F(e.src, t = /*data*/
+      l[3].headerPictureUrl) || d(e, "src", t), d(e, "alt", "");
     },
-    m(s, r) {
-      k(s, e, r);
+    m(s, i) {
+      y(s, e, i);
     },
-    p(s, r) {
-      r & /*data*/
+    p(s, i) {
+      i & /*data*/
       8 && !F(e.src, t = /*data*/
-      s[3].headerPictureUrl) && g(e, "src", t);
+      s[3].headerPictureUrl) && d(e, "src", t);
     },
     d(s) {
-      s && y(e);
+      s && T(e);
     }
   };
 }
 function Z(l) {
-  let e, t, s, r, n = (
+  let e, t, s, i, n, r = (
     /*primaryTags*/
     l[2] || []
-  ), i = [];
-  for (let a = 0; a < n.length; a += 1)
-    i[a] = A(N(l, n, a));
-  let f = (
+  ), c = [];
+  for (let a = 0; a < r.length; a += 1)
+    c[a] = A(E(l, r, a));
+  let m = (
     /*secondaryTags*/
     l[5] || []
-  ), c = [];
-  for (let a = 0; a < f.length; a += 1)
-    c[a] = J(E(l, f, a));
+  ), f = [];
+  for (let a = 0; a < m.length; a += 1)
+    f[a] = J(j(l, m, 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(() => (
-        /*div0_elementresize_handler*/
-        l[11].call(t)
-      )), g(e, "class", "tags-wrapper svelte-sezqcq");
+      s = C();
+      for (let a = 0; a < f.length; a += 1)
+        f[a].c();
+      d(t, "class", "tags svelte-sezqcq"), d(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] && i[o].m(t, null);
-      d(t, s);
+    m(a, v) {
+      y(a, e, v), q(e, t);
       for (let o = 0; o < c.length; o += 1)
         c[o] && c[o].m(t, null);
-      r = me(
-        t,
-        /*div0_elementresize_handler*/
-        l[11].bind(t)
-      );
+      q(t, s);
+      for (let o = 0; o < f.length; o += 1)
+        f[o] && f[o].m(t, null);
+      i || (n = [
+        fe(ve.call(null, t)),
+        me(
+          t,
+          "clientHeight",
+          /*clientHeight_handler*/
+          l[11]
+        )
+      ], i = !0);
     },
-    p(a, q) {
-      if (q & /*minTagWidth, primaryTags*/
+    p(a, v) {
+      if (v & /*minTagWidth, primaryTags*/
       4) {
-        n = /*primaryTags*/
+        r = /*primaryTags*/
         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 = 0; o < r.length; o += 1) {
+          const k = E(a, r, o);
+          c[o] ? c[o].p(k, v) : (c[o] = A(k), c[o].c(), c[o].m(t, s));
         }
-        for (; o < i.length; o += 1)
-          i[o].d(1);
-        i.length = n.length;
+        for (; o < c.length; o += 1)
+          c[o].d(1);
+        c.length = r.length;
       }
-      if (q & /*minTagWidth, secondaryTags*/
+      if (v & /*minTagWidth, secondaryTags*/
       32) {
-        f = /*secondaryTags*/
+        m = /*secondaryTags*/
         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 = 0; o < m.length; o += 1) {
+          const k = j(a, m, o);
+          f[o] ? f[o].p(k, v) : (f[o] = J(k), f[o].c(), f[o].m(t, null));
         }
-        for (; o < c.length; o += 1)
-          c[o].d(1);
-        c.length = f.length;
+        for (; o < f.length; o += 1)
+          f[o].d(1);
+        f.length = m.length;
       }
     },
     d(a) {
-      a && y(e), j(i, a), j(c, a), r();
+      a && T(e), O(c, a), O(f, a), i = !1, ge(n);
     }
   };
 }
@@ -134,18 +137,18 @@ function A(l) {
   ), s;
   return {
     c() {
-      e = p("div"), s = L(t), g(e, "class", "tag primary-tag svelte-sezqcq"), C(e, "min-width", H);
+      e = p("div"), s = S(t), d(e, "class", "tag primary-tag svelte-sezqcq"), L(e, "min-width", B);
     },
-    m(r, n) {
-      k(r, e, n), d(e, s);
+    m(i, n) {
+      y(i, e, n), q(e, s);
     },
-    p(r, n) {
+    p(i, n) {
       n & /*primaryTags*/
       4 && t !== (t = /*tag*/
-      r[0] + "") && S(s, t);
+      i[0] + "") && P(s, t);
     },
-    d(r) {
-      r && y(e);
+    d(i) {
+      i && T(e);
     }
   };
 }
@@ -156,18 +159,18 @@ function J(l) {
   ), s;
   return {
     c() {
-      e = p("div"), s = L(t), g(e, "class", "tag secondary-tag svelte-sezqcq"), C(e, "min-width", H);
+      e = p("div"), s = S(t), d(e, "class", "tag secondary-tag svelte-sezqcq"), L(e, "min-width", B);
     },
-    m(r, n) {
-      k(r, e, n), d(e, s);
+    m(i, n) {
+      y(i, e, n), q(e, s);
     },
-    p(r, n) {
+    p(i, n) {
       n & /*secondaryTags*/
       32 && t !== (t = /*tag*/
-      r[0] + "") && S(s, t);
+      i[0] + "") && P(s, t);
     },
-    d(r) {
-      r && y(e);
+    d(i) {
+      i && T(e);
     }
   };
 }
@@ -175,24 +178,24 @@ function K(l) {
   let e, t, s = (
     /*havePrice*/
     l[7] && Q(l)
-  ), r = (
+  ), i = (
     /*data*/
     l[3].highlightText && x(l)
   );
   return {
     c() {
-      e = p("div"), s && s.c(), t = T(), r && r.c(), g(e, "class", "footer svelte-sezqcq");
+      e = p("div"), s && s.c(), t = C(), i && i.c(), d(e, "class", "footer svelte-sezqcq");
     },
-    m(n, i) {
-      k(n, e, i), s && s.m(e, null), d(e, t), r && r.m(e, null);
+    m(n, r) {
+      y(n, e, r), s && s.m(e, null), q(e, t), i && i.m(e, null);
     },
-    p(n, i) {
+    p(n, r) {
       /*havePrice*/
-      n[7] ? s ? s.p(n, i) : (s = Q(n), s.c(), s.m(e, t)) : s && (s.d(1), s = null), /*data*/
-      n[3].highlightText ? r ? r.p(n, i) : (r = x(n), r.c(), r.m(e, null)) : r && (r.d(1), r = null);
+      n[7] ? s ? s.p(n, r) : (s = Q(n), s.c(), s.m(e, t)) : s && (s.d(1), s = null), /*data*/
+      n[3].highlightText ? i ? i.p(n, r) : (i = x(n), i.c(), i.m(e, null)) : i && (i.d(1), i = null);
     },
     d(n) {
-      n && y(e), s && s.d(), r && r.d();
+      n && T(e), s && s.d(), i && i.d();
     }
   };
 }
@@ -200,25 +203,25 @@ function Q(l) {
   let e, t, s = (
     /*data*/
     l[3].price.value + ""
-  ), r, n, i = (
+  ), i, n, r = (
     /*data*/
     l[3].price.unit && V(l)
   );
   return {
     c() {
-      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");
+      e = p("div"), t = p("span"), i = S(s), n = C(), r && r.c(), d(t, "class", "value svelte-sezqcq"), d(e, "class", "price svelte-sezqcq");
     },
-    m(f, c) {
-      k(f, e, c), d(e, t), d(t, r), d(e, n), i && i.m(e, null);
+    m(c, m) {
+      y(c, e, m), q(e, t), q(t, i), q(e, n), r && r.m(e, null);
     },
-    p(f, c) {
-      c & /*data*/
+    p(c, m) {
+      m & /*data*/
       8 && s !== (s = /*data*/
-      f[3].price.value + "") && S(r, s), /*data*/
-      f[3].price.unit ? i ? i.p(f, c) : (i = V(f), i.c(), i.m(e, null)) : i && (i.d(1), i = null);
+      c[3].price.value + "") && P(i, s), /*data*/
+      c[3].price.unit ? r ? r.p(c, m) : (r = V(c), r.c(), r.m(e, null)) : r && (r.d(1), r = null);
     },
-    d(f) {
-      f && y(e), i && i.d();
+    d(c) {
+      c && T(e), r && r.d();
     }
   };
 }
@@ -229,50 +232,50 @@ function V(l) {
   ), s;
   return {
     c() {
-      e = p("span"), s = L(t), g(e, "class", "unit svelte-sezqcq");
+      e = p("span"), s = S(t), d(e, "class", "unit svelte-sezqcq");
     },
-    m(r, n) {
-      k(r, e, n), d(e, s);
+    m(i, n) {
+      y(i, e, n), q(e, s);
     },
-    p(r, n) {
+    p(i, n) {
       n & /*data*/
       8 && t !== (t = /*data*/
-      r[3].price.unit + "") && S(s, t);
+      i[3].price.unit + "") && P(s, t);
     },
-    d(r) {
-      r && y(e);
+    d(i) {
+      i && T(e);
     }
   };
 }
 function x(l) {
-  let e, t, s, r, n = (
+  let e, t, s, i, n = (
     /*data*/
     l[3].highlightText + ""
-  ), i, f, c;
+  ), r, c, m;
   return {
     c() {
-      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");
+      e = p("div"), t = p("div"), s = C(), i = p("span"), r = S(n), c = C(), m = p("div"), m.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>', d(t, "class", "gap svelte-sezqcq"), d(i, "class", "text svelte-sezqcq"), d(e, "class", "goto-button goto-icon svelte-sezqcq"), d(m, "class", "arrow-wrapper svelte-sezqcq");
     },
-    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);
+    m(f, a) {
+      y(f, e, a), q(e, t), q(e, s), q(e, i), q(i, r), y(f, c, a), y(f, m, a);
     },
-    p(a, q) {
-      q & /*data*/
+    p(f, a) {
+      a & /*data*/
       8 && n !== (n = /*data*/
-      a[3].highlightText + "") && S(i, n);
+      f[3].highlightText + "") && P(r, n);
     },
-    d(a) {
-      a && y(e), a && y(f), a && y(c);
+    d(f) {
+      f && T(e), f && T(c), f && T(m);
     }
   };
 }
-function ve(l) {
-  var W, I;
-  let e, t, s, r, n, i, f, c, a, q, o = (
+function ue(l) {
+  var W, G;
+  let e, t, s, i, n, r, c, m, f, a, v = (
     /*data*/
     l[3].title + ""
-  ), z, P, U, _, w;
-  t = new qe({
+  ), o, k, U, _, w;
+  t = new pe({
     props: {
       visible: (
         /*unfolded*/
@@ -285,146 +288,146 @@ function ve(l) {
       spreadRadius: 75
     }
   });
-  let v = (
+  let h = (
     /*data*/
-    l[3].headerPictureUrl && O(l)
-  ), h = (
+    l[3].headerPictureUrl && N(l)
+  ), u = (
     /*primaryTags*/
     ((W = l[2].length) != null ? W : 0) + /*secondaryTags*/
-    ((I = l[5].length) != null ? I : 0) > 0 && Z(l)
-  ), u = (
+    ((G = l[5].length) != null ? G : 0) > 0 && Z(l)
+  ), z = (
     /*havePrice*/
     (l[7] || /*data*/
     l[3].highlightText) && K(l)
   );
   return {
     c() {
-      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,
+      e = p("div"), re(t.$$.fragment), s = C(), i = p("div"), n = C(), r = p("div"), h && h.c(), c = C(), m = p("div"), f = p("div"), a = p("div"), o = S(v), k = C(), u && u.c(), U = C(), z && z.c(), d(i, "class", "line svelte-sezqcq"), L(
+        i,
         "transition-delay",
         /*unfolded*/
-        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[4] ? R + "ms" : Y + ee - $ - 40 + "ms"
+      ), d(a, "class", "text svelte-sezqcq"), d(f, "class", "title svelte-sezqcq"), d(m, "class", "title-wrapper svelte-sezqcq"), d(r, "class", "content svelte-sezqcq"), L(r, "max-width", de(
         /*maxWidth*/
         l[9]
-      )), C(
-        i,
+      )), L(
+        r,
         "transition-delay",
         /*unfolded*/
-        l[4] ? B + G + "ms" : "0ms"
-      ), g(e, "class", _ = D(`marketing ${/*theme*/
-      l[6]}`) + " svelte-sezqcq"), Y(
+        l[4] ? R + Y + "ms" : "0ms"
+      ), d(e, "class", _ = D(`marketing ${/*theme*/
+      l[6]}`) + " svelte-sezqcq"), H(
         e,
         "unfolded",
         /*unfolded*/
         l[4]
-      ), Y(
+      ), H(
         e,
         "folded",
         /*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;
+    m(g, b) {
+      y(g, e, b), ne(t, e, null), q(e, s), q(e, i), q(e, n), q(e, r), h && h.m(r, null), q(r, c), q(r, m), q(m, f), q(f, a), q(a, o), q(r, k), u && u.m(r, null), q(r, U), z && z.m(r, null), w = !0;
     },
-    p(m, [b]) {
-      var R, X;
-      const M = {};
+    p(g, [b]) {
+      var M, X;
+      const I = {};
       b & /*unfolded*/
-      16 && (M.visible = /*unfolded*/
-      m[4]), t.$set(M), b & /*unfolded*/
-      16 && C(
-        r,
+      16 && (I.visible = /*unfolded*/
+      g[4]), t.$set(I), b & /*unfolded*/
+      16 && L(
+        i,
         "transition-delay",
         /*unfolded*/
-        m[4] ? B + "ms" : G + ee - $ - 40 + "ms"
+        g[4] ? R + "ms" : Y + ee - $ - 40 + "ms"
       ), /*data*/
-      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 & /*data*/
-      8) && o !== (o = /*data*/
-      m[3].title + "") && S(z, o), /*primaryTags*/
-      ((R = m[2].length) != null ? R : 0) + /*secondaryTags*/
-      ((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), /*havePrice*/
-      m[7] || /*data*/
-      m[3].highlightText ? u ? u.p(m, b) : (u = K(m), u.c(), u.m(i, null)) : u && (u.d(1), u = null), b & /*unfolded*/
-      16 && C(
-        i,
+      g[3].headerPictureUrl ? h ? h.p(g, b) : (h = N(g), h.c(), h.m(r, c)) : h && (h.d(1), h = null), (!w || b & /*data*/
+      8) && v !== (v = /*data*/
+      g[3].title + "") && P(o, v), /*primaryTags*/
+      ((M = g[2].length) != null ? M : 0) + /*secondaryTags*/
+      ((X = g[5].length) != null ? X : 0) > 0 ? u ? u.p(g, b) : (u = Z(g), u.c(), u.m(r, U)) : u && (u.d(1), u = null), /*havePrice*/
+      g[7] || /*data*/
+      g[3].highlightText ? z ? z.p(g, b) : (z = K(g), z.c(), z.m(r, null)) : z && (z.d(1), z = null), b & /*unfolded*/
+      16 && L(
+        r,
         "transition-delay",
         /*unfolded*/
-        m[4] ? B + G + "ms" : "0ms"
+        g[4] ? R + Y + "ms" : "0ms"
       ), (!w || b & /*theme*/
       64 && _ !== (_ = D(`marketing ${/*theme*/
-      m[6]}`) + " svelte-sezqcq")) && g(e, "class", _), (!w || b & /*theme, unfolded*/
-      80) && Y(
+      g[6]}`) + " svelte-sezqcq")) && d(e, "class", _), (!w || b & /*theme, unfolded*/
+      80) && H(
         e,
         "unfolded",
         /*unfolded*/
-        m[4]
+        g[4]
       ), (!w || b & /*theme, folded*/
-      320) && Y(
+      320) && H(
         e,
         "folded",
         /*folded*/
-        m[8]
+        g[8]
       );
     },
-    i(m) {
-      w || (ae(t.$$.fragment, m), w = !0);
+    i(g) {
+      w || (oe(t.$$.fragment, g), w = !0);
     },
-    o(m) {
-      oe(t.$$.fragment, m), w = !1;
+    o(g) {
+      ae(t.$$.fragment, g), w = !1;
     },
-    d(m) {
-      m && y(e), ce(t), v && v.d(), h && h.d(), u && u.d();
+    d(g) {
+      g && T(e), ce(t), h && h.d(), u && u.d(), z && z.d();
     }
   };
 }
-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 = (() => {
+const B = 40, R = 400, $ = 500, Y = 180, ee = 500;
+function ze(l, e, t) {
+  let s, i, n, r, c, m, f, a, { tag: v } = e, o, k = (() => {
     var w;
-    const _ = (w = o.data.limitWidth) != null ? w : !0;
+    const _ = (w = v.data.limitWidth) != null ? w : !0;
     if (typeof _ == "number")
       return _;
     if (_ === !0)
       return 172;
   })();
-  function U() {
-    z = this.offsetHeight, t(1, z);
-  }
+  const U = (_) => {
+    t(1, o = _.detail);
+  };
   return l.$$set = (_) => {
-    "tag" in _ && t(0, o = _.tag);
+    "tag" in _ && t(0, v = _.tag);
   }, l.$$.update = () => {
-    var _, w, v, h, u, W;
+    var _, w, h, u, z, W;
     l.$$.dirty & /*tag*/
-    1 && t(4, s = (w = (_ = o.state) == null ? void 0 : _.unfolded) != null ? w : !1), l.$$.dirty & /*unfolded*/
-    16 && t(8, r = !s), l.$$.dirty & /*tag*/
-    1 && t(3, n = o.data), l.$$.dirty & /*data*/
-    8 && t(7, i = de((v = n.price) == null ? void 0 : v.value) && ((h = n.price) == null ? void 0 : h.value) !== ""), l.$$.dirty & /*tag*/
-    1 && t(6, f = o.data.theme || "light"), l.$$.dirty & /*tagsOffsetHeight, maxTagsLength*/
-    1026 && z > 40 && t(10, c = c - 1), l.$$.dirty & /*data, maxTagsLength*/
-    1032 && t(2, a = ((u = n.brandTags) == null ? void 0 : u.slice(0, c).filter(Boolean)) || []), l.$$.dirty & /*data, maxTagsLength, primaryTags*/
-    1036 && t(5, q = ((W = n.tags) == null ? void 0 : W.slice(0, c - a.length).filter(Boolean)) || []);
-  }, t(10, c = (P - 20) / H), [
+    1 && t(4, s = (w = (_ = v.state) == null ? void 0 : _.unfolded) != null ? w : !1), l.$$.dirty & /*unfolded*/
+    16 && t(8, i = !s), l.$$.dirty & /*tag*/
+    1 && t(3, n = v.data), l.$$.dirty & /*data*/
+    8 && t(7, r = qe((h = n.price) == null ? void 0 : h.value) && ((u = n.price) == null ? void 0 : u.value) !== ""), l.$$.dirty & /*tag*/
+    1 && t(6, c = v.data.theme || "light"), l.$$.dirty & /*tagsOffsetHeight, maxTagsLength*/
+    1026 && o > 40 && t(10, m = m - 1), l.$$.dirty & /*data, maxTagsLength*/
+    1032 && t(2, f = ((z = n.brandTags) == null ? void 0 : z.slice(0, m).filter(Boolean)) || []), l.$$.dirty & /*data, maxTagsLength, primaryTags*/
+    1036 && t(5, a = ((W = n.tags) == null ? void 0 : W.slice(0, m - f.length).filter(Boolean)) || []);
+  }, t(10, m = (k - 20) / B), [
+    v,
     o,
-    z,
-    a,
+    f,
     n,
     s,
-    q,
-    f,
-    i,
-    r,
-    P,
+    a,
     c,
+    r,
+    i,
+    k,
+    m,
     U
   ];
 }
-class Ne extends te {
+class Je extends te {
   constructor(e) {
-    super(), le(this, e, he, ve, ie, { tag: 0 }, pe);
+    super(), le(this, e, ze, ue, ie, { tag: 0 }, he);
   }
 }
 export {
-  Ne as default
+  Je as default
 };