@realsee/dnalogel 2.4.0 → 2.5.0

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

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

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

@@ -1,87 +1,117 @@
-import { SvelteComponent as g, init as y, safe_not_equal as b, append_styles as h, empty as w, insert as m, transition_in as f, group_outros as C, transition_out as d, check_outros as D, detach as _, element as j, create_component as k, attr as F, mount_component as M, destroy_component as v } from "../../../vendor/svelte/internal/index.js";
-import { Media as N } from "../Common/Media.js";
-function P(a) {
+import { SvelteComponent as _, init as b, safe_not_equal as I, append_styles as h, empty as w, insert as g, transition_in as d, transition_out as m, check_outros as C, detach as y, element as D, create_component as N, attr as P, mount_component as j, destroy_component as k, group_outros as B } from "../../../vendor/svelte/internal/index.js";
+import F from "../Common/Media.js";
+import "../../../vendor/svelte/transition/index.js";
+import "../../../vendor/svelte/easing/index.js";
+import "../../../vendor/swiper/svelte/swiper.js";
+import "swiper";
+import "../../../vendor/swiper/components-shared/get-params.js";
+import "../../../vendor/swiper/components-shared/utils.js";
+import "../../../vendor/swiper/components-shared/params-list.js";
+import "../../../vendor/swiper/components-shared/mount-swiper.js";
+import "../../../vendor/swiper/components-shared/get-changed-params.js";
+import "../../../vendor/swiper/components-shared/update-swiper.js";
+import "../../../vendor/swiper/svelte/swiper-slide.js";
+import "swiper/css";
+import "swiper/css/autoplay";
+import "three";
+import "../../utils/noTypecheck.js";
+import "../Common/MediaItem.js";
+import "../../Assets/Icon.js";
+import "../../../shared-utils/isNil.js";
+function M(a) {
   h(a, "svelte-10cw0el", ".media-wrapper.svelte-10cw0el{position:absolute;width:100%;height:100%}");
 }
 function c(a) {
-  let i, n, t;
-  return n = new N({
+  var i;
+  let r, o, t;
+  return o = new F({
     props: {
-      unfolded: a[5],
-      mediaData: a[4],
-      objectFit: a[2],
+      mediaItemConfig: {
+        canPlay: !0,
+        playButtonSizeIfNeed: "large",
+        playButtonIfNeed: (i = a[4]) != null ? i : "withText",
+        disableVideoIfHavePoster: !1,
+        objectFit: a[2]
+      },
+      unfolded: a[6],
+      mediaData: a[5],
       enableCarousel: a[1],
       autoplayConfig: a[3],
       tag: a[0],
-      canPlay: !0,
-      playButtonIfNeed: "large",
       inDelay: 500,
       duration: 500
     }
   }), {
     c() {
-      i = j("div"), k(n.$$.fragment), F(i, "class", "media-wrapper svelte-10cw0el");
+      r = D("div"), N(o.$$.fragment), P(r, "class", "media-wrapper svelte-10cw0el");
     },
-    m(e, o) {
-      m(e, i, o), M(n, i, null), t = !0;
+    m(e, n) {
+      g(e, r, n), j(o, r, null), t = !0;
     },
-    p(e, o) {
-      const r = {};
-      o & 32 && (r.unfolded = e[5]), o & 16 && (r.mediaData = e[4]), o & 4 && (r.objectFit = e[2]), o & 2 && (r.enableCarousel = e[1]), o & 8 && (r.autoplayConfig = e[3]), o & 1 && (r.tag = e[0]), n.$set(r);
+    p(e, n) {
+      var p;
+      const f = {};
+      n & 20 && (f.mediaItemConfig = {
+        canPlay: !0,
+        playButtonSizeIfNeed: "large",
+        playButtonIfNeed: (p = e[4]) != null ? p : "withText",
+        disableVideoIfHavePoster: !1,
+        objectFit: e[2]
+      }), n & 64 && (f.unfolded = e[6]), n & 32 && (f.mediaData = e[5]), n & 2 && (f.enableCarousel = e[1]), n & 8 && (f.autoplayConfig = e[3]), n & 1 && (f.tag = e[0]), o.$set(f);
     },
     i(e) {
-      t || (f(n.$$.fragment, e), t = !0);
+      t || (d(o.$$.fragment, e), t = !0);
     },
     o(e) {
-      d(n.$$.fragment, e), t = !1;
+      m(o.$$.fragment, e), t = !1;
     },
     d(e) {
-      e && _(i), v(n);
+      e && y(r), k(o);
     }
   };
 }
-function q(a) {
-  let i, n, t = a[0].state && a[4] && c(a);
+function v(a) {
+  let r, o, t = a[0].state && a[5] && c(a);
   return {
     c() {
-      t && t.c(), i = w();
+      t && t.c(), r = w();
     },
-    m(e, o) {
-      t && t.m(e, o), m(e, i, o), n = !0;
+    m(i, e) {
+      t && t.m(i, e), g(i, r, e), o = !0;
     },
-    p(e, [o]) {
-      e[0].state && e[4] ? t ? (t.p(e, o), o & 17 && f(t, 1)) : (t = c(e), t.c(), f(t, 1), t.m(i.parentNode, i)) : t && (C(), d(t, 1, 1, () => {
+    p(i, [e]) {
+      i[0].state && i[5] ? t ? (t.p(i, e), e & 33 && d(t, 1)) : (t = c(i), t.c(), d(t, 1), t.m(r.parentNode, r)) : t && (B(), m(t, 1, 1, () => {
         t = null;
-      }), D());
+      }), C());
     },
-    i(e) {
-      n || (f(t), n = !0);
+    i(i) {
+      o || (d(t), o = !0);
     },
-    o(e) {
-      d(t), n = !1;
+    o(i) {
+      m(t), o = !1;
     },
-    d(e) {
-      t && t.d(e), e && _(i);
+    d(i) {
+      t && t.d(i), i && y(r);
     }
   };
 }
-function B(a, i, n) {
-  let t, e, o, r, s, { tag: l } = i;
+function S(a, r, o) {
+  let t, i, e, n, f, p, { tag: l } = r;
   return a.$$set = (u) => {
-    "tag" in u && n(0, l = u.tag);
+    "tag" in u && o(0, l = u.tag);
   }, a.$$.update = () => {
-    var u, p;
-    a.$$.dirty & 1 && n(5, t = l.state ? l.state.unfolded : !1), a.$$.dirty & 1 && n(4, e = l.data.mediaData), a.$$.dirty & 1 && n(1, o = l.data.enableCarousel), a.$$.dirty & 3 && n(3, r = (u = l.data.autoplayConfig) != null ? u : {
-      autoplay: o != null ? o : !0,
+    var u, s;
+    a.$$.dirty & 1 && o(6, t = l.state ? l.state.unfolded : !1), a.$$.dirty & 1 && o(5, i = l.data.mediaData), a.$$.dirty & 1 && o(1, e = l.data.enableCarousel), a.$$.dirty & 1 && o(4, n = l.data.playIcon), a.$$.dirty & 3 && o(3, f = (u = l.data.autoplayConfig) != null ? u : {
+      autoplay: e != null ? e : !0,
       autoplayVideo: !0
-    }), a.$$.dirty & 1 && n(2, s = (p = l.data.objectFit) != null ? p : (() => l.data.adaptationMode === "stretch" ? "cover" : l.data.adaptationMode === "proportional" ? "contain" : void 0)());
-  }, [l, o, s, r, e, t];
+    }), a.$$.dirty & 1 && o(2, p = (s = l.data.objectFit) != null ? s : (() => l.data.adaptationMode === "stretch" ? "cover" : l.data.adaptationMode === "proportional" ? "contain" : void 0)());
+  }, [l, e, p, f, n, i, t];
 }
-class V extends g {
-  constructor(i) {
-    super(), y(this, i, B, q, b, { tag: 0 }, P);
+class x extends _ {
+  constructor(r) {
+    super(), b(this, r, S, v, I, { tag: 0 }, M);
   }
 }
 export {
-  V as MediaPlane
+  x as default
 };