@realsee/dnalogel 3.69.6-alpha.1 → 3.69.6-alpha.4

package/libs/components/AreaLabel/LabelItem.js

@@ -1,238 +1,250 @@
-import { SvelteComponent as G, init as J, safe_not_equal as K, append_styles as Q, element as F, attr as L, set_style as l, insert as k, noop as E, detach as p, onMount as V, onDestroy as W, text as X, space as C, append as x, listen as $, is_function as ee, set_data as te, binding_callbacks as v } from "../../vendor/svelte/internal/index.js";
-import { rad2Deg as ie } from "../../shared-utils/math/rad2Deg.js";
-import { FONT_SIZE_MAP as ne } from "../../shared-utils/fontSize.js";
+import { SvelteComponent as K, init as Q, safe_not_equal as V, append_styles as W, element as O, attr as B, set_style as l, insert as p, noop as T, detach as k, onMount as X, onDestroy as C, text as x, space as $, append as ee, listen as te, is_function as ie, set_data as ne, binding_callbacks as N } from "../../vendor/svelte/internal/index.js";
+import { ROOM_LABEL_PC_BG as U, ROOM_LABEL_MOBILE_BG as G } from "./Assets/roomLabelBg.js";
+import { rad2Deg as re } from "../../shared-utils/math/rad2Deg.js";
+import { FONT_SIZE_MAP as oe } from "../../shared-utils/fontSize.js";
 import { px2rem as z } from "../../shared-utils/px2rem.js";
