@realsee/dnalogel 3.69.11 → 3.69.12-alpha.2

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

@@ -1,4 +1,4 @@
-import { SvelteComponent as K, init as Q, safe_not_equal as V, append_styles as $, element as _, create_component as ee, space as C, text as W, attr as g, set_style as U, null_to_empty as F, toggle_class as D, insert as L, mount_component as te, append as c, set_data as H, transition_in as ie, transition_out as le, detach as M, destroy_component as re, src_url_equal as I, action_destroyer as oe, listen as ne, destroy_each as X, run_all as se } from "../../../vendor/svelte/internal/index.js";
+import { SvelteComponent as ne, init as se, safe_not_equal as ge, append_styles as pe, element as k, create_component as he, space as C, text as N, attr as m, set_style as T, null_to_empty as X, toggle_class as H, insert as U, mount_component as me, append as f, set_data as D, transition_in as fe, transition_out as ce, detach as x, destroy_component as de, src_url_equal as A, action_destroyer as ke, listen as ve, destroy_each as q, run_all as ue, noop as oe } from "../../../vendor/svelte/internal/index.js";
 import "../../../shared-utils/tag.js";
 import "three";
 import "../../../vendor/hammerjs/hammer.js";
@@ -6,16 +6,17 @@ import "../../../shared-utils/three/PointSelector/index.js";
 import "../../../shared-utils/three/CSS3DRenderer/index.js";
 import "../../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "@realsee/five/line";
-import { notNil as ae } from "../../../shared-utils/isNil.js";
+import { notNil as K } from "../../../shared-utils/isNil.js";
 import "../../../shared-utils/three/core/Five_LineMaterial2.js";
 import "../../../shared-utils/three/core/Sphere.js";
 import "../../../shared-utils/three/blink.js";
 import "../../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../../../shared-utils/five/FivePuppet.js";
-import me from "../../utils/px2rem.js";
-import fe from "../Common/Shadow.js";
-import { svelteResizeObserver as pe } from "../../../shared-utils/svelte/resizeObserver.js";
+import we from "../../utils/px2rem.js";
+import _e from "../Common/Shadow.js";
+import { svelteResizeObserver as be } from "../../../shared-utils/svelte/resizeObserver.js";
+import { MARKETING_MORE_ICON as ye, MARKETING_LIGHT_MORE_ICON as Te } from "./Assets/marketingIcon.js";
 import "../../../shared-utils/positionToVector3.js";
 import "../../../shared-utils/five/vector3ToScreen.js";
 import "../../../shared-utils/five/getFiveModel.js";
@@ -70,259 +71,311 @@ import "@realsee/five";
 import "../../../vendor/svelte/transition/index.js";
 import "../../../vendor/svelte/easing/index.js";
 import "../../../vendor/resize-observer-polyfill/dist/ResizeObserver.es.js";
