@realsee/dnalogel
Version:
522 lines (521 loc) • 25 kB
JavaScript
var P = Object.defineProperty, C = Object.defineProperties;
var x = Object.getOwnPropertyDescriptors;
var w = Object.getOwnPropertySymbols;
var E = Object.prototype.hasOwnProperty, M = Object.prototype.propertyIsEnumerable;
var v = (l, a, t) => a in l ? P(l, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : l[a] = t, d = (l, a) => {
for (var t in a || (a = {}))
E.call(a, t) && v(l, t, a[t]);
if (w)
for (var t of w(a))
M.call(a, t) && v(l, t, a[t]);
return l;
}, g = (l, a) => C(l, x(a));
var o = (l, a, t) => (v(l, typeof a != "symbol" ? a + "" : a, t), t);
var u = (l, a, t) => new Promise((e, i) => {
var s = (n) => {
try {
r(t.next(n));
} catch (m) {
i(m);
}
}, h = (n) => {
try {
r(t.throw(n));
} catch (m) {
i(m);
}
}, r = (n) => n.done ? e(n.value) : Promise.resolve(n.value).then(s, h);
r((t = t.apply(l, a)).next());
});
import * as b from "three";
import { to as I } from "../../shared-utils/to.js";
import { equal as y } from "../../shared-utils/equal.js";
import { Main as L } from "../Components/Main.js";
import { formatData as F } from "../utils/formatData.js";
import { CAMERA_IMAGE as _ } from "../Assets/camera.js";
import { omit as O } from "../../shared-utils/filter.js";
import { getPxmm as D, getAttachedY as T } from "../../shared-utils/getPxmm.js";
import { FLOOR_PLAN_ATTACHED_TO as R } from "../constant.js";
import { Controller as k } from "../../base/BasePluginWithData.js";
import { correctFiveState as H } from "../utils/correctFiveState.js";
import { changeModelCanvasOpacity as A } from "../../shared-utils/changeModelCanvasOpacity.js";
import { FIVE_CAMERA_DEFAULT_FOV as W, FloorplanErrorType as f, SHOW_ANIME_DURATION as G } from "../utils/constant.js";
import "../../shared-utils/tag.js";
import "../../vendor/hammerjs/hammer.js";
import "../../shared-utils/three/PointSelector/index.js";
import "../../shared-utils/three/CSS3DRenderer/index.js";
import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
import "@realsee/five/line";
import { isNil as U } from "../../shared-utils/isNil.js";
import "../../shared-utils/three/core/Five_LineMaterial2.js";
import "../../shared-utils/three/core/Sphere.js";
import "../../shared-utils/three/blink.js";
import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
import "../../vendor/earcut/src/earcut.js";
import { FLOORPLAN_DEFAULT_IMAGE as z } from "../../shared-utils/url/defaultUrls.js";
import { replaceStaticPrefix as N } from "../../shared-utils/url/replace-static-prefix.js";
import "../../shared-utils/five/FivePuppet.js";
import "../../shared-utils/isTruelyObject.js";
import "../../vendor/svelte/internal/index.js";
import "../../vendor/svelte/transition/index.js";
import "../../vendor/svelte/easing/index.js";
import "../Components/CurrentFloor.js";
import "../../vendor/svelte/store/index.js";
import "../Components/BaseImage.js";
import "../Components/Normalmage.js";
import "../Components/SvgImage.js";
import "../Components/Items/Items.js";
import "../Components/Items/Item.js";
import "../../shared-utils/svelte/resizeObserver.js";
import "../../vendor/resize-observer-polyfill/dist/ResizeObserver.es.js";
import "../Components/RoomLabels/RoomLabels.js";
import "../Components/RoomLabels/RoomLabel.js";
import "../../shared-utils/fontSize.js";
import "../../shared-utils/px2rem.js";
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/RoomMaterials/RoomTriangle.js";
import "../Components/RoomHighlight/RoomHighlight.js";
import "../Components/RoomHighlight/Room.js";
import "../Components/MissingFloor.js";
import "../Components/Camera.js";
import "../../shared-utils/math/rad2Deg.js";
import "../Components/Compass.js";
import "../Assets/compass.js";
import "../Assets/floorplanExtraObject.js";
import "../../shared-utils/tap.js";
import "../../base/BasePlugin.js";
import "../../shared-utils/Subscribe.js";
import "../../shared-utils/Utils/FiveUtil.js";
import "../../shared-utils/Utils/BaseUtil.js";
import "../../shared-utils/Utils/WorkUtil.js";
import "../../shared-utils/five/transformPosition.js";
import "../../shared-utils/five/getFiveModel.js";
import "../../shared-utils/nearlyEqual.js";
import "../../shared-utils/five/changeMode.js";
import "../../shared-utils/translateMode/getDistanceFromModel.js";
import "../../shared-utils/positionToVector3.js";
import "../../shared-utils/five/vector3ToScreen.js";
import "../../shared-utils/three/temp.js";
import "../../shared-utils/three/core/Raycaster.js";
import "../../shared-utils/dom/resizeObserver.js";
import "../../shared-utils/five/fiveEveryReadyListener.js";
import "../../shared-utils/throttle.js";
import "../../shared-utils/five/fiveModelLoad.js";
import "../../shared-utils/three/PointSelector/utils/PointSelectorHelper.js";
import "../../shared-utils/three/Magnifier.js";
import "../../shared-utils/three/PointSelector/utils/PointHelper.js";
import "../../shared-utils/three/Assets/index.js";
import "../../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
import "../../shared-utils/even.js";
import "../../shared-utils/CSS3DRender/OpacityMesh.js";
import "../../shared-utils/three/centerPoint.js";
import "../../shared-utils/three/getObjectVisible.js";
import "../../shared-utils/three/PointSelector/utils/html.js";
import "../../shared-utils/CSS3DRender/index.js";
import "../../shared-utils/CSS3DRender/CSS3DRenderer.js";
import "../../shared-utils/createResizeObserver.js";
import "../../shared-utils/three/PointSelector/utils/PointHelper2.js";
import "../../Sculpt/Meshes/Line.js";
import "../../Sculpt/typings/style.js";
import "../../shared-utils/three/IObject3D.js";
import "../../Sculpt/utils/Meshes/getLengthHTML.js";
import "../../shared-utils/three/applyObjectMatrixWorld.js";
import "../../shared-utils/util.js";
import "../../shared-utils/five/getFiveFromParentChain.js";
import "../../shared-utils/three/core/LineGeometry.js";
import "../../shared-utils/three/core/LineMaterial.js";
import "../../shared-utils/three/core/Line2.js";
import "../../shared-utils/three/core/LineMaterial2.js";
import "../../Sculpt/utils/unit.js";
import "../../Sculpt/utils/renderDom.js";
import "../../CSS3DRenderPlugin/utils/three/CSS3DSprite.js";
import "../../shared-utils/isTouchDevice.js";
import "../../shared-utils/five/getPosition.js";
import "../../shared-utils/five/getRaycasterByNdcPosition.js";
import "../../shared-utils/three/PointSelector/utils/contents.js";
import "../../Sculpt/utils/three/rayOnLine.js";
import "../../vendor/animejs/lib/anime.es.js";
import "../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
import "../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
import "../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
import "@realsee/five";
import "../../shared-utils/url/absoluteUrl.js";
function j(l) {
const { latitude: a, longitude: t } = l, e = Math.abs(a - Math.PI / 2) > 5 * Math.PI / 180, i = t > 5 * (Math.PI / 180) && t < 355 * (Math.PI / 180);
return e || i;
}
function B(l) {
const { latitude: a, longitude: t } = l, e = Math.abs(a - Math.PI / 2) < 10 * Math.PI / 180, i = t < 30 * (Math.PI / 180) || t > 330 * (Math.PI / 180);
return e && i;
}
class oi extends k {
constructor(t, e) {
var n, m, c;
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, "defaultMissingFloorConfig");
/** 是否已经执行过事件监听 */
o(this, "hasAddedEventListener", !1);
/** 上一次隐藏是否是用户调用了 hide 导致的 */
o(this, "isHiddenByHideFunc", !1);
/** 高亮区域 */
o(this, "highlightData", {});
o(this, "store", { roomOnMouse: null });
/** 销毁插件 */
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) => u(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) => u(this, [...e], function* (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 || !this.container || !this.wrapper)
return !1;
const { min: t, max: e } = this.data.bounding, i = e.x - t.x, s = e.y - t.y, h = this.getPxmmWithRotation(), r = Math.ceil(i * h), n = Math.ceil(s * h);
return this.size.width === r && this.size.height === n || (this.container.style.width = r + "px", this.container.style.height = n + "px", this.size = { width: r, height: n }), !0;
});
o(this, "highlight", (t) => {
this.state.config.highlightEnable && (this.highlightData = t, this.render());
});
o(this, "unhighlight", () => {
this.highlightData = {}, this.render();
});
/** 更新展示状态
* @description 可以更新 longitude、latitude、fov 等参数
* @param showState 需要更新的状态，会与现有状态合并
* @example
* // 更新 longitude
* plugin.updateShowState({ longitude: Math.PI / 2 })
*/
o(this, "updateShowState", (t) => {
this.showState = d(d({}, this.showState), t);
});
o(this, "_disable", (t) => {
var i, s, h;
const { userAction: e } = t;
this.hooks.emit("disable", { userAction: e }), (i = this.showRejection) == null || i.call(this, f.BreakOffByDisable), this.showPromise = void 0, (s = this.app) == null || s.$destroy(), this.app = void 0, (h = this.container) == null || h.remove(), this.removeEventListener();
});
o(this, "_enable", (t) => {
const { userAction: e } = t;
this.addEventListener(), this.wrapper && (this.wrapper.append(this.container), this.hooks.emit("enable", { userAction: e }), this.state.visible && this._show({ userAction: e }));
});
o(this, "_show", (t) => u(this, null, function* () {
var h;
if (!this.state.enabled)
return;
if (!((h = this.five.model) != null && h.loaded))
throw new Error(f.ModelNotLoaded);
if (!this.data)
throw new Error(f.DataNotLoaded);
if (this.showPromise)
return this.showPromise;
const e = {
floorIndex: this.floorIndex,
modelOpacity: this.state.config.modelOpacity,
immediately: !1,
isAutoShow: !1,
userAction: !0
}, i = d(d({}, e), t), s = () => u(this, null, function* () {
this.hooks.emit("show", { userAction: i.userAction, auto: i.isAutoShow });
let r = !1, n;
this.showRejection = (p) => {
r = !0, n = p;
};
const [m] = yield I(H(this.five, this.showState, i.userAction));
if (m)
throw m;
if (r)
throw n ? new Error(n) : new Error(f.UnknownError);
if (!this.updateSize())
throw new Error(f.UpdateSizeError);
this.floorIndex = i.floorIndex, this.five.model.show(this.floorIndex);
});
return this.isHiddenByHideFunc = !1, this.showPromise = s().then(() => {
this.showPromise = void 0, this.showRejection = void 0;
const r = i.modelOpacity, n = i.immediately ? 0 : G;
A(this.five, r, n), this.render(n), this.hooks.emit("showAnimationEnded", {
auto: i.isAutoShow,
userAction: i.userAction
});
}).catch((r) => {
if (this.showPromise = void 0, this.showRejection = void 0, this.updateState({ visible: !1 }, i.userAction), !i.isAutoShow && r instanceof Error)
throw r;
}), this.showPromise;
}));
o(this, "_hide", (t) => {
var s;
(s = this.showRejection) == null || s.call(this, f.BreakOffByHide), this.showPromise = void 0;
const i = d(d({}, {
userAction: !0,
isAutoHide: !1
}), t);
A(this.five, 1, 0), this.hooks.emit("hide", { auto: i.isAutoHide, userAction: i.userAction }), this.render();
});
o(this, "handleClick", () => {
if (!this.state.visible)
return;
if (this.hooks.emit("click", this.store.roomOnMouse))
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("不正确的父容器选择器");
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 || B(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.workUtil.observers[t].floorIndex);
});
/** cameraUpdate 时判断户型图是否应该自动隐藏 */
o(this, "onFiveCameraUpdate", (t, e) => {
if (!this.state.visible || this.showPromise)
return;
const i = this.five.getCurrentState();
j(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"))
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) {
const e = this.five.getCurrentState().panoIndex;
this.floorIndex = this.workUtil.observers[e].floorIndex;
return;
}
this.floorIndex = t, this.updateSize(), this.render();
}
});
e != null && e.selector && (this.selector = e.selector, console.warn("不推荐继续使用 params.selector 配置父容器，请使用 appendTo 方法")), this.showState = d({
mode: "Floorplan",
longitude: 0,
latitude: Math.PI / 2,
fov: W / ((n = e == null ? void 0 : e.scale) != null ? n : 1)
}, e == null ? void 0 : e.showState), this.defaultMissingFloorConfig = {
imageURL: N(e == null ? void 0 : e.staticPrefix, z),
imageWidth: 200,
imageHeight: 120,
text: (c = (m = e.i18n) == null ? void 0 : m.call(e, "暂无平面图")) != null ? c : "暂无平面图",
textFontSize: 14
};
const i = {
northDesc: "北",
modelOpacity: 1,
cameraEnable: !0,
highlightEnable: !1,
hoverEnable: !0,
compassEnable: !0,
autoShowEnable: !0,
ruleLabelsEnable: !0,
roomLabelsEnable: !0,
roomAreaEnable: !0,
roomNameEnable: !0,
roomNameOtherTypeEnable: !0,
roomDimensionEnable: !0,
adaptiveRoomLabelVisibleEnable: !0,
cameraImageUrl: _,
attachedTo: R.BOUNDING_CENTER,
getLabelElement: void 0,
missingFloorConfig: d(d({}, this.defaultMissingFloorConfig), e.missingFloorConfig),
i18n: (p) => p,
getRoomAreaText: (p) => (p / 1e6).toFixed(1) + "㎡",
getRoomDimensionText: (p, S) => (p / 1e3).toFixed(1) + "m × " + (S / 1e3).toFixed(1) + "m",
getRuleDistanceText: (p) => p.toString()
}, s = e ? O(e, ["selector", "scale"]) : {}, h = d(d({}, i.missingFloorConfig), s.missingFloorConfig), r = g(d(d({}, i), s), { missingFloorConfig: h });
this.state = { enabled: !0, visible: !1, config: r }, this.panoIndex = t.getCurrentState().panoIndex, this.initContainer(), t.once("dispose", this.dispose), this.addEventListener();
}
load(t, e, i = !0) {
return u(this, null, function* () {
function s(c) {
return Object.prototype.hasOwnProperty.apply(c, ["version"]);
}
const h = t;
h && U(h.version) && console.warn("传入 serverData.data 的方式后续可能不再支持，请把 serverData 整体传入 load 函数");
const r = JSON.parse(JSON.stringify(t)), n = s(r) ? r.data : r, m = this.data;
this.data = yield F(n), this.hooks.emit("dataLoaded", this.data), this.hooks.emit("dataChange", this.data, m), 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, s = e.userAction !== void 0 ? e.userAction : !0;
if (this.updateState(t, s), t.enabled !== void 0 && i.enabled !== t.enabled && (t.enabled ? this._enable({ userAction: s }) : this._disable({ userAction: s })), t.visible !== void 0 && i.visible !== t.visible) {
const h = { userAction: s };
t.visible ? this._show(h) : this._hide(h);
}
this.render();
}
changeConfigs(t, e = !0) {
this.updateState({ config: t }, e), this.render();
}
/** 根据旋转角度计算 pxmm
* @description 当 longitude 大于 45° 或小于 -45°（相对于基准方向）时，使用 Z 轴计算
*/
getPxmmWithRotation() {
if (!this.wrapper)
return 0;
const t = this.state.config.attachedTo ? { attachedTo: this.state.config.attachedTo } : void 0, e = this.showState.longitude, i = Math.abs((e % (2 * Math.PI) + 2 * Math.PI) % (2 * Math.PI));
return i > Math.PI / 4 && i < 3 * Math.PI / 4 || i > 5 * Math.PI / 4 && i < 7 * Math.PI / 4 ? this.getPxmmZAxis(t) : D(this.five, this.wrapper, this.floorIndex, t);
}
/** 使用 Z 轴计算 pxmm
* @description 当相机旋转导致 X 轴接近垂直于屏幕时，改用 Z 轴计算
*/
getPxmmZAxis(t) {
if (!this.wrapper)
return 0;
const e = T(this.five, this.floorIndex, t == null ? void 0 : t.attachedTo), i = new b.Vector3(0, e, 0), s = new b.Vector3(0, e, 1), h = i.clone().project(this.five.camera), r = s.clone().project(this.five.camera);
return Math.abs((r.x - h.x) / 1e3) * (this.wrapper.getBoundingClientRect().width / 2);
}
formatData(t) {
return u(this, null, function* () {
return yield F(t.data);
});
}
updateState(t, e) {
var r;
const i = this.state, s = (r = t.config) != null && r.missingFloorConfig ? d(d({}, i.config.missingFloorConfig), t.config.missingFloorConfig) : i.config.missingFloorConfig, h = t.config ? g(d(d({}, i.config), t.config), { missingFloorConfig: s }) : i.config;
this.state = g(d(d({}, this.state), t), { config: h }), !y(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",
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 t = this.five;
t.model.loaded ? this.onFiveModelLoaded() : t.once("modelLoaded", this.onFiveModelLoaded), t.on("modeChange", this.onFiveModeChange), t.on("interiaPan", this.onFiveInteriaPan), t.on("panoArrived", this.onFivePanoArrived), t.on("cameraUpdate", this.onFiveCameraUpdate), t.on("wantsGesture", this.onFiveWantsGesture), t.on("wantsPanGesture", this.onFiveWantsPanGesture), t.on("wantsTapGesture", this.onFiveWantsTapGesture), t.on("wantsChangeMode", this.onFiveWantsChangeMode), t.on("modelShownFloorChange", this.onModelShownFloorChange);
}
removeEventListener() {
const t = this.five;
this.hasAddedEventListener = !1, t.off("modelLoaded", this.onFiveModelLoaded), t.off("modeChange", this.onFiveModeChange), t.off("interiaPan", this.onFiveInteriaPan), t.off("panoArrived", this.onFivePanoArrived), t.off("cameraUpdate", this.onFiveCameraUpdate), t.off("wantsGesture", this.onFiveWantsGesture), t.off("wantsPanGesture", this.onFiveWantsPanGesture), t.off("wantsTapGesture", this.onFiveWantsTapGesture), t.off("wantsChangeMode", this.onFiveWantsChangeMode), t.off("modelShownFloorChange", this.onModelShownFloorChange);
}
render(t) {
if (!this.state.enabled || !this.container || !this.data || this.size.width === 0 || this.showPromise)
return;
const e = g(d({}, this.state.config), {
visible: this.state.visible,
duration: t != null ? t : 0,
panoIndex: this.panoIndex,
floorIndex: this.floorIndex,
floorplanData: this.data,
lastPanoramaLongitude: this.lastPanoramaLongitude,
highlightData: this.highlightData,
store: this.store
});
if (this.app)
return this.app.$set(e);
this.app = new L({ target: this.container, intro: !0, props: e });
}
}
export {
oi as Controller
};