@realsee/dnalogel 2.16.0-10 → 2.16.0-12

package/libs/floorplan/ModelFloorplanPlugin/Controller.js

@@ -1,28 +1,28 @@
-var A = Object.defineProperty, S = Object.defineProperties;
+var F = Object.defineProperty, E = Object.defineProperties;
 var C = Object.getOwnPropertyDescriptors;
 var w = Object.getOwnPropertySymbols;
 var P = Object.prototype.hasOwnProperty, I = Object.prototype.propertyIsEnumerable;
-var m = (h, s, t) => s in h ? A(h, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : h[s] = t, l = (h, s) => {
+var m = (h, s, t) => s in h ? F(h, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : h[s] = t, u = (h, s) => {
   for (var t in s || (s = {}))
     P.call(s, t) && m(h, t, s[t]);
   if (w)
     for (var t of w(s))
       I.call(s, t) && m(h, t, s[t]);
   return h;
-}, v = (h, s) => S(h, C(s));
+}, v = (h, s) => E(h, C(s));
 var o = (h, s, t) => (m(h, typeof s != "symbol" ? s + "" : s, t), t);
 var f = (h, s, t) => new Promise((e, i) => {
   var r = (n) => {
     try {
       a(t.next(n));
-    } catch (u) {
-      i(u);
+    } catch (l) {
+      i(l);
     }
   }, d = (n) => {
     try {
       a(t.throw(n));
-    } catch (u) {
-      i(u);
+    } catch (l) {
+      i(l);
     }
   }, a = (n) => n.done ? e(n.value) : Promise.resolve(n.value).then(r, d);
   a((t = t.apply(h, s)).next());
@@ -31,14 +31,14 @@ import { to as M } from "../../shared-utils/to.js";
 import { equal as x } from "../../shared-utils/equal.js";
 import { Main as y } from "../Components/Main.js";
 import { formatData as b } from "../utils/formatData.js";
-import { CAMERA_IMAGE as D } from "../Assets/camera.js";
-import { omit as _ } from "../../shared-utils/filter.js";
-import { getPxmm as L } from "../../shared-utils/getPxmm.js";
-import { FLOOR_PLAN_ATTACHED_TO as O } from "../constant.js";
+import { CAMERA_IMAGE as _ } from "../Assets/camera.js";
+import { omit as L } from "../../shared-utils/filter.js";
+import { getPxmm as O } from "../../shared-utils/getPxmm.js";
+import { FLOOR_PLAN_ATTACHED_TO as D } from "../constant.js";
 import { Controller as k } from "../../base/BasePluginWithData.js";
-import { checkShowState as T, correctFiveState as B } from "../utils/correctFiveState.js";
-import { changeModelCanvasOpacity as F } from "../../shared-utils/changeModelCanvasOpacity.js";
-import { FIVE_CAMERA_DEFAULT_FOV as G, FloorplanErrorType as c, SHOW_ANIME_DURATION as H } from "../utils/constant.js";
+import { checkShowState as T, correctFiveState as G } from "../utils/correctFiveState.js";
+import { changeModelCanvasOpacity as A } from "../../shared-utils/changeModelCanvasOpacity.js";
+import { FIVE_CAMERA_DEFAULT_FOV as H, FloorplanErrorType as c, SHOW_ANIME_DURATION as W } from "../utils/constant.js";
 import "../../shared-utils/isTruelyObject.js";
 import "../../vendor/svelte/internal/index.js";
 import "../../vendor/svelte/transition/index.js";
@@ -70,9 +70,9 @@ import "../../shared-utils/tap.js";
 import "three";
 import "../../base/BasePlugin.js";
 import "../../shared-utils/Subscribe.js";
-import "@realsee/five";
 import "hammerjs";
-import "@tweenjs/tween.js";
+import "@realsee/five";
+import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
@@ -87,60 +87,85 @@ import "../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "../../shared-utils/isAbsoluteURL.js";
-import "../../shared-utils/animationFrame/BetterTween.js";
-import "../../shared-utils/animationFrame/index.js";
 import "../../shared-utils/nearlyEqual.js";
 import "../../shared-utils/five/changeMode.js";
-function W(h) {
+function R(h) {
   const { latitude: s, longitude: t } = h, e = Math.abs(s - Math.PI / 2) > 5 * Math.PI / 180, i = t > 5 * (Math.PI / 180) && t < 355 * (Math.PI / 180);
   return e || i;
 }
-function R(h) {
+function N(h) {
   const { latitude: s, longitude: t } = h, e = Math.abs(s - Math.PI / 2) < 10 * Math.PI / 180, i = t < 30 * (Math.PI / 180) || t > 330 * (Math.PI / 180);
   return e && i;
 }
-class Yt extends k {
+class Qt extends k {
   constructor(t, e) {
     var a;
     super(t);
+    // =============== public properties =================
     o(this, "name", "modelFloorplanPlugin");
     o(this, "state");
+    // =============== private properties =================
     o(this, "data");
+    /** 展示户型图时，需要正确的状态 */
     o(this, "showState");
+    /** show 动画的公共 Promise */
     o(this, "showPromise");
     o(this, "app");
     o(this, "panoIndex", 0);
     o(this, "floorIndex", 0);
     o(this, "selector");
+    /** 公共 Promise 的 reject 方法 */
     o(this, "showRejection");
+    /** 户型图父容器 */
     o(this, "wrapper");
+    /** 户型图主容器 */
     o(this, "container", document.createElement("div"));
+    /** 展示户型图图前，Five 的 Panorama Longitude */
     o(this, "lastPanoramaLongitude", 0);
+    /** 户型图大小 */
     o(this, "size", { width: 0, height: 0 });
+    /** 是否已经执行过事件监听 */
     o(this, "hasAddedEventListener", !1);
+    /** 上一次隐藏是否是用户调用了 hide 导致的 */
     o(this, "isHiddenByHideFunc", !1);
+    /** 高亮区域 */
     o(this, "highlightData", {});
+    /** 销毁插件 */
     o(this, "dispose", () => {
       var t, e;
       this.removeEventListener(), (t = this.app) == null || t.$destroy(), this.app = void 0, (e = this.container) == null || e.remove(), this.data = void 0, this.wrapper = void 0, this.selector = void 0, this.hooks.emit("dispose");
     });
+    /** 展示户型图
+     * 1. show 函数大部分情况下需要耗时
+     * 2. 如果当前已经在展示中，将不会触发任何事件
+     * 3. 如果展示过程被中断，将抛出错误
+     * 4. 多次调用 show 方法，只会触发一次 showAnimationEnded 事件，但是展示结果会取决于最后一次调用参数
+     * 5. 如果多次调用 show 方法，参数与上次参数不一致时，上次 show Promise 会被 reject
+     * @param opts.floorIndex 楼层
+     * @param opts.modelOpacity 模型透明度
+     * @param opts.immediately 是否立即展示
+     * @param opts.isAutoShow 是否是自动展示
+     * @param opts.userAction 是否是用户行为
+     */
     o(this, "show", (...e) => f(this, [...e], function* (t = {}) {
       if (!this.state.enabled || !this.showPromise && this.state.visible)
         return;
       const i = t.userAction !== void 0 ? t.userAction : !0;
       this.updateState({ visible: !0 }, i), this._show(t);
     }));
+    /** 隐藏户型图 */
     o(this, "hide", (...e) => f(this, [...e], function* (t = {}) {
-      !this.state.enabled || (this.isHiddenByHideFunc = !0, this.state.visible !== !1 && (this.updateState({ visible: !1 }, t.userAction || !0), this._hide(t)));
+      this.state.enabled && (this.isHiddenByHideFunc = !0, this.state.visible !== !1 && (this.updateState({ visible: !1 }, t.userAction || !0), this._hide(t)));
     }));
+    /** 更新户型图大小 */
     o(this, "updateSize", () => {
       if (!this.data || !T(this.five, this.showState) || !this.container || !this.wrapper)
         return;
-      const { min: t, max: e } = this.data.bounding, i = e.x - t.x, r = e.y - t.y, d = this.state.config.attachedTo ? { attachedTo: this.state.config.attachedTo } : void 0, a = L(this.five, this.wrapper, this.floorIndex, d), n = Math.ceil(i * a), u = Math.ceil(r * a);
-      this.size.width === n && this.size.height === u || (this.container.style.width = n + "px", this.container.style.height = u + "px", this.size = { width: n, height: u });
+      const { min: t, max: e } = this.data.bounding, i = e.x - t.x, r = e.y - t.y, d = this.state.config.attachedTo ? { attachedTo: this.state.config.attachedTo } : void 0, a = O(this.five, this.wrapper, this.floorIndex, d), n = Math.ceil(i * a), l = Math.ceil(r * a);
+      this.size.width === n && this.size.height === l || (this.container.style.width = n + "px", this.container.style.height = l + "px", this.size = { width: n, height: l });
     });
     o(this, "highlight", (t) => {
-      !this.state.config.highlightEnable || (this.highlightData = t, this.render());
+      this.state.config.highlightEnable && (this.highlightData = t, this.render());
     });
     o(this, "unhighlight", () => {
       this.highlightData = {}, this.render();
@@ -169,20 +194,20 @@ class Yt extends k {
         immediately: !1,
         isAutoShow: !1,
         userAction: !0
-      }, i = l(l({}, e), t), r = () => f(this, null, function* () {
+      }, i = u(u({}, e), t), r = () => f(this, null, function* () {
         this.hooks.emit("show", { userAction: i.userAction, auto: i.isAutoShow });
         let a = !1, n;
-        this.showRejection = (E) => {
-          a = !0, n = E;
+        this.showRejection = (S) => {
+          a = !0, n = S;
         };
-        const [u] = yield M(B(this.five, this.showState, i.userAction));
-        if (u)
-          throw u;
+        const [l] = yield M(G(this.five, this.showState, i.userAction));
+        if (l)
+          throw l;
         if (a)
           throw n ? new Error(n) : new Error(c.UnknownError);
         this.updateSize(), this.floorIndex = i.floorIndex, this.five.model.show(this.floorIndex);
-        const p = i.modelOpacity, g = i.immediately ? 0 : H;
-        F(this.five, p, g), this.render(g);
+        const p = i.modelOpacity, g = i.immediately ? 0 : W;
+        A(this.five, p, g), this.render(g);
       });
       return this.showPromise = r().then(() => {
         this.hooks.emit("showAnimationEnded", {
@@ -199,11 +224,11 @@ class Yt extends k {
     o(this, "_hide", (t) => {
       var r;
       (r = this.showRejection) == null || r.call(this, c.BreakOffByHide), this.showPromise = void 0;
-      const i = l(l({}, {
+      const i = u(u({}, {
         userAction: !0,
         isAutoHide: !1
       }), t);
-      F(this.five, 1, 0), this.hooks.emit("hide", { auto: i.isAutoHide, userAction: i.userAction }), this.render();
+      A(this.five, 1, 0), this.hooks.emit("hide", { auto: i.isAutoHide, userAction: i.userAction }), this.render();
     });
     o(this, "handleClick", () => {
       if (!this.state.visible)
@@ -211,45 +236,55 @@ class Yt extends k {
       if (this.hooks.emit("click"))
         return !1;
     });
+    /** modelLoaded 之后自动执行 append container 操作  */
     o(this, "onFiveModelLoaded", () => {
       if (this.state.enabled === !1 || this.wrapper || !this.selector)
         return;
       const t = this.selector instanceof Element ? this.selector : document.querySelector(this.selector);
       if (!t)
-        throw new Error("\u4E0D\u6B63\u786E\u7684\u7236\u5BB9\u5668\u9009\u62E9\u5668");
+        throw new Error("不正确的父容器选择器");
       this.wrapper = t, t.append(this.container);
     });
+    /** 更改模型时，自动隐藏户型图 */
     o(this, "onFiveModeChange", (t) => {
       t !== this.showState.mode && (this.updateState({ visible: !1 }, !1), this._hide({ userAction: !1 }));
     });
+    /** 惯性结束后，判断能否自动展示户型图 */
     o(this, "onFiveInteriaPan", (t, e) => {
       if (!e || this.state.config.autoShowEnable === !1 || this.isHiddenByHideFunc)
         return;
       const i = this.five.getCurrentState();
-      i.mode === "Floorplan" && (this.state.visible || R(i) && (this.updateState({ visible: !0 }, !0), this._show({ isAutoShow: !0 })));
+      i.mode === "Floorplan" && (this.state.visible || N(i) && (this.updateState({ visible: !0 }, !0), this._show({ isAutoShow: !0 })));
     });
+    /** panoIndex 改变时，更新 floorIndex */
     o(this, "onFivePanoArrived", (t) => {
       var e;
-      !((e = this.five) != null && e.work) || (this.panoIndex = t, this.floorIndex = this.five.work.observers[t].floorIndex);
+      (e = this.five) != null && e.work && (this.panoIndex = t, this.floorIndex = this.five.work.observers[t].floorIndex);
     });
+    /** cameraUpdate 时判断户型图是否应该自动隐藏 */
     o(this, "onFiveCameraUpdate", (t, e) => {
       if (!this.state.visible || this.showPromise)
         return;
       const i = this.five.getCurrentState();
-      W(i) && (this.updateState({ visible: !1 }, e), this._hide({ userAction: e, isAutoHide: !0 }));
+      R(i) && (this.updateState({ visible: !1 }, e), this._hide({ userAction: e, isAutoHide: !0 }));
     });
+    /** 在户型图展示时阻止多指操作, 阻止鼠标放大 */
     o(this, "onFiveWantsGesture", (t, e) => {
-      if (!!this.state.visible && (e.length > 1 || t === "mouseWheel"))
+      if (this.state.visible && (e.length > 1 || t === "mouseWheel"))
         return !1;
     });
+    /** 户型图展示中，转动三维模型，结束时应该自动修复模型状态 */
     o(this, "onFiveWantsPanGesture", (t, e) => {
       if (this.five.getCurrentState().mode === "Floorplan" && this.state.config.autoShowEnable !== !1 && e && this.state.visible)
         return this.five.updateCamera(this.showState, 0), !1;
     });
+    /** 阻止点击分间走点 */
     o(this, "onFiveWantsTapGesture", () => this.handleClick());
+    /** 从 Panorama 切换到其他模态时，记录当前的相机水平视角 */
     o(this, "onFiveWantsChangeMode", (t, e) => {
       e === "Panorama" && t === "Floorplan" && (this.lastPanoramaLongitude = this.five.getCurrentState().longitude);
     });
+    /** 模型楼层高亮改变时，自动进行楼层切换 */
     o(this, "onModelShownFloorChange", (t) => {
       if (this.floorIndex !== t) {
         if (t === null) {
@@ -260,14 +295,14 @@ class Yt extends k {
         this.floorIndex = t, this.updateSize(), this.render();
       }
     });
-    e != null && e.selector && (this.selector = e.selector, console.warn("\u4E0D\u63A8\u8350\u7EE7\u7EED\u4F7F\u7528 params.selector \u914D\u7F6E\u7236\u5BB9\u5668\uFF0C\u8BF7\u4F7F\u7528 appendTo \u65B9\u6CD5")), this.showState = {
+    e != null && e.selector && (this.selector = e.selector, console.warn("不推荐继续使用 params.selector 配置父容器，请使用 appendTo 方法")), this.showState = {
       mode: "Floorplan",
       longitude: 0,
       latitude: Math.PI / 2,
-      fov: G / ((a = e == null ? void 0 : e.scale) != null ? a : 1)
+      fov: H / ((a = e == null ? void 0 : e.scale) != null ? a : 1)
     };
     const i = {
-      northDesc: "\u5317",
+      northDesc: "北",
       modelOpacity: 1,
       cameraEnable: !0,
       highlightEnable: !1,
@@ -279,12 +314,12 @@ class Yt extends k {
       roomAreaEnable: !0,
       roomNameEnable: !0,
       adaptiveRoomLabelVisibleEnable: !0,
-      cameraImageUrl: D,
-      attachedTo: O.BOUNDING_CENTER,
+      cameraImageUrl: _,
+      attachedTo: D.BOUNDING_CENTER,
       getLabelElement: void 0,
-      getRoomAreaText: (n) => (n / 1e6).toFixed(1) + "\u33A1",
+      getRoomAreaText: (n) => (n / 1e6).toFixed(1) + "㎡",
       getRuleDistanceText: (n) => n.toString()
-    }, r = e ? _(e, ["selector", "scale"]) : {}, d = l(l({}, i), r);
+    }, r = e ? L(e, ["selector", "scale"]) : {}, d = u(u({}, i), r);
     this.state = {
       enabled: !0,
       visible: !1,
@@ -297,27 +332,31 @@ class Yt extends k {
         return Object.prototype.hasOwnProperty.apply(p, ["version"]);
       }
       const d = t;
-      d && !d.version && console.warn("\u4F20\u5165 serverData.data \u7684\u65B9\u5F0F\u540E\u7EED\u53EF\u80FD\u4E0D\u518D\u652F\u6301\uFF0C\u8BF7\u628A serverData \u6574\u4F53\u4F20\u5165 load \u51FD\u6570");
-      const a = JSON.parse(JSON.stringify(t)), n = r(a) ? a.data : a, u = this.data;
-      this.data = yield b(n), this.hooks.emit("dataLoaded", this.data), this.hooks.emit("dataChange", this.data, u), e && this.updateState(e, i), this.render();
+      d && !d.version && console.warn("传入 serverData.data 的方式后续可能不再支持，请把 serverData 整体传入 load 函数");
+      const a = JSON.parse(JSON.stringify(t)), n = r(a) ? a.data : a, l = this.data;
+      this.data = yield b(n), this.hooks.emit("dataLoaded", this.data), this.hooks.emit("dataChange", this.data, l), e && this.updateState(e, i), this.render();
     });
   }
+  /** 把插件的渲染DOM插入到对应的容器中去 */
   appendTo(t) {
     if (this.wrapper = t, !!this.state.enabled)
       return t.appendChild(this.container), this.render(), this;
   }
+  /** 启用插件 */
   enable(t = {}) {
     if (this.state.enabled)
       return;
     const e = t.userAction !== void 0 ? t.userAction : !0;
     this.updateState({ enabled: !0 }, t.userAction || e), this._enable({ userAction: e });
   }
+  /** 禁用插件 */
   disable(t = {}) {
     if (!this.state.enabled)
       return;
     const e = t.userAction !== void 0 ? t.userAction : !0;
     this.updateState({ enabled: !1 }, t.userAction || e), this._disable({ userAction: e });
   }
+  /** 更改插件 State */
   setState(t, e = {}) {
     const i = this.state, r = e.userAction !== void 0 ? e.userAction : !0;
     if (this.updateState(t, r), t.enabled !== void 0 && i.enabled !== t.enabled && (t.enabled ? this._enable({ userAction: r }) : this._disable({ userAction: r })), t.visible !== void 0 && i.visible !== t.visible) {
@@ -335,9 +374,13 @@ class Yt extends k {
     });
   }
   updateState(t, e) {
-    const i = this.state, r = t.config ? l(l({}, i.config), t.config) : i.config;
-    this.state = v(l(l({}, this.state), t), { config: r }), !x(this.state, i, { deep: !0 }) && this.hooks.emit("stateChange", { state: this.state, prevState: i, userAction: e });
+    const i = this.state, r = t.config ? u(u({}, i.config), t.config) : i.config;
+    this.state = v(u(u({}, this.state), t), { config: r }), !x(this.state, i, { deep: !0 }) && this.hooks.emit("stateChange", { state: this.state, prevState: i, userAction: e });
   }
+  /** 如果用户是通过 selector 设置父容器，需要在 modelLoaded 之后把 container 自动放到父容器里
+   *
+   * - TODO: 等 selector 功能下掉之后删除这个逻辑
+   */
   initContainer() {
     this.container.classList.add("floorplan-plugin"), Object.assign(this.container.style, {
       position: "absolute",
@@ -361,7 +404,7 @@ class Yt extends k {
   render(t) {
     if (!this.state.enabled || !this.container || !this.data || this.size.width === 0)
       return;
-    const e = v(l({}, this.state.config), {
+    const e = v(u({}, this.state.config), {
       visible: this.state.visible,
       duration: t != null ? t : 0,
       panoIndex: this.panoIndex,
@@ -376,5 +419,5 @@ class Yt extends k {
   }
 }
 export {
-  Yt as Controller
+  Qt as Controller
 };

package/libs/floorplan/ModelFloorplanPlugin/index.js

@@ -39,9 +39,9 @@ import "three";
 import "../../base/BasePluginWithData.js";
 import "../../base/BasePlugin.js";
 import "../../shared-utils/Subscribe.js";
-import "@realsee/five";
 import "hammerjs";
-import "@tweenjs/tween.js";
+import "@realsee/five";
+import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
@@ -56,15 +56,13 @@ import "../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "../../shared-utils/isAbsoluteURL.js";
-import "../../shared-utils/animationFrame/BetterTween.js";
-import "../../shared-utils/animationFrame/index.js";
 import "../utils/correctFiveState.js";
 import "../utils/constant.js";
 import "../../shared-utils/nearlyEqual.js";
 import "../../shared-utils/five/changeMode.js";
 import "../../shared-utils/changeModelCanvasOpacity.js";
-const go = (o, r) => new t(o, r);
+const so = (o, r) => new t(o, r);
 export {
-  go as ModelFloorplanPlugin,
-  go as default
+  so as ModelFloorplanPlugin,
+  so as default
 };

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

@@ -1,4 +1,4 @@
-import { SvelteComponent as w, init as y, safe_not_equal as k, append_styles as T, element as p, attr as g, set_style as l, insert as W, append as x, noop as I, detach as P, onMount as S } from "../../../vendor/svelte/internal/index.js";
+import { SvelteComponent as D, init as w, safe_not_equal as k, append_styles as T, element as g, attr as p, set_style as l, insert as W, append as x, noop as I, detach as P, onMount as S } from "../../../vendor/svelte/internal/index.js";
 import { CAMERA_IMAGE as b } from "../../Assets/camera.js";
 import { throttle as E } from "../../../shared-utils/throttle.js";
 function F(n) {
@@ -8,13 +8,39 @@ function R(n) {
   let a, t, o;
   return {
     c() {
-      a = p("div"), t = p("div"), o = p("div"), g(o, "class", "plugin-radar__camera-rotate svelte-1nqrlxd"), l(o, "background-image", "url(" + (n[0] || b) + ")"), l(o, "transform", n[1]), g(t, "class", "plugin-radar__camera-position svelte-1nqrlxd"), l(t, "transform", n[2]), g(a, "class", "plugin-radar__camera-wrapper svelte-1nqrlxd");
+      a = g("div"), t = g("div"), o = g("div"), p(o, "class", "plugin-radar__camera-rotate svelte-1nqrlxd"), l(o, "background-image", "url(" + /*cameraImageUrl*/
+      (n[0] || b) + ")"), l(
+        o,
+        "transform",
+        /*rotateTransform*/
+        n[1]
+      ), p(t, "class", "plugin-radar__camera-position svelte-1nqrlxd"), l(
+        t,
+        "transform",
+        /*positionTransform*/
+        n[2]
+      ), p(a, "class", "plugin-radar__camera-wrapper svelte-1nqrlxd");
     },
     m(i, r) {
       W(i, a, r), x(a, t), x(t, o);
     },
     p(i, [r]) {
-      r & 1 && l(o, "background-image", "url(" + (i[0] || b) + ")"), r & 2 && l(o, "transform", i[1]), r & 4 && l(t, "transform", i[2]);
+      r & /*cameraImageUrl*/
+      1 && l(o, "background-image", "url(" + /*cameraImageUrl*/
+      (i[0] || b) + ")"), (r & /*cameraImageUrl*/
+      1 || r & /*rotateTransform, cameraImageUrl*/
+      3) && l(
+        o,
+        "transform",
+        /*rotateTransform*/
+        i[1]
+      ), r & /*positionTransform*/
+      4 && l(
+        t,
+        "transform",
+        /*positionTransform*/
+        i[2]
+      );
     },
     i: I,
     o: I,
@@ -27,31 +53,33 @@ function z(n) {
   return `rotate(${Math.floor(n / Math.PI * 180) * -1 + 45}deg)`;
 }
 function G(n, a, t) {
-  let o, i, { five: r } = a, { pxmm: m } = a, { floorplanData: f } = a, { cameraImageUrl: v } = a, c = r.getCurrentState().panoIndex, d = r.getCurrentState().longitude;
+  let o, i, { five: r } = a, { pxmm: m } = a, { floorplanData: f } = a, { cameraImageUrl: _ } = a, c = r.getCurrentState().panoIndex, d = r.getCurrentState().longitude;
   function q(e, C) {
     const s = e.bounding, u = e.observers[C];
     if (!u)
       return "";
-    const M = (s.max.x - s.min.x) * m, U = (s.max.y - s.min.y) * m, A = Math.floor(u.positionInImage.x * M), D = Math.floor(u.positionInImage.y * U);
-    return `translate(${A}px, ${D}px)`;
+    const M = (s.max.x - s.min.x) * m, U = (s.max.y - s.min.y) * m, y = Math.floor(u.positionInImage.x * M), A = Math.floor(u.positionInImage.y * U);
+    return `translate(${y}px, ${A}px)`;
   }
-  function _(e) {
+  function h(e) {
     t(6, c = e);
   }
-  const h = E(
+  const v = E(
     (e) => {
       t(7, d = e.longitude);
     },
     1e3 / 60
   );
-  return S(() => (r.on("panoWillArrive", _), r.on("cameraDirectionUpdate", h), function() {
-    r.off("panoWillArrive", _), r.off("cameraDirectionUpdate", h);
+  return S(() => (r.on("panoWillArrive", h), r.on("cameraDirectionUpdate", v), function() {
+    r.off("panoWillArrive", h), r.off("cameraDirectionUpdate", v);
   })), n.$$set = (e) => {
-    "five" in e && t(3, r = e.five), "pxmm" in e && t(4, m = e.pxmm), "floorplanData" in e && t(5, f = e.floorplanData), "cameraImageUrl" in e && t(0, v = e.cameraImageUrl);
+    "five" in e && t(3, r = e.five), "pxmm" in e && t(4, m = e.pxmm), "floorplanData" in e && t(5, f = e.floorplanData), "cameraImageUrl" in e && t(0, _ = e.cameraImageUrl);
   }, n.$$.update = () => {
-    n.$$.dirty & 96 && t(2, o = q(f, c)), n.$$.dirty & 128 && t(1, i = z(d));
+    n.$$.dirty & /*floorplanData, panoIndex*/
+    96 && t(2, o = q(f, c)), n.$$.dirty & /*longitude*/
+    128 && t(1, i = z(d));
   }, [
-    v,
+    _,
     i,
     o,
     r,
@@ -61,9 +89,9 @@ function G(n, a, t) {
     d
   ];
 }
-class B extends w {
+class B extends D {
   constructor(a) {
-    super(), y(
+    super(), w(
       this,
       a,
       G,

package/libs/floorplan/PanoFloorplanRadarPlugin/Components/CurrentFloor/CurrentFloor.js

@@ -10,12 +10,30 @@ function k(l) {
   let o, r;
   const f = [
     {
-      five: l[0],
-      pxmm: l[1],
-      floorIndex: l[2],
-      floorplanData: l[4],
-      onRoomHeightClick: l[7],
-      highlightData: l[5]
+      five: (
+        /*five*/
+        l[0]
+      ),
+      pxmm: (
+        /*pxmm*/
+        l[1]
+      ),
+      floorIndex: (
+        /*floorIndex*/
+        l[2]
+      ),
+      floorplanData: (
+        /*floorplanData*/
+        l[4]
+      ),
+      onRoomHeightClick: (
+        /*onRoomHeightClick*/
+        l[7]
+      ),
+      highlightData: (
+        /*highlightData*/
+        l[5]
+      )
     }
   ];
   let g = {};
@@ -29,14 +47,33 @@ function k(l) {
       p(o, t, m), r = !0;
     },
     p(t, m) {
-      const h = m & 183 ? x(f, [
+      const h = m & /*five, pxmm, floorIndex, floorplanData, onRoomHeightClick, highlightData*/
+      183 ? x(f, [
         {
-          five: t[0],
-          pxmm: t[1],
-          floorIndex: t[2],
-          floorplanData: t[4],
-          onRoomHeightClick: t[7],
-          highlightData: t[5]
+          five: (
+            /*five*/
+            t[0]
+          ),
+          pxmm: (
+            /*pxmm*/
+            t[1]
+          ),
+          floorIndex: (
+            /*floorIndex*/
+            t[2]
+          ),
+          floorplanData: (
+            /*floorplanData*/
+            t[4]
+          ),
+          onRoomHeightClick: (
+            /*onRoomHeightClick*/
+            t[7]
+          ),
+          highlightData: (
+            /*highlightData*/
+            t[5]
+          )
         }
       ]) : {};
       o.$set(h);
@@ -56,8 +93,14 @@ function N(l) {
   let o, r, f, g, t, m;
   const h = [
     {
-      floorIndex: l[2],
-      floorplanData: l[4]
+      floorIndex: (
+        /*floorIndex*/
+        l[2]
+      ),
+      floorplanData: (
+        /*floorplanData*/
+        l[4]
+      )
     }
   ];
   let s = {};
@@ -65,10 +108,16 @@ function N(l) {
     s = v(s, h[e]);
   o = new q({ props: s }), f = new F({
     props: {
-      extraObjects: l[6]
+      extraObjects: (
+        /*currentFloorExtraObjects*/
+        l[6]
+      )
     }
   });
-  let n = l[3] && k(l);
+  let n = (
+    /*hoverEnable*/
+    l[3] && k(l)
+  );
   return {
     c() {
       D(o.$$.fragment), r = j(), D(f.$$.fragment), g = j(), n && n.c(), t = H();
@@ -77,15 +126,26 @@ function N(l) {
       p(o, e, a), b(e, r, a), p(f, e, a), b(e, g, a), n && n.m(e, a), b(e, t, a), m = !0;
     },
     p(e, [a]) {
-      const i = a & 20 ? x(h, [
+      const i = a & /*floorIndex, floorplanData*/
+      20 ? x(h, [
         {
-          floorIndex: e[2],
-          floorplanData: e[4]
+          floorIndex: (
+            /*floorIndex*/
+            e[2]
+          ),
+          floorplanData: (
+            /*floorplanData*/
+            e[4]
+          )
         }
       ]) : {};
       o.$set(i);
       const I = {};
-      a & 64 && (I.extraObjects = e[6]), f.$set(I), e[3] ? n ? (n.p(e, a), a & 8 && u(n, 1)) : (n = k(e), n.c(), u(n, 1), n.m(t.parentNode, t)) : n && (w(), _(n, 1, 1, () => {
+      a & /*currentFloorExtraObjects*/
+      64 && (I.extraObjects = /*currentFloorExtraObjects*/
+      e[6]), f.$set(I), /*hoverEnable*/
+      e[3] ? n ? (n.p(e, a), a & /*hoverEnable*/
+      8 && u(n, 1)) : (n = k(e), n.c(), u(n, 1), n.m(t.parentNode, t)) : n && (w(), _(n, 1, 1, () => {
         n = null;
       }), R());
     },
@@ -106,7 +166,8 @@ function S(l, o, r) {
   return l.$$set = (i) => {
     "five" in i && r(0, g = i.five), "pxmm" in i && r(1, t = i.pxmm), "floorIndex" in i && r(2, m = i.floorIndex), "hoverEnable" in i && r(3, h = i.hoverEnable), "floorplanData" in i && r(4, s = i.floorplanData), "extraObjects" in i && r(8, n = i.extraObjects), "highlightData" in i && r(5, e = i.highlightData);
   }, l.$$.update = () => {
-    l.$$.dirty & 260 && r(6, f = n == null ? void 0 : n.filter((i) => i.floorIndex === m));
+    l.$$.dirty & /*extraObjects, floorIndex*/
+    260 && r(6, f = n == null ? void 0 : n.filter((i) => i.floorIndex === m));
   }, [
     g,
     t,