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

package/esm/floorplan/ModelFloorplanPlugin/Controller.js

@@ -0,0 +1,316 @@
+var E = Object.defineProperty, S = Object.defineProperties;
+var C = Object.getOwnPropertyDescriptors;
+var b = Object.getOwnPropertySymbols;
+var P = Object.prototype.hasOwnProperty, I = Object.prototype.propertyIsEnumerable;
+var v = (h, o, e) => o in h ? E(h, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[o] = e, l = (h, o) => {
+  for (var e in o || (o = {}))
+    P.call(o, e) && v(h, e, o[e]);
+  if (b)
+    for (var e of b(o))
+      I.call(o, e) && v(h, e, o[e]);
+  return h;
+}, m = (h, o) => S(h, C(o));
+var s = (h, o, e) => (v(h, typeof o != "symbol" ? o + "" : o, e), e);
+var f = (h, o, e) => new Promise((t, i) => {
+  var n = (a) => {
+    try {
+      r(e.next(a));
+    } catch (u) {
+      i(u);
+    }
+  }, d = (a) => {
+    try {
+      r(e.throw(a));
+    } catch (u) {
+      i(u);
+    }
+  }, r = (a) => a.done ? t(a.value) : Promise.resolve(a.value).then(n, d);
+  r((e = e.apply(h, o)).next());
+});
+import { t as M } from "../../shared-utils/to.js";
+import { e as x } from "../../shared-utils/equal.js";
+import { M as y } from "../Components/Main.js";
+import { f as g } from "../utils/formatData.js";
+import { C as _ } from "../Assets/camera.js";
+import { o as L } from "../../shared-utils/filter.js";
+import { g as D } from "../../shared-utils/getPxmm.js";
+import { F as O } from "../constant.js";
+import { C as k } from "../../base/BasePluginWithData.js";
+import { c as T, a as B } from "../utils/correctFiveState.js";
+import { c as F } from "../../shared-utils/changeModelCanvasOpacity.js";
+import { a as G, F as c, S as H } from "../utils/constant.js";
+function W(h) {
+  const { latitude: o, longitude: e } = h, t = Math.abs(o - Math.PI / 2) > 5 * Math.PI / 180, i = e > 5 * (Math.PI / 180) && e < 355 * (Math.PI / 180);
+  return t || i;
+}
+function R(h) {
+  const { latitude: o, longitude: e } = h, t = Math.abs(o - Math.PI / 2) < 10 * Math.PI / 180, i = e < 30 * (Math.PI / 180) || e > 330 * (Math.PI / 180);
+  return t && i;
+}
+class ee extends k {
+  constructor(e, t) {
+    var r;
+    super(e);
+    s(this, "name", "modelFloorplanPlugin");
+    s(this, "state");
+    s(this, "data");
+    s(this, "showState");
+    s(this, "showPromise");
+    s(this, "app");
+    s(this, "panoIndex", 0);
+    s(this, "floorIndex", 0);
+    s(this, "selector");
+    s(this, "showRejection");
+    s(this, "wrapper");
+    s(this, "container", document.createElement("div"));
+    s(this, "lastPanoramaLongitude", 0);
+    s(this, "size", { width: 0, height: 0 });
+    s(this, "hasAddedEventListener", !1);
+    s(this, "isHiddenByHideFunc", !1);
+    s(this, "dispose", () => {
+      var e, t;
+      this.removeEventListener(), (e = this.app) == null || e.$destroy(), this.app = void 0, (t = this.container) == null || t.remove(), this.data = void 0, this.wrapper = void 0, this.selector = void 0, this.hooks.emit("dispose");
+    });
+    s(this, "show", (...t) => f(this, [...t], function* (e = {}) {
+      if (!this.state.enabled || !this.showPromise && this.state.visible)
+        return;
+      const i = e.userAction !== void 0 ? e.userAction : !0;
+      this.updateState({ visible: !0 }, i), this._show(e);
+    }));
+    s(this, "hide", (...t) => f(this, [...t], function* (e = {}) {
+      !this.state.enabled || (this.isHiddenByHideFunc = !0, this.state.visible !== !1 && (this.updateState({ visible: !1 }, e.userAction || !0), this._hide(e)));
+    }));
+    s(this, "updateSize", () => {
+      if (!this.data || !T(this.five, this.showState) || !this.container || !this.wrapper)
+        return;
+      const { min: e, max: t } = this.data.bounding, i = t.x - e.x, n = t.y - e.y, d = this.state.config.attachedTo ? { attachedTo: this.state.config.attachedTo } : void 0, r = D(this.five, this.wrapper, this.floorIndex, d), a = Math.ceil(i * r), u = Math.ceil(n * r);
+      this.size.width === a && this.size.height === u || (this.container.style.width = a + "px", this.container.style.height = u + "px", this.size = { width: a, height: u });
+    });
+    s(this, "_disable", (e) => {
+      var i, n, d;
+      const { userAction: t } = e;
+      this.hooks.emit("disable", { userAction: t }), (i = this.showRejection) == null || i.call(this, c.BreakOffByDisable), this.showPromise = void 0, (n = this.app) == null || n.$destroy(), this.app = void 0, (d = this.container) == null || d.remove(), this.removeEventListener();
+    });
+    s(this, "_enable", (e) => {
+      const { userAction: t } = e;
+      this.addEventListener(), this.wrapper && (this.wrapper.append(this.container), this.hooks.emit("enable", { userAction: t }), this.state.visible && this._show({ userAction: t }));
+    });
+    s(this, "_show", (e) => f(this, null, function* () {
+      var d;
+      if (!this.state.enabled)
+        return;
+      if (!((d = this.five.model) != null && d.loaded))
+        throw new Error(c.ModelNotLoaded);
+      if (!this.data)
+        throw new Error(c.DataNotLoaded);
+      this.isHiddenByHideFunc = !1;
+      const t = {
+        floorIndex: this.floorIndex,
+        modelOpacity: this.state.config.modelOpacity,
+        immediately: !1,
+        isAutoShow: !1,
+        userAction: !0
+      }, i = l(l({}, t), e), n = () => f(this, null, function* () {
+        this.hooks.emit("show", { userAction: i.userAction, auto: i.isAutoShow });
+        let r = !1, a;
+        this.showRejection = (A) => {
+          r = !0, a = A;
+        };
+        const [u] = yield M(B(this.five, this.showState, i.userAction));
+        if (u)
+          throw u;
+        if (r)
+          throw a ? new Error(a) : new Error(c.UnknownError);
+        this.updateSize(), this.floorIndex = i.floorIndex, this.five.model.show(this.floorIndex);
+        const p = i.modelOpacity, w = i.immediately ? 0 : H;
+        F(this.five, p, w), this.render(w);
+      });
+      return this.showPromise = n().then(() => {
+        this.hooks.emit("showAnimationEnded", {
+          auto: i.isAutoShow,
+          userAction: i.userAction
+        });
+      }).catch((r) => {
+        if (this.updateState({ visible: !1 }, i.userAction), !i.isAutoShow && r instanceof Error)
+          throw r;
+      }).finally(() => {
+        this.showPromise = void 0, this.showRejection = void 0;
+      }), this.showPromise;
+    }));
+    s(this, "_hide", (e) => {
+      var n;
+      (n = this.showRejection) == null || n.call(this, c.BreakOffByHide), this.showPromise = void 0;
+      const i = l(l({}, {
+        userAction: !0,
+        isAutoHide: !1
+      }), e);
+      F(this.five, 1, 0), this.hooks.emit("hide", { auto: i.isAutoHide, userAction: i.userAction }), this.render();
+    });
+    s(this, "handleClick", () => {
+      if (!this.state.visible)
+        return;
+      if (this.hooks.emit("click"))
+        return !1;
+    });
+    s(this, "onFiveModelLoaded", () => {
+      if (this.state.enabled === !1 || this.wrapper || !this.selector)
+        return;
+      const e = this.selector instanceof Element ? this.selector : document.querySelector(this.selector);
+      if (!e)
+        throw new Error("\u4E0D\u6B63\u786E\u7684\u7236\u5BB9\u5668\u9009\u62E9\u5668");
+      this.wrapper = e, e.append(this.container);
+    });
+    s(this, "onFiveModeChange", (e) => {
+      e !== this.showState.mode && (this.updateState({ visible: !1 }, !1), this._hide({ userAction: !1 }));
+    });
+    s(this, "onFiveInteriaPan", (e, t) => {
+      if (!t || 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 })));
+    });
+    s(this, "onFivePanoArrived", (e) => {
+      var t;
+      !((t = this.five) != null && t.work) || (this.panoIndex = e, this.floorIndex = this.five.work.observers[e].floorIndex);
+    });
+    s(this, "onFiveCameraUpdate", (e, t) => {
+      if (!this.state.visible || this.showPromise)
+        return;
+      const i = this.five.getCurrentState();
+      W(i) && (this.updateState({ visible: !1 }, t), this._hide({ userAction: t, isAutoHide: !0 }));
+    });
+    s(this, "onFiveWantsGesture", (e, t) => {
+      if (!!this.state.visible && (t.length > 1 || e === "mouseWheel"))
+        return !1;
+    });
+    s(this, "onFiveWantsPanGesture", (e, t) => {
+      if (this.five.getCurrentState().mode === "Floorplan" && this.state.config.autoShowEnable !== !1 && t && this.state.visible)
+        return this.five.updateCamera(this.showState, 0), !1;
+    });
+    s(this, "onFiveWantsTapGesture", () => this.handleClick());
+    s(this, "onFiveWantsChangeMode", (e, t) => {
+      t === "Panorama" && e === "Floorplan" && (this.lastPanoramaLongitude = this.five.getCurrentState().longitude);
+    });
+    s(this, "onModelShownFloorChange", (e) => {
+      if (this.floorIndex !== e) {
+        if (e === null) {
+          const t = this.five.getCurrentState().panoIndex;
+          this.floorIndex = this.five.work.observers[t].floorIndex;
+          return;
+        }
+        this.floorIndex = e, this.updateSize(), this.render();
+      }
+    });
+    t != null && t.selector && (this.selector = t.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 = {
+      mode: "Floorplan",
+      longitude: 0,
+      latitude: Math.PI / 2,
+      fov: G / ((r = t == null ? void 0 : t.scale) != null ? r : 1)
+    };
+    const i = {
+      northDesc: "\u5317",
+      modelOpacity: 1,
+      hoverEnable: !0,
+      compassEnable: !0,
+      autoShowEnable: !0,
+      ruleLabelsEnable: !0,
+      roomLabelsEnable: !0,
+      adaptiveRoomLabelVisibleEnable: !0,
+      cameraImageUrl: _,
+      attachedTo: O.BOUNDING_CENTER,
+      getLabelElement: void 0,
+      getRoomAreaText: (a) => (a / 1e6).toFixed(1) + "\u33A1",
+      getRuleDistanceText: (a) => a.toString()
+    }, n = t ? L(t, ["selector", "scale"]) : {}, d = l(l({}, i), n);
+    this.state = {
+      enabled: !0,
+      visible: !1,
+      config: d
+    }, this.initContainer(), e.model.loaded ? this.onFiveModelLoaded() : e.once("modelLoaded", this.onFiveModelLoaded), e.once("dispose", this.dispose), this.addEventListener();
+  }
+  load(e, t, i = !0) {
+    return f(this, null, function* () {
+      function n(p) {
+        return Object.prototype.hasOwnProperty.apply(p, ["version"]);
+      }
+      const d = e;
+      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 r = JSON.parse(JSON.stringify(e)), a = n(r) ? r.data : r, u = this.data;
+      this.data = yield g(a), this.hooks.emit("dataLoaded", this.data), this.hooks.emit("dataChange", this.data, u), t && this.updateState(t, i), this.render();
+    });
+  }
+  appendTo(e) {
+    if (this.wrapper = e, !!this.state.enabled)
+      return e.appendChild(this.container), this.render(), this;
+  }
+  enable(e = {}) {
+    if (this.state.enabled)
+      return;
+    const t = e.userAction !== void 0 ? e.userAction : !0;
+    this.updateState({ enabled: !0 }, e.userAction || t), this._enable({ userAction: t });
+  }
+  disable(e = {}) {
+    if (!this.state.enabled)
+      return;
+    const t = e.userAction !== void 0 ? e.userAction : !0;
+    this.updateState({ enabled: !1 }, e.userAction || t), this._disable({ userAction: t });
+  }
+  setState(e, t = {}) {
+    const i = this.state, n = t.userAction !== void 0 ? t.userAction : !0;
+    if (this.updateState(e, n), e.enabled !== void 0 && i.enabled !== e.enabled && (e.enabled ? this._enable({ userAction: n }) : this._disable({ userAction: n })), e.visible !== void 0 && i.visible !== e.visible) {
+      const d = { userAction: n };
+      e.visible ? this._show(d) : this._hide(d);
+    }
+    this.render();
+  }
+  changeConfigs(e, t = !0) {
+    this.updateState({ config: e }, t), this.render();
+  }
+  formatData(e) {
+    return f(this, null, function* () {
+      return yield g(e.data);
+    });
+  }
+  updateState(e, t) {
+    const i = this.state, n = e.config ? l(l({}, i.config), e.config) : i.config;
+    this.state = m(l(l({}, this.state), e), { config: n }), !x(this.state, i, { deep: !0 }) && this.hooks.emit("stateChange", { state: this.state, prevState: i, userAction: t });
+  }
+  initContainer() {
+    this.container.classList.add("floorplan-plugin"), Object.assign(this.container.style, {
+      position: "absolute",
+      left: "50%",
+      top: "50%",
+      transform: "translate(-50%, -50%)",
+      zIndex: 10,
+      pointerEvents: "none"
+    }), this.five.addExtraElement(this.container);
+  }
+  addEventListener() {
+    if (!this.state.enabled || this.hasAddedEventListener)
+      return;
+    const e = this.five;
+    e.on("modeChange", this.onFiveModeChange), e.on("interiaPan", this.onFiveInteriaPan), e.on("panoArrived", this.onFivePanoArrived), e.on("cameraUpdate", this.onFiveCameraUpdate), e.on("wantsGesture", this.onFiveWantsGesture), e.on("wantsPanGesture", this.onFiveWantsPanGesture), e.on("wantsTapGesture", this.onFiveWantsTapGesture), e.on("wantsChangeMode", this.onFiveWantsChangeMode), e.on("modelShownFloorChange", this.onModelShownFloorChange);
+  }
+  removeEventListener() {
+    const e = this.five;
+    this.hasAddedEventListener = !1, e.off("modelLoaded", this.onFiveModelLoaded), e.off("modeChange", this.onFiveModeChange), e.off("interiaPan", this.onFiveInteriaPan), e.off("panoArrived", this.onFivePanoArrived), e.off("cameraUpdate", this.onFiveCameraUpdate), e.off("wantsGesture", this.onFiveWantsGesture), e.off("wantsPanGesture", this.onFiveWantsPanGesture), e.off("wantsTapGesture", this.onFiveWantsTapGesture), e.off("wantsChangeMode", this.onFiveWantsChangeMode), e.off("modelShownFloorChange", this.onModelShownFloorChange);
+  }
+  render(e) {
+    if (!this.state.enabled || !this.container || !this.data || this.size.width === 0)
+      return;
+    const t = m(l({}, this.state.config), {
+      visible: this.state.visible,
+      duration: e != null ? e : 0,
+      panoIndex: this.panoIndex,
+      floorIndex: this.floorIndex,
+      floorplanData: this.data,
+      lastPanoramaLongitude: this.lastPanoramaLongitude
+    });
+    if (this.app)
+      return this.app.$set(t);
+    this.app = new y({ target: this.container, intro: !0, props: t });
+  }
+}
+export {
+  ee as C
+};

