@realsee/dnalogel 2.1.2-alpha.10 → 2.1.2-alpha.12

package/dist/floorplan/TopviewFloorplanPlugin/index..js

@@ -1,277 +0,0 @@
-var w = Object.defineProperty, E = Object.defineProperties;
-var F = Object.getOwnPropertyDescriptors;
-var v = Object.getOwnPropertySymbols;
-var A = Object.prototype.hasOwnProperty, C = Object.prototype.propertyIsEnumerable;
-var f = (r, n, e) => n in r ? w(r, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[n] = e, l = (r, n) => {
-  for (var e in n || (n = {}))
-    A.call(n, e) && f(r, e, n[e]);
-  if (v)
-    for (var e of v(n))
-      C.call(n, e) && f(r, e, n[e]);
-  return r;
-}, p = (r, n) => E(r, F(n));
-var s = (r, n, e) => (f(r, typeof n != "symbol" ? n + "" : n, e), e);
-var c = (r, n, e) => new Promise((t, i) => {
-  var o = (d) => {
-    try {
-      a(e.next(d));
-    } catch (u) {
-      i(u);
-    }
-  }, h = (d) => {
-    try {
-      a(e.throw(d));
-    } catch (u) {
-      i(u);
-    }
-  }, a = (d) => d.done ? t(d.value) : Promise.resolve(d.value).then(o, h);
-  a((e = e.apply(r, n)).next());
-});
-import * as x from "three";
-import { equal as S } from "../../chunks/es/equal.7db4a6f7.es.js";
-import { FLOOR_PLAN_ATTACHED_TO as y, getPxmm as I, getAttachedY as T, changeMode as _, changeModelCanvasOpacity as m, Main as D } from "../../chunks/es/changeModelCanvasOpacity.45ef9fd6.es.js";
-import { CAMERA_IMAGE as L, formatData as b } from "../../chunks/es/formatData.a2b39ef9.es.js";
-import { omit as P } from "../../chunks/es/filter.97ec06c4.es.js";
-import { Controller as M } from "../../chunks/es/BasePluginWithData.4bf4e649.es.js";
-import "svelte/internal";
-import "svelte/easing";
-import "svelte/transition";
-import "svelte/store";
-import "svelte";
-import "../../chunks/es/BasePlugin.813e25f7.es.js";
-import "../../chunks/es/Subscribe.c73e0f91.es.js";
-class B extends M {
-  constructor(e, t) {
-    super(e);
-    s(this, "name", "topviewFloorplanPlugin");
-    s(this, "state");
-    s(this, "data");
-    s(this, "app");
-    s(this, "selector");
-    s(this, "panoIndex", 0);
-    s(this, "floorIndex", 0);
-    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, "updateSize", () => {
-      if (!this.data || !this.container || !this.wrapper || this.five.getCurrentState().mode !== "Topview")
-        return;
-      const { min: e, max: t } = this.data.bounding, i = t.x - e.x, o = t.y - e.y, h = this.state.config.attachedTo ? { attachedTo: this.state.config.attachedTo } : void 0, a = I(this.five, this.wrapper, this.floorIndex, h), d = Math.ceil(i * a), u = Math.ceil(o * a);
-      this.size.width === d && this.size.height === u || (this.container.style.width = d + "px", this.container.style.height = u + "px", this.size = { width: d, height: u });
-    });
-    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, "_disable", (e) => {
-      var i, o;
-      const { userAction: t } = e;
-      (i = this.app) == null || i.$destroy(), this.app = void 0, (o = this.container) == null || o.remove(), this.removeEventListener(), this.hooks.emit("disable", { userAction: t });
-    });
-    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, , , , t]) => {
-      e !== "Topview" && this.state.visible && (this.updateState({ visible: !1 }, t), this._hide({ userAction: t }));
-    });
-    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) => {
-      !this.state.visible || (this.updatePosition(), this.updateSize());
-    });
-    s(this, "onFiveWantsGesture", (e) => {
-      if (!(e !== "pan" && e !== "pinch" && e !== "mouseWheel") && this.state.visible && !this.state.config.gestureEnable)
-        return !1;
-    });
-    s(this, "onFiveWantsMoveToPano", () => {
-      if (this.state.visible && this.state.config.preventRoomClick)
-        return !1;
-    });
-    s(this, "onFiveInitAnimationEnded", (...[, , e]) => {
-      const { mode: t } = this.five.getCurrentState();
-      t === "Topview" && !this.isHiddenByHideFunc && !this.state.visible && this.state.config.autoShowEnable && (this.updateState({ visible: !0 }, e), this._show({ userAction: e }));
-    });
-    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"));
-    const i = {
-      northDesc: "\u5317",
-      modelOpacity: 1,
-      hoverEnable: !0,
-      compassEnable: !0,
-      gestureEnable: !1,
-      autoShowEnable: !0,
-      ruleLabelsEnable: !0,
-      roomLabelsEnable: !0,
-      cameraImageUrl: L,
-      attachedTo: y.BOUNDING_CENTER,
-      getLabelElement: void 0,
-      adaptiveRoomLabelVisibleEnable: !0,
-      getRoomAreaText: (a) => (a / 1e6).toFixed(1) + "\u33A1",
-      getRuleDistanceText: (a) => a.toString()
-    }, o = t ? P(t, ["selector", "scale"]) : {}, h = l(l({}, i), o);
-    this.state = {
-      enabled: !0,
-      visible: !1,
-      config: h
-    }, 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 c(this, null, function* () {
-      function o(g) {
-        return Object.prototype.hasOwnProperty.apply(g, ["version"]);
-      }
-      const h = e;
-      h && !h.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(e)), d = o(a) ? a.data : a, u = this.data;
-      this.data = yield b(d), this.hooks.emit("dataLoaded", this.data), this.hooks.emit("dataChange", this.data, u), t && this.updateState(t, i), this.render();
-    });
-  }
-  updatePosition() {
-    var a;
-    const e = T(this.five, this.floorIndex, this.state.config.attachedTo), t = (a = this.five.model) == null ? void 0 : a.bounding.getCenter(new x.Vector3()).setY(e);
-    if (!t)
-      return;
-    const i = t.clone().project(this.five.camera), o = (i.x + 1) / 2, h = -(i.y - 1) / 2;
-    this.container.style.left = o * 100 + "%", this.container.style.top = h * 100 + "%";
-  }
-  appendTo(e) {
-    if (this.wrapper = e, !!this.state.enabled)
-      return e.appendChild(this.container), this.render(), this;
-  }
-  show() {
-    return c(this, arguments, function* (e = {}) {
-      if (this.state.visible)
-        return;
-      const t = e.userAction !== void 0 ? e.userAction : !0;
-      this.updateState({ visible: !0 }, t), this._show({ userAction: t });
-    });
-  }
-  hide() {
-    return c(this, arguments, function* (e = {}) {
-      if (this.isHiddenByHideFunc = !0, !this.state.visible)
-        return;
-      const t = e.userAction !== void 0 ? e.userAction : !0;
-      this.updateState({ visible: !1 }, t), this._hide({ userAction: t });
-    });
-  }
-  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, o = t.userAction !== void 0 ? t.userAction : !0;
-    if (this.updateState(e, o), e.enabled !== void 0 && i.enabled !== e.enabled) {
-      const h = { userAction: o };
-      e.enabled ? this._enable(h) : this._disable(h);
-    }
-    if (e.visible !== void 0 && i.visible !== e.visible) {
-      const h = { userAction: o };
-      e.visible ? this._show(h) : this._hide(h);
-    }
-  }
-  changeConfigs(e, t = !0) {
-    this.updateState({ config: e }, t), this.render();
-  }
-  formatData(e) {
-    return c(this, null, function* () {
-      return yield b(e.data);
-    });
-  }
-  _show(e) {
-    return c(this, null, function* () {
-      if (!this.state.enabled)
-        return;
-      this.isHiddenByHideFunc = !1;
-      const { userAction: t } = e;
-      this.hooks.emit("show", { userAction: t, auto: !1 }), this.five.getCurrentState().mode !== "Topview" && (yield _(this.five, ["Topview", void 0, void 0, t])), this.five.model.show(this.floorIndex), this.updatePosition(), this.updateSize();
-      const i = 500, o = this.state.config.modelOpacity;
-      m(this.five, o, i), this.hooks.emit("showAnimationEnded", { userAction: t, auto: !1 }), this.render();
-    });
-  }
-  _hide(e) {
-    return c(this, null, function* () {
-      if (!this.state.enabled)
-        return;
-      const { userAction: t } = e;
-      this.hooks.emit("hide", { userAction: t, auto: !1 });
-      const i = 1, o = 0;
-      m(this.five, i, o), this.render();
-    });
-  }
-  _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 });
-  }
-  updateState(e, t) {
-    const i = this.state, o = e.config ? l(l({}, i.config), e.config) : i.config;
-    this.state = p(l(l({}, this.state), e), { config: o }), !S(this.state, i, { deep: !0 }) && this.hooks.emit("stateChange", { state: this.state, prevState: i, userAction: t });
-  }
-  addEventListener() {
-    if (!this.state.enabled || this.hasAddedEventListener)
-      return;
-    const e = this.five;
-    e.on("modeChange", this.onFiveModeChange), e.on("panoArrived", this.onFivePanoArrived), e.on("cameraUpdate", this.onFiveCameraUpdate), e.on("wantsGesture", this.onFiveWantsGesture), e.on("wantsMoveToPano", this.onFiveWantsMoveToPano), e.on("initAnimationEnded", this.onFiveInitAnimationEnded), e.on("modelShownFloorChange", this.onModelShownFloorChange);
-  }
-  removeEventListener() {
-    const e = this.five;
-    this.hasAddedEventListener = !1, e.off("modeChange", this.onFiveModeChange), e.off("panoArrived", this.onFivePanoArrived), e.off("cameraUpdate", this.onFiveCameraUpdate), e.off("wantsGesture", this.onFiveWantsGesture), e.off("wantsMoveToPano", this.onFiveWantsMoveToPano), e.off("initAnimationEnded", this.onFiveInitAnimationEnded), e.off("modelShownFloorChange", this.onModelShownFloorChange);
-  }
-  initContainer() {
-    this.container.classList.add("floorplan-plugin"), Object.assign(this.container.style, {
-      position: "absolute",
-      left: "50%",
-      top: "50%",
-      transform: "translate3d(-50%, -50%, 10px)",
-      zIndex: 10,
-      pointerEvents: "none",
-      "will-change": "width, height"
-    }), this.five.addExtraElement(this.container);
-  }
-  render(e) {
-    if (!this.state.enabled || !this.container || !this.data || this.size.width === 0)
-      return;
-    const t = p(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 D({ target: this.container, intro: !0, props: t });
-  }
-}
-const V = (r, n) => new B(r, n);
-export {
-  V as TopviewFloorplanPlugin,
-  V as default
-};