-function de(i) {
-  $(i, "svelte-1707m54", '@charset "UTF-8";.svelte-1707m54.svelte-1707m54{box-sizing:border-box}.marketing.svelte-1707m54.svelte-1707m54{transform:translateY(-100%)}.marketing.svelte-1707m54 .line.svelte-1707m54{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-1707m54 .content.svelte-1707m54{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-1707m54 .content .headerImage.svelte-1707m54{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-1707m54.svelte-1707m54{position:relative;width:100%;height:1.125rem}.title-wrapper.svelte-1707m54 .title.svelte-1707m54{border-radius:0.25rem;width:100%;padding-left:0.625rem;padding-right:0.625rem}.title-wrapper.svelte-1707m54 .title .text.svelte-1707m54{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-1707m54.svelte-1707m54{box-sizing:border-box;width:100%;padding:0.5rem 0.625rem 0;display:flex;justify-content:space-between;align-items:center}.footer.svelte-1707m54 .price-section.svelte-1707m54{flex-shrink:0;max-width:calc(100% - 1.875rem);overflow:hidden;white-space:nowrap}.footer.svelte-1707m54 .price-section .value.svelte-1707m54{font-size:0.875rem;line-height:1rem;font-weight:normal;font-family:TG-TYPE, PingFangSC, Segoe UI, Rototo, sans-serif;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.footer.svelte-1707m54 .price-section .unit.svelte-1707m54{font-size:0.625rem;margin-left:0.125rem}.footer.svelte-1707m54 .action-section.svelte-1707m54{display:flex;align-items:center;height:0.875rem}.footer.svelte-1707m54 .action-section .highlight-text.svelte-1707m54{font-size:0.625rem;line-height:0.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:8.75rem}.footer.svelte-1707m54 .action-section .arrow.svelte-1707m54{display:flex;align-items:center;margin-left:0.25rem;flex-shrink:0;width:0.625rem}.footer.svelte-1707m54 .action-section .arrow svg.svelte-1707m54{width:0.375rem;height:0.625rem}.tags-wrapper.svelte-1707m54.svelte-1707m54{position:relative;overflow:hidden;height:1rem;margin-top:0.25rem}.tags-wrapper.svelte-1707m54 .tags.svelte-1707m54{position:relative;display:inline-flex;max-width:100%;flex-wrap:wrap;padding-left:0.625rem;padding-right:0.375rem}.tags-wrapper.svelte-1707m54 .tags .tag.svelte-1707m54{display:block;text-align:center;flex-shrink:0;flex-grow:0;font-size:0.625rem;height:1rem;line-height:1rem;margin-right:0.25rem;margin-bottom:0.25rem;padding:0 0.25rem;border-radius:0.125rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box}.marketing.light.svelte-1707m54 .content.svelte-1707m54{background-color:white}.marketing.light.svelte-1707m54 .content .title-wrapper .title .text.svelte-1707m54{color:rgba(0, 0, 0, 0.8)}.marketing.light.svelte-1707m54 .content .tags-wrapper .tags .primary-tag.svelte-1707m54{background:rgba(234, 208, 154, 0.5);color:#946700}.marketing.light.svelte-1707m54 .content .tags-wrapper .tags .secondary-tag.svelte-1707m54{background:rgba(0, 0, 0, 0.06);color:rgba(0, 0, 0, 0.5)}.marketing.light.svelte-1707m54 .content .footer.svelte-1707m54{color:#946700;fill:#946700}.marketing.dark.svelte-1707m54 .content.svelte-1707m54{background-color:rgba(0, 0, 0, 0.5)}.marketing.dark.svelte-1707m54 .content .title-wrapper .title .text.svelte-1707m54{color:white}.marketing.dark.svelte-1707m54 .content .tags-wrapper .tags .primary-tag.svelte-1707m54{background:rgba(234, 208, 154, 0.5);color:white}.marketing.dark.svelte-1707m54 .content .tags-wrapper .tags .secondary-tag.svelte-1707m54{background:rgba(255, 255, 255, 0.15);color:rgba(255, 255, 255, 0.85)}.marketing.dark.svelte-1707m54 .content .footer.svelte-1707m54{color:#ead09a;fill:#ead09a}.marketing.unfolded.svelte-1707m54 .line.svelte-1707m54{transform:translateX(-50%) scale(1, 1);transition-timing-function:ease-out}.marketing.folded.svelte-1707m54 .line.svelte-1707m54{transform:translateX(-50%) scale(1, 0);transition-timing-function:ease-in}.marketing.unfolded.svelte-1707m54 .content.svelte-1707m54{opacity:1;transform:translateY(0);transition-timing-function:ease-out}.marketing.folded.svelte-1707m54 .content.svelte-1707m54{opacity:0;transform:translateY(0.425rem);transition-timing-function:ease-in}.tag.svelte-1707m54.svelte-1707m54,.text.svelte-1707m54.svelte-1707m54{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}');
+function Pe(i) {
+  pe(i, "svelte-hkag20", '@charset "UTF-8";.svelte-hkag20.svelte-hkag20{box-sizing:border-box}.marketing.svelte-hkag20.svelte-hkag20{transform:translateY(-100%)}.marketing.svelte-hkag20 .line.svelte-hkag20{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-hkag20 .content.svelte-hkag20{position:relative;min-width:7.5rem;width:-moz-max-content;width:max-content;height:-moz-max-content;height:max-content;border-radius:0.375rem;top:-1.875rem;left:-1rem;transition-property:opacity, transform;transition-duration:500ms}.marketing.svelte-hkag20 .content .headerImage.svelte-hkag20{width:100%;position:absolute;left:0;top:0;transform:translateY(-100%);border-top-left-radius:0.375rem;border-top-right-radius:0.375rem}.marketing.svelte-hkag20 .content .content-wrapper.svelte-hkag20{width:100%;padding:1.25rem}.title-wrapper.svelte-hkag20.svelte-hkag20{position:relative;width:100%}.title-wrapper.svelte-hkag20 .title.svelte-hkag20{border-radius:0.25rem;width:100%}.title-wrapper.svelte-hkag20 .title .text.svelte-hkag20{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:normal;letter-spacing:0;font-size:1rem;font-weight:600;line-height:1.375rem}.price-wrapper.svelte-hkag20.svelte-hkag20{box-sizing:border-box;width:100%;margin-top:0.5rem;display:flex;justify-content:space-between;align-items:center}.price-wrapper.svelte-hkag20 .price-section.svelte-hkag20{flex-shrink:0;overflow:hidden;white-space:nowrap}.price-wrapper.svelte-hkag20 .price-section .value.svelte-hkag20{font-size:1.25rem;font-weight:700;line-height:1.5rem;font-family:DINAlternate-Bold TG-TYPE, PingFangSC, Segoe UI, Rototo, sans-serif;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.price-wrapper.svelte-hkag20 .price-section .unit.svelte-hkag20{font-size:1.25rem;font-weight:700;line-height:1.5rem;font-family:DINAlternate-Bold TG-TYPE, PingFangSC, Segoe UI, Rototo, sans-serif !important;letter-spacing:0}.price-wrapper.svelte-hkag20 .action-section.svelte-hkag20{display:flex;align-items:center;height:1.125rem}.price-wrapper.svelte-hkag20 .action-section .highlight-text.svelte-hkag20{font-size:0.75rem;line-height:1.125rem;font-weight:400;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:8.75rem}.tags-wrapper.svelte-hkag20.svelte-hkag20{position:relative;overflow:hidden;margin-top:0.3125rem}.tags-wrapper.svelte-hkag20 .tags.svelte-hkag20{position:relative;display:inline-flex;max-width:100%;flex-wrap:wrap}.tags-wrapper.svelte-hkag20 .tags .tag.svelte-hkag20{display:block;text-align:center;flex-shrink:0;flex-grow:0;font-size:0.75rem;font-weight:400;height:1.125rem;line-height:1.125rem;margin-right:0.25rem;margin-bottom:0.25rem;padding:0 0.25rem;border-radius:0.125rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box}.description.svelte-hkag20.svelte-hkag20{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:normal;margin-top:0.25rem;font-size:0.875rem;font-weight:400;line-height:1.25rem;letter-spacing:0}.more-share-wrapper.svelte-hkag20.svelte-hkag20{margin-top:0.75rem;display:block;width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between}.more-share-wrapper.svelte-hkag20 .more-text.svelte-hkag20{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;height:1.25rem;font-size:0.875rem;font-weight:500;line-height:1.25rem;letter-spacing:0}.more-share-wrapper.svelte-hkag20 .more-text .more-icon.svelte-hkag20{margin-left:0.125rem;width:0.875rem;height:0.875rem}.marketing.light.svelte-hkag20 .content.svelte-hkag20{background-color:white}.marketing.light.svelte-hkag20 .content .title-wrapper .title .text.svelte-hkag20{color:rgba(0, 0, 0, 0.8)}.marketing.light.svelte-hkag20 .content .tags-wrapper .tags .primary-tag.svelte-hkag20{background:rgba(234, 208, 154, 0.5);color:#946700}.marketing.light.svelte-hkag20 .content .tags-wrapper .tags .secondary-tag.svelte-hkag20{background:rgba(0, 0, 0, 0.06);color:rgba(0, 0, 0, 0.5)}.marketing.light.svelte-hkag20 .content .description.svelte-hkag20{color:#000}.marketing.light.svelte-hkag20 .content .price-wrapper.svelte-hkag20{color:#ae7900}.marketing.light.svelte-hkag20 .content .more-share-wrapper .more-text.svelte-hkag20{font-family:PingFangSC-Medium;color:rgba(0, 0, 0, 0.8509803922)}.marketing.dark.svelte-hkag20 .content.svelte-hkag20{background-color:rgba(0, 0, 0, 0.75)}.marketing.dark.svelte-hkag20 .content .title-wrapper .title .text.svelte-hkag20{color:white}.marketing.dark.svelte-hkag20 .content .tags-wrapper .tags .primary-tag.svelte-hkag20{background:rgba(234, 208, 154, 0.5);color:white}.marketing.dark.svelte-hkag20 .content .tags-wrapper .tags .secondary-tag.svelte-hkag20{background:rgba(255, 255, 255, 0.15);color:rgba(255, 255, 255, 0.85)}.marketing.dark.svelte-hkag20 .content .description.svelte-hkag20{color:#fff}.marketing.dark.svelte-hkag20 .content .price-wrapper.svelte-hkag20{color:#ead09a;fill:#ead09a}.marketing.dark.svelte-hkag20 .content .more-share-wrapper .more-text.svelte-hkag20{font-family:PingFangSC-Medium;color:#fff}.marketing.unfolded.svelte-hkag20 .line.svelte-hkag20{transform:translateX(-50%) scale(1, 1);transition-timing-function:ease-out}.marketing.folded.svelte-hkag20 .line.svelte-hkag20{transform:translateX(-50%) scale(1, 0);transition-timing-function:ease-in}.marketing.unfolded.svelte-hkag20 .content.svelte-hkag20{opacity:1;transform:translateY(0);transition-timing-function:ease-out}.marketing.folded.svelte-hkag20 .content.svelte-hkag20{opacity:0;transform:translateY(0.425rem);transition-timing-function:ease-in}.tag.svelte-hkag20.svelte-hkag20,.text.svelte-hkag20.svelte-hkag20{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}');
 }
-function q(i, e, t) {
-  const r = i.slice();
-  return r[0] = e[t], r;
+function J(i, e, t) {
+  const l = i.slice();
+  return l[0] = e[t], l;
 }
-function x(i, e, t) {
-  const r = i.slice();
-  return r[0] = e[t], r;
+function Q(i, e, t) {
+  const l = i.slice();
+  return l[0] = e[t], l;
 }
-function O(i) {
+function V(i) {
   let e, t;
   return {
     c() {
-      e = _("img"), g(e, "class", "headerImage svelte-1707m54"), I(e.src, t = /*data*/
-      i[1].headerPictureUrl) || g(e, "src", t), g(e, "alt", "");
+      e = k("img"), m(e, "class", "headerImage svelte-hkag20"), A(e.src, t = /*data*/
+      i[1].headerPictureUrl) || m(e, "src", t), m(e, "alt", "");
     },
-    m(r, o) {
-      L(r, e, o);
+    m(l, r) {
+      U(l, e, r);
     },
-    p(r, o) {
-      o & /*data*/
-      2 && !I(e.src, t = /*data*/
-      r[1].headerPictureUrl) && g(e, "src", t);
+    p(l, r) {
+      r & /*data*/
+      2 && !A(e.src, t = /*data*/
+      l[1].headerPictureUrl) && m(e, "src", t);
     },
-    d(r) {
-      r && M(e);
+    d(l) {
+      l && x(e);
     }
   };
 }
-function j(i) {
-  let e, t, r, o, a, l = (
+function Z(i) {
+  let e, t, l, r, a, o = (
     /*primaryTags*/
     i[4] || []
-  ), n = [];
-  for (let m = 0; m < l.length; m += 1)
-    n[m] = E(x(i, l, m));
-  let f = (
+  ), g = [];
+  for (let p = 0; p < o.length; p += 1)
+    g[p] = $(Q(i, o, p));
+  let h = (
     /*secondaryTags*/
     i[3] || []
   ), d = [];
-  for (let m = 0; m < f.length; m += 1)
-    d[m] = G(q(i, f, m));
+  for (let p = 0; p < h.length; p += 1)
+    d[p] = ee(J(i, h, p));
   return {
     c() {
-      e = _("div"), t = _("div");
-      for (let m = 0; m < n.length; m += 1)
-        n[m].c();
-      r = C();
-      for (let m = 0; m < d.length; m += 1)
-        d[m].c();
-      g(t, "class", "tags svelte-1707m54"), g(e, "class", "tags-wrapper svelte-1707m54");
-    },
-    m(m, b) {
-      L(m, e, b), c(e, t);
-      for (let s = 0; s < n.length; s += 1)
-        n[s] && n[s].m(t, null);
-      c(t, r);
-      for (let s = 0; s < d.length; s += 1)
-        d[s] && d[s].m(t, null);
-      o || (a = [
-        oe(pe.call(null, t)),
-        ne(
+      e = k("div"), t = k("div");
+      for (let p = 0; p < g.length; p += 1)
+        g[p].c();
+      l = C();
+      for (let p = 0; p < d.length; p += 1)
+        d[p].c();
+      m(t, "class", "tags svelte-hkag20"), m(e, "class", "tags-wrapper svelte-hkag20");
+    },
+    m(p, b) {
+      U(p, e, b), f(e, t);
+      for (let n = 0; n < g.length; n += 1)
+        g[n] && g[n].m(t, null);
+      f(t, l);
+      for (let n = 0; n < d.length; n += 1)
+        d[n] && d[n].m(t, null);
+      r || (a = [
+        ke(be.call(null, t)),
+        ve(
           t,
           "clientHeight",
           /*clientHeight_handler*/
-          i[18]
+          i[20]
         )
-      ], o = !0);
+      ], r = !0);
     },
-    p(m, b) {
+    p(p, b) {
       if (b & /*minTagWidth, primaryTags*/
       16) {
-        l = /*primaryTags*/
-        m[4] || [];
-        let s;
-        for (s = 0; s < l.length; s += 1) {
-          const T = x(m, l, s);
-          n[s] ? n[s].p(T, b) : (n[s] = E(T), n[s].c(), n[s].m(t, r));
+        o = /*primaryTags*/
+        p[4] || [];
+        let n;
+        for (n = 0; n < o.length; n += 1) {
+          const P = Q(p, o, n);
+          g[n] ? g[n].p(P, b) : (g[n] = $(P), g[n].c(), g[n].m(t, l));
         }
-        for (; s < n.length; s += 1)
-          n[s].d(1);
-        n.length = l.length;
+        for (; n < g.length; n += 1)
+          g[n].d(1);
+        g.length = o.length;
       }
       if (b & /*minTagWidth, secondaryTags*/
       8) {
-        f = /*secondaryTags*/
-        m[3] || [];
-        let s;
-        for (s = 0; s < f.length; s += 1) {
-          const T = q(m, f, s);
-          d[s] ? d[s].p(T, b) : (d[s] = G(T), d[s].c(), d[s].m(t, null));
+        h = /*secondaryTags*/
+        p[3] || [];
+        let n;
+        for (n = 0; n < h.length; n += 1) {
+          const P = J(p, h, n);
+          d[n] ? d[n].p(P, b) : (d[n] = ee(P), d[n].c(), d[n].m(t, null));
         }
-        for (; s < d.length; s += 1)
-          d[s].d(1);
-        d.length = f.length;
+        for (; n < d.length; n += 1)
+          d[n].d(1);
+        d.length = h.length;
       }
     },
-    d(m) {
-      m && M(e), X(n, m), X(d, m), o = !1, se(a);
+    d(p) {
+      p && x(e), q(g, p), q(d, p), r = !1, ue(a);
     }
   };
 }
-function E(i) {
+function $(i) {
   let e, t = (
     /*tag*/
     i[0] + ""
-  ), r;
+  ), l;
   return {
     c() {
-      e = _("div"), r = W(t), g(e, "class", "tag primary-tag svelte-1707m54"), U(e, "min-width", R);
+      e = k("div"), l = N(t), m(e, "class", "tag primary-tag svelte-hkag20"), T(e, "min-width", L);
     },
-    m(o, a) {
-      L(o, e, a), c(e, r);
+    m(r, a) {
+      U(r, e, a), f(e, l);
     },
-    p(o, a) {
+    p(r, a) {
       a & /*primaryTags*/
       16 && t !== (t = /*tag*/
-      o[0] + "") && H(r, t);
+      r[0] + "") && D(l, t);
     },
-    d(o) {
-      o && M(e);
+    d(r) {
+      r && x(e);
     }
   };
 }
-function G(i) {
+function ee(i) {
   let e, t = (
     /*tag*/
     i[0] + ""
-  ), r;
+  ), l;
   return {
     c() {
-      e = _("div"), r = W(t), g(e, "class", "tag secondary-tag svelte-1707m54"), U(e, "min-width", R);
+      e = k("div"), l = N(t), m(e, "class", "tag secondary-tag svelte-hkag20"), T(e, "min-width", L);
     },
-    m(o, a) {
-      L(o, e, a), c(e, r);
+    m(r, a) {
+      U(r, e, a), f(e, l);
     },
-    p(o, a) {
+    p(r, a) {
       a & /*secondaryTags*/
       8 && t !== (t = /*tag*/
-      o[0] + "") && H(r, t);
+      r[0] + "") && D(l, t);
     },
-    d(o) {
-      o && M(e);
+    d(r) {
+      r && x(e);
     }
   };
 }
-function N(i) {
-  let e, t, r, o, a, l = (
+function te(i) {
+  let e, t = (
+    /*data*/
+    i[1].description + ""
+  ), l;
+  return {
+    c() {
+      e = k("div"), l = N(t), m(e, "class", "description svelte-hkag20");
+    },
+    m(r, a) {
+      U(r, e, a), f(e, l);
+    },
+    p(r, a) {
+      a & /*data*/
+      2 && t !== (t = /*data*/
+      r[1].description + "") && D(l, t);
+    },
+    d(r) {
+      r && x(e);
+    }
+  };
+}
+function ie(i) {
+  let e, t, l, r = (
     /*havePrice*/
-    i[2] && Z(i)
-  ), n = !/*havePrice*/
+    i[2] && re(i)
+  ), a = !/*havePrice*/
   i[2] && /*data*/
-  i[1].highlightText && J(i);
+  i[1].highlightText && ae(i);
   return {
     c() {
-      e = _("div"), l && l.c(), t = C(), r = _("div"), n && n.c(), o = C(), a = _("span"), a.innerHTML = '<svg viewBox="0 0 6 9" class="svelte-1707m54"><g transform="translate(-3, -2)" fill-rule="nonzero" class="svelte-1707m54"><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-1707m54"></path></g></svg>', g(a, "class", "arrow svelte-1707m54"), g(r, "class", "action-section svelte-1707m54"), g(e, "class", "footer svelte-1707m54");
+      e = k("div"), r && r.c(), t = C(), l = k("div"), a && a.c(), m(l, "class", "action-section svelte-hkag20"), m(e, "class", "price-wrapper svelte-hkag20");
     },
-    m(f, d) {
-      L(f, e, d), l && l.m(e, null), c(e, t), c(e, r), n && n.m(r, null), c(r, o), c(r, a);
+    m(o, g) {
+      U(o, e, g), r && r.m(e, null), f(e, t), f(e, l), a && a.m(l, null);
     },
-    p(f, d) {
+    p(o, g) {
       /*havePrice*/
-      f[2] ? l ? l.p(f, d) : (l = Z(f), l.c(), l.m(e, t)) : l && (l.d(1), l = null), !/*havePrice*/
-      f[2] && /*data*/
-      f[1].highlightText ? n ? n.p(f, d) : (n = J(f), n.c(), n.m(r, o)) : n && (n.d(1), n = null);
+      o[2] ? r ? r.p(o, g) : (r = re(o), r.c(), r.m(e, t)) : r && (r.d(1), r = null), !/*havePrice*/
+      o[2] && /*data*/
+      o[1].highlightText ? a ? a.p(o, g) : (a = ae(o), a.c(), a.m(l, null)) : a && (a.d(1), a = null);
     },
-    d(f) {
-      f && M(e), l && l.d(), n && n.d();
+    d(o) {
+      o && x(e), r && r.d(), a && a.d();
     }
   };
 }
-function Z(i) {
-  let e, t, r = (
+function re(i) {
+  let e, t, l, r = (
     /*data*/
     i[1].price.value + ""
-  ), o, a, l = (
+  ), a, o = (
     /*data*/
-    i[1].price.unit && A(i)
+    i[1].price.unit && le(i)
   );
   return {
     c() {
-      e = _("div"), t = _("span"), o = W(r), a = C(), l && l.c(), g(t, "class", "value svelte-1707m54"), g(e, "class", "price-section svelte-1707m54");
+      e = k("div"), o && o.c(), t = C(), l = k("span"), a = N(r), m(l, "class", "value svelte-hkag20"), m(e, "class", "price-section svelte-hkag20");
     },
-    m(n, f) {
-      L(n, e, f), c(e, t), c(t, o), c(e, a), l && l.m(e, null);
+    m(g, h) {
+      U(g, e, h), o && o.m(e, null), f(e, t), f(e, l), f(l, a);
     },
-    p(n, f) {
-      f & /*data*/
+    p(g, h) {
+      /*data*/
+      g[1].price.unit ? o ? o.p(g, h) : (o = le(g), o.c(), o.m(e, t)) : o && (o.d(1), o = null), h & /*data*/
       2 && r !== (r = /*data*/
-      n[1].price.value + "") && H(o, r), /*data*/
-      n[1].price.unit ? l ? l.p(n, f) : (l = A(n), l.c(), l.m(e, null)) : l && (l.d(1), l = null);
+      g[1].price.value + "") && D(a, r);
     },
-    d(n) {
-      n && M(e), l && l.d();
+    d(g) {
+      g && x(e), o && o.d();
     }
   };
 }
-function A(i) {
+function le(i) {
   let e, t = (
     /*data*/
     i[1].price.unit + ""
-  ), r;
+  ), l;
   return {
     c() {
-      e = _("span"), r = W(t), g(e, "class", "unit svelte-1707m54");
+      e = k("span"), l = N(t), m(e, "class", "unit svelte-hkag20");
     },
-    m(o, a) {
-      L(o, e, a), c(e, r);
+    m(r, a) {
+      U(r, e, a), f(e, l);
     },
-    p(o, a) {
+    p(r, a) {
       a & /*data*/
       2 && t !== (t = /*data*/
-      o[1].price.unit + "") && H(r, t);
+      r[1].price.unit + "") && D(l, t);
     },
-    d(o) {
-      o && M(e);
+    d(r) {
+      r && x(e);
     }
   };
 }
-function J(i) {
+function ae(i) {
   let e, t = (
     /*data*/
     i[1].highlightText + ""
-  ), r;
+  ), l;
   return {
     c() {
-      e = _("span"), r = W(t), g(e, "class", "highlight-text svelte-1707m54");
+      e = k("span"), l = N(t), m(e, "class", "highlight-text svelte-hkag20");
     },
-    m(o, a) {
-      L(o, e, a), c(e, r);
+    m(r, a) {
+      U(r, e, a), f(e, l);
     },
-    p(o, a) {
+    p(r, a) {
       a & /*data*/
       2 && t !== (t = /*data*/
-      o[1].highlightText + "") && H(r, t);
+      r[1].highlightText + "") && D(l, t);
     },
-    d(o) {
-      o && M(e);
+    d(r) {
+      r && x(e);
+    }
+  };
+}
+function Me(i) {
+  let e, t;
+  return {
+    c() {
+      e = k("img"), m(e, "class", "more-icon svelte-hkag20"), A(e.src, t = ye) || m(e, "src", t), m(e, "alt", "查看更多");
+    },
+    m(l, r) {
+      U(l, e, r);
+    },
+    p: oe,
+    d(l) {
+      l && x(e);
     }
   };
 }
-function ce(i) {
-  let e, t, r, o, a, l, n, f, d, m, b = (
+function Ue(i) {
+  let e, t;
+  return {
+    c() {
+      e = k("img"), m(e, "class", "more-icon svelte-hkag20"), A(e.src, t = Te) || m(e, "src", t), m(e, "alt", "查看更多");
+    },
+    m(l, r) {
+      U(l, e, r);
+    },
+    p: oe,
+    d(l) {
+      l && x(e);
+    }
+  };
+}
+function xe(i) {
+  let e, t, l, r, a, o, g, h, d, p, b, n = (
     /*data*/
     i[1].title + ""
-  ), s, T, P, z, k;
-  t = new fe({
+  ), P, Y, O, W, y, I, M, R, E, F, z;
+  t = new _e({
     props: {
       visible: (
         /*unfolded*/
-        i[5]
+        i[6]
       ),
       outDelay: 500,
       left: 61,
@@ -331,177 +384,233 @@ function ce(i) {
       spreadRadius: 75
     }
   });
-  let v = (
+  let c = (
     /*data*/
-    i[1].headerPictureUrl && O(i)
-  ), h = (
+    i[1].headerPictureUrl && V(i)
+  ), v = (
     /*hasTags*/
-    i[6] && j(i)
-  ), u = (
+    i[8] && Z(i)
+  ), w = (
+    /*data*/
+    i[1].description && te(i)
+  ), _ = (
     /*havePrice*/
     (i[2] || /*data*/
-    i[1].highlightText) && N(i)
+    i[1].highlightText) && ie(i)
   );
+  function B(s, u) {
+    return (
+      /*isLight*/
+      s[12] ? Ue : Me
+    );
+  }
+  let G = B(i), S = G(i);
   return {
     c() {
-      e = _("div"), ee(t.$$.fragment), r = C(), o = _("div"), a = C(), l = _("div"), v && v.c(), n = C(), f = _("div"), d = _("div"), m = _("div"), s = W(b), T = C(), h && h.c(), P = C(), u && u.c(), g(o, "class", "line svelte-1707m54"), U(
-        o,
+      e = k("div"), he(t.$$.fragment), l = C(), r = k("div"), a = C(), o = k("div"), c && c.c(), g = C(), h = k("div"), d = k("div"), p = k("div"), b = k("div"), P = N(n), Y = C(), v && v.c(), O = C(), w && w.c(), W = C(), _ && _.c(), y = C(), I = k("div"), M = k("div"), R = N(
+        /*viewMoreText*/
+        i[7]
+      ), E = C(), S.c(), m(r, "class", "line svelte-hkag20"), T(
+        r,
         "transition-delay",
         /*unfolded*/
-        i[5] ? (
+        i[6] ? (
           /*lineDelayUnfolded*/
-          i[9] + "ms"
+          i[11] + "ms"
         ) : (
           /*lineDelayFolded*/
-          i[8] + "ms"
+          i[10] + "ms"
         )
-      ), g(m, "class", "text svelte-1707m54"), g(d, "class", "title svelte-1707m54"), g(f, "class", "title-wrapper svelte-1707m54"), g(l, "class", "content svelte-1707m54"), U(l, "max-width", me(
+      ), m(b, "class", "text svelte-hkag20"), m(p, "class", "title svelte-hkag20"), m(d, "class", "title-wrapper svelte-hkag20"), m(M, "class", "more-text svelte-hkag20"), m(I, "class", "more-share-wrapper svelte-hkag20"), m(h, "class", "content-wrapper svelte-hkag20"), T(
+        h,
+        "padding-top",
+        /*data*/
+        i[1].headerPictureUrl ? "10px" : "20px"
+      ), m(o, "class", "content svelte-hkag20"), T(o, "max-width", we(
         /*maxWidth*/
-        i[12]
-      )), U(
-        l,
+        i[14]
+      )), T(
+        o,
         "transition-delay",
         /*unfolded*/
-        i[5] ? (
+        i[6] ? (
           /*contentDelayUnfolded*/
-          i[7] + "ms"
+          i[9] + "ms"
         ) : "0ms"
-      ), g(e, "class", z = F(`marketing ${/*theme*/
-      i[10]}`) + " svelte-1707m54"), D(
+      ), T(
+        o,
+        "border-top-left-radius",
+        /*data*/
+        i[1].headerPictureUrl ? "0px" : "6px"
+      ), T(
+        o,
+        "border-top-right-radius",
+        /*data*/
+        i[1].headerPictureUrl ? "0px" : "6px"
+      ), m(e, "class", F = X(`marketing ${/*theme*/
+      i[5]}`) + " svelte-hkag20"), H(
         e,
         "unfolded",
         /*unfolded*/
-        i[5]
-      ), D(
+        i[6]
+      ), H(
         e,
         "folded",
         /*folded*/
-        i[11]
+        i[13]
       );
     },
-    m(p, y) {
-      L(p, e, y), te(t, e, null), c(e, r), c(e, o), c(e, a), c(e, l), v && v.m(l, null), c(l, n), c(l, f), c(f, d), c(d, m), c(m, s), c(l, T), h && h.m(l, null), c(l, P), u && u.m(l, null), k = !0;
+    m(s, u) {
+      U(s, e, u), me(t, e, null), f(e, l), f(e, r), f(e, a), f(e, o), c && c.m(o, null), f(o, g), f(o, h), f(h, d), f(d, p), f(p, b), f(b, P), f(h, Y), v && v.m(h, null), f(h, O), w && w.m(h, null), f(h, W), _ && _.m(h, null), f(h, y), f(h, I), f(I, M), f(M, R), f(M, E), S.m(M, null), z = !0;
     },
-    p(p, [y]) {
-      const w = {};
-      y & /*unfolded*/
-      32 && (w.visible = /*unfolded*/
-      p[5]), t.$set(w), y & /*unfolded, lineDelayUnfolded, lineDelayFolded*/
-      800 && U(
-        o,
+    p(s, [u]) {
+      const j = {};
+      u & /*unfolded*/
+      64 && (j.visible = /*unfolded*/
+      s[6]), t.$set(j), u & /*unfolded, lineDelayUnfolded, lineDelayFolded*/
+      3136 && T(
+        r,
         "transition-delay",
         /*unfolded*/
-        p[5] ? (
+        s[6] ? (
           /*lineDelayUnfolded*/
-          p[9] + "ms"
+          s[11] + "ms"
         ) : (
           /*lineDelayFolded*/
-          p[8] + "ms"
+          s[10] + "ms"
         )
       ), /*data*/
-      p[1].headerPictureUrl ? v ? v.p(p, y) : (v = O(p), v.c(), v.m(l, n)) : v && (v.d(1), v = null), (!k || y & /*data*/
-      2) && b !== (b = /*data*/
-      p[1].title + "") && H(s, b), /*hasTags*/
-      p[6] ? h ? h.p(p, y) : (h = j(p), h.c(), h.m(l, P)) : h && (h.d(1), h = null), /*havePrice*/
-      p[2] || /*data*/
-      p[1].highlightText ? u ? u.p(p, y) : (u = N(p), u.c(), u.m(l, null)) : u && (u.d(1), u = null), y & /*unfolded, contentDelayUnfolded*/
-      160 && U(
-        l,
+      s[1].headerPictureUrl ? c ? c.p(s, u) : (c = V(s), c.c(), c.m(o, g)) : c && (c.d(1), c = null), (!z || u & /*data*/
+      2) && n !== (n = /*data*/
+      s[1].title + "") && D(P, n), /*hasTags*/
+      s[8] ? v ? v.p(s, u) : (v = Z(s), v.c(), v.m(h, O)) : v && (v.d(1), v = null), /*data*/
+      s[1].description ? w ? w.p(s, u) : (w = te(s), w.c(), w.m(h, W)) : w && (w.d(1), w = null), /*havePrice*/
+      s[2] || /*data*/
+      s[1].highlightText ? _ ? _.p(s, u) : (_ = ie(s), _.c(), _.m(h, y)) : _ && (_.d(1), _ = null), (!z || u & /*viewMoreText*/
+      128) && D(
+        R,
+        /*viewMoreText*/
+        s[7]
+      ), G === (G = B(s)) && S ? S.p(s, u) : (S.d(1), S = G(s), S && (S.c(), S.m(M, null))), u & /*data*/
+      2 && T(
+        h,
+        "padding-top",
+        /*data*/
+        s[1].headerPictureUrl ? "10px" : "20px"
+      ), u & /*unfolded, contentDelayUnfolded*/
+      576 && T(
+        o,
         "transition-delay",
         /*unfolded*/
-        p[5] ? (
+        s[6] ? (
           /*contentDelayUnfolded*/
-          p[7] + "ms"
+          s[9] + "ms"
         ) : "0ms"
-      ), (!k || y & /*theme*/
-      1024 && z !== (z = F(`marketing ${/*theme*/
-      p[10]}`) + " svelte-1707m54")) && g(e, "class", z), (!k || y & /*theme, unfolded*/
-      1056) && D(
+      ), u & /*data*/
+      2 && T(
+        o,
+        "border-top-left-radius",
+        /*data*/
+        s[1].headerPictureUrl ? "0px" : "6px"
+      ), u & /*data*/
+      2 && T(
+        o,
+        "border-top-right-radius",
+        /*data*/
+        s[1].headerPictureUrl ? "0px" : "6px"
+      ), (!z || u & /*theme*/
+      32 && F !== (F = X(`marketing ${/*theme*/
+      s[5]}`) + " svelte-hkag20")) && m(e, "class", F), (!z || u & /*theme, unfolded*/
+      96) && H(
         e,
         "unfolded",
         /*unfolded*/
-        p[5]
-      ), (!k || y & /*theme, folded*/
-      3072) && D(
+        s[6]
+      ), (!z || u & /*theme, folded*/
+      8224) && H(
         e,
         "folded",
         /*folded*/
-        p[11]
+        s[13]
       );
     },
-    i(p) {
-      k || (ie(t.$$.fragment, p), k = !0);
+    i(s) {
+      z || (fe(t.$$.fragment, s), z = !0);
     },
-    o(p) {
-      le(t.$$.fragment, p), k = !1;
+    o(s) {
+      ce(t.$$.fragment, s), z = !1;
     },
-    d(p) {
-      p && M(e), re(t), v && v.d(), h && h.d(), u && u.d();
+    d(s) {
+      s && x(e), de(t), c && c.d(), v && v.d(), w && w.d(), _ && _.d(), S.d();
     }
   };
 }
-const R = 40;
-function ge(i, e, t) {
-  let r, o, a, l, n, f, d, m, b, s, T, P, { tag: z } = e, k, v = (() => {
-    var Y;
-    const w = (Y = z.data.limitWidth) != null ? Y : !0;
-    if (typeof w == "number")
-      return w;
-    if (w === !0)
-      return 172;
-  })(), h = 0, u = !1;
-  function p(w) {
-    Math.abs(k - w) > 5 && (t(14, k = w), setTimeout(
+const L = 40;
+function ze(i, e, t) {
+  let l, r, a, o, g, h, d, p, b, n, P, Y, O, W, { tag: y } = e, I, M = (() => {
+    var v;
+    const c = (v = y.data.limitWidth) != null ? v : !0;
+    if (typeof c == "number")
+      return c;
+    if (c === !0)
+      return 280;
+  })(), R = 0, E = !1;
+  function F(c) {
+    Math.abs(I - c) > 5 && (t(16, I = c), setTimeout(
       () => {
-        t(16, u = !1);
+        t(18, E = !1);
       },
       100
     ));
   }
-  const y = (w) => p(w.detail);
-  return i.$$set = (w) => {
-    "tag" in w && t(0, z = w.tag);
+  const z = (c) => F(c.detail);
+  return i.$$set = (c) => {
+    "tag" in c && t(0, y = c.tag);
   }, i.$$.update = () => {
-    var w, Y, S, B;
+    var c, v, w, _;
     i.$$.dirty & /*tag*/
-    1 && t(5, r = (Y = (w = z.state) == null ? void 0 : w.unfolded) != null ? Y : !1), i.$$.dirty & /*unfolded*/
-    32 && t(11, o = !r), i.$$.dirty & /*tag*/
-    1 && t(1, a = z.data), i.$$.dirty & /*data*/
-    2 && t(2, l = ae((S = a.price) == null ? void 0 : S.value) && ((B = a.price) == null ? void 0 : B.value) !== ""), i.$$.dirty & /*tag*/
-    1 && t(10, n = z.data.theme || "light"), i.$$.dirty & /*tagsCalculated, tagsOffsetHeight, maxTagsLength*/
-    114688 && (!u || v && v > 0) && (t(15, h = Math.max(1, Math.floor(((v || 172) - 20) / R))), k !== void 0 && k > 40 && t(15, h = Math.max(1, h - 1)), t(16, u = !0)), i.$$.dirty & /*data, maxTagsLength*/
-    32770 && t(4, f = (a.brandTags || []).filter(Boolean).slice(0, h)), i.$$.dirty & /*maxTagsLength, primaryTags*/
-    32784 && t(17, d = Math.max(0, h - f.length)), i.$$.dirty & /*data, secondaryTagsLimit*/
-    131074 && t(3, m = (a.tags || []).filter(Boolean).slice(0, d)), i.$$.dirty & /*primaryTags, secondaryTags*/
-    24 && t(6, P = f.length > 0 || m.length > 0), i.$$.dirty & /*havePrice, data*/
-    6 && (l || a.highlightText);
-  }, t(9, b = 400), t(8, s = 180 + 500 - 500 - 40), t(7, T = 400 + 180), [
-    z,
+    1 && t(6, l = (v = (c = y.state) == null ? void 0 : c.unfolded) != null ? v : !1), i.$$.dirty & /*unfolded*/
+    64 && t(13, r = !l), i.$$.dirty & /*tag*/
+    1 && t(1, a = y.data), i.$$.dirty & /*data*/
+    2 && t(2, o = K((w = a.price) == null ? void 0 : w.value) && ((_ = a.price) == null ? void 0 : _.value) !== ""), i.$$.dirty & /*tag*/
+    1 && t(5, g = y.data.theme || "light"), i.$$.dirty & /*theme*/
+    32 && t(12, h = g === "light"), i.$$.dirty & /*tagsCalculated, tagsOffsetHeight, maxTagsLength*/
+    458752 && (!E || M && M > 0) && (t(17, R = Math.max(1, Math.floor(((M || 172) - 20) / L))), I !== void 0 && I > 40 && t(17, R = Math.max(1, R - 1)), t(18, E = !0)), i.$$.dirty & /*data, maxTagsLength*/
+    131074 && t(4, d = (a.brandTags || []).filter(Boolean).slice(0, R)), i.$$.dirty & /*maxTagsLength, primaryTags*/
+    131088 && t(19, p = Math.max(0, R - d.length)), i.$$.dirty & /*data, secondaryTagsLimit*/
+    524290 && t(3, b = (a.tags || []).filter(Boolean).slice(0, p)), i.$$.dirty & /*primaryTags, secondaryTags*/
+    24 && t(8, O = d.length > 0 || b.length > 0), i.$$.dirty & /*havePrice, data*/
+    6 && (o || a.highlightText), i.$$.dirty & /*tag*/
+    1 && t(7, W = (() => K(y.config.popoverConfig.viewMoreText) && y.config.popoverConfig.viewMoreText.trim() !== "" ? y.config.popoverConfig.viewMoreText : "查看更多")());
+  }, t(11, n = 400), t(10, P = 180 + 500 - 500 - 40), t(9, Y = 400 + 180), [
+    y,
     a,
+    o,
+    b,
+    d,
+    g,
     l,
-    m,
-    f,
-    r,
+    W,
+    O,
+    Y,
     P,
-    T,
-    s,
-    b,
     n,
-    o,
-    v,
-    p,
-    k,
     h,
-    u,
-    d,
-    y
+    r,
+    M,
+    F,
+    I,
+    R,
+    E,
+    p,
+    z
   ];
 }
-class Rt extends K {
+class Kt extends ne {
   constructor(e) {
-    super(), Q(this, e, ge, ce, V, { tag: 0 }, de);
+    super(), se(this, e, ze, xe, ge, { tag: 0 }, Pe);
   }
 }
 export {
-  Rt as default
+  Kt as default
 };