@realsee/dnalogel 2.9.0-alpha.0 → 2.9.0-alpha.2

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

@@ -1,14 +1,14 @@
-import { SvelteComponent as ie, init as le, safe_not_equal as ae, append_styles as re, element as v, create_component as ne, space as C, text as S, attr as h, set_style as L, null_to_empty as M, toggle_class as G, insert as T, mount_component as se, append as d, set_data as P, transition_in as oe, transition_out as ge, detach as z, destroy_component as he, src_url_equal as j, add_render_callback as fe, add_resize_listener as me, destroy_each as E, svg_element as X } from "../../../vendor/svelte/internal/index.js";
+import { SvelteComponent as le, init as ie, safe_not_equal as ae, append_styles as re, element as h, create_component as ne, space as C, text as S, attr as m, set_style as L, null_to_empty as M, toggle_class as G, insert as T, mount_component as se, append as c, set_data as P, transition_in as oe, transition_out as fe, detach as z, destroy_component as me, src_url_equal as j, add_render_callback as de, add_resize_listener as ge, destroy_each as E, svg_element as X } 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 de } from "../../../shared-utils/isNil.js";
+import { notNil as ce } from "../../../shared-utils/isNil.js";
 import "../../../shared-utils/animationFrame/BetterTween.js";
-import ce from "../../utils/px2rem.js";
-import pe from "../Common/Shadow.js";
+import pe from "../../utils/px2rem.js";
+import ve from "../Common/Shadow.js";
 import "../../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
 import "../../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
