@realsee/dnalogel 3.81.6-alpha.0 → 3.81.6-alpha.2

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

@@ -1,155 +1,169 @@
-import { SvelteComponent as G, init as O, safe_not_equal as j, append_styles as J, element as D, attr as S, set_style as l, insert as K, append as E, noop as H, detach as L, onMount as N } from "../../../vendor/svelte/internal/index.js";
-import { CAMERA_IMAGE as P } from "../../Assets/camera.js";
-import { throttle as Q } from "../../../shared-utils/throttle.js";
-import { styledCameraRotation as V } from "../../utils/styledFloorplan.js";
-function X(n) {
-  J(n, "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}");
+import { SvelteComponent as j, init as J, safe_not_equal as K, append_styles as L, element as M, attr as w, set_style as a, toggle_class as U, insert as N, append as H, noop as P, detach as Q, onMount as V } from "../../../vendor/svelte/internal/index.js";
+import { CAMERA_IMAGE as R, CAMERA_IMAGE_BIG_DOT as T } from "../../Assets/camera.js";
+import { throttle as X } from "../../../shared-utils/throttle.js";
+import { styledCameraRotation as Y } from "../../utils/styledFloorplan.js";
+function Z(n) {
+  L(n, "svelte-ryb078", ".plugin-radar__camera-wrapper.svelte-ryb078{width:100%;height:100%;position:absolute;pointer-events:none;z-index:20}.plugin-radar__camera-position.svelte-ryb078{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-ryb078{position:absolute;transform:rotate(45deg);background-repeat:no-repeat;background-size:100%;z-index:20}.floorplan-guide-plugin__styled-realsee .floorplan-guide-plugin__default-camera.svelte-ryb078::after{content:'';position:absolute;left:var(--camera-offset);top:var(--camera-offset);width:33.333%;height:33.333%;border-radius:50%;background:#3366ff;transform:translate(-50%, -50%)}");
 }
-function Y(n) {
-  let a, t, r, m = `${/*cameraSize*/
-  n[1]}px`, g = `${/*cameraSize*/
-  n[1]}px`, c = `-${/*cameraOffset*/
-  n[2]}px`, i = `-${/*cameraOffset*/
+function $(n) {
+  let r, t, o, d = `${/*cameraSize*/
+  n[1]}px`, c = `${/*cameraSize*/
+  n[1]}px`, p = `-${/*cameraOffset*/
+  n[2]}px`, l = `-${/*cameraOffset*/
   n[2]}px`, u = `${/*cameraOffset*/
+  n[2]}px`, s = `${/*cameraOffset*/
   n[2]}px ${/*cameraOffset*/
   n[2]}px`;
   return {
     c() {
-      a = D("div"), t = D("div"), r = D("div"), S(r, "class", "plugin-radar__camera-rotate svelte-3rukxu"), l(r, "background-image", "url(" + /*cameraImageUrl*/
-      (n[0] || P) + ")"), l(
-        r,
+      r = M("div"), t = M("div"), o = M("div"), w(o, "class", "plugin-radar__camera-rotate svelte-ryb078"), a(o, "background-image", "url(" + /*cameraImageUrl*/
+      (n[0] || R) + ")"), U(
+        o,
+        "floorplan-guide-plugin__default-camera",
+        /*cameraImageUrl*/
+        n[0] === T
+      ), a(
+        o,
         "transform",
         /*rotateTransform*/
         n[4]
-      ), l(r, "width", m), l(r, "height", g), l(r, "left", c), l(r, "top", i), l(r, "transform-origin", u), S(t, "class", "plugin-radar__camera-position svelte-3rukxu"), l(
+      ), a(o, "width", d), a(o, "height", c), a(o, "left", p), a(o, "top", l), a(o, "--camera-offset", u), a(o, "transform-origin", s), w(t, "class", "plugin-radar__camera-position svelte-ryb078"), a(
         t,
         "transform",
         /*positionTransform*/
         n[3]
-      ), S(a, "class", "plugin-radar__camera-wrapper svelte-3rukxu"), l(
-        a,
+      ), w(r, "class", "plugin-radar__camera-wrapper svelte-ryb078"), a(
+        r,
         "opacity",
         /*hasCurrentFloorData*/
         n[5] ? 1 : 0
       );
     },
-    m(o, f) {
-      K(o, a, f), E(a, t), E(t, r);
+    m(i, f) {
+      N(i, r, f), H(r, t), H(t, o);
     },
-    p(o, [f]) {
+    p(i, [f]) {
       f & /*cameraImageUrl*/
-      1 && l(r, "background-image", "url(" + /*cameraImageUrl*/
-      (o[0] || P) + ")");
-      const d = f & /*cameraImageUrl*/
+      1 && a(o, "background-image", "url(" + /*cameraImageUrl*/
+      (i[0] || R) + ")"), f & /*cameraImageUrl, CAMERA_IMAGE_BIG_DOT*/
+      1 && U(
+        o,
+        "floorplan-guide-plugin__default-camera",
+        /*cameraImageUrl*/
+        i[0] === T
+      );
+      const g = f & /*cameraImageUrl*/
       1;
-      (d || f & /*rotateTransform, cameraImageUrl*/
-      17) && l(
-        r,
+      (g || f & /*rotateTransform, cameraImageUrl*/
+      17) && a(
+        o,
         "transform",
         /*rotateTransform*/
-        o[4]
-      ), (d || f & /*cameraSize, cameraImageUrl*/
-      3 && m !== (m = `${/*cameraSize*/
-      o[1]}px`)) && l(r, "width", m), (d || f & /*cameraSize, cameraImageUrl*/
-      3 && g !== (g = `${/*cameraSize*/
-      o[1]}px`)) && l(r, "height", g), (d || f & /*cameraOffset, cameraImageUrl*/
-      5 && c !== (c = `-${/*cameraOffset*/
-      o[2]}px`)) && l(r, "left", c), (d || f & /*cameraOffset, cameraImageUrl*/
-      5 && i !== (i = `-${/*cameraOffset*/
-      o[2]}px`)) && l(r, "top", i), (d || f & /*cameraOffset, cameraImageUrl*/
+        i[4]
+      ), (g || f & /*cameraSize, cameraImageUrl*/
+      3 && d !== (d = `${/*cameraSize*/
+      i[1]}px`)) && a(o, "width", d), (g || f & /*cameraSize, cameraImageUrl*/
+      3 && c !== (c = `${/*cameraSize*/
+      i[1]}px`)) && a(o, "height", c), (g || f & /*cameraOffset, cameraImageUrl*/
+      5 && p !== (p = `-${/*cameraOffset*/
+      i[2]}px`)) && a(o, "left", p), (g || f & /*cameraOffset, cameraImageUrl*/
+      5 && l !== (l = `-${/*cameraOffset*/
+      i[2]}px`)) && a(o, "top", l), (g || f & /*cameraOffset, cameraImageUrl*/
       5 && u !== (u = `${/*cameraOffset*/
-      o[2]}px ${/*cameraOffset*/
-      o[2]}px`)) && l(r, "transform-origin", u), f & /*positionTransform*/
-      8 && l(
+      i[2]}px`)) && a(o, "--camera-offset", u), (g || f & /*cameraOffset, cameraImageUrl*/
+      5 && s !== (s = `${/*cameraOffset*/
+      i[2]}px ${/*cameraOffset*/
+      i[2]}px`)) && a(o, "transform-origin", s), f & /*positionTransform*/
+      8 && a(
         t,
         "transform",
         /*positionTransform*/
-        o[3]
+        i[3]
       ), f & /*hasCurrentFloorData*/
