@realsee/dnalogel 3.69.12-alpha.3 → 3.69.12-alpha.5

package/libs/components/AreaLabel/LabelItem.js

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