package/dist/floorplan/TopviewFloorplanPlugin/index.cjs.js

@@ -1 +0,0 @@
-"use strict";var E=Object.defineProperty,F=Object.defineProperties;var A=Object.getOwnPropertyDescriptors;var b=Object.getOwnPropertySymbols;var C=Object.prototype.hasOwnProperty,S=Object.prototype.propertyIsEnumerable;var v=(s,n,e)=>n in s?E(s,n,{enumerable:!0,configurable:!0,writable:!0,value:e}):s[n]=e,c=(s,n)=>{for(var e in n||(n={}))C.call(n,e)&&v(s,e,n[e]);if(b)for(var e of b(n))S.call(n,e)&&v(s,e,n[e]);return s},p=(s,n)=>F(s,A(n));var o=(s,n,e)=>(v(s,typeof n!="symbol"?n+"":n,e),e);var l=(s,n,e)=>new Promise((t,i)=>{var a=d=>{try{r(e.next(d))}catch(u){i(u)}},h=d=>{try{r(e.throw(d))}catch(u){i(u)}},r=d=>d.done?t(d.value):Promise.resolve(d.value).then(a,h);r((e=e.apply(s,n)).next())});Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const y=require("three"),x=require("../../chunks/cjs/equal.e9fcbd4e.cjs.js"),f=require("../../chunks/cjs/changeModelCanvasOpacity.8d84f111.cjs.js"),g=require("../../chunks/cjs/formatData.81e95011.cjs.js"),_=require("../../chunks/cjs/filter.cf9ebbb3.cjs.js"),D=require("../../chunks/cjs/BasePluginWithData.0a28882d.cjs.js");require("svelte/internal");require("svelte/easing");require("svelte/transition");require("svelte/store");require("svelte");require("../../chunks/cjs/BasePlugin.57e5204f.cjs.js");require("../../chunks/cjs/Subscribe.5398d5c6.cjs.js");function j(s){if(s&&s.__esModule)return s;const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const e in s)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(s,e);Object.defineProperty(n,e,t.get?t:{enumerable:!0,get:()=>s[e]})}}return n.default=s,Object.freeze(n)}const P=j(y);class T extends D.Controller{constructor(e,t){super(e);o(this,"name","topviewFloorplanPlugin");o(this,"state");o(this,"data");o(this,"app");o(this,"selector");o(this,"panoIndex",0);o(this,"floorIndex",0);o(this,"wrapper");o(this,"container",document.createElement("div"));o(this,"lastPanoramaLongitude",0);o(this,"size",{width:0,height:0});o(this,"hasAddedEventListener",!1);o(this,"isHiddenByHideFunc",!1);o(this,"updateSize",()=>{if(!this.data||!this.container||!this.wrapper||this.five.getCurrentState().mode!=="Topview")return;const{min:e,max:t}=this.data.bounding,i=t.x-e.x,a=t.y-e.y,h=this.state.config.attachedTo?{attachedTo:this.state.config.attachedTo}:void 0,r=f.getPxmm(this.five,this.wrapper,this.floorIndex,h),d=Math.ceil(i*r),u=Math.ceil(a*r);this.size.width===d&&this.size.height===u||(this.container.style.width=d+"px",this.container.style.height=u+"px",this.size={width:d,height:u})});o(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")});o(this,"_disable",e=>{var i,a;const{userAction:t}=e;(i=this.app)==null||i.$destroy(),this.app=void 0,(a=this.container)==null||a.remove(),this.removeEventListener(),this.hooks.emit("disable",{userAction:t})});o(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)});o(this,"onFiveModeChange",(...[e,,,,t])=>{e!=="Topview"&&this.state.visible&&(this.updateState({visible:!1},t),this._hide({userAction:t}))});o(this,"onFivePanoArrived",e=>{var t;!((t=this.five)!=null&&t.work)||(this.panoIndex=e,this.floorIndex=this.five.work.observers[e].floorIndex)});o(this,"onFiveCameraUpdate",(e,t)=>{!this.state.visible||(this.updatePosition(),this.updateSize())});o(this,"onFiveWantsGesture",e=>{if(!(e!=="pan"&&e!=="pinch"&&e!=="mouseWheel")&&this.state.visible&&!this.state.config.gestureEnable)return!1});o(this,"onFiveWantsMoveToPano",()=>{if(this.state.visible&&this.state.config.preventRoomClick)return!1});o(this,"onFiveInitAnimationEnded",(...[,,e])=>{const{mode:t}=this.five.getCurrentState();t==="Topview"&&!this.isHiddenByHideFunc&&!this.state.visible&&this.state.config.autoShowEnable&&(this.updateState({visible:!0},e),this._show({userAction:e}))});o(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"));const i={northDesc:"\u5317",modelOpacity:1,hoverEnable:!0,compassEnable:!0,gestureEnable:!1,autoShowEnable:!0,ruleLabelsEnable:!0,roomLabelsEnable:!0,cameraImageUrl:g.CAMERA_IMAGE,attachedTo:f.FLOOR_PLAN_ATTACHED_TO.BOUNDING_CENTER,getLabelElement:void 0,adaptiveRoomLabelVisibleEnable:!0,getRoomAreaText:r=>(r/1e6).toFixed(1)+"\u33A1",getRuleDistanceText:r=>r.toString()},a=t?_.omit(t,["selector","scale"]):{},h=c(c({},i),a);this.state={enabled:!0,visible:!1,config:h},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 l(this,null,function*(){function a(w){return Object.prototype.hasOwnProperty.apply(w,["version"])}const h=e;h&&!h.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)),d=a(r)?r.data:r,u=this.data;this.data=yield g.formatData(d),this.hooks.emit("dataLoaded",this.data),this.hooks.emit("dataChange",this.data,u),t&&this.updateState(t,i),this.render()})}updatePosition(){var r;const e=f.getAttachedY(this.five,this.floorIndex,this.state.config.attachedTo),t=(r=this.five.model)==null?void 0:r.bounding.getCenter(new P.Vector3).setY(e);if(!t)return;const i=t.clone().project(this.five.camera),a=(i.x+1)/2,h=-(i.y-1)/2;this.container.style.left=a*100+"%",this.container.style.top=h*100+"%"}appendTo(e){if(this.wrapper=e,!!this.state.enabled)return e.appendChild(this.container),this.render(),this}show(){return l(this,arguments,function*(e={}){if(this.state.visible)return;const t=e.userAction!==void 0?e.userAction:!0;this.updateState({visible:!0},t),this._show({userAction:t})})}hide(){return l(this,arguments,function*(e={}){if(this.isHiddenByHideFunc=!0,!this.state.visible)return;const t=e.userAction!==void 0?e.userAction:!0;this.updateState({visible:!1},t),this._hide({userAction:t})})}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,a=t.userAction!==void 0?t.userAction:!0;if(this.updateState(e,a),e.enabled!==void 0&&i.enabled!==e.enabled){const h={userAction:a};e.enabled?this._enable(h):this._disable(h)}if(e.visible!==void 0&&i.visible!==e.visible){const h={userAction:a};e.visible?this._show(h):this._hide(h)}}changeConfigs(e,t=!0){this.updateState({config:e},t),this.render()}formatData(e){return l(this,null,function*(){return yield g.formatData(e.data)})}_show(e){return l(this,null,function*(){if(!this.state.enabled)return;this.isHiddenByHideFunc=!1;const{userAction:t}=e;this.hooks.emit("show",{userAction:t,auto:!1}),this.five.getCurrentState().mode!=="Topview"&&(yield f.changeMode(this.five,["Topview",void 0,void 0,t])),this.five.model.show(this.floorIndex),this.updatePosition(),this.updateSize();const i=500,a=this.state.config.modelOpacity;f.changeModelCanvasOpacity(this.five,a,i),this.hooks.emit("showAnimationEnded",{userAction:t,auto:!1}),this.render()})}_hide(e){return l(this,null,function*(){if(!this.state.enabled)return;const{userAction:t}=e;this.hooks.emit("hide",{userAction:t,auto:!1});const i=1,a=0;f.changeModelCanvasOpacity(this.five,i,a),this.render()})}_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})}updateState(e,t){const i=this.state,a=e.config?c(c({},i.config),e.config):i.config;this.state=p(c(c({},this.state),e),{config:a}),!x.equal(this.state,i,{deep:!0})&&this.hooks.emit("stateChange",{state:this.state,prevState:i,userAction:t})}addEventListener(){if(!this.state.enabled||this.hasAddedEventListener)return;const e=this.five;e.on("modeChange",this.onFiveModeChange),e.on("panoArrived",this.onFivePanoArrived),e.on("cameraUpdate",this.onFiveCameraUpdate),e.on("wantsGesture",this.onFiveWantsGesture),e.on("wantsMoveToPano",this.onFiveWantsMoveToPano),e.on("initAnimationEnded",this.onFiveInitAnimationEnded),e.on("modelShownFloorChange",this.onModelShownFloorChange)}removeEventListener(){const e=this.five;this.hasAddedEventListener=!1,e.off("modeChange",this.onFiveModeChange),e.off("panoArrived",this.onFivePanoArrived),e.off("cameraUpdate",this.onFiveCameraUpdate),e.off("wantsGesture",this.onFiveWantsGesture),e.off("wantsMoveToPano",this.onFiveWantsMoveToPano),e.off("initAnimationEnded",this.onFiveInitAnimationEnded),e.off("modelShownFloorChange",this.onModelShownFloorChange)}initContainer(){this.container.classList.add("floorplan-plugin"),Object.assign(this.container.style,{position:"absolute",left:"50%",top:"50%",transform:"translate3d(-50%, -50%, 10px)",zIndex:10,pointerEvents:"none","will-change":"width, height"}),this.five.addExtraElement(this.container)}render(e){if(!this.state.enabled||!this.container||!this.data||this.size.width===0)return;const t=p(c({},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 f.Main({target:this.container,intro:!0,props:t})}}const m=(s,n)=>new T(s,n);exports.TopviewFloorplanPlugin=m;exports.default=m;