@realsee/dnalogel 3.67.2 → 3.67.3

package/libs/ModelRoomLabelPlugin/RoomLabelItem.js

@@ -1,69 +1,104 @@
-import { SvelteComponent as g, init as h, safe_not_equal as _, append_styles as z, element as f, text as w, space as k, attr as b, set_style as r, toggle_class as p, insert as L, append as d, listen as I, set_data as x, noop as v, detach as y } from "../vendor/svelte/internal/index.js";
+import { SvelteComponent as j, init as S, safe_not_equal as w, append_styles as k, element as g, text as L, space as y, attr as c, set_style as r, toggle_class as z, insert as I, append as u, listen as O, set_data as P, noop as v, detach as A } from "../vendor/svelte/internal/index.js";
 import { ROOM_LABEL_BG as B } from "./Assets/roomLabelBg.js";
-function C(t) {
-  z(t, "svelte-1d7uzh5", ".room-label-item.svelte-1d7uzh5{position:absolute;font-size:0.5rem;z-index:0;transform:none;cursor:pointer;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.room-label-item__text.svelte-1d7uzh5{position:absolute;left:0;top:-4rem;transform:translate(-50%, 0);display:flex;justify-content:center;align-items:center;height:1.25rem;min-width:2rem;padding:0 0.375rem;pointer-events:all;background-size:100% 100%;background-repeat:no-repeat;white-space:nowrap}.room-label-item__bar.svelte-1d7uzh5{position:absolute;top:-2.75rem;height:3rem;width:0.0625rem;background-image:linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0))}.wide.svelte-1d7uzh5{font-size:0.625rem}");
+import { FONT_SIZE_MAP as E } from "../shared-utils/fontSize.js";
+import { px2rem as b } from "../shared-utils/px2rem.js";
+function H(t) {
+  k(t, "svelte-ndtj2n", ".room-label-item.svelte-ndtj2n{position:absolute;font-size:0.5rem;z-index:0;transform:none;cursor:pointer;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.room-label-item__text.svelte-ndtj2n{position:absolute;left:0;top:-4rem;transform:translate(-50%, 0);display:flex;justify-content:center;align-items:center;min-width:2rem;pointer-events:all;background-size:100% 100%;background-repeat:no-repeat;white-space:nowrap}.room-label-item__bar.svelte-ndtj2n{position:absolute;height:3rem;width:0.0625rem;background-image:linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0))}.wide.svelte-ndtj2n{font-size:0.625rem}");
 }
-function O(t) {
-  let e, n, i = (
+function M(t) {
+  let n, e, i = (
     /*roomLabel*/
     t[0].name + ""
-  ), a, m, l, u, c;
+  ), f, s, m, d, p;
   return {
     c() {
-      e = f("div"), n = f("span"), a = w(i), m = k(), l = f("div"), b(n, "class", "room-label-item__text svelte-1d7uzh5"), r(n, "background-image", "url(" + B + ")"), p(
-        n,
+      n = g("div"), e = g("span"), f = L(i), s = y(), m = g("div"), c(e, "class", "room-label-item__text svelte-ndtj2n"), r(e, "background-image", "url(" + B + ")"), z(
+        e,
         "wide",
         /*roomLabel*/
         t[0].name.length > 3
-      ), b(l, "class", "room-label-item__bar svelte-1d7uzh5"), b(e, "class", "room-label-item svelte-1d7uzh5"), r(
+      ), r(
         e,
+        "font-size",
+        /*nameSize*/
+        t[3]
+      ), r(
+        e,
+        "padding",
+        /*paddingStyle*/
+        t[2]
+      ), c(m, "class", "room-label-item__bar svelte-ndtj2n"), r(
+        m,
+        "top",
+        /*barTopPosition*/
+        t[1]
+      ), c(n, "class", "room-label-item svelte-ndtj2n"), r(
+        n,
         "z-index",
         /*roomLabel*/
         t[0].zIndex
       ), r(
-        e,
+        n,
         "transform",
         /*roomLabel*/
         t[0].transform
       ), r(
-        e,
+        n,
         "opacity",
         /*roomLabel*/
         t[0].visible ? 1 : 0
       );
     },
-    m(o, s) {
-      L(o, e, s), d(e, n), d(n, a), d(e, m), d(e, l), u || (c = I(
-        n,
+    m(o, a) {
+      I(o, n, a), u(n, e), u(e, f), u(n, s), u(n, m), d || (p = O(
+        e,
         "click",
         /*onClick*/
-        t[1]
-      ), u = !0);
+        t[4]
+      ), d = !0);
     },
-    p(o, [s]) {
-      s & /*roomLabel*/
+    p(o, [a]) {
+      a & /*roomLabel*/
       1 && i !== (i = /*roomLabel*/
-      o[0].name + "") && x(a, i), s & /*roomLabel*/
-      1 && p(
-        n,
+      o[0].name + "") && P(f, i), a & /*roomLabel*/
+      1 && z(
+        e,
         "wide",
         /*roomLabel*/
         o[0].name.length > 3
-      ), s & /*roomLabel*/
-      1 && r(
+      ), a & /*nameSize*/
+      8 && r(
+        e,
+        "font-size",
+        /*nameSize*/
+        o[3]
+      ), a & /*paddingStyle*/
+      4 && r(
         e,
+        "padding",
+        /*paddingStyle*/
+        o[2]
+      ), a & /*barTopPosition*/
+      2 && r(
+        m,
+        "top",
+        /*barTopPosition*/
+        o[1]
+      ), a & /*roomLabel*/
+      1 && r(
+        n,
         "z-index",
         /*roomLabel*/
         o[0].zIndex
-      ), s & /*roomLabel*/
+      ), a & /*roomLabel*/
       1 && r(
-        e,
+        n,
         "transform",
         /*roomLabel*/
         o[0].transform
-      ), s & /*roomLabel*/
+      ), a & /*roomLabel*/
       1 && r(
-        e,
+        n,
         "opacity",
         /*roomLabel*/
         o[0].visible ? 1 : 0
@@ -72,28 +107,48 @@ function O(t) {
     i: v,
     o: v,
     d(o) {
-      o && y(e), u = !1, c();
+      o && A(n), d = !1, p();
     }
   };
 }
-function R(t, e, n) {
-  let { five: i } = e, { roomLabel: a } = e;
-  function m() {
-    i.setState({
+function R(t, n, e) {
+  let i, f, s, m, d, p, { five: o } = n, { roomLabel: a } = n, { fontSize: _ = "md" } = n;
+  function h() {
+    o.setState({
       panoIndex: a.panoIndex,
       mode: "Panorama",
       longitude: a.longitude
     });
   }
   return t.$$set = (l) => {
-    "five" in l && n(2, i = l.five), "roomLabel" in l && n(0, a = l.roomLabel);
-  }, [a, m, i];
+    "five" in l && e(5, o = l.five), "roomLabel" in l && e(0, a = l.roomLabel), "fontSize" in l && e(6, _ = l.fontSize);
+  }, t.$$.update = () => {
+    var l;
+    t.$$.dirty & /*fontSize*/
+    64 && e(9, i = E[_]), t.$$.dirty & /*fontConfig*/
+    512 && e(3, f = b((i == null ? void 0 : i.name) || 12)), t.$$.dirty & /*fontConfig*/
+    512 && e(8, s = ((l = i == null ? void 0 : i.padding) == null ? void 0 : l.room) || [6, 5]), t.$$.dirty & /*padding*/
+    256 && e(2, m = `${b(s[1])} ${b(s[0])}`), t.$$.dirty & /*fontConfig, padding*/
+    768 && e(7, d = ((i == null ? void 0 : i.lineHeight) || 14) + s[1] * 2), t.$$.dirty & /*textHeight*/
+    128 && e(1, p = b(-(64 - d)));
+  }, [
+    a,
+    p,
+    m,
+    f,
+    h,
+    o,
+    _,
+    d,
+    s,
+    i
+  ];
 }
-class q extends g {
-  constructor(e) {
-    super(), h(this, e, R, O, _, { five: 2, roomLabel: 0 }, C);
+class N extends j {
+  constructor(n) {
+    super(), S(this, n, R, M, w, { five: 5, roomLabel: 0, fontSize: 6 }, H);
   }
 }
 export {
-  q as default
+  N as default
 };

package/libs/ModelRoomLabelPlugin/RoomLabelItems.js

@@ -1,203 +1,217 @@
-var P = Object.defineProperty, A = Object.defineProperties;
-var B = Object.getOwnPropertyDescriptors;
-var M = Object.getOwnPropertySymbols;
-var E = Object.prototype.hasOwnProperty, G = Object.prototype.propertyIsEnumerable;
-var R = (o, t, e) => t in o ? P(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e, C = (o, t) => {
+var A = Object.defineProperty, B = Object.defineProperties;
+var E = Object.getOwnPropertyDescriptors;
+var R = Object.getOwnPropertySymbols;
+var J = Object.prototype.hasOwnProperty, K = Object.prototype.propertyIsEnumerable;
+var x = (o, t, e) => t in o ? A(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e, C = (o, t) => {
   for (var e in t || (t = {}))
-    E.call(t, e) && R(o, e, t[e]);
-  if (M)
-    for (var e of M(t))
-      G.call(t, e) && R(o, e, t[e]);
+    J.call(t, e) && x(o, e, t[e]);
+  if (R)
+    for (var e of R(t))
+      K.call(t, e) && x(o, e, t[e]);
   return o;
-}, D = (o, t) => A(o, B(t));
-import { SvelteComponent as J, init as K, safe_not_equal as N, append_styles as Q, element as X, attr as Y, insert as O, action_destroyer as Z, listen as S, update_keyed_each as $, check_outros as ee, transition_in as T, transition_out as W, detach as V, run_all as te, afterUpdate as oe, onDestroy as ne, globals as re, empty as ie, create_component as se, mount_component as le, destroy_component as ce, group_outros as ae, outro_and_destroy_block as fe } from "../vendor/svelte/internal/index.js";
-import { Raycaster as me, Vector3 as w } from "three";
-import ue from "./RoomLabelItem.js";
-import { svelteResizeObserver as de } from "../shared-utils/svelte/resizeObserver.js";
+}, D = (o, t) => B(o, E(t));
+import { SvelteComponent as N, init as Q, safe_not_equal as X, append_styles as Y, element as Z, attr as $, insert as T, action_destroyer as ee, listen as U, update_keyed_each as te, check_outros as oe, transition_in as W, transition_out as j, detach as V, run_all as ne, afterUpdate as re, onDestroy as ie, globals as se, empty as le, create_component as ce, mount_component as ae, destroy_component as fe, group_outros as me, outro_and_destroy_block as ue } from "../vendor/svelte/internal/index.js";
+import { Raycaster as pe, Vector3 as w } from "three";
+import de from "./RoomLabelItem.js";
+import { svelteResizeObserver as he } from "../shared-utils/svelte/resizeObserver.js";
+import { getGlobalResponsiveFontSize as _e, getCurrentFontSize as be } from "../shared-utils/fontSize.js";
 import "./Assets/roomLabelBg.js";
+import "../shared-utils/px2rem.js";
 import "../vendor/resize-observer-polyfill/dist/ResizeObserver.es.js";
-const { Map: pe } = re;
-function he(o) {
-  Q(o, "svelte-9eg4zi", ".room-labels-container.svelte-9eg4zi{width:100%;height:100%;position:relative;color:#fff}");
+const { Map: ge } = se;
+function ye(o) {
+  Y(o, "svelte-9eg4zi", ".room-labels-container.svelte-9eg4zi{width:100%;height:100%;position:relative;color:#fff}");
 }
-function U(o, t, e) {
+function H(o, t, e) {
   const c = o.slice();
-  return c[13] = t[e], c;
+  return c[15] = t[e], c;
 }
-function H(o, t) {
-  let e, c, r;
-  return c = new ue({
+function O(o, t) {
+  let e, c, l;
+  return c = new de({
     props: {
       roomLabel: (
         /*roomLabelItem*/
-        t[13]
+        t[15]
       ),
       five: (
         /*five*/
         t[1]
+      ),
+      fontSize: (
+        /*fontSize*/
+        t[4]
       )
     }
   }), {
     key: o,
     first: null,
     c() {
-      e = ie(), se(c.$$.fragment), this.first = e;
+      e = le(), ce(c.$$.fragment), this.first = e;
     },
-    m(n, m) {
-      O(n, e, m), le(c, n, m), r = !0;
+    m(n, f) {
+      T(n, e, f), ae(c, n, f), l = !0;
     },
-    p(n, m) {
+    p(n, f) {
       t = n;
       const a = {};
-      m & /*roomLabels*/
+      f & /*roomLabels*/
       1 && (a.roomLabel = /*roomLabelItem*/
-      t[13]), m & /*five*/
+      t[15]), f & /*five*/
       2 && (a.five = /*five*/
-      t[1]), c.$set(a);
+      t[1]), f & /*fontSize*/
+      16 && (a.fontSize = /*fontSize*/
+      t[4]), c.$set(a);
     },
     i(n) {
-      r || (T(c.$$.fragment, n), r = !0);
+      l || (W(c.$$.fragment, n), l = !0);
     },
     o(n) {
-      W(c.$$.fragment, n), r = !1;
+      j(c.$$.fragment, n), l = !1;
     },
     d(n) {
-      n && V(e), ce(c, n);
+      n && V(e), fe(c, n);
     }
   };
 }
-function _e(o) {
-  let t, e = [], c = new pe(), r, n, m, a = (
+function ze(o) {
+  let t, e = [], c = new ge(), l, n, f, a = (
     /*roomLabels*/
     o[0]
   );
-  const d = (i) => (
+  const u = (r) => (
     /*roomLabelItem*/
-    i[13].id
+    r[15].id
   );
-  for (let i = 0; i < a.length; i += 1) {
-    let s = U(o, a, i), u = d(s);
-    c.set(u, e[i] = H(u, s));
+  for (let r = 0; r < a.length; r += 1) {
+    let s = H(o, a, r), p = u(s);
+    c.set(p, e[r] = O(p, s));
   }
   return {
     c() {
-      t = X("div");
-      for (let i = 0; i < e.length; i += 1)
-        e[i].c();
-      Y(t, "class", "room-labels-container svelte-9eg4zi");
+      t = Z("div");
+      for (let r = 0; r < e.length; r += 1)
+        e[r].c();
+      $(t, "class", "room-labels-container svelte-9eg4zi");
     },
-    m(i, s) {
-      O(i, t, s);
-      for (let u = 0; u < e.length; u += 1)
-        e[u] && e[u].m(t, null);
-      r = !0, n || (m = [
-        Z(de.call(null, t)),
-        S(
+    m(r, s) {
+      T(r, t, s);
+      for (let p = 0; p < e.length; p += 1)
+        e[p] && e[p].m(t, null);
+      l = !0, n || (f = [
+        ee(he.call(null, t)),
+        U(
           t,
           "clientWidth",
           /*clientWidth_handler*/
-          o[6]
+          o[7]
         ),
-        S(
+        U(
           t,
           "clientHeight",
           /*clientHeight_handler*/
-          o[7]
+          o[8]
         )
       ], n = !0);
     },
-    p(i, [s]) {
-      s & /*roomLabels, five*/
-      3 && (a = /*roomLabels*/
-      i[0], ae(), e = $(e, s, d, 1, i, a, c, t, fe, H, null, U), ee());
+    p(r, [s]) {
+      s & /*roomLabels, five, fontSize*/
+      19 && (a = /*roomLabels*/
+      r[0], me(), e = te(e, s, u, 1, r, a, c, t, ue, O, null, H), oe());
     },
-    i(i) {
-      if (!r) {
+    i(r) {
+      if (!l) {
         for (let s = 0; s < a.length; s += 1)
-          T(e[s]);
-        r = !0;
+          W(e[s]);
+        l = !0;
       }
     },
-    o(i) {
+    o(r) {
       for (let s = 0; s < e.length; s += 1)
-        W(e[s]);
-      r = !1;
+        j(e[s]);
+      l = !1;
     },
-    d(i) {
-      i && V(t);
+    d(r) {
+      r && V(t);
       for (let s = 0; s < e.length; s += 1)
         e[s].d();
-      n = !1, te(m);
+      n = !1, ne(f);
     }
   };
 }
-function ge(o, t, e) {
-  var F;
-  let c, { five: r } = t, { roomLabels: n } = t, m, a, d = (F = r.model.shownFloor) != null ? F : null;
-  function i(l) {
-    if (!(d === null || l.floorIndex === d))
+function Le(o, t, e) {
+  var S;
+  let c, { five: l } = t, { roomLabels: n } = t, f, a, u = (S = l.model.shownFloor) != null ? S : null;
+  const r = _e();
+  let s = be();
+  typeof r == "object" && "subscribe" in r && r.subscribe((i) => {
+    e(4, s = i);
+  });
+  function p(i) {
+    if (!(u === null || i.floorIndex === u))
       return !1;
-    const _ = new me(), p = r.camera.position.clone(), b = new w(l.position.x, l.position.y, l.position.z), f = b.distanceTo(p);
-    _.set(p.clone(), b.clone().sub(p).normalize());
-    const [h] = r.model.intersectRaycaster(_);
-    return !(h && h.distance + 1 < f);
+    const _ = new pe(), d = l.camera.position.clone(), g = new w(i.position.x, i.position.y, i.position.z), m = g.distanceTo(d);
+    _.set(d.clone(), g.clone().sub(d).normalize());
+    const [h] = l.model.intersectRaycaster(_);
+    return !(h && h.distance + 1 < m);
   }
-  function s(l, g) {
-    const p = new w(l.position.x, l.position.y, l.position.z).clone().project(r.camera), b = Math.ceil((p.x + 1) / 2 * g.x), f = Math.ceil((-p.y + 1) / 2 * g.y);
-    return `translate(${b}px, ${f}px)`;
+  function q(i, b) {
+    const d = new w(i.position.x, i.position.y, i.position.z).clone().project(l.camera), g = Math.ceil((d.x + 1) / 2 * b.x), m = Math.ceil((-d.y + 1) / 2 * b.y);
+    return `translate(${g}px, ${m}px)`;
   }
-  function u(l) {
-    const { rendererSize: g } = l, _ = /* @__PURE__ */ new Map();
-    function p(f) {
-      const h = _.get(f.id);
+  function z(i) {
+    const { rendererSize: b } = i, _ = /* @__PURE__ */ new Map();
+    function d(m) {
+      const h = _.get(m.id);
       if (h)
         return h;
-      const { x: L, y: v, z: k } = f.position, y = new w(L, v, k).clone().distanceTo(r.camera.position);
-      return _.set(f.id, y), y;
+      const { x: L, y: v, z: k } = m.position, y = new w(L, v, k).clone().distanceTo(l.camera.position);
+      return _.set(m.id, y), y;
     }
-    return n.map((f) => {
-      const h = i(f), L = h ? s(f, g) : f.transform, v = p(f), y = n.filter((x) => x.visible && p(x) < v).length * 10;
-      return D(C({}, f), { visible: h, transform: L, zIndex: y });
+    return n.map((m) => {
+      const h = p(m), L = h ? q(m, b) : m.transform, v = d(m), y = n.filter((M) => M.visible && d(M) < v).length * 10;
+      return D(C({}, m), { visible: h, transform: L, zIndex: y });
     });
   }
-  function I() {
-    e(0, n = u({ rendererSize: c, shownFloor: d }));
+  function F() {
+    e(0, n = z({ rendererSize: c, shownFloor: u }));
   }
-  function z(l) {
-    e(4, d = l);
+  function I(i) {
+    e(5, u = i);
   }
-  r.on("cameraUpdate", I), r.on("modelShownFloorChange", z), oe(() => {
-    e(0, n = u({ rendererSize: c, shownFloor: d }));
-  }), ne(() => {
-    r.off("cameraUpdate", I), r.off("modelShownFloorChange", z);
+  l.on("cameraUpdate", F), l.on("modelShownFloorChange", I), re(() => {
+    e(0, n = z({ rendererSize: c, shownFloor: u }));
+  }), ie(() => {
+    l.off("cameraUpdate", F), l.off("modelShownFloorChange", I);
   });
-  const j = (l) => {
-    e(2, m = l.detail);
-  }, q = (l) => {
-    e(3, a = l.detail);
+  const G = (i) => {
+    e(2, f = i.detail);
+  }, P = (i) => {
+    e(3, a = i.detail);
   };
-  return o.$$set = (l) => {
-    "five" in l && e(1, r = l.five), "roomLabels" in l && e(0, n = l.roomLabels);
+  return o.$$set = (i) => {
+    "five" in i && e(1, l = i.five), "roomLabels" in i && e(0, n = i.roomLabels);
   }, o.$$.update = () => {
     o.$$.dirty & /*containerWidth, containerHeight*/
-    12 && e(5, c = { x: m, y: a }), o.$$.dirty & /*rendererSize, shownFloor*/
-    48 && e(0, n = u({ rendererSize: c, shownFloor: d }));
+    12 && e(6, c = { x: f, y: a }), o.$$.dirty & /*rendererSize, shownFloor*/
+    96 && e(0, n = z({ rendererSize: c, shownFloor: u }));
   }, [
     n,
-    r,
-    m,
+    l,
+    f,
     a,
-    d,
+    s,
+    u,
     c,
-    j,
-    q
+    G,
+    P
   ];
 }
-class Fe extends J {
+class Ce extends N {
   constructor(t) {
-    super(), K(this, t, ge, _e, N, { five: 1, roomLabels: 0 }, he);
+    super(), Q(this, t, Le, ze, X, { five: 1, roomLabels: 0 }, ye);
   }
 }
 export {
-  Fe as default
+  Ce as default
 };

package/libs/ModelRoomLabelPlugin/index.js

@@ -4,15 +4,17 @@ import "../vendor/svelte/internal/index.js";
 import "three";
 import "./RoomLabelItem.js";
 import "./Assets/roomLabelBg.js";
+import "../shared-utils/fontSize.js";
+import "../shared-utils/px2rem.js";
 import "../shared-utils/svelte/resizeObserver.js";
 import "../vendor/resize-observer-polyfill/dist/ResizeObserver.es.js";
 import "./utils/parseData.js";
-const s = (o) => new r(o), u = {
+const b = (o) => new r(o), L = {
   name: "ModelRoomLabelPlugin",
   version: 0
 };
 export {
-  s as ModelRoomLabelPlugin,
-  s as default,
-  u as modelRoomLabelPluginServerParams
+  b as ModelRoomLabelPlugin,
+  b as default,
+  L as modelRoomLabelPluginServerParams
 };