@realsee/dnalogel 3.69.6-alpha.2 → 3.69.6-alpha.3

package/libs/floorplan/FloorplanGuidePlugin/Components/Camera.js

@@ -1,132 +1,155 @@
-import { SvelteComponent as T, init as W, safe_not_equal as E, append_styles as R, element as h, attr as _, set_style as l, insert as q, append as D, noop as w, detach as G, onMount as H } from "../../../vendor/svelte/internal/index.js";
-import { CAMERA_IMAGE as M } from "../../Assets/camera.js";
-import { throttle as O } from "../../../shared-utils/throttle.js";
-function j(r) {
-  R(r, "svelte-7sny2l", ".plugin-radar__camera-wrapper.svelte-7sny2l{width:100%;height:100%;position:absolute;pointer-events:none;z-index:20}.plugin-radar__camera-position.svelte-7sny2l{position:absolute;left:0;top:0;width:0;height:0;transform:none;pointer-events:none;transition:transform 1s linear;transform-origin:0 0;z-index:20}.plugin-radar__camera-rotate.svelte-7sny2l{position:absolute;left:-1.78125rem;top:-1.78125rem;width:2.25rem;height:2.25rem;transform-origin:1.78125rem 1.78125rem;transform:rotate(45deg);background-repeat:no-repeat;background-size:100%;z-index:20}");
+import { SvelteComponent as W, init as E, safe_not_equal as R, append_styles as q, element as v, attr as I, set_style as i, insert as G, append as y, noop as z, detach as H, onMount as j } from "../../../vendor/svelte/internal/index.js";
+import { CAMERA_IMAGE as S } from "../../Assets/camera.js";
+import { throttle as B } from "../../../shared-utils/throttle.js";
+function J(e) {
+  q(e, "svelte-3rukxu", ".plugin-radar__camera-wrapper.svelte-3rukxu{width:100%;height:100%;position:absolute;pointer-events:none;z-index:20}.plugin-radar__camera-position.svelte-3rukxu{position:absolute;left:0;top:0;width:0;height:0;transform:none;pointer-events:none;transition:transform 1s linear;transform-origin:0 0;z-index:20}.plugin-radar__camera-rotate.svelte-3rukxu{position:absolute;transform:rotate(45deg);background-repeat:no-repeat;background-size:100%;z-index:20}");
 }
-function B(r) {
-  let n, e, a;
+function K(e) {
+  let f, o, r, u = `${/*cameraSize*/
+  e[1]}px`, g = `${/*cameraSize*/
+  e[1]}px`, p = `-${/*cameraOffset*/
+  e[2]}px`, a = `-${/*cameraOffset*/
+  e[2]}px`, s = `${/*cameraOffset*/
+  e[2]}px ${/*cameraOffset*/
+  e[2]}px`;
   return {
     c() {
-      n = h("div"), e = h("div"), a = h("div"), _(a, "class", "plugin-radar__camera-rotate svelte-7sny2l"), l(a, "background-image", "url(" + /*cameraImageUrl*/
-      (r[0] || M) + ")"), l(
-        a,
+      f = v("div"), o = v("div"), r = v("div"), I(r, "class", "plugin-radar__camera-rotate svelte-3rukxu"), i(r, "background-image", "url(" + /*cameraImageUrl*/
+      (e[0] || S) + ")"), i(
+        r,
         "transform",
         /*rotateTransform*/
-        r[1]
-      ), _(e, "class", "plugin-radar__camera-position svelte-7sny2l"), l(
-        e,
+        e[3]
+      ), i(r, "width", u), i(r, "height", g), i(r, "left", p), i(r, "top", a), i(r, "transform-origin", s), I(o, "class", "plugin-radar__camera-position svelte-3rukxu"), i(
+        o,
         "transform",
         /*positionTransform*/
-        r[2]
-      ), _(n, "class", "plugin-radar__camera-wrapper svelte-7sny2l"), l(
-        n,
+        e[4]
+      ), I(f, "class", "plugin-radar__camera-wrapper svelte-3rukxu"), i(
+        f,
         "opacity",
         /*hasCurrentFloorData*/
-        r[3] ? 1 : 0
+        e[5] ? 1 : 0
       );
     },
-    m(i, s) {
-      q(i, n, s), D(n, e), D(e, a);
+    m(n, l) {
+      G(n, f, l), y(f, o), y(o, r);
     },
-    p(i, [s]) {
-      s & /*cameraImageUrl*/
-      1 && l(a, "background-image", "url(" + /*cameraImageUrl*/
-      (i[0] || M) + ")"), (s & /*cameraImageUrl*/
-      1 || s & /*rotateTransform, cameraImageUrl*/
-      3) && l(
-        a,
+    p(n, [l]) {
+      l & /*cameraImageUrl*/
+      1 && i(r, "background-image", "url(" + /*cameraImageUrl*/
+      (n[0] || S) + ")");
+      const m = l & /*cameraImageUrl*/
+      1;
+      (m || l & /*rotateTransform, cameraImageUrl*/
+      9) && i(
+        r,
         "transform",
         /*rotateTransform*/
-        i[1]
-      ), s & /*positionTransform*/
-      4 && l(
-        e,
+        n[3]
+      ), (m || l & /*cameraSize, cameraImageUrl*/
+      3 && u !== (u = `${/*cameraSize*/
+      n[1]}px`)) && i(r, "width", u), (m || l & /*cameraSize, cameraImageUrl*/
+      3 && g !== (g = `${/*cameraSize*/
+      n[1]}px`)) && i(r, "height", g), (m || l & /*cameraOffset, cameraImageUrl*/
+      5 && p !== (p = `-${/*cameraOffset*/
+      n[2]}px`)) && i(r, "left", p), (m || l & /*cameraOffset, cameraImageUrl*/
+      5 && a !== (a = `-${/*cameraOffset*/
+      n[2]}px`)) && i(r, "top", a), (m || l & /*cameraOffset, cameraImageUrl*/
+      5 && s !== (s = `${/*cameraOffset*/
+      n[2]}px ${/*cameraOffset*/
+      n[2]}px`)) && i(r, "transform-origin", s), l & /*positionTransform*/
+      16 && i(
+        o,
         "transform",
         /*positionTransform*/
-        i[2]
-      ), s & /*hasCurrentFloorData*/
-      8 && l(
-        n,
+        n[4]
+      ), l & /*hasCurrentFloorData*/
+      32 && i(
+        f,
         "opacity",
         /*hasCurrentFloorData*/
-        i[3] ? 1 : 0
+        n[5] ? 1 : 0
       );
     },
-    i: w,
-    o: w,
-    d(i) {
-      i && G(n);
+    i: z,
+    o: z,
+    d(n) {
+      n && H(f);
     }
   };
 }
-function J(r) {
-  return `rotate(${Math.floor(r / Math.PI * 180) * -1 + 45}deg)`;
+function L(e) {
+  return `rotate(${Math.floor(e / Math.PI * 180) * -1 + 45}deg)`;
 }
-function K(r, n, e) {
-  var C, A;
-  let a, i, s, d, { five: o } = n, { pxmm: m } = n, { floorplanData: f } = n, { cameraImageUrl: x } = n, u = o.getCurrentState().panoIndex, p = o.getCurrentState().longitude, g = (A = (C = o.work.observers[o.getCurrentState().panoIndex]) == null ? void 0 : C.floorIndex) != null ? A : 0;
-  function U(t, k) {
-    const c = t.bounding, v = t.observers[k];
-    if (!v)
+function N(e, f, o) {
+  var A, D;
+  let r, u, g, p, { five: a } = f, { pxmm: s } = f, { floorplanData: n } = f, { cameraImageUrl: l } = f, { cameraSize: m = 36 } = f, { cameraOffset: b = 28.5 } = f, d = a.getCurrentState().panoIndex, h = a.getCurrentState().longitude, _ = (D = (A = a.work.observers[a.getCurrentState().panoIndex]) == null ? void 0 : A.floorIndex) != null ? D : 0;
+  function M(t, U) {
+    const c = t.bounding, x = t.observers[U];
+    if (!x)
       return "";
-    const z = (c.max.x - c.min.x) * m, F = (c.max.y - c.min.y) * m, P = Math.floor(v.positionInImage.x * z), S = Math.floor(v.positionInImage.y * F);
-    return `translate(${P}px, ${S}px)`;
+    const O = (c.max.x - c.min.x) * s, F = (c.max.y - c.min.y) * s, P = Math.floor(x.positionInImage.x * O), T = Math.floor(x.positionInImage.y * F);
+    return `translate(${P}px, ${T}px)`;
   }
-  function y(t) {
-    e(7, u = t);
+  function k(t) {
+    o(9, d = t);
   }
-  function I(t) {
-    e(9, g = o.work.observers[t].floorIndex);
+  function C(t) {
+    o(11, _ = a.work.observers[t].floorIndex);
   }
-  const b = O(
+  const w = B(
     (t) => {
-      e(8, p = t.longitude);
+      o(10, h = t.longitude);
     },
     1e3 / 60
   );
-  return H(() => (o.on("panoWillArrive", y), o.on("panoArrived", I), o.on("cameraDirectionUpdate", b), function() {
-    o.off("panoWillArrive", y), o.off("panoArrived", I), o.off("cameraDirectionUpdate", b);
-  })), r.$$set = (t) => {
-    "five" in t && e(4, o = t.five), "pxmm" in t && e(5, m = t.pxmm), "floorplanData" in t && e(6, f = t.floorplanData), "cameraImageUrl" in t && e(0, x = t.cameraImageUrl);
-  }, r.$$.update = () => {
-    r.$$.dirty & /*floorplanData, floorIndex*/
-    576 && e(10, a = f.floorDatas[g]), r.$$.dirty & /*floorData*/
-    1024 && e(3, i = a.rooms.length > 0), r.$$.dirty & /*floorplanData, panoIndex*/
-    192 && e(2, s = U(f, u)), r.$$.dirty & /*longitude*/
-    256 && e(1, d = J(p));
+  return j(() => (a.on("panoWillArrive", k), a.on("panoArrived", C), a.on("cameraDirectionUpdate", w), function() {
+    a.off("panoWillArrive", k), a.off("panoArrived", C), a.off("cameraDirectionUpdate", w);
+  })), e.$$set = (t) => {
+    "five" in t && o(6, a = t.five), "pxmm" in t && o(7, s = t.pxmm), "floorplanData" in t && o(8, n = t.floorplanData), "cameraImageUrl" in t && o(0, l = t.cameraImageUrl), "cameraSize" in t && o(1, m = t.cameraSize), "cameraOffset" in t && o(2, b = t.cameraOffset);
+  }, e.$$.update = () => {
+    e.$$.dirty & /*floorplanData, floorIndex*/
+    2304 && o(12, r = n.floorDatas[_]), e.$$.dirty & /*floorData*/
+    4096 && o(5, u = r.rooms.length > 0), e.$$.dirty & /*floorplanData, panoIndex*/
+    768 && o(4, g = M(n, d)), e.$$.dirty & /*longitude*/
+    1024 && o(3, p = L(h));
   }, [
-    x,
-    d,
-    s,
-    i,
-    o,
+    l,
     m,
-    f,
-    u,
+    b,
     p,
     g,
-    a
+    u,
+    a,
+    s,
+    n,
+    d,
+    h,
+    _,
+    r
   ];
 }
-class V extends T {
-  constructor(n) {
-    super(), W(
+class Y extends W {
+  constructor(f) {
+    super(), E(
       this,
-      n,
+      f,
+      N,
       K,
-      B,
-      E,
+      R,
       {
-        five: 4,
-        pxmm: 5,
-        floorplanData: 6,
-        cameraImageUrl: 0
+        five: 6,
+        pxmm: 7,
+        floorplanData: 8,
+        cameraImageUrl: 0,
+        cameraSize: 1,
+        cameraOffset: 2
       },
-      j
+      J
     );
   }
 }
 export {
-  V as default
+  Y as default
 };