-      32 && l(
-        a,
+      32 && a(
+        r,
         "opacity",
         /*hasCurrentFloorData*/
-        o[5] ? 1 : 0
+        i[5] ? 1 : 0
       );
     },
-    i: H,
-    o: H,
-    d(o) {
-      o && L(a);
+    i: P,
+    o: P,
+    d(i) {
+      i && Q(r);
     }
   };
 }
-function Z(n, a, t) {
-  var W, U;
-  let r, m, g, c, { five: i } = a, { pxmm: u } = a, { floorplanData: o } = a, { cameraImageUrl: f } = a, { cameraSize: d = 36 } = a, { cameraOffset: w = 28.5 } = a, { contentWidth: y } = a, { contentHeight: b } = a, { styledFloorplanEnable: p = !1 } = a, k = i.getCurrentState().panoIndex, v = i.getCurrentState().longitude, x = (U = (W = i.work.observers[i.getCurrentState().panoIndex]) == null ? void 0 : W.floorIndex) != null ? U : 0, _ = "";
-  function R(e, h) {
-    const I = h ? V(h) : 0;
+function ee(n, r, t) {
+  var W, k;
+  let o, d, c, p, { five: l } = r, { pxmm: u } = r, { floorplanData: s } = r, { cameraImageUrl: i } = r, { cameraSize: f = 36 } = r, { cameraOffset: g = 28.5 } = r, { contentWidth: x } = r, { contentHeight: v } = r, { styledFloorplanEnable: h = !1 } = r, A = l.getCurrentState().panoIndex, F = l.getCurrentState().longitude, b = (k = (W = l.work.observers[l.getCurrentState().panoIndex]) == null ? void 0 : W.floorIndex) != null ? k : 0, y = "";
+  function G(e, _) {
+    const I = _ ? Y(_) : 0;
     return `rotate(${Math.floor(e / Math.PI * 180) * -1 + 45 + I}deg)`;
   }
-  function A(e) {
-    t(12, k = e);
+  function S(e) {
+    t(12, A = e);
   }
-  function M(e) {
-    t(14, x = i.work.observers[e].floorIndex);
+  function z(e) {
+    t(14, b = l.work.observers[e].floorIndex);
   }
-  const z = Q(
+  const E = X(
     (e) => {
-      t(13, v = e.longitude);
+      t(13, F = e.longitude);
     },
     1e3 / 60
   );
-  return N(() => (i.on("panoWillArrive", A), i.on("panoArrived", M), i.on("cameraDirectionUpdate", z), function() {
-    i.off("panoWillArrive", A), i.off("panoArrived", M), i.off("cameraDirectionUpdate", z);
+  return V(() => (l.on("panoWillArrive", S), l.on("panoArrived", z), l.on("cameraDirectionUpdate", E), function() {
+    l.off("panoWillArrive", S), l.off("panoArrived", z), l.off("cameraDirectionUpdate", E);
   })), n.$$set = (e) => {
-    "five" in e && t(6, i = e.five), "pxmm" in e && t(7, u = e.pxmm), "floorplanData" in e && t(8, o = e.floorplanData), "cameraImageUrl" in e && t(0, f = e.cameraImageUrl), "cameraSize" in e && t(1, d = e.cameraSize), "cameraOffset" in e && t(2, w = e.cameraOffset), "contentWidth" in e && t(9, y = e.contentWidth), "contentHeight" in e && t(10, b = e.contentHeight), "styledFloorplanEnable" in e && t(11, p = e.styledFloorplanEnable);
+    "five" in e && t(6, l = e.five), "pxmm" in e && t(7, u = e.pxmm), "floorplanData" in e && t(8, s = e.floorplanData), "cameraImageUrl" in e && t(0, i = e.cameraImageUrl), "cameraSize" in e && t(1, f = e.cameraSize), "cameraOffset" in e && t(2, g = e.cameraOffset), "contentWidth" in e && t(9, x = e.contentWidth), "contentHeight" in e && t(10, v = e.contentHeight), "styledFloorplanEnable" in e && t(11, h = e.styledFloorplanEnable);
   }, n.$$.update = () => {
-    var e, h, I;
+    var e, _, I;
     if (n.$$.dirty & /*floorplanData, floorIndex*/
-    16640 && t(16, r = o.floorDatas[x]), n.$$.dirty & /*styledFloorplanEnable, floorplanData, floorIndex*/
-    18688 && t(15, m = p ? (e = o.styledFloorplan) == null ? void 0 : e.floors.find((s) => s.floorIndex === x) : void 0), n.$$.dirty & /*styledFloor, floorData*/
-    98304 && t(5, g = !!m || r.rooms.length > 0), n.$$.dirty & /*floorplanData, panoIndex, styledFloorplanEnable, contentWidth, contentHeight, pxmm*/
+    16640 && t(16, o = s.floorDatas[b]), n.$$.dirty & /*styledFloorplanEnable, floorplanData, floorIndex*/
+    18688 && t(15, d = h ? (e = s.styledFloorplan) == null ? void 0 : e.floors.find((m) => m.floorIndex === b) : void 0), n.$$.dirty & /*styledFloor, floorData*/
+    98304 && t(5, c = !!d || o.rooms.length > 0), n.$$.dirty & /*floorplanData, panoIndex, styledFloorplanEnable, contentWidth, contentHeight, pxmm*/
     8064) {
-      const s = o.observers[k], F = (p ? (h = o.styledFloorplan) == null ? void 0 : h.floors.find((C) => C.floorIndex === (s == null ? void 0 : s.floorIndex)) : void 0) && ((I = s == null ? void 0 : s.styledFloorplanPositionInImage) == null ? void 0 : I.guide);
-      if (!s)
-        t(3, _ = "");
-      else if (F)
-        t(3, _ = `translate(${Math.floor(F.x * y)}px, ${Math.floor(F.y * b)}px)`);
+      const m = s.observers[A], C = (h ? (_ = s.styledFloorplan) == null ? void 0 : _.floors.find((D) => D.floorIndex === (m == null ? void 0 : m.floorIndex)) : void 0) && ((I = m == null ? void 0 : m.styledFloorplanPositionInImage) == null ? void 0 : I.guide);
+      if (!m)
+        t(3, y = "");
+      else if (C)
+        t(3, y = `translate(${Math.floor(C.x * x)}px, ${Math.floor(C.y * v)}px)`);
       else {
-        const C = (o.bounding.max.x - o.bounding.min.x) * u, T = (o.bounding.max.y - o.bounding.min.y) * u, q = Math.floor(s.positionInImage.x * C), B = Math.floor(s.positionInImage.y * T);
-        t(3, _ = `translate(${q}px, ${B}px)`);
+        const D = (s.bounding.max.x - s.bounding.min.x) * u, B = (s.bounding.max.y - s.bounding.min.y) * u, O = Math.floor(m.positionInImage.x * D), q = Math.floor(m.positionInImage.y * B);
+        t(3, y = `translate(${O}px, ${q}px)`);
       }
     }
     n.$$.dirty & /*longitude, styledFloor*/
-    40960 && t(4, c = R(v, m == null ? void 0 : m.guide.floorplanToImage));
+    40960 && t(4, p = G(F, d == null ? void 0 : d.guide.floorplanToImage));
   }, [
+    i,
     f,
-    d,
-    w,
-    _,
-    c,
     g,
-    i,
-    u,
-    o,
     y,
-    b,
     p,
-    k,
-    v,
+    c,
+    l,
+    u,
+    s,
     x,
-    m,
-    r
+    v,
+    h,
+    A,
+    F,
+    b,
+    d,
+    o
   ];
 }
-class re extends G {
-  constructor(a) {
-    super(), O(
+class ie extends j {
+  constructor(r) {
+    super(), J(
       this,
-      a,
-      Z,
-      Y,
-      j,
+      r,
+      ee,
+      $,
+      K,
       {
         five: 6,
         pxmm: 7,
@@ -161,10 +175,10 @@ class re extends G {
         contentHeight: 10,
         styledFloorplanEnable: 11
       },
-      X
+      Z
     );
   }
 }
 export {
-  re as default
+  ie as default
 };