@@ -24,97 +24,97 @@ 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 ve(i) {
-  re(i, "svelte-g97iah", '@charset "UTF-8";.svelte-g97iah.svelte-g97iah{box-sizing:border-box}.marketing.svelte-g97iah.svelte-g97iah{transform:translateY(-100%)}.marketing.svelte-g97iah .line.svelte-g97iah{position:absolute;height:2.0625rem;width:0.0625rem;left:50%;transform:translateX(-50%);background-color:white;bottom:0;transform-origin:bottom;transition:all 500ms}.marketing.svelte-g97iah .content.svelte-g97iah{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:all 500ms}.marketing.svelte-g97iah .content .headerImage.svelte-g97iah{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-g97iah.svelte-g97iah{position:relative;width:100%;height:1.125rem}.title-wrapper.svelte-g97iah .title.svelte-g97iah{border-radius:0.25rem;width:100%;padding-left:0.625rem;padding-right:0.625rem}.title-wrapper.svelte-g97iah .title .text.svelte-g97iah{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-g97iah.svelte-g97iah{position:relative;padding:0.5rem 0.625rem 0 0;width:100%;display:flex;align-items:center}.footer.svelte-g97iah .goto-button.svelte-g97iah{display:flex;flex-wrap:wrap;align-items:center;overflow:hidden;font-size:0.625rem;height:0.875rem}.footer.svelte-g97iah .goto-button .gap.svelte-g97iah{height:100%;width:0.625rem}.footer.svelte-g97iah .goto-button .text.svelte-g97iah{display:inline-block}.footer.svelte-g97iah svg.arrow.svelte-g97iah{flex-grow:0;flex-shrink:0;margin-left:0.25rem;width:0.375rem;height:0.5625rem}.footer.svelte-g97iah .price.svelte-g97iah{flex-shrink:0;margin-right:auto;white-space:nowrap;display:flex;align-items:baseline;margin-left:0.625rem}.footer.svelte-g97iah .price .value.svelte-g97iah{position:relative;font-size:0.875rem;line-height:1rem;font-family:TG-TYPE, PingFangSC, Segoe UI, Rototo, sans-serif;letter-spacing:0rem}.footer.svelte-g97iah .price .unit.svelte-g97iah{padding-left:0.125rem;font-size:0.625rem}.tags-wrapper.svelte-g97iah.svelte-g97iah{position:relative;overflow:hidden;height:1rem;margin-top:0.25rem}.tags-wrapper.svelte-g97iah .tags.svelte-g97iah{position:relative;display:inline-flex;max-width:100%;flex-wrap:wrap;padding-left:0.625rem;padding-right:0.375rem}.tags-wrapper.svelte-g97iah .tags .tag.svelte-g97iah{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-g97iah .content.svelte-g97iah{background-color:white}.marketing.light.svelte-g97iah .content .title-wrapper .title .text.svelte-g97iah{color:rgba(0, 0, 0, 0.8)}.marketing.light.svelte-g97iah .content .tags-wrapper .tags .primary-tag.svelte-g97iah{background:rgba(234, 208, 154, 0.5);color:#946700}.marketing.light.svelte-g97iah .content .tags-wrapper .tags .secondary-tag.svelte-g97iah{background:rgba(0, 0, 0, 0.06);color:rgba(0, 0, 0, 0.5)}.marketing.light.svelte-g97iah .content .footer.svelte-g97iah{color:#946700;fill:#946700}.marketing.dark.svelte-g97iah .content.svelte-g97iah{background-color:rgba(0, 0, 0, 0.5)}.marketing.dark.svelte-g97iah .content .title-wrapper .title .text.svelte-g97iah{color:white}.marketing.dark.svelte-g97iah .content .tags-wrapper .tags .primary-tag.svelte-g97iah{background:rgba(234, 208, 154, 0.5);color:white}.marketing.dark.svelte-g97iah .content .tags-wrapper .tags .secondary-tag.svelte-g97iah{background:rgba(255, 255, 255, 0.15);color:rgba(255, 255, 255, 0.85)}.marketing.dark.svelte-g97iah .content .footer.svelte-g97iah{color:#ead09a;fill:#ead09a}.marketing.unfolded.svelte-g97iah .line.svelte-g97iah{transform:translateX(-50%) scale(1, 1)}.marketing.folded.svelte-g97iah .line.svelte-g97iah{transform:translateX(-50%) scale(1, 0);transition-timing-function:ease-in}.marketing.unfolded.svelte-g97iah .content.svelte-g97iah{opacity:1}.marketing.folded.svelte-g97iah .content.svelte-g97iah{opacity:0;transform:translateY(0.425rem);transition-timing-function:ease-in}');
+function he(l) {
+  re(l, "svelte-1yl9i3a", '@charset "UTF-8";.svelte-1yl9i3a.svelte-1yl9i3a{box-sizing:border-box}.marketing.svelte-1yl9i3a.svelte-1yl9i3a{transform:translateY(-100%)}.marketing.svelte-1yl9i3a .line.svelte-1yl9i3a{position:absolute;height:2.0625rem;width:0.0625rem;left:50%;transform:translateX(-50%);background-color:white;bottom:0;transform-origin:bottom;transition:all 500ms}.marketing.svelte-1yl9i3a .content.svelte-1yl9i3a{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-1yl9i3a .content .headerImage.svelte-1yl9i3a{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-1yl9i3a.svelte-1yl9i3a{position:relative;width:100%;height:1.125rem}.title-wrapper.svelte-1yl9i3a .title.svelte-1yl9i3a{border-radius:0.25rem;width:100%;padding-left:0.625rem;padding-right:0.625rem}.title-wrapper.svelte-1yl9i3a .title .text.svelte-1yl9i3a{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-1yl9i3a.svelte-1yl9i3a{position:relative;padding:0.5rem 0.625rem 0 0;width:100%;display:flex;align-items:center}.footer.svelte-1yl9i3a .goto-button.svelte-1yl9i3a{display:flex;flex-wrap:wrap;align-items:center;overflow:hidden;font-size:0.625rem;height:0.875rem}.footer.svelte-1yl9i3a .goto-button .gap.svelte-1yl9i3a{height:100%;width:0.625rem}.footer.svelte-1yl9i3a .goto-button .text.svelte-1yl9i3a{display:inline-block}.footer.svelte-1yl9i3a svg.arrow.svelte-1yl9i3a{flex-grow:0;flex-shrink:0;margin-left:0.25rem;width:0.375rem;height:0.5625rem}.footer.svelte-1yl9i3a .price.svelte-1yl9i3a{flex-shrink:0;margin-right:auto;white-space:nowrap;display:flex;align-items:baseline;margin-left:0.625rem}.footer.svelte-1yl9i3a .price .value.svelte-1yl9i3a{position:relative;font-size:0.875rem;line-height:1rem;font-family:TG-TYPE, PingFangSC, Segoe UI, Rototo, sans-serif;letter-spacing:0rem}.footer.svelte-1yl9i3a .price .unit.svelte-1yl9i3a{padding-left:0.125rem;font-size:0.625rem}.tags-wrapper.svelte-1yl9i3a.svelte-1yl9i3a{position:relative;overflow:hidden;height:1rem;margin-top:0.25rem}.tags-wrapper.svelte-1yl9i3a .tags.svelte-1yl9i3a{position:relative;display:inline-flex;max-width:100%;flex-wrap:wrap;padding-left:0.625rem;padding-right:0.375rem}.tags-wrapper.svelte-1yl9i3a .tags .tag.svelte-1yl9i3a{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-1yl9i3a .content.svelte-1yl9i3a{background-color:white}.marketing.light.svelte-1yl9i3a .content .title-wrapper .title .text.svelte-1yl9i3a{color:rgba(0, 0, 0, 0.8)}.marketing.light.svelte-1yl9i3a .content .tags-wrapper .tags .primary-tag.svelte-1yl9i3a{background:rgba(234, 208, 154, 0.5);color:#946700}.marketing.light.svelte-1yl9i3a .content .tags-wrapper .tags .secondary-tag.svelte-1yl9i3a{background:rgba(0, 0, 0, 0.06);color:rgba(0, 0, 0, 0.5)}.marketing.light.svelte-1yl9i3a .content .footer.svelte-1yl9i3a{color:#946700;fill:#946700}.marketing.dark.svelte-1yl9i3a .content.svelte-1yl9i3a{background-color:rgba(0, 0, 0, 0.5)}.marketing.dark.svelte-1yl9i3a .content .title-wrapper .title .text.svelte-1yl9i3a{color:white}.marketing.dark.svelte-1yl9i3a .content .tags-wrapper .tags .primary-tag.svelte-1yl9i3a{background:rgba(234, 208, 154, 0.5);color:white}.marketing.dark.svelte-1yl9i3a .content .tags-wrapper .tags .secondary-tag.svelte-1yl9i3a{background:rgba(255, 255, 255, 0.15);color:rgba(255, 255, 255, 0.85)}.marketing.dark.svelte-1yl9i3a .content .footer.svelte-1yl9i3a{color:#ead09a;fill:#ead09a}.marketing.unfolded.svelte-1yl9i3a .line.svelte-1yl9i3a{transform:translateX(-50%) scale(1, 1)}.marketing.folded.svelte-1yl9i3a .line.svelte-1yl9i3a{transform:translateX(-50%) scale(1, 0);transition-timing-function:ease-in}.marketing.unfolded.svelte-1yl9i3a .content.svelte-1yl9i3a{opacity:1}.marketing.folded.svelte-1yl9i3a .content.svelte-1yl9i3a{opacity:0;transform:translateY(0.425rem);transition-timing-function:ease-in}');
 }
-function N(i, e, t) {
-  const a = i.slice();
+function N(l, e, t) {
+  const a = l.slice();
   return a[0] = e[t], a;
 }
-function O(i, e, t) {
-  const a = i.slice();
+function O(l, e, t) {
+  const a = l.slice();
   return a[0] = e[t], a;
 }
-function Z(i) {
+function Z(l) {
   let e, t;
   return {
     c() {
-      e = v("img"), h(e, "class", "headerImage svelte-g97iah"), j(e.src, t = i[3].headerPictureUrl) || h(e, "src", t), h(e, "alt", "");
+      e = h("img"), m(e, "class", "headerImage svelte-1yl9i3a"), j(e.src, t = l[3].headerPictureUrl) || m(e, "src", t), m(e, "alt", "");
     },
     m(a, r) {
       T(a, e, r);
     },
     p(a, r) {
-      r & 8 && !j(e.src, t = a[3].headerPictureUrl) && h(e, "src", t);
+      r & 8 && !j(e.src, t = a[3].headerPictureUrl) && m(e, "src", t);
     },
     d(a) {
       a && z(e);
     }
   };
 }
-function A(i) {
-  let e, t, a, r, s = i[2] || [], l = [];
+function A(l) {
+  let e, t, a, r, s = l[2] || [], i = [];
   for (let o = 0; o < s.length; o += 1)
-    l[o] = J(O(i, s, o));
-  let f = i[5] || [], g = [];
-  for (let o = 0; o < f.length; o += 1)
-    g[o] = K(N(i, f, o));
+    i[o] = J(O(l, s, o));
+  let d = l[5] || [], f = [];
+  for (let o = 0; o < d.length; o += 1)
+    f[o] = K(N(l, d, o));
   return {
     c() {
-      e = v("div"), t = v("div");
-      for (let o = 0; o < l.length; o += 1)
-        l[o].c();
+      e = h("div"), t = h("div");
+      for (let o = 0; o < i.length; o += 1)
+        i[o].c();
       a = C();
-      for (let o = 0; o < g.length; o += 1)
-        g[o].c();
-      h(t, "class", "tags svelte-g97iah"), fe(() => i[11].call(t)), h(e, "class", "tags-wrapper svelte-g97iah");
+      for (let o = 0; o < f.length; o += 1)
+        f[o].c();
+      m(t, "class", "tags svelte-1yl9i3a"), de(() => l[11].call(t)), m(e, "class", "tags-wrapper svelte-1yl9i3a");
     },
-    m(o, p) {
-      T(o, e, p), d(e, t);
-      for (let n = 0; n < l.length; n += 1)
-        l[n].m(t, null);
-      d(t, a);
-      for (let n = 0; n < g.length; n += 1)
-        g[n].m(t, null);
-      r = me(t, i[11].bind(t));
+    m(o, v) {
+      T(o, e, v), c(e, t);
+      for (let n = 0; n < i.length; n += 1)
+        i[n].m(t, null);
+      c(t, a);
+      for (let n = 0; n < f.length; n += 1)
+        f[n].m(t, null);
+      r = ge(t, l[11].bind(t));
     },
-    p(o, p) {
-      if (p & 4) {
+    p(o, v) {
+      if (v & 4) {
         s = o[2] || [];
         let n;
         for (n = 0; n < s.length; n += 1) {
-          const c = O(o, s, n);
-          l[n] ? l[n].p(c, p) : (l[n] = J(c), l[n].c(), l[n].m(t, a));
+          const p = O(o, s, n);
+          i[n] ? i[n].p(p, v) : (i[n] = J(p), i[n].c(), i[n].m(t, a));
         }
-        for (; n < l.length; n += 1)
-          l[n].d(1);
-        l.length = s.length;
+        for (; n < i.length; n += 1)
+          i[n].d(1);
+        i.length = s.length;
       }
-      if (p & 32) {
-        f = o[5] || [];
+      if (v & 32) {
+        d = o[5] || [];
         let n;
-        for (n = 0; n < f.length; n += 1) {
-          const c = N(o, f, n);
-          g[n] ? g[n].p(c, p) : (g[n] = K(c), g[n].c(), g[n].m(t, null));
+        for (n = 0; n < d.length; n += 1) {
+          const p = N(o, d, n);
+          f[n] ? f[n].p(p, v) : (f[n] = K(p), f[n].c(), f[n].m(t, null));
         }
-        for (; n < g.length; n += 1)
-          g[n].d(1);
-        g.length = f.length;
+        for (; n < f.length; n += 1)
+          f[n].d(1);
+        f.length = d.length;
       }
     },
     d(o) {
-      o && z(e), E(l, o), E(g, o), r();
+      o && z(e), E(i, o), E(f, o), r();
     }
   };
 }
-function J(i) {
-  let e, t = i[0] + "", a;
+function J(l) {
+  let e, t = l[0] + "", a;
   return {
     c() {
-      e = v("div"), a = S(t), h(e, "class", "tag primary-tag svelte-g97iah"), L(e, "min-width", q);
+      e = h("div"), a = S(t), m(e, "class", "tag primary-tag svelte-1yl9i3a"), L(e, "min-width", q);
     },
     m(r, s) {
-      T(r, e, s), d(e, a);
+      T(r, e, s), c(e, a);
     },
     p(r, s) {
       s & 4 && t !== (t = r[0] + "") && P(a, t);
@@ -124,14 +124,14 @@ function J(i) {
     }
   };
 }
-function K(i) {
-  let e, t = i[0] + "", a;
+function K(l) {
+  let e, t = l[0] + "", a;
   return {
     c() {
-      e = v("div"), a = S(t), h(e, "class", "tag secondary-tag svelte-g97iah"), L(e, "min-width", q);
+      e = h("div"), a = S(t), m(e, "class", "tag secondary-tag svelte-1yl9i3a"), L(e, "min-width", q);
     },
     m(r, s) {
-      T(r, e, s), d(e, a);
+      T(r, e, s), c(e, a);
     },
     p(r, s) {
       s & 32 && t !== (t = r[0] + "") && P(a, t);
@@ -141,48 +141,48 @@ function K(i) {
     }
   };
 }
-function Q(i) {
-  let e, t, a = i[7] && V(i), r = i[3].highlightText && $(i);
+function Q(l) {
+  let e, t, a = l[7] && V(l), r = l[3].highlightText && $(l);
   return {
     c() {
-      e = v("div"), a && a.c(), t = C(), r && r.c(), h(e, "class", "footer svelte-g97iah");
+      e = h("div"), a && a.c(), t = C(), r && r.c(), m(e, "class", "footer svelte-1yl9i3a");
     },
-    m(s, l) {
-      T(s, e, l), a && a.m(e, null), d(e, t), r && r.m(e, null);
+    m(s, i) {
+      T(s, e, i), a && a.m(e, null), c(e, t), r && r.m(e, null);
     },
-    p(s, l) {
-      s[7] ? a ? a.p(s, l) : (a = V(s), a.c(), a.m(e, t)) : a && (a.d(1), a = null), s[3].highlightText ? r ? r.p(s, l) : (r = $(s), r.c(), r.m(e, null)) : r && (r.d(1), r = null);
+    p(s, i) {
+      s[7] ? a ? a.p(s, i) : (a = V(s), a.c(), a.m(e, t)) : a && (a.d(1), a = null), s[3].highlightText ? r ? r.p(s, i) : (r = $(s), r.c(), r.m(e, null)) : r && (r.d(1), r = null);
     },
     d(s) {
       s && z(e), a && a.d(), r && r.d();
     }
   };
 }
-function V(i) {
-  let e, t, a = i[3].price.value + "", r, s, l = i[3].price.unit && x(i);
+function V(l) {
+  let e, t, a = l[3].price.value + "", r, s, i = l[3].price.unit && x(l);
   return {
     c() {
-      e = v("div"), t = v("span"), r = S(a), s = C(), l && l.c(), h(t, "class", "value svelte-g97iah"), h(e, "class", "price svelte-g97iah");
+      e = h("div"), t = h("span"), r = S(a), s = C(), i && i.c(), m(t, "class", "value svelte-1yl9i3a"), m(e, "class", "price svelte-1yl9i3a");
     },
-    m(f, g) {
-      T(f, e, g), d(e, t), d(t, r), d(e, s), l && l.m(e, null);
+    m(d, f) {
+      T(d, e, f), c(e, t), c(t, r), c(e, s), i && i.m(e, null);
     },
-    p(f, g) {
-      g & 8 && a !== (a = f[3].price.value + "") && P(r, a), f[3].price.unit ? l ? l.p(f, g) : (l = x(f), l.c(), l.m(e, null)) : l && (l.d(1), l = null);
+    p(d, f) {
+      f & 8 && a !== (a = d[3].price.value + "") && P(r, a), d[3].price.unit ? i ? i.p(d, f) : (i = x(d), i.c(), i.m(e, null)) : i && (i.d(1), i = null);
     },
-    d(f) {
-      f && z(e), l && l.d();
+    d(d) {
+      d && z(e), i && i.d();
     }
   };
 }
-function x(i) {
-  let e, t = i[3].price.unit + "", a;
+function x(l) {
+  let e, t = l[3].price.unit + "", a;
   return {
     c() {
-      e = v("span"), a = S(t), h(e, "class", "unit svelte-g97iah");
+      e = h("span"), a = S(t), m(e, "class", "unit svelte-1yl9i3a");
     },
     m(r, s) {
-      T(r, e, s), d(e, a);
+      T(r, e, s), c(e, a);
     },
     p(r, s) {
       s & 8 && t !== (t = r[3].price.unit + "") && P(a, t);
@@ -192,29 +192,29 @@ function x(i) {
     }
   };
 }
-function $(i) {
-  let e, t, a, r, s = i[3].highlightText + "", l, f, g, o, p;
+function $(l) {
+  let e, t, a, r, s = l[3].highlightText + "", i, d, f, o, v;
   return {
     c() {
-      e = v("div"), t = v("div"), a = C(), r = v("span"), l = S(s), f = C(), g = X("svg"), o = X("g"), p = X("path"), h(t, "class", "gap svelte-g97iah"), h(r, "class", "text svelte-g97iah"), h(e, "class", "goto-button goto-icon svelte-g97iah"), h(p, "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"), h(p, "class", "svelte-g97iah"), h(o, "transform", "translate(-3, -2)"), h(o, "fill-rule", "nonzero"), h(o, "class", "svelte-g97iah"), h(g, "class", "arrow svelte-g97iah"), h(g, "viewBox", "0 0 6 9");
+      e = h("div"), t = h("div"), a = C(), r = h("span"), i = S(s), d = C(), f = X("svg"), o = X("g"), v = X("path"), m(t, "class", "gap svelte-1yl9i3a"), m(r, "class", "text svelte-1yl9i3a"), m(e, "class", "goto-button goto-icon svelte-1yl9i3a"), m(v, "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"), m(v, "class", "svelte-1yl9i3a"), m(o, "transform", "translate(-3, -2)"), m(o, "fill-rule", "nonzero"), m(o, "class", "svelte-1yl9i3a"), m(f, "class", "arrow svelte-1yl9i3a"), m(f, "viewBox", "0 0 6 9");
     },
-    m(n, c) {
-      T(n, e, c), d(e, t), d(e, a), d(e, r), d(r, l), T(n, f, c), T(n, g, c), d(g, o), d(o, p);
+    m(n, p) {
+      T(n, e, p), c(e, t), c(e, a), c(e, r), c(r, i), T(n, d, p), T(n, f, p), c(f, o), c(o, v);
     },
-    p(n, c) {
-      c & 8 && s !== (s = n[3].highlightText + "") && P(l, s);
+    p(n, p) {
+      p & 8 && s !== (s = n[3].highlightText + "") && P(i, s);
     },
     d(n) {
-      n && z(e), n && z(f), n && z(g);
+      n && z(e), n && z(d), n && z(f);
     }
   };
 }
-function ue(i) {
+function ue(l) {
   var Y, B;
-  let e, t, a, r, s, l, f, g, o, p, n = i[3].title + "", c, U, W, b, k;
-  t = new pe({
+  let e, t, a, r, s, i, d, f, o, v, n = l[3].title + "", p, U, W, w, b;
+  t = new ve({
     props: {
-      visible: i[4],
+      visible: l[4],
       outDelay: 500,
       left: 61,
       bottom: 87,
@@ -222,66 +222,66 @@ function ue(i) {
       spreadRadius: 75
     }
   });
-  let u = i[3].headerPictureUrl && Z(i), _ = ((Y = i[2].length) != null ? Y : 0) + ((B = i[5].length) != null ? B : 0) > 0 && A(i), w = (i[7] || i[3].highlightText) && Q(i);
+  let u = l[3].headerPictureUrl && Z(l), y = ((Y = l[2].length) != null ? Y : 0) + ((B = l[5].length) != null ? B : 0) > 0 && A(l), _ = (l[7] || l[3].highlightText) && Q(l);
   return {
     c() {
-      e = v("div"), ne(t.$$.fragment), a = C(), r = v("div"), s = C(), l = v("div"), u && u.c(), f = C(), g = v("div"), o = v("div"), p = v("div"), c = S(n), U = C(), _ && _.c(), W = C(), w && w.c(), h(r, "class", "line svelte-g97iah"), L(r, "transition-delay", i[4] ? I + "ms" : R + te - ee - 40 + "ms"), h(p, "class", "text svelte-g97iah"), h(o, "class", "title svelte-g97iah"), h(g, "class", "title-wrapper svelte-g97iah"), h(l, "class", "content svelte-g97iah"), L(l, "max-width", ce(i[9])), L(l, "transition-delay", i[4] ? I + R + "ms" : "0ms"), h(e, "class", b = M(`marketing ${i[6]}`) + " svelte-g97iah"), G(e, "unfolded", i[4]), G(e, "folded", i[8]);
+      e = h("div"), ne(t.$$.fragment), a = C(), r = h("div"), s = C(), i = h("div"), u && u.c(), d = C(), f = h("div"), o = h("div"), v = h("div"), p = S(n), U = C(), y && y.c(), W = C(), _ && _.c(), m(r, "class", "line svelte-1yl9i3a"), L(r, "transition-delay", l[4] ? I + "ms" : R + te - ee - 40 + "ms"), m(v, "class", "text svelte-1yl9i3a"), m(o, "class", "title svelte-1yl9i3a"), m(f, "class", "title-wrapper svelte-1yl9i3a"), m(i, "class", "content svelte-1yl9i3a"), L(i, "max-width", pe(l[9])), L(i, "transition-delay", l[4] ? I + R + "ms" : "0ms"), m(e, "class", w = M(`marketing ${l[6]}`) + " svelte-1yl9i3a"), G(e, "unfolded", l[4]), G(e, "folded", l[8]);
     },
-    m(m, y) {
-      T(m, e, y), se(t, e, null), d(e, a), d(e, r), d(e, s), d(e, l), u && u.m(l, null), d(l, f), d(l, g), d(g, o), d(o, p), d(p, c), d(l, U), _ && _.m(l, null), d(l, W), w && w.m(l, null), k = !0;
+    m(g, k) {
+      T(g, e, k), se(t, e, null), c(e, a), c(e, r), c(e, s), c(e, i), u && u.m(i, null), c(i, d), c(i, f), c(f, o), c(o, v), c(v, p), c(i, U), y && y.m(i, null), c(i, W), _ && _.m(i, null), b = !0;
     },
-    p(m, [y]) {
+    p(g, [k]) {
       var F, H;
       const D = {};
-      y & 16 && (D.visible = m[4]), t.$set(D), y & 16 && L(r, "transition-delay", m[4] ? I + "ms" : R + te - ee - 40 + "ms"), m[3].headerPictureUrl ? u ? u.p(m, y) : (u = Z(m), u.c(), u.m(l, f)) : u && (u.d(1), u = null), (!k || y & 8) && n !== (n = m[3].title + "") && P(c, n), ((F = m[2].length) != null ? F : 0) + ((H = m[5].length) != null ? H : 0) > 0 ? _ ? _.p(m, y) : (_ = A(m), _.c(), _.m(l, W)) : _ && (_.d(1), _ = null), m[7] || m[3].highlightText ? w ? w.p(m, y) : (w = Q(m), w.c(), w.m(l, null)) : w && (w.d(1), w = null), y & 16 && L(l, "transition-delay", m[4] ? I + R + "ms" : "0ms"), (!k || y & 64 && b !== (b = M(`marketing ${m[6]}`) + " svelte-g97iah")) && h(e, "class", b), (!k || y & 80) && G(e, "unfolded", m[4]), (!k || y & 320) && G(e, "folded", m[8]);
+      k & 16 && (D.visible = g[4]), t.$set(D), k & 16 && L(r, "transition-delay", g[4] ? I + "ms" : R + te - ee - 40 + "ms"), g[3].headerPictureUrl ? u ? u.p(g, k) : (u = Z(g), u.c(), u.m(i, d)) : u && (u.d(1), u = null), (!b || k & 8) && n !== (n = g[3].title + "") && P(p, n), ((F = g[2].length) != null ? F : 0) + ((H = g[5].length) != null ? H : 0) > 0 ? y ? y.p(g, k) : (y = A(g), y.c(), y.m(i, W)) : y && (y.d(1), y = null), g[7] || g[3].highlightText ? _ ? _.p(g, k) : (_ = Q(g), _.c(), _.m(i, null)) : _ && (_.d(1), _ = null), k & 16 && L(i, "transition-delay", g[4] ? I + R + "ms" : "0ms"), (!b || k & 64 && w !== (w = M(`marketing ${g[6]}`) + " svelte-1yl9i3a")) && m(e, "class", w), (!b || k & 80) && G(e, "unfolded", g[4]), (!b || k & 320) && G(e, "folded", g[8]);
     },
-    i(m) {
-      k || (oe(t.$$.fragment, m), k = !0);
+    i(g) {
+      b || (oe(t.$$.fragment, g), b = !0);
     },
-    o(m) {
-      ge(t.$$.fragment, m), k = !1;
+    o(g) {
+      fe(t.$$.fragment, g), b = !1;
     },
-    d(m) {
-      m && z(e), he(t), u && u.d(), _ && _.d(), w && w.d();
+    d(g) {
+      g && z(e), me(t), u && u.d(), y && y.d(), _ && _.d();
     }
   };
 }
 const q = 40, I = 400, ee = 500, R = 180, te = 500;
-function _e(i, e, t) {
-  let a, r, s, l, f, g, o, p, { tag: n } = e, c, U = (() => {
-    var k;
-    const b = (k = n.data.limitWidth) != null ? k : !0;
-    if (typeof b == "number")
-      return b;
-    if (b === !0)
+function ye(l, e, t) {
+  let a, r, s, i, d, f, o, v, { tag: n } = e, p, U = (() => {
+    var b;
+    const w = (b = n.data.limitWidth) != null ? b : !0;
+    if (typeof w == "number")
+      return w;
+    if (w === !0)
       return 172;
   })();
   function W() {
-    c = this.offsetHeight, t(1, c);
+    p = this.offsetHeight, t(1, p);
   }
-  return i.$$set = (b) => {
-    "tag" in b && t(0, n = b.tag);
-  }, i.$$.update = () => {
-    var b, k, u, _, w, Y, B;
-    i.$$.dirty & 1 && t(4, a = (k = (b = n.state) == null ? void 0 : b.unfolded) != null ? k : !1), i.$$.dirty & 16 && t(8, r = !a), i.$$.dirty & 1 && t(3, s = n.data), i.$$.dirty & 8 && t(7, l = de((u = s.price) == null ? void 0 : u.value) && ((_ = s.price) == null ? void 0 : _.value) !== ""), i.$$.dirty & 1 && t(6, f = (w = n.data.theme) != null ? w : "light"), i.$$.dirty & 1026 && c > 40 && t(10, g = g - 1), i.$$.dirty & 1032 && t(2, o = ((Y = s.brandTags) == null ? void 0 : Y.slice(0, g).filter(Boolean)) || []), i.$$.dirty & 1036 && t(5, p = ((B = s.tags) == null ? void 0 : B.slice(0, g - o.length).filter(Boolean)) || []);
-  }, t(10, g = (U - 20) / q), [
+  return l.$$set = (w) => {
+    "tag" in w && t(0, n = w.tag);
+  }, l.$$.update = () => {
+    var w, b, u, y, _, Y, B;
+    l.$$.dirty & 1 && t(4, a = (b = (w = n.state) == null ? void 0 : w.unfolded) != null ? b : !1), l.$$.dirty & 16 && t(8, r = !a), l.$$.dirty & 1 && t(3, s = n.data), l.$$.dirty & 8 && t(7, i = ce((u = s.price) == null ? void 0 : u.value) && ((y = s.price) == null ? void 0 : y.value) !== ""), l.$$.dirty & 1 && t(6, d = (_ = n.data.theme) != null ? _ : "light"), l.$$.dirty & 1026 && p > 40 && t(10, f = f - 1), l.$$.dirty & 1032 && t(2, o = ((Y = s.brandTags) == null ? void 0 : Y.slice(0, f).filter(Boolean)) || []), l.$$.dirty & 1036 && t(5, v = ((B = s.tags) == null ? void 0 : B.slice(0, f - o.length).filter(Boolean)) || []);
+  }, t(10, f = (U - 20) / q), [
     n,
-    c,
+    p,
     o,
     s,
     a,
-    p,
-    f,
-    l,
+    v,
+    d,
+    i,
     r,
     U,
-    g,
+    f,
     W
   ];
 }
-class Oe extends ie {
+class Oe extends le {
   constructor(e) {
-    super(), le(this, e, _e, ue, ae, { tag: 0 }, ve);
+    super(), ie(this, e, ye, ue, ae, { tag: 0 }, he);
   }
 }
 export {

package/libs/PanoTagPlugin/controller/TagComputer.js

@@ -223,7 +223,10 @@ class ve extends S {
       const l = (s = (f = this.five.work) == null ? void 0 : f.observers[i]) == null ? void 0 : s.position;
       if (l === void 0)
         throw new Error(`getDistance(): observerPosition is ${l}`);
-      const c = D(e), u = l.distanceTo(c);
+      const c = D(e);
+      if (!c)
+        return -1;
+      const u = l.distanceTo(c);
       return o.distance = u, u;
     }
   }
@@ -345,7 +348,7 @@ class ve extends S {
     });
   }
   getTagProject(e) {
-    if (!this.getVisibleByPanoIndex(e))
+    if (!this.getVisibleByPanoIndex(e) || !e.position)
       return;
     const i = M(e.position), { x: o, y: n, z: f } = i.project(this.five.camera);
     if (!(f > 1))

package/libs/PanoTagPlugin/utils/tagPosition.js

@@ -1,25 +1,26 @@
-import { Matrix4 as s, Vector3 as m } from "three";
+import { Matrix4 as m, Vector3 as p } from "three";
 import { centerPoint as n } from "../../CSS3DRenderPlugin/utils/centerPoint.js";
-import { anyPositionToVector3 as t, arrayPositionToVector3 as p } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
+import { anyPositionToVector3 as t, arrayPositionToVector3 as a } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
 import "@realsee/five/gltf-loader";
-import { isPointTag as a, isMediaModelTag as c } from "./tag/tagCheck.js";
-function f(r) {
-  if (Array.isArray(r) && r.length === 4) {
-    const o = r.map(t);
-    return n(o[0], o[2]);
-  } else
-    return t(r);
+import { isPointTag as c, isMediaModelTag as f } from "./tag/tagCheck.js";
+function e(r) {
+  if (!!e)
+    if (Array.isArray(r) && r.length === 4) {
+      const o = r.map(t);
+      return n(o[0], o[2]);
+    } else
+      return t(r);
 }
-function T(r) {
-  if (a(r))
-    return p(r == null ? void 0 : r.position);
-  if (c(r) && r.matrix) {
-    const i = new s().fromArray(r.matrix), o = r.data.mediaPosition.map((e) => new m().fromArray(e).applyMatrix4(i));
+function d(r) {
+  if (c(r))
+    return a(r == null ? void 0 : r.position);
+  if (f(r) && r.matrix) {
+    const i = new m().fromArray(r.matrix), o = r.data.mediaPosition.map((s) => new p().fromArray(s).applyMatrix4(i));
     return n(o[0], o[2]);
   } else
-    return f(r.position);
+    return e(r.position);
 }
 export {
-  T as getTagPosition,
-  f as tagPosition
+  d as getTagPosition,
+  e as tagPosition
 };

package/package.json

@@ -7,7 +7,7 @@
   "repository": "https://github.com/realsee-developer/dnalogel.git",
   "description": "如视 VR 看房插件合集",
   "private": false,
-  "version": "2.9.0-alpha.0",
+  "version": "2.9.0-alpha.2",
   "license": "SEE LICENSE IN TERMS.txt",
   "scripts": {
     "clean": "rm -rf components dist docs libs types ./vite.config.js.timestamp*",