-function re(i) {
-  Q(i, "svelte-f47l23", ".room-label-item.svelte-f47l23{position:absolute;font-size:0.625rem;transform:none;cursor:pointer;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#fff}.room-label-item__text.svelte-f47l23{position:absolute;left:0;top:-4rem;transform:translate(-50%, 0);display:flex;justify-content:center;align-items:center;min-width:2rem;pointer-events:all;white-space:nowrap;position:relative;border-radius:0.125rem;box-shadow:0 0.1875rem 0.8125rem 0 #00000033;font-weight:500;-o-border-image:var(--bg-image) 3 / 0.0625rem / 0rem stretch;border-image:var(--bg-image) 3 fill / 0.0625rem / 0rem stretch;box-sizing:border-box}.room-label-item__bar.svelte-f47l23{position:absolute;transform-origin:top;height:3rem;width:0.0625rem;background-image:linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0))}");
+function le(t) {
+  W(t, "svelte-vmsuoy", ".room-label-item.svelte-vmsuoy{position:absolute;font-size:0.625rem;transform:none;cursor:pointer;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#fff}.room-label-item__text.svelte-vmsuoy{position:absolute;left:0;top:-4rem;transform:translate(-50%, 0);display:flex;justify-content:center;align-items:center;min-width:2rem;pointer-events:all;white-space:nowrap;position:relative;box-shadow:0 0.1875rem 0.8125rem 0 #00000033;font-weight:500;background-position:center;background-repeat:no-repeat;background-size:100% 100%;background-image:var(--bg-image);-o-border-image:var(--bg-image) 3 / 0.0625rem / 0rem stretch;border-image:var(--bg-image) 3 fill / 0.0625rem / 0rem stretch;box-sizing:border-box}.room-label-item__bar.svelte-vmsuoy{position:absolute;transform-origin:top;height:3rem;width:0.0625rem;background-image:linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0))}");
 }
-function O(i) {
-  let t, e, o, r, a = `${/*barTopPosition*/
-  i[9]}px`, b, d;
+function j(t) {
+  let i, e, o, r, a = `${/*barTopPosition*/
+  t[10]}px`, b, u;
   return {
     c() {
-      t = F("span"), e = X(
+      i = O("span"), e = x(
         /*content*/
-        i[0]
-      ), o = C(), r = F("div"), L(t, "class", "room-label-item__text svelte-f47l23"), l(t, "background-image", "linear-gradient(0deg, #93939380 0%, #4a4a4a80 100%)"), l(
-        t,
+        t[0]
+      ), o = $(), r = O("div"), B(i, "class", "room-label-item__text svelte-vmsuoy"), l(
+        i,
         "font-size",
         /*nameSize*/
-        i[12]
+        t[13]
       ), l(
-        t,
+        i,
         "padding",
         /*paddingStyle*/
-        i[11]
+        t[12]
       ), l(
-        t,
+        i,
         "line-height",
         /*textLineHeightRem*/
-        i[10]
-      ), L(r, "class", "room-label-item__bar svelte-f47l23"), l(r, "top", a);
+        t[11]
+      ), l(
+        i,
+        "--bg-image",
+        /*tempNameFontSize*/
+        t[6] >= 14 ? `url(${U})` : `url(${G})`
+      ), B(r, "class", "room-label-item__bar svelte-vmsuoy"), l(r, "top", a);
     },
-    m(m, f) {
-      k(m, t, f), x(t, e), i[23](t), k(m, o, f), k(m, r, f), i[24](r), b || (d = $(t, "click", function() {
-        ee(
+    m(s, m) {
+      p(s, i, m), ee(i, e), t[23](i), p(s, o, m), p(s, r, m), t[24](r), b || (u = te(i, "click", function() {
+        ie(
           /*onClick*/
-          i[4]
-        ) && i[4].apply(this, arguments);
+          t[4]
+        ) && t[4].apply(this, arguments);
       }), b = !0);
     },
-    p(m, f) {
-      i = m, f & /*content*/
-      1 && te(
+    p(s, m) {
+      t = s, m & /*content*/
+      1 && ne(
         e,
         /*content*/
-        i[0]
-      ), f & /*nameSize*/
-      4096 && l(
-        t,
+        t[0]
+      ), m & /*nameSize*/
+      8192 && l(
+        i,
         "font-size",
         /*nameSize*/
-        i[12]
-      ), f & /*paddingStyle*/
-      2048 && l(
-        t,
+        t[13]
+      ), m & /*paddingStyle*/
+      4096 && l(
+        i,
         "padding",
         /*paddingStyle*/
-        i[11]
-      ), f & /*textLineHeightRem*/
-      1024 && l(
-        t,
+        t[12]
+      ), m & /*textLineHeightRem*/
+      2048 && l(
+        i,
         "line-height",
         /*textLineHeightRem*/
-        i[10]
-      ), f & /*barTopPosition*/
-      512 && a !== (a = `${/*barTopPosition*/
-      i[9]}px`) && l(r, "top", a);
+        t[11]
+      ), m & /*tempNameFontSize*/
+      64 && l(
+        i,
+        "--bg-image",
+        /*tempNameFontSize*/
+        t[6] >= 14 ? `url(${U})` : `url(${G})`
+      ), m & /*barTopPosition*/
+      1024 && a !== (a = `${/*barTopPosition*/
+      t[10]}px`) && l(r, "top", a);
     },
-    d(m) {
-      m && p(t), i[23](null), m && p(o), m && p(r), i[24](null), b = !1, d();
+    d(s) {
+      s && k(i), t[23](null), s && k(o), s && k(r), t[24](null), b = !1, u();
     }
   };
 }
-function oe(i) {
-  let t, e = !/*rendererIfNeed*/
-  i[5] && O(i);
+function me(t) {
+  let i, e = !/*rendererIfNeed*/
+  t[5] && j(t);
   return {
     c() {
-      t = F("div"), e && e.c(), L(t, "class", "room-label-item svelte-f47l23"), l(
-        t,
+      i = O("div"), e && e.c(), B(i, "class", "room-label-item svelte-vmsuoy"), l(
+        i,
         "z-index",
         /*zIndex*/
-        i[2]
+        t[2]
       ), l(
-        t,
+        i,
         "transform",
         /*transform*/
-        i[3]
+        t[3]
       ), l(
-        t,
+        i,
         "opacity",
         /*opacity*/
-        i[1]
+        t[1]
       ), l(
-        t,
+        i,
         "visibility",
         /*visibility*/
-        i[13]
+        t[14]
       );
     },
     m(o, r) {
-      k(o, t, r), e && e.m(t, null), i[25](t);
+      p(o, i, r), e && e.m(i, null), t[25](i);
     },
     p(o, [r]) {
       /*rendererIfNeed*/
-      o[5] ? e && (e.d(1), e = null) : e ? e.p(o, r) : (e = O(o), e.c(), e.m(t, null)), r & /*zIndex*/
+      o[5] ? e && (e.d(1), e = null) : e ? e.p(o, r) : (e = j(o), e.c(), e.m(i, null)), r & /*zIndex*/
       4 && l(
-        t,
+        i,
         "z-index",
         /*zIndex*/
         o[2]
       ), r & /*transform*/
       8 && l(
-        t,
+        i,
         "transform",
         /*transform*/
         o[3]
       ), r & /*opacity*/
       2 && l(
-        t,
+        i,
         "opacity",
         /*opacity*/
         o[1]
       ), r & /*visibility*/
-      8192 && l(
-        t,
+      16384 && l(
+        i,
         "visibility",
         /*visibility*/
-        o[13]
+        o[14]
       );
     },
-    i: E,
-    o: E,
+    i: T,
+    o: T,
     d(o) {
-      o && p(t), e && e.d(), i[25](null);
+      o && k(i), e && e.d(), t[25](null);
     }
   };
 }
-function le(i, t, e) {
-  let o, r, a, b, d, m, f, P, _, I, { content: T } = t, { five: s = void 0 } = t, { visible: S = !0 } = t, { opacity: U = 1 } = t, { zIndex: M = 0 } = t, { transform: j = void 0 } = t, { onClick: q = () => {
-  } } = t, { rendererIfNeed: h = void 0 } = t, { rendererData: w = void 0 } = t, { fontSize: D } = t, c, u, g, y;
-  const N = (n) => {
-    if (s.state.mode !== "Panorama") {
-      const A = -(10 + 54 * (1 - ie(n.latitude) / 90)), H = A + _, B = H >= 0 ? 0 : -H / -I;
-      e(7, u.style.transform = `scaleY(${B})`, u), e(7, u.style.top = `${H}px`, u), e(8, g.style.top = `${A}px`, g);
+function se(t, i, e) {
+  let o, r, a, b, u, s, m, H, _, v, { content: M } = i, { five: f = void 0 } = i, { visible: I = !0 } = i, { opacity: E = 1 } = i, { zIndex: P = 0 } = i, { transform: A = void 0 } = i, { onClick: F = () => {
+  } } = i, { rendererIfNeed: y = void 0 } = i, { rendererData: S = void 0 } = i, { fontSize: L } = i, c, d, g, h;
+  const w = (n) => {
+    if (f.state.mode !== "Panorama") {
+      const R = -(10 + 54 * (1 - re(n.latitude) / 90)), D = R + _, J = D >= 0 ? 0 : -D / -v;
+      e(8, d.style.transform = `scaleY(${J})`, d), e(8, d.style.top = `${D}px`, d), e(9, g.style.top = `${R}px`, g);
     }
   };
-  V(() => {
-    c && typeof h == "function" && (y = h(c, w)), s && (N(s.camera.pose), s.on("cameraUpdate", N));
-  }), W(() => {
-    y == null || y(), s == null || s.off("cameraUpdate", N);
+  X(() => {
+    c && typeof y == "function" && (h = y(c, S)), f && (w(f.camera.pose), f.on("cameraUpdate", w));
+  }), C(() => {
+    h == null || h(), f == null || f.off("cameraUpdate", w);
   });
-  function R(n) {
-    v[n ? "unshift" : "push"](() => {
-      g = n, e(8, g);
+  function q(n) {
+    N[n ? "unshift" : "push"](() => {
+      g = n, e(9, g);
     });
   }
   function Y(n) {
-    v[n ? "unshift" : "push"](() => {
-      u = n, e(7, u);
+    N[n ? "unshift" : "push"](() => {
+      d = n, e(8, d);
     });
   }
   function Z(n) {
-    v[n ? "unshift" : "push"](() => {
-      c = n, e(6, c);
+    N[n ? "unshift" : "push"](() => {
+      c = n, e(7, c);
     });
   }
-  return i.$$set = (n) => {
-    "content" in n && e(0, T = n.content), "five" in n && e(14, s = n.five), "visible" in n && e(15, S = n.visible), "opacity" in n && e(1, U = n.opacity), "zIndex" in n && e(2, M = n.zIndex), "transform" in n && e(3, j = n.transform), "onClick" in n && e(4, q = n.onClick), "rendererIfNeed" in n && e(5, h = n.rendererIfNeed), "rendererData" in n && e(16, w = n.rendererData), "fontSize" in n && e(17, D = n.fontSize);
-  }, i.$$.update = () => {
+  return t.$$set = (n) => {
+    "content" in n && e(0, M = n.content), "five" in n && e(15, f = n.five), "visible" in n && e(16, I = n.visible), "opacity" in n && e(1, E = n.opacity), "zIndex" in n && e(2, P = n.zIndex), "transform" in n && e(3, A = n.transform), "onClick" in n && e(4, F = n.onClick), "rendererIfNeed" in n && e(5, y = n.rendererIfNeed), "rendererData" in n && e(17, S = n.rendererData), "fontSize" in n && e(18, L = n.fontSize);
+  }, t.$$.update = () => {
     var n;
-    i.$$.dirty & /*visible*/
-    32768 && e(13, o = S ? "visible" : "hidden"), i.$$.dirty & /*fontSize*/
-    131072 && e(21, r = ne[D]), i.$$.dirty & /*fontConfig*/
-    2097152 && e(22, a = (r == null ? void 0 : r.name) === 14 ? 16 : (r == null ? void 0 : r.name) || 12), i.$$.dirty & /*tempNameFontSize*/
-    4194304 && e(12, b = z(a)), i.$$.dirty & /*fontConfig*/
-    2097152 && e(19, d = ((n = r == null ? void 0 : r.padding) == null ? void 0 : n.room) || [6, 5]), i.$$.dirty & /*padding*/
-    524288 && e(11, m = `${z(d[1])} ${z(d[0])}`), i.$$.dirty & /*fontConfig*/
-    2097152 && e(20, f = (r == null ? void 0 : r.lineHeight) === 20 ? 22 : (r == null ? void 0 : r.lineHeight) || 14), i.$$.dirty & /*textLineHeight*/
-    1048576 && e(10, P = z(f)), i.$$.dirty & /*textLineHeight, padding*/
-    1572864 && e(18, _ = f + d[1] * 2), i.$$.dirty & /*textHeight*/
-    262144 && e(9, I = -(64 - _));
+    t.$$.dirty & /*visible*/
+    65536 && e(14, o = I ? "visible" : "hidden"), t.$$.dirty & /*fontSize*/
+    262144 && e(22, r = oe[L]), t.$$.dirty & /*fontConfig*/
+    4194304 && e(6, a = (r == null ? void 0 : r.name) === 14 ? 16 : (r == null ? void 0 : r.name) || 12), t.$$.dirty & /*tempNameFontSize*/
+    64 && e(13, b = z(a)), t.$$.dirty & /*fontConfig*/
+    4194304 && e(20, u = ((n = r == null ? void 0 : r.padding) == null ? void 0 : n.room) || [6, 5]), t.$$.dirty & /*padding*/
+    1048576 && e(12, s = `${z(u[1])} ${z(u[0])}`), t.$$.dirty & /*fontConfig*/
+    4194304 && e(21, m = (r == null ? void 0 : r.lineHeight) === 20 ? 22 : (r == null ? void 0 : r.lineHeight) || 14), t.$$.dirty & /*textLineHeight*/
+    2097152 && e(11, H = z(m)), t.$$.dirty & /*textLineHeight, padding*/
+    3145728 && e(19, _ = m + u[1] * 2), t.$$.dirty & /*textHeight*/
+    524288 && e(10, v = -(64 - _));
   }, [
-    T,
-    U,
     M,
-    j,
-    q,
-    h,
+    E,
+    P,
+    A,
+    F,
+    y,
+    a,
     c,
-    u,
+    d,
     g,
-    I,
-    P,
-    m,
+    v,
+    H,
+    s,
     b,
     o,
-    s,
+    f,
+    I,
     S,
-    w,
-    D,
+    L,
     _,
-    d,
-    f,
+    u,
+    m,
     r,
-    a,
-    R,
+    q,
     Y,
     Z
   ];
 }
-class be extends G {
-  constructor(t) {
-    super(), J(
+class _e extends K {
+  constructor(i) {
+    super(), Q(
       this,
-      t,
-      le,
-      oe,
-      K,
+      i,
+      se,
+      me,
+      V,
       {
         content: 0,
-        five: 14,
-        visible: 15,
+        five: 15,
+        visible: 16,
         opacity: 1,
         zIndex: 2,
         transform: 3,
         onClick: 4,
         rendererIfNeed: 5,
-        rendererData: 16,
-        fontSize: 17
+        rendererData: 17,
+        fontSize: 18
       },
-      re
+      le
     );
   }
 }
 export {
-  be as LabelItem
+  _e as LabelItem
 };