package/esm/floorplan/ModelFloorplanPlugin/index.d.ts

@@ -0,0 +1,7 @@
+import type { Parameters } from './typing';
+import type { FivePlugin } from '@realsee/five';
+import { Controller } from './Controller';
+export declare const ModelFloorplanPlugin: FivePlugin<undefined | Parameters, Controller>;
+export declare type ModelFloorplanPluginParameterType = Parameters | undefined;
+export declare type ModelFloorplanPluginReturnType = InstanceType<typeof Controller>;
+export default ModelFloorplanPlugin;

package/esm/floorplan/ModelFloorplanPlugin/index.js

@@ -0,0 +1,50 @@
+import { C as t } from "./Controller.js";
+import "../../shared-utils/to.js";
+import "../../shared-utils/equal.js";
+import "../../shared-utils/isTruelyObject.js";
+import "../Components/Main.js";
+import "svelte/internal";
+import "svelte/easing";
+import "svelte/transition";
+import "../Components/Camera.js";
+import "../Assets/camera.js";
+import "../../shared-utils/math/rad2Deg.js";
+import "../Components/Compass.js";
+import "../Assets/compass.js";
+import "../Components/CurrentFloor.js";
+import "svelte/store";
+import "../Components/BaseImage.js";
+import "../Components/Normalmage.js";
+import "../Components/SvgImage.js";
+import "../Components/RoomLabels/RoomLabels.js";
+import "../Components/RoomLabels/RoomLabel.js";
+import "svelte";
+import "../Components/RuleLabels/RuleLabels.js";
+import "../Components/RuleLabels/RuleItem.js";
+import "../Components/RoomMaterials/RoomMaterial.js";
+import "../utils/formatPosition.js";
+import "../Components/RoomMaterials/RoomMaterial_0.js";
+import "../Components/RoomMaterials/RoomMaterial_1.js";
+import "../Components/RoomMaterials/RoomMaterial_2.js";
+import "../Components/RoomHighlight/RoomHighlight.js";
+import "../Components/RoomHighlight/Room.js";
+import "../utils/formatData.js";
+import "../Assets/floorplanExtraObject.js";
+import "../../shared-utils/filter.js";
+import "../../shared-utils/tap.js";
+import "../../shared-utils/getPxmm.js";
+import "../constant.js";
+import "three";
+import "../../base/BasePluginWithData.js";
+import "../../base/BasePlugin.js";
+import "../../shared-utils/Subscribe.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 W = (o, r) => new t(o, r);
+export {
+  W as ModelFloorplanPlugin,
+  W as default
+};

