@realsee/dnalogel 3.69.5 → 3.69.6-alpha.1

package/libs/components/AreaLabel/LabelItem.js

@@ -1,221 +1,222 @@
-import { SvelteComponent as G, init as Y, safe_not_equal as Z, append_styles as J, element as H, attr as M, set_style as r, insert as p, noop as E, detach as k, onMount as K, onDestroy as Q, text as V, space as W, append as X, listen as x, is_function as $, set_data as ee, binding_callbacks as v } from "../../vendor/svelte/internal/index.js";
-import { ROOM_LABEL_BG as te } from "./Assets/roomLabelBg.js";
+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 { px2rem as z } from "../../shared-utils/px2rem.js";
-function oe(i) {
-  J(i, "svelte-1ff83s8", ".room-label-item.svelte-1ff83s8{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-1ff83s8{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;-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-1ff83s8{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 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 F(i) {
-  let t, e, f = `url(${te})`, o, m, a = `${/*barTopPosition*/
-  i[9]}px`, c, u;
+function O(i) {
+  let t, e, o, r, a = `${/*barTopPosition*/
+  i[9]}px`, b, d;
   return {
     c() {
-      t = H("span"), e = V(
+      t = F("span"), e = X(
         /*content*/
         i[0]
-      ), o = W(), m = H("div"), M(t, "class", "room-label-item__text svelte-1ff83s8"), r(t, "--bg-image", f), r(
+      ), 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,
         "font-size",
         /*nameSize*/
         i[12]
-      ), r(
+      ), l(
         t,
         "padding",
         /*paddingStyle*/
         i[11]
-      ), r(
+      ), l(
         t,
         "line-height",
         /*textLineHeightRem*/
         i[10]
-      ), M(m, "class", "room-label-item__bar svelte-1ff83s8"), r(m, "top", a);
+      ), L(r, "class", "room-label-item__bar svelte-f47l23"), l(r, "top", a);
     },
-    m(s, l) {
-      p(s, t, l), X(t, e), i[22](t), p(s, o, l), p(s, m, l), i[23](m), c || (u = x(t, "click", function() {
-        $(
+    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(
           /*onClick*/
           i[4]
         ) && i[4].apply(this, arguments);
-      }), c = !0);
+      }), b = !0);
     },
-    p(s, l) {
-      i = s, l & /*content*/
-      1 && ee(
+    p(m, f) {
+      i = m, f & /*content*/
+      1 && te(
         e,
         /*content*/
         i[0]
-      ), l & /*nameSize*/
-      4096 && r(
+      ), f & /*nameSize*/
+      4096 && l(
         t,
         "font-size",
         /*nameSize*/
         i[12]
-      ), l & /*paddingStyle*/
-      2048 && r(
+      ), f & /*paddingStyle*/
+      2048 && l(
         t,
         "padding",
         /*paddingStyle*/
         i[11]
-      ), l & /*textLineHeightRem*/
-      1024 && r(
+      ), f & /*textLineHeightRem*/
+      1024 && l(
         t,
         "line-height",
         /*textLineHeightRem*/
         i[10]
-      ), l & /*barTopPosition*/
+      ), f & /*barTopPosition*/
       512 && a !== (a = `${/*barTopPosition*/
-      i[9]}px`) && r(m, "top", a);
+      i[9]}px`) && l(r, "top", a);
     },
-    d(s) {
-      s && k(t), i[22](null), s && k(o), s && k(m), i[23](null), c = !1, u();
+    d(m) {
+      m && p(t), i[23](null), m && p(o), m && p(r), i[24](null), b = !1, d();
     }
   };
 }
-function re(i) {
+function oe(i) {
   let t, e = !/*rendererIfNeed*/
-  i[5] && F(i);
+  i[5] && O(i);
   return {
     c() {
-      t = H("div"), e && e.c(), M(t, "class", "room-label-item svelte-1ff83s8"), r(
+      t = F("div"), e && e.c(), L(t, "class", "room-label-item svelte-f47l23"), l(
         t,
         "z-index",
         /*zIndex*/
         i[2]
-      ), r(
+      ), l(
         t,
         "transform",
         /*transform*/
         i[3]
-      ), r(
+      ), l(
         t,
         "opacity",
         /*opacity*/
         i[1]
-      ), r(
+      ), l(
         t,
         "visibility",
         /*visibility*/
         i[13]
       );
     },
-    m(f, o) {
-      p(f, t, o), e && e.m(t, null), i[24](t);
+    m(o, r) {
+      k(o, t, r), e && e.m(t, null), i[25](t);
     },
-    p(f, [o]) {
+    p(o, [r]) {
       /*rendererIfNeed*/
-      f[5] ? e && (e.d(1), e = null) : e ? e.p(f, o) : (e = F(f), e.c(), e.m(t, null)), o & /*zIndex*/
-      4 && r(
+      o[5] ? e && (e.d(1), e = null) : e ? e.p(o, r) : (e = O(o), e.c(), e.m(t, null)), r & /*zIndex*/
+      4 && l(
         t,
         "z-index",
         /*zIndex*/
-        f[2]
-      ), o & /*transform*/
-      8 && r(
+        o[2]
+      ), r & /*transform*/
+      8 && l(
         t,
         "transform",
         /*transform*/
-        f[3]
-      ), o & /*opacity*/
-      2 && r(
+        o[3]
+      ), r & /*opacity*/
+      2 && l(
         t,
         "opacity",
         /*opacity*/
-        f[1]
-      ), o & /*visibility*/
-      8192 && r(
+        o[1]
+      ), r & /*visibility*/
+      8192 && l(
         t,
         "visibility",
         /*visibility*/
-        f[13]
+        o[13]
       );
     },
     i: E,
     o: E,
-    d(f) {
-      f && k(t), e && e.d(), i[24](null);
+    d(o) {
+      o && p(t), e && e.d(), i[25](null);
     }
   };
 }
-function fe(i, t, e) {
-  let f, o, m, a, c, u, s, l, I, { content: O } = t, { five: d = void 0 } = t, { visible: S = !0 } = t, { opacity: P = 1 } = t, { zIndex: T = 0 } = t, { transform: U = void 0 } = t, { onClick: A = () => {
-  } } = t, { rendererIfNeed: y = void 0 } = t, { rendererData: D = void 0 } = t, { fontSize: w } = t, _, b, g, h;
-  const L = (n) => {
-    if (d.state.mode !== "Panorama") {
-      const B = -(10 + 54 * (1 - ie(n.latitude) / 90)), N = B + l, C = N >= 0 ? 0 : -N / -I;
-      e(7, b.style.transform = `scaleY(${C})`, b), e(7, b.style.top = `${N}px`, b), e(8, g.style.top = `${B}px`, g);
+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);
     }
   };
-  K(() => {
-    _ && typeof y == "function" && (h = y(_, D)), d && (L(d.camera.pose), d.on("cameraUpdate", L));
-  }), Q(() => {
-    h == null || h(), d == null || d.off("cameraUpdate", L);
+  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);
   });
   function R(n) {
     v[n ? "unshift" : "push"](() => {
       g = n, e(8, g);
     });
   }
-  function j(n) {
+  function Y(n) {
     v[n ? "unshift" : "push"](() => {
-      b = n, e(7, b);
+      u = n, e(7, u);
     });
   }
-  function q(n) {
+  function Z(n) {
     v[n ? "unshift" : "push"](() => {
-      _ = n, e(6, _);
+      c = n, e(6, c);
     });
   }
   return i.$$set = (n) => {
-    "content" in n && e(0, O = n.content), "five" in n && e(14, d = n.five), "visible" in n && e(15, S = n.visible), "opacity" in n && e(1, P = n.opacity), "zIndex" in n && e(2, T = n.zIndex), "transform" in n && e(3, U = n.transform), "onClick" in n && e(4, A = n.onClick), "rendererIfNeed" in n && e(5, y = n.rendererIfNeed), "rendererData" in n && e(16, D = n.rendererData), "fontSize" in n && e(17, w = n.fontSize);
+    "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 = () => {
     var n;
     i.$$.dirty & /*visible*/
-    32768 && e(13, f = S ? "visible" : "hidden"), i.$$.dirty & /*fontSize*/
-    131072 && e(21, o = ne[w]), i.$$.dirty & /*fontConfig*/
-    2097152 && e(12, m = z((o == null ? void 0 : o.name) || 12)), i.$$.dirty & /*fontConfig*/
-    2097152 && e(19, a = ((n = o == null ? void 0 : o.padding) == null ? void 0 : n.room) || [6, 5]), i.$$.dirty & /*padding*/
-    524288 && e(11, c = `${z(a[1])} ${z(a[0])}`), i.$$.dirty & /*fontConfig*/
-    2097152 && e(20, u = (o == null ? void 0 : o.lineHeight) || 14), i.$$.dirty & /*textLineHeight*/
-    1048576 && e(10, s = z(u)), i.$$.dirty & /*textLineHeight, padding*/
-    1572864 && e(18, l = u + a[1] * 2), i.$$.dirty & /*textHeight*/
-    262144 && e(9, I = -(64 - l));
+    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 - _));
   }, [
-    O,
-    P,
     T,
     U,
-    A,
-    y,
-    _,
-    b,
+    M,
+    j,
+    q,
+    h,
+    c,
+    u,
     g,
     I,
-    s,
-    c,
+    P,
     m,
-    f,
-    d,
+    b,
+    o,
+    s,
     S,
-    D,
     w,
-    l,
+    D,
+    _,
+    d,
+    f,
+    r,
     a,
-    u,
-    o,
     R,
-    j,
-    q
+    Y,
+    Z
   ];
 }
-class ce extends G {
+class be extends G {
   constructor(t) {
-    super(), Y(
+    super(), J(
       this,
       t,
-      fe,
-      re,
-      Z,
+      le,
+      oe,
+      K,
       {
         content: 0,
         five: 14,
@@ -228,10 +229,10 @@ class ce extends G {
         rendererData: 16,
         fontSize: 17
       },
-      oe
+      re
     );
   }
 }
 export {
-  ce as LabelItem
+  be as LabelItem
 };