@realsee/dnalogel 2.3.9-alpha.1 → 2.3.9-alpha.2

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

@@ -1,143 +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 ke from "../Common/Shadow.js";
+import { SvelteComponent as me, init as fe, safe_not_equal as de, append_styles as ce, element as h, create_component as ge, space as A, text as D, attr as c, set_style as R, src_url_equal as K, toggle_class as Y, insert as S, mount_component as pe, append as d, set_data as E, transition_in as be, transition_out as ue, detach as T, destroy_component as he, destroy_each as W, empty as se } 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 ve 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 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}");
+function ke(l) {
+  ce(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 j(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 $(l, t, e) {
+  const i = l.slice();
+  return i[0] = t[e], i;
 }
-function ee(i) {
-  let t, e = i[0] + "", l;
+function x(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 ee(l) {
+  let t, e = l[0] && x(l);
   return {
     c() {
-      e && e.c(), t = me();
+      e && e.c(), t = se();
     },
-    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 = x(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 te(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 ie(l) {
+  let t, e = l[0] && te(l);
   return {
     c() {
-      e && e.c(), t = me();
+      e && e.c(), t = se();
     },
-    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 = 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 ne(i) {
-  let t, e, l = i[2].price.value + "", n, s, o = i[2].price.unit && re(i);
+function le(l) {
+  let t, e, i = l[2].price.value + "", r, m, n = l[2].price.unit && re(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 = re(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 re(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 oe(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 ye(l) {
+  var Q;
+  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), N, w;
+  e = new ve({
     props: {
-      visible: i[1],
+      visible: l[1],
       outDelay: 500,
       left: 61,
       bottom: 87,
@@ -145,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] = ee($(l, z, o));
+  let C = l[2].tags || [], p = [];
+  for (let o = 0; o < C.length; o += 1)
+    p[o] = ie(j(l, C, o));
+  let b = M && le(l), u = l[2].highlightText && oe(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"), ge(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 + ae - ne - 40 + "ms"), c(f, "class", "headerImage svelte-8mby9k"), K(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), pe(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 X, H;
+      const y = {};
+      if (a & 2 && (y.visible = o[1]), e.$set(y), a & 2 && R(r, "transition-delay", o[1] ? V + "ms" : q + ae - ne - 40 + "ms"), (!w || a & 4 && !K(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 = $(o, z, s);
+          g[s] ? g[s].p(G, a) : (g[s] = ee(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 = j(o, C, s);
+          p[s] ? p[s].p(G, a) : (p[s] = ie(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((X = o[2].price) == null ? void 0 : X.value)), M ? b ? b.p(o, a) : (b = le(o), b.c(), b.m(k, N)) : b && (b.d(1), b = null), o[2].highlightText ? u ? u.p(o, a) : (u = oe(o), u.c(), u.m(k, null)) : u && (u.d(1), u = null), a & 4 && R(k, "height", L((H = o[2].price) == null ? void 0 : H.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 || (be(e.$$.fragment, o), w = !0);
     },
-    o(r) {
-      ve(e.$$.fragment, r), w = !1;
+    o(o) {
+      ue(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), he(e), W(g, o), W(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, ne = 500, q = 180, ae = 500;
+function _e(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 Ce extends fe {
+class Xe extends me {
   constructor(t) {
-    super(), de(this, t, we, _e, ce, { tag: 0 }, ye);
+    super(), fe(this, t, _e, ye, de, { tag: 0 }, ke);
   }
 }
 export {
-  Ce as default
+  Xe as default
 };

package/libs/PanoTagPlugin/Components/Tag/TextTag/TextPlaneTag.js

@@ -1,102 +1,102 @@
-import { SvelteComponent as P, init as j, safe_not_equal as A, append_styles as B, empty as E, insert as T, transition_in as u, transition_out as $, check_outros as F, detach as x, create_component as k, space as D, element as _, attr as v, toggle_class as b, mount_component as y, append as g, destroy_component as z, group_outros as G } from "../../../../vendor/svelte/internal/index.js";
-import H from "../../Common/Line/Straight.js";
-import M from "../../Common/Text/MText.js";
+import { SvelteComponent as j, init as A, safe_not_equal as B, append_styles as E, empty as F, insert as Y, transition_in as u, transition_out as x, check_outros as G, detach as z, create_component as w, space as D, element as c, attr as v, set_style as M, toggle_class as $, mount_component as k, append as g, destroy_component as y, group_outros as H } from "../../../../vendor/svelte/internal/index.js";
+import I from "../../Common/Line/Straight.js";
+import N from "../../Common/Text/MText.js";
 import "../../../../vendor/svelte/transition/index.js";
 import "../../../../vendor/svelte/easing/index.js";
 import "../../../../shared-utils/uuid.js";
 import "../../../utils/px2rem.js";
-function I(a) {
-  B(a, "svelte-7a4m", ".plane__container.svelte-7a4m.svelte-7a4m{position:absolute;left:50%;transform:translate(-50%, -100%);width:-moz-max-content;width:max-content}.plane__wrapper.svelte-7a4m.svelte-7a4m{transition:transform 500ms linear, opacity 200ms linear;padding:0.625rem;background-color:rgba(0, 0, 0, 0.5);border:0.03125rem solid rgba(255, 255, 255, 0.5);border-radius:0.25rem}.unfolded.svelte-7a4m .plane__wrapper.svelte-7a4m{transform:translateY(-0.9375rem);transition-delay:200ms, 500ms;opacity:1}.folded.svelte-7a4m .plane__wrapper.svelte-7a4m{transform:translateY(0);opacity:0}.plane.svelte-7a4m.svelte-7a4m{max-width:11.75rem}.title.svelte-7a4m.svelte-7a4m{font-weight:bold;font-size:0.75rem;line-height:1.125rem;margin-bottom:0.25rem}.description.svelte-7a4m.svelte-7a4m{font-size:0.6875rem;line-height:1rem}");
+function J(i) {
+  E(i, "svelte-10r5rix", ".plane__container.svelte-10r5rix.svelte-10r5rix{position:absolute;left:50%;transform:translate(-50%, -100%);width:-moz-max-content;width:max-content}.plane__wrapper.svelte-10r5rix.svelte-10r5rix{transition:transform 500ms linear, opacity 200ms linear;padding:0.625rem;background-color:rgba(0, 0, 0, 0.5);border:0.03125rem solid rgba(255, 255, 255, 0.5);border-radius:0.25rem}.unfolded.svelte-10r5rix .plane__wrapper.svelte-10r5rix{transition-delay:200ms, 500ms;opacity:1}.folded.svelte-10r5rix .plane__wrapper.svelte-10r5rix{opacity:0}.plane.svelte-10r5rix.svelte-10r5rix{max-width:11.75rem}.title.svelte-10r5rix.svelte-10r5rix{font-weight:bold;font-size:0.75rem;line-height:1.125rem;margin-bottom:0.25rem}.description.svelte-10r5rix.svelte-10r5rix{font-size:0.6875rem;line-height:1rem}");
 }
-function N(a) {
-  var C, L;
-  let i, l, e, n, r, m, o, c, d, f, p;
-  return i = new H({
+function P(i) {
+  var T, C;
+  let n, l, e, r, a, d, s, _, f, m, p;
+  return n = new I({
     props: {
-      unfolded: a[1],
+      unfolded: i[1],
       direction: "vertical",
       length: 15,
       duration: 500,
       inDelay: 200,
       useLinearColor: !0
     }
-  }), o = new M({
+  }), s = new N({
     props: {
-      text: a[2],
-      edit: (C = a[0].data.edit) == null ? void 0 : C.title
+      text: i[2],
+      edit: (T = i[0].data.edit) == null ? void 0 : T.title
     }
-  }), f = new M({
+  }), m = new N({
     props: {
-      text: a[0].data.description,
-      edit: (L = a[0].data.edit) == null ? void 0 : L.description,
+      text: i[0].data.description,
+      edit: (C = i[0].data.edit) == null ? void 0 : C.description,
       maxLine: 3
     }
   }), {
     c() {
-      k(i.$$.fragment), l = D(), e = _("div"), n = _("div"), r = _("div"), m = _("div"), k(o.$$.fragment), c = D(), d = _("div"), k(f.$$.fragment), v(m, "class", "title svelte-7a4m"), v(d, "class", "description svelte-7a4m"), v(r, "class", "plane svelte-7a4m"), v(n, "class", "plane__wrapper svelte-7a4m"), v(e, "class", "plane__container svelte-7a4m"), b(e, "unfolded", a[1]), b(e, "folded", a[3]);
+      w(n.$$.fragment), l = D(), e = c("div"), r = c("div"), a = c("div"), d = c("div"), w(s.$$.fragment), _ = D(), f = c("div"), w(m.$$.fragment), v(d, "class", "title svelte-10r5rix"), v(f, "class", "description svelte-10r5rix"), v(a, "class", "plane svelte-10r5rix"), v(r, "class", "plane__wrapper svelte-10r5rix"), M(r, "transform", i[1] ? "translateY(-15px)" : "translateY(0)"), v(e, "class", "plane__container svelte-10r5rix"), $(e, "unfolded", i[1]), $(e, "folded", i[3]);
     },
-    m(t, s) {
-      y(i, t, s), T(t, l, s), T(t, e, s), g(e, n), g(n, r), g(r, m), y(o, m, null), g(r, c), g(r, d), y(f, d, null), p = !0;
+    m(t, o) {
+      k(n, t, o), Y(t, l, o), Y(t, e, o), g(e, r), g(r, a), g(a, d), k(s, d, null), g(a, _), g(a, f), k(m, f, null), p = !0;
     },
-    p(t, s) {
-      var Y, q;
-      const S = {};
-      s & 2 && (S.unfolded = t[1]), i.$set(S);
+    p(t, o) {
+      var S, q;
+      const L = {};
+      o & 2 && (L.unfolded = t[1]), n.$set(L);
+      const b = {};
+      o & 4 && (b.text = t[2]), o & 1 && (b.edit = (S = t[0].data.edit) == null ? void 0 : S.title), s.$set(b);
       const h = {};
-      s & 4 && (h.text = t[2]), s & 1 && (h.edit = (Y = t[0].data.edit) == null ? void 0 : Y.title), o.$set(h);
-      const w = {};
-      s & 1 && (w.text = t[0].data.description), s & 1 && (w.edit = (q = t[0].data.edit) == null ? void 0 : q.description), f.$set(w), (!p || s & 2) && b(e, "unfolded", t[1]), (!p || s & 8) && b(e, "folded", t[3]);
+      o & 1 && (h.text = t[0].data.description), o & 1 && (h.edit = (q = t[0].data.edit) == null ? void 0 : q.description), m.$set(h), o & 2 && M(r, "transform", t[1] ? "translateY(-15px)" : "translateY(0)"), (!p || o & 2) && $(e, "unfolded", t[1]), (!p || o & 8) && $(e, "folded", t[3]);
     },
     i(t) {
-      p || (u(i.$$.fragment, t), u(o.$$.fragment, t), u(f.$$.fragment, t), p = !0);
+      p || (u(n.$$.fragment, t), u(s.$$.fragment, t), u(m.$$.fragment, t), p = !0);
     },
     o(t) {
-      $(i.$$.fragment, t), $(o.$$.fragment, t), $(f.$$.fragment, t), p = !1;
+      x(n.$$.fragment, t), x(s.$$.fragment, t), x(m.$$.fragment, t), p = !1;
     },
     d(t) {
-      z(i, t), t && x(l), t && x(e), z(o), z(f);
+      y(n, t), t && z(l), t && z(e), y(s), y(m);
     }
   };
 }
-function J(a) {
-  let i, l, e = a[0].state && N(a);
+function K(i) {
+  let n, l, e = i[0].state && P(i);
   return {
     c() {
-      e && e.c(), i = E();
+      e && e.c(), n = F();
     },
-    m(n, r) {
-      e && e.m(n, r), T(n, i, r), l = !0;
+    m(r, a) {
+      e && e.m(r, a), Y(r, n, a), l = !0;
     },
-    p(n, [r]) {
-      n[0].state ? e ? (e.p(n, r), r & 1 && u(e, 1)) : (e = N(n), e.c(), u(e, 1), e.m(i.parentNode, i)) : e && (G(), $(e, 1, 1, () => {
+    p(r, [a]) {
+      r[0].state ? e ? (e.p(r, a), a & 1 && u(e, 1)) : (e = P(r), e.c(), u(e, 1), e.m(n.parentNode, n)) : e && (H(), x(e, 1, 1, () => {
         e = null;
-      }), F());
+      }), G());
     },
-    i(n) {
+    i(r) {
       l || (u(e), l = !0);
     },
-    o(n) {
-      $(e), l = !1;
+    o(r) {
+      x(e), l = !1;
     },
-    d(n) {
-      e && e.d(n), n && x(i);
+    d(r) {
+      e && e.d(r), r && z(n);
     }
   };
 }
-function K(a, i, l) {
-  let e, n, r, { tag: m } = i;
-  return a.$$set = (o) => {
-    "tag" in o && l(0, m = o.tag);
-  }, a.$$.update = () => {
-    var o, c, d;
-    a.$$.dirty & 1 && l(1, e = !!((o = m.state) != null && o.unfolded)), a.$$.dirty & 2 && l(3, n = !e), a.$$.dirty & 1 && l(2, r = (d = (c = m.data.title) != null ? c : m.data.text) != null ? d : "");
-  }, [m, e, r, n];
+function O(i, n, l) {
+  let e, r, a, { tag: d } = n;
+  return i.$$set = (s) => {
+    "tag" in s && l(0, d = s.tag);
+  }, i.$$.update = () => {
+    var s, _, f;
+    i.$$.dirty & 1 && l(1, e = !!((s = d.state) != null && s.unfolded)), i.$$.dirty & 2 && l(3, r = !e), i.$$.dirty & 1 && l(2, a = (f = (_ = d.data.title) != null ? _ : d.data.text) != null ? f : "");
+  }, [d, e, a, r];
 }
-class Z extends P {
-  constructor(i) {
-    super(), j(this, i, K, J, A, { tag: 0 }, I);
+class ee extends j {
+  constructor(n) {
+    super(), A(this, n, O, K, B, { tag: 0 }, J);
   }
 }
 export {
-  Z as default
+  ee as default
 };