package/esm/floorplan/ModelFloorplanPlugin/typing.d.ts

@@ -0,0 +1 @@
+export * from '../typings';

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

@@ -0,0 +1,85 @@
+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 } from "svelte/internal";
+import { onMount as S } from "svelte";
+import { C as b } from "../../Assets/camera.js";
+import { t as E } from "../../../shared-utils/throttle.js";
+function F(n) {
+  T(n, "svelte-1nqrlxd", ".plugin-radar__camera-wrapper.svelte-1nqrlxd{width:100%;height:100%;position:absolute;pointer-events:none}.plugin-radar__camera-position.svelte-1nqrlxd{position:absolute;left:0;top:0;width:0;height:0;transform:none;pointer-events:none;transition:transform 1s linear}.plugin-radar__camera-rotate.svelte-1nqrlxd{position:absolute;left:-0.9375rem;top:-0.9375rem;width:1.0625rem;height:1.0625rem;transform-origin:0.9375rem 0.9375rem;transform:rotate(45deg);background-repeat:no-repeat;background-size:100%}");
+}
+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], !1), g(t, "class", "plugin-radar__camera-position svelte-1nqrlxd"), l(t, "transform", n[2], !1), g(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], !1), r & 4 && l(t, "transform", i[2], !1);
+    },
+    i: I,
+    o: I,
+    d(i) {
+      i && P(a);
+    }
+  };
+}
+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;
+  function C(e, q) {
+    const s = e.bounding, u = e.observers[q];
+    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)`;
+  }
+  function _(e) {
+    t(6, c = e);
+  }
+  const h = 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);
+  })), 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);
+  }, n.$$.update = () => {
+    n.$$.dirty & 96 && t(2, o = C(f, c)), n.$$.dirty & 128 && t(1, i = z(d));
+  }, [
+    v,
+    i,
+    o,
+    r,
+    m,
+    f,
+    c,
+    d
+  ];
+}
+class J extends w {
+  constructor(a) {
+    super(), y(
+      this,
+      a,
+      G,
+      R,
+      k,
+      {
+        five: 3,
+        pxmm: 4,
+        floorplanData: 5,
+        cameraImageUrl: 0
+      },
+      F
+    );
+  }
+}
+export {
+  J as C
+};

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

@@ -0,0 +1,129 @@
+import { SvelteComponent as E, init as C, safe_not_equal as O, assign as D, create_component as c, space as j, empty as R, mount_component as p, insert as h, get_spread_update as k, transition_in as g, group_outros as H, transition_out as _, check_outros as w, destroy_component as d, detach as b } from "svelte/internal";
+import { E as B } from "./ExtraObjects.js";
+import { B as F } from "../../../Components/BaseImage.js";
+import { R as q } from "../../../Components/RoomHighlight/RoomHighlight.js";
+function x(f) {
+  let n, l;
+  const i = [
+    {
+      five: f[0],
+      pxmm: f[1],
+      floorIndex: f[2],
+      floorplanData: f[4],
+      onRoomHeightClick: f[6]
+    }
+  ];
+  let m = {};
+  for (let t = 0; t < i.length; t += 1)
+    m = D(m, i[t]);
+  return n = new q({ props: m }), {
+    c() {
+      c(n.$$.fragment);
+    },
+    m(t, a) {
+      p(n, t, a), l = !0;
+    },
+    p(t, a) {
+      const s = a & 87 ? k(i, [
+        {
+          five: t[0],
+          pxmm: t[1],
+          floorIndex: t[2],
+          floorplanData: t[4],
+          onRoomHeightClick: t[6]
+        }
+      ]) : {};
+      n.$set(s);
+    },
+    i(t) {
+      l || (g(n.$$.fragment, t), l = !0);
+    },
+    o(t) {
+      _(n.$$.fragment, t), l = !1;
+    },
+    d(t) {
+      d(n, t);
+    }
+  };
+}
+function N(f) {
+  let n, l, i, m, t, a;
+  const s = [
+    {
+      floorIndex: f[2],
+      floorplanData: f[4]
+    }
+  ];
+  let u = {};
+  for (let e = 0; e < s.length; e += 1)
+    u = D(u, s[e]);
+  n = new F({ props: u }), i = new B({
+    props: {
+      extraObjects: f[5]
+    }
+  });
+  let r = f[3] && x(f);
+  return {
+    c() {
+      c(n.$$.fragment), l = j(), c(i.$$.fragment), m = j(), r && r.c(), t = R();
+    },
+    m(e, o) {
+      p(n, e, o), h(e, l, o), p(i, e, o), h(e, m, o), r && r.m(e, o), h(e, t, o), a = !0;
+    },
+    p(e, [o]) {
+      const v = o & 20 ? k(s, [
+        {
+          floorIndex: e[2],
+          floorplanData: e[4]
+        }
+      ]) : {};
+      n.$set(v);
+      const I = {};
+      o & 32 && (I.extraObjects = e[5]), i.$set(I), e[3] ? r ? (r.p(e, o), o & 8 && g(r, 1)) : (r = x(e), r.c(), g(r, 1), r.m(t.parentNode, t)) : r && (H(), _(r, 1, 1, () => {
+        r = null;
+      }), w());
+    },
+    i(e) {
+      a || (g(n.$$.fragment, e), g(i.$$.fragment, e), g(r), a = !0);
+    },
+    o(e) {
+      _(n.$$.fragment, e), _(i.$$.fragment, e), _(r), a = !1;
+    },
+    d(e) {
+      d(n, e), e && b(l), d(i, e), e && b(m), r && r.d(e), e && b(t);
+    }
+  };
+}
+function S(f, n, l) {
+  let i, { five: m } = n, { pxmm: t } = n, { floorIndex: a } = n, { hoverEnable: s } = n, { floorplanData: u } = n, { extraObjects: r = [] } = n;
+  const e = void 0;
+  return f.$$set = (o) => {
+    "five" in o && l(0, m = o.five), "pxmm" in o && l(1, t = o.pxmm), "floorIndex" in o && l(2, a = o.floorIndex), "hoverEnable" in o && l(3, s = o.hoverEnable), "floorplanData" in o && l(4, u = o.floorplanData), "extraObjects" in o && l(7, r = o.extraObjects);
+  }, f.$$.update = () => {
+    f.$$.dirty & 132 && l(5, i = r == null ? void 0 : r.filter((o) => o.floorIndex === a));
+  }, [
+    m,
+    t,
+    a,
+    s,
+    u,
+    i,
+    e,
+    r
+  ];
+}
+class J extends E {
+  constructor(n) {
+    super(), C(this, n, S, N, O, {
+      five: 0,
+      pxmm: 1,
+      floorIndex: 2,
+      hoverEnable: 3,
+      floorplanData: 4,
+      extraObjects: 7
+    });
+  }
+}
+export {
+  J as C
+};

package/esm/floorplan/PanoFloorplanRadarPlugin/Components/CurrentFloor/ExtraObjects.js

@@ -0,0 +1,72 @@
+import { SvelteComponent as j, init as k, safe_not_equal as $, append_styles as w, element as h, attr as _, insert as b, update_keyed_each as y, destroy_block as I, noop as u, detach as v, space as z, set_style as r, append as g } from "svelte/internal";
+function x(s) {
+  w(s, "svelte-1i87fz7", ".plugin-pano-floorplan__extra-objects.svelte-1i87fz7{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.plugin-pano-floorplan__extra-object-item--position.svelte-1i87fz7{position:absolute;width:0;height:0}.plugin-pano-floorplan__extra-object-item.svelte-1i87fz7{transform:translate(-50%, -50%)}");
+}
+function d(s, t, e) {
+  const i = s.slice();
+  return i[1] = t[e], i;
+}
+function m(s, t) {
+  let e, i, n = `${t[1].icon.width / 16}rem`, f = `${t[1].icon.height / 16}rem`, l, o = `${t[1].positionInImage.y * 100}%`, a = `${t[1].positionInImage.x * 100}%`;
+  return {
+    key: s,
+    first: null,
+    c() {
+      e = h("div"), i = h("div"), l = z(), _(i, "class", "plugin-pano-floorplan__extra-object-item svelte-1i87fz7"), r(i, "background-image", `url(${t[1].icon.url})`), r(i, "width", n, !1), r(i, "height", f, !1), _(e, "class", "plugin-pano-floorplan__extra-object-item--position svelte-1i87fz7"), r(e, "top", o, !1), r(e, "left", a, !1), this.first = e;
+    },
+    m(p, c) {
+      b(p, e, c), g(e, i), g(e, l);
+    },
+    p(p, c) {
+      t = p, c & 1 && r(i, "background-image", `url(${t[1].icon.url})`), c & 1 && n !== (n = `${t[1].icon.width / 16}rem`) && r(i, "width", n, !1), c & 1 && f !== (f = `${t[1].icon.height / 16}rem`) && r(i, "height", f, !1), c & 1 && o !== (o = `${t[1].positionInImage.y * 100}%`) && r(e, "top", o, !1), c & 1 && a !== (a = `${t[1].positionInImage.x * 100}%`) && r(e, "left", a, !1);
+    },
+    d(p) {
+      p && v(e);
+    }
+  };
+}
+function O(s) {
+  let t, e = [], i = /* @__PURE__ */ new Map(), n = s[0];
+  const f = (l) => l[1].id;
+  for (let l = 0; l < n.length; l += 1) {
+    let o = d(s, n, l), a = f(o);
+    i.set(a, e[l] = m(a, o));
+  }
+  return {
+    c() {
+      t = h("div");
+      for (let l = 0; l < e.length; l += 1)
+        e[l].c();
+      _(t, "class", "plugin-pano-floorplan__extra-objects svelte-1i87fz7");
+    },
+    m(l, o) {
+      b(l, t, o);
+      for (let a = 0; a < e.length; a += 1)
+        e[a].m(t, null);
+    },
+    p(l, [o]) {
+      o & 1 && (n = l[0], e = y(e, o, f, 1, l, n, i, t, I, m, null, d));
+    },
+    i: u,
+    o: u,
+    d(l) {
+      l && v(t);
+      for (let o = 0; o < e.length; o += 1)
+        e[o].d();
+    }
+  };
+}
+function E(s, t, e) {
+  let { extraObjects: i = [] } = t;
+  return s.$$set = (n) => {
+    "extraObjects" in n && e(0, i = n.extraObjects);
+  }, [i];
+}
+class C extends j {
+  constructor(t) {
+    super(), k(this, t, E, O, $, { extraObjects: 0 }, x);
+  }
+}
+export {
+  C as E
+};