@realsee/dnalogel 2.0.3 → 2.0.4-dev.1

package/libs/PanoDoorLabelPlugin/Controller.js

@@ -1,439 +1,214 @@
-import { Euler, Quaternion, Raycaster, Vector3 } from 'three';
-import { BasePanoPluginController } from './BaseController';
-import DoorLabelItem from './DoorLabelItem';
-import { getCameraToward, getDistance, getToward, isTwoRectOverlaped } from './utils';
-const defaultBaseOptions = { userAction: true };
-/**
- * 分间标签插件
- * @author kyleju
- */
-export class PanoDoorLabelPluginController extends BasePanoPluginController {
-    constructor(five) {
-        super(five);
-        Object.defineProperty(this, "MinVisibledistance", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: 1.8
-        });
-        Object.defineProperty(this, "MaxVisibledistance", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: 5
-        });
-        Object.defineProperty(this, "OffsetHeight", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: -1.3
-        }); // 标签页面高度偏移值
-        Object.defineProperty(this, "rooms", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "floorplanServerData", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        /** 标签项 */
-        Object.defineProperty(this, "doorLabelItems", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        /** 每个点位 visible 标签的缓存 */
-        Object.defineProperty(this, "visibleLabelMap", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: new Map()
-        });
-        /** 标签项Prop值 */
-        Object.defineProperty(this, "labelItems", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: []
-        });
-        /** 数据 */
-        Object.defineProperty(this, "doorLabels", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "roomObservers", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "loadData", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (floorplanServerData, doorLabelConfig) => {
-                if (doorLabelConfig) {
-                    this.MaxVisibledistance = doorLabelConfig.MaxVisibledistance;
-                    this.MinVisibledistance = doorLabelConfig.MinVisibledistance;
-                    this.OffsetHeight = doorLabelConfig.OffsetHeight;
-                }
-                if (this.doorLabelItems && this.doorLabelItems.length > 0) {
-                    this.doorLabelItems.forEach((doorItem) => {
-                        doorItem.$destroy();
-                    });
-                }
-                this.labelItems = [];
-                this.doorLabels = [];
-                this.doorLabelItems = [];
-                this.floorplanServerData = floorplanServerData;
-                this.five.once('panoArrived', () => {
-                    console.log('doorplugin', 'panoArrived');
-                    this.initData();
-                });
-            }
-        });
-        Object.defineProperty(this, "initRoomObservers", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                var _a, _b;
-                const floorDatas = this.floorplanServerData.computed_data.floor_datas || [];
-                const observers = ((_b = (_a = this.five) === null || _a === void 0 ? void 0 : _a.work) === null || _b === void 0 ? void 0 : _b.observers) || [];
-                const roomObservers = observers
-                    // eslint-disable-next-line array-callback-return
-                    .map((ob) => {
-                    const panoIndex = ob.panoIndex;
-                    const floorIndex = ob.floorIndex;
-                    const floor = floorDatas === null || floorDatas === void 0 ? void 0 : floorDatas.find((d) => d.floor_index === floorIndex);
-                    if (floor) {
-                        const room = floor.rooms.find((r) => r.observer_indexs.includes(panoIndex));
-                        if (room) {
-                            return { panoIndex, floorIndex, name: room.name };
-                        }
-                    }
-                })
-                    .filter(Boolean);
-                this.roomObservers = roomObservers;
-            }
-        });
-        Object.defineProperty(this, "hideAllLabels", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                this.labelItems.forEach((item) => {
-                    item.visible = false;
-                    item.inSight = false;
-                });
-                this.render();
-            }
-        });
-        Object.defineProperty(this, "fixDoorVisibleAndPosition", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                this.initRoomObservers();
-                const { panoIndex } = this.five;
-                if (!this.visible)
-                    return;
-                if (this.five.model.empty)
-                    return;
-                if (panoIndex === null)
-                    return;
-                if (!this.roomObservers.find((item) => item.panoIndex === panoIndex))
-                    return;
-                const roomObserver = this.roomObservers.find((item) => {
-                    return item.panoIndex === panoIndex;
-                });
-                const position = this.five.work.observers.find((item) => item.panoIndex === panoIndex).position;
-                const targetPoint = position.clone();
-                const visibleLabelIds = (() => {
-                    if (this.visibleLabelMap.has(panoIndex)) {
-                        /** 使用缓存 */
-                        return this.visibleLabelMap.get(panoIndex);
-                    }
-                    else {
-                        const visibleDoorIds = [];
-                        this.doorLabels.forEach((doorLabelItem, index) => {
-                            // step1 校验分间
-                            if (doorLabelItem.roomName === roomObserver.name)
-                                return;
-                            // step2 校验最大最小值
-                            const doorPosition = doorLabelItem.position.clone();
-                            const distance = doorPosition.distanceTo(targetPoint);
-                            if (distance < this.MinVisibledistance || distance > this.MaxVisibledistance)
-                                return;
-                            // step3 碰撞检测是否有遮挡
-                            const raycaster = new Raycaster();
-                            const direction = doorPosition.clone().sub(targetPoint).normalize();
-                            raycaster.set(targetPoint, direction);
-                            const [intersection] = this.five.model.intersectRaycaster(raycaster);
-                            if (intersection && intersection.distance + 0.1 < distance)
-                                return;
-                            // 🥳 最终剩下的就是当前点位可见的标签
-                            visibleDoorIds.push(index);
-                        });
-                        this.visibleLabelMap.set(panoIndex, visibleDoorIds);
-                        return visibleDoorIds;
-                    }
-                })();
-                this.labelItems.forEach((data, index) => {
-                    data.visible = visibleLabelIds.includes(index);
-                });
-                this.fixDoorPosition();
-            }
-        });
-        Object.defineProperty(this, "fixDoorPosition", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                const { panoIndex, camera } = this.five;
-                if (panoIndex === null)
-                    return;
-                if (this.five.currentMode !== 'Panorama')
-                    return this.hideAllLabels();
-                const fiveElement = this.five.getElement();
-                const canvasWidth = fiveElement.clientWidth;
-                const canvasHeight = fiveElement.clientHeight;
-                const cameraDirection = camera.getWorldDirection(new Vector3());
-                const neverOverlapLabels = [];
-                const labelItems = [...this.labelItems];
-                labelItems.forEach((doorLabel, index) => {
-                    if (doorLabel.visible) {
-                        const disFromCameraToLabel = camera.position.distanceTo(doorLabel.position);
-                        const labelPosition = doorLabel.position.clone().add(new Vector3(0, this.OffsetHeight, 0));
-                        const direction = labelPosition.clone().sub(camera.position).normalize();
-                        const angle = direction.angleTo(cameraDirection);
-                        const mouse = labelPosition.clone().project(camera);
-                        const left = ((mouse.x + 1) / 2.2) * 100;
-                        const top = ((-mouse.y + 1) / 2.2) * 100;
-                        const visible = left >= 0 &&
-                            left <= 100 &&
-                            top >= 0 &&
-                            top <= 100 &&
-                            disFromCameraToLabel > this.MinVisibledistance &&
-                            disFromCameraToLabel <= this.MaxVisibledistance;
-                        doorLabel.left = left;
-                        doorLabel.top = top;
-                        doorLabel.inSight = visible && angle < Math.PI / 2;
-                        doorLabel.cameraToward = getCameraToward(this.five);
-                        if (visible)
-                            neverOverlapLabels.push({ disFromCameraToLabel, left, top, index });
-                        else
-                            doorLabel.transform = 'translate(-50%, -50%)';
-                    }
-                    else {
-                        doorLabel.inSight = false;
-                    }
-                });
-                // 视线内多标签防重叠单独处理
-                if (neverOverlapLabels.length > 1) {
-                    let heightLevel = 0;
-                    neverOverlapLabels.sort((a, b) => b.disFromCameraToLabel - a.disFromCameraToLabel);
-                    for (let i = 1; i < neverOverlapLabels.length; i++) {
-                        const { index: idx1, left: l1, top: t1 } = neverOverlapLabels[i - 1];
-                        const { index: idx2, left: l2, top: t2 } = neverOverlapLabels[i];
-                        const rectDom1 = this.container.children[idx1];
-                        const rectDom2 = this.container.children[idx2];
-                        if (!rectDom1 || !rectDom2)
-                            return;
-                        const rect1 = {
-                            left: (canvasWidth * l1) / 100,
-                            top: (canvasHeight * t1) / 100,
-                            width: rectDom1.children[0].clientWidth,
-                            height: rectDom1.children[0].clientHeight,
-                        };
-                        const rect2 = {
-                            left: (canvasWidth * l2) / 100,
-                            top: (canvasHeight * t2) / 100,
-                            width: rectDom2.children[0].clientWidth,
-                            height: rectDom2.children[0].clientHeight,
-                        };
-                        if (isTwoRectOverlaped(rect1, rect2)) {
-                            heightLevel++;
-                            labelItems[idx1].transform = `translate(-50%, ${(heightLevel - 1) * 100 - 50}%)`;
-                            labelItems[idx2].transform = `translate(-50%, ${heightLevel * 100 - 50}%)`;
-                        }
-                    }
-                }
-                this.labelItems = labelItems;
-                this.render();
-            }
-        });
-        Object.defineProperty(this, "onClick", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (roomName, position) => {
-                if (!this.roomObservers)
-                    return;
-                const { work } = this.five;
-                let nearestIndex;
-                let nearestVector;
-                let minDistance = Infinity;
-                for (let index = 0; index < work.observers.length; index++) {
-                    if (this.roomObservers[index].name !== roomName)
-                        continue;
-                    const observer = work.observers[index];
-                    const observerPoint = observer.standingPosition;
-                    const distance = position.distanceTo(observerPoint);
-                    if (distance < minDistance) {
-                        nearestIndex = index;
-                        nearestVector = observerPoint.clone().sub(position).normalize();
-                        minDistance = distance;
-                    }
-                }
-                if (nearestVector !== null && nearestIndex !== null) {
-                    const options = {};
-                    if (minDistance > 0) {
-                        const fromVector = new Vector3(0, 0, -1);
-                        const toVector = nearestVector.clone();
-                        const quaternion = new Quaternion();
-                        quaternion.setFromUnitVectors(fromVector, toVector);
-                        const euler = new Euler();
-                        euler.setFromQuaternion(quaternion, 'YXZ');
-                        options.longitude = euler.y;
-                    }
-                    const canceled = this.five.emit('wantsToMoveToPano', nearestIndex, {}, true);
-                    if (!canceled) {
-                        this.five.moveToPano(nearestIndex, { longitude: options.longitude });
-                    }
-                }
-            }
-        });
-        Object.defineProperty(this, "initData", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                var _a;
-                this.doorLabels = [];
-                const pano_index = this.five.panoIndex;
-                const floor_index = this.floorplanServerData.computed_data.observers[pano_index].floor_index;
-                const rooms = floor_index !== undefined &&
-                    ((_a = this.floorplanServerData.computed_data.floor_datas[floor_index]) === null || _a === void 0 ? void 0 : _a.rooms);
-                this.rooms = rooms;
-                if (this.rooms && this.rooms.length > 0) {
-                    this.rooms.forEach((room) => {
-                        var _a;
-                        const doors = (_a = this.floorplanServerData.computed_data.doors) === null || _a === void 0 ? void 0 : _a.filter((doorItem) => {
-                            if (doorItem && doorItem.name === room.name) {
-                                return true;
-                            }
-                            return false;
-                        });
-                        const observersInRoom = this.five.work.observers.filter((observer, index) => {
-                            if (room.observer_indexs.find((item) => item === index))
-                                return true;
-                            return false;
-                        });
-                        if (doors) {
-                            doors.forEach((door) => {
-                                const doorPoint = door.position;
-                                let minDistance = Infinity;
-                                let nearestPoint;
-                                // 遍历门所在房间所有的点，找到离门最近的点
-                                observersInRoom.forEach((observer) => {
-                                    const position = observer.standingPosition;
-                                    const observerPoint = {
-                                        x: position.x,
-                                        y: position.y,
-                                        z: position.z,
-                                    };
-                                    const distance = getDistance(doorPoint, observerPoint);
-                                    if (distance < minDistance) {
-                                        minDistance = distance;
-                                        nearestPoint = observerPoint;
-                                    }
-                                });
-                                if (nearestPoint)
-                                    doorPoint.y = nearestPoint.y + 0.01;
-                                const position = new Vector3(doorPoint.x, doorPoint.y, doorPoint.z);
-                                position.add(new Vector3(-0.2, 1.8, 0).applyEuler(new Euler(0, door.rad, 0)));
-                                this.doorLabels.push({
-                                    roomName: room.name,
-                                    name: door.name,
-                                    position,
-                                    toward: getToward(door.rad),
-                                });
-                            });
-                        }
-                    });
-                }
-                this.labelItems = this.doorLabels.map((data) => (Object.assign(Object.assign({}, data), { left: 0, top: 0, visible: false, inSight: false, transform: '', cameraToward: '' })));
-                console.log('doorplugin', 'labelItems', this.labelItems);
-                this.five.on('wantsToMoveToPano', this.hideAllLabels);
-                this.five.on('modelLoaded', this.fixDoorVisibleAndPosition);
-                this.five.on('panoArrived', this.fixDoorVisibleAndPosition);
-                this.five.on('initAnimationEnded', this.fixDoorPosition);
-                this.five.on('cameraUpdate', this.fixDoorPosition);
-                this.five.on('mouseWheel', this.fixDoorPosition);
-                this.five.on('pinchGesture', this.fixDoorPosition);
-                this.fixDoorVisibleAndPosition();
-            }
-        });
-    }
-    stateChangedCallback(prevState, options) {
-        if (this.hooks.hasListener('stateChange')) {
-            const optionParams = {
-                state: this.state,
-                prevState,
-                userAction: options ? options.userAction : defaultBaseOptions.userAction,
-            };
-            this.hooks.emit('stateChange', optionParams);
+var V = Object.defineProperty;
+var A = (x, v, e) => v in x ? V(x, v, { enumerable: !0, configurable: !0, writable: !0, value: e }) : x[v] = e;
+var a = (x, v, e) => (A(x, typeof v != "symbol" ? v + "" : v, e), e);
+import { Raycaster as M, Vector3 as P, Quaternion as T, Euler as D } from "three";
+import { BasePanoPluginController as y } from "./BaseController.js";
+import E from "./DoorLabelItem.js";
+import { getCameraToward as O, isTwoRectOverlaped as _, getDistance as S, getToward as k } from "./utils.js";
+import "@realsee/five";
+import "../base/BasePlugin.js";
+import "../index.d6d7690a.js";
+import "../index.f2f85d71.js";
+const C = { userAction: !0 };
+class N extends y {
+  constructor(e) {
+    super(e);
+    a(this, "MinVisibledistance", 1.8);
+    a(this, "MaxVisibledistance", 5);
+    a(this, "OffsetHeight", -1.3);
+    a(this, "rooms");
+    a(this, "floorplanServerData");
+    a(this, "doorLabelItems");
+    a(this, "visibleLabelMap", /* @__PURE__ */ new Map());
+    a(this, "labelItems", []);
+    a(this, "doorLabels");
+    a(this, "roomObservers");
+    a(this, "loadData", (e, n) => {
+      n && (this.MaxVisibledistance = n.MaxVisibledistance, this.MinVisibledistance = n.MinVisibledistance, this.OffsetHeight = n.OffsetHeight), this.doorLabelItems && this.doorLabelItems.length > 0 && this.doorLabelItems.forEach((c) => {
+        c.$destroy();
+      }), this.labelItems = [], this.doorLabels = [], this.doorLabelItems = [], this.floorplanServerData = e, this.five.once("panoArrived", () => {
+        console.log("doorplugin", "panoArrived"), this.initData();
+      });
+    });
+    a(this, "initRoomObservers", () => {
+      var l, h;
+      const e = this.floorplanServerData.computed_data.floor_datas || [], c = (((h = (l = this.five) == null ? void 0 : l.work) == null ? void 0 : h.observers) || []).map((s) => {
+        const o = s.panoIndex, f = s.floorIndex, i = e == null ? void 0 : e.find((t) => t.floor_index === f);
+        if (i) {
+          const t = i.rooms.find((r) => r.observer_indexs.includes(o));
+          if (t)
+            return { panoIndex: o, floorIndex: f, name: t.name };
         }
-    }
-    render() {
-        if (!this.enabled) {
-            this.doorLabelItems &&
-                this.doorLabelItems.length > 0 &&
-                this.doorLabelItems.forEach((item) => {
-                    item === null || item === void 0 ? void 0 : item.$destroy();
-                });
-            this.doorLabels = undefined;
+      }).filter(Boolean);
+      this.roomObservers = c;
+    });
+    a(this, "hideAllLabels", () => {
+      this.labelItems.forEach((e) => {
+        e.visible = !1, e.inSight = !1;
+      }), this.render();
+    });
+    a(this, "fixDoorVisibleAndPosition", () => {
+      this.initRoomObservers();
+      const { panoIndex: e } = this.five;
+      if (!this.visible || this.five.model.empty || e === null || !this.roomObservers.find((s) => s.panoIndex === e))
+        return;
+      const n = this.roomObservers.find((s) => s.panoIndex === e), l = this.five.work.observers.find((s) => s.panoIndex === e).position.clone(), h = (() => {
+        if (this.visibleLabelMap.has(e))
+          return this.visibleLabelMap.get(e);
+        {
+          const s = [];
+          return this.doorLabels.forEach((o, f) => {
+            if (o.roomName === n.name)
+              return;
+            const i = o.position.clone(), t = i.distanceTo(l);
+            if (t < this.MinVisibledistance || t > this.MaxVisibledistance)
+              return;
+            const r = new M(), d = i.clone().sub(l).normalize();
+            r.set(l, d);
+            const [p] = this.five.model.intersectRaycaster(r);
+            p && p.distance + 0.1 < t || s.push(f);
+          }), this.visibleLabelMap.set(e, s), s;
+        }
+      })();
+      this.labelItems.forEach((s, o) => {
+        s.visible = h.includes(o);
+      }), this.fixDoorPosition();
+    });
+    a(this, "fixDoorPosition", () => {
+      const { panoIndex: e, camera: n } = this.five;
+      if (e === null)
+        return;
+      if (this.five.currentMode !== "Panorama")
+        return this.hideAllLabels();
+      const c = this.five.getElement(), l = c.clientWidth, h = c.clientHeight, s = n.getWorldDirection(new P()), o = [], f = [...this.labelItems];
+      if (f.forEach((i, t) => {
+        if (i.visible) {
+          const r = n.position.distanceTo(i.position), d = i.position.clone().add(new P(0, this.OffsetHeight, 0)), g = d.clone().sub(n.position).normalize().angleTo(s), u = d.clone().project(n), b = (u.x + 1) / 2.2 * 100, m = (-u.y + 1) / 2.2 * 100, I = b >= 0 && b <= 100 && m >= 0 && m <= 100 && r > this.MinVisibledistance && r <= this.MaxVisibledistance;
+          i.left = b, i.top = m, i.inSight = I && g < Math.PI / 2, i.cameraToward = O(this.five), I ? o.push({ disFromCameraToLabel: r, left: b, top: m, index: t }) : i.transform = "translate(-50%, -50%)";
+        } else
+          i.inSight = !1;
+      }), o.length > 1) {
+        let i = 0;
+        o.sort((t, r) => r.disFromCameraToLabel - t.disFromCameraToLabel);
+        for (let t = 1; t < o.length; t++) {
+          const { index: r, left: d, top: p } = o[t - 1], { index: g, left: u, top: b } = o[t], m = this.container.children[r], I = this.container.children[g];
+          if (!m || !I)
             return;
+          const w = {
+            left: l * d / 100,
+            top: h * p / 100,
+            width: m.children[0].clientWidth,
+            height: m.children[0].clientHeight
+          }, L = {
+            left: l * u / 100,
+            top: h * b / 100,
+            width: I.children[0].clientWidth,
+            height: I.children[0].clientHeight
+          };
+          _(w, L) && (i++, f[r].transform = `translate(-50%, ${(i - 1) * 100 - 50}%)`, f[g].transform = `translate(-50%, ${i * 100 - 50}%)`);
         }
-        if (this.doorLabelItems) {
-            this.doorLabelItems.forEach((item) => {
-                item.$destroy();
-            });
+      }
+      this.labelItems = f, this.render();
+    });
+    a(this, "onClick", (e, n) => {
+      if (!this.roomObservers)
+        return;
+      const { work: c } = this.five;
+      let l, h, s = 1 / 0;
+      for (let o = 0; o < c.observers.length; o++) {
+        if (this.roomObservers[o].name !== e)
+          continue;
+        const i = c.observers[o].standingPosition, t = n.distanceTo(i);
+        t < s && (l = o, h = i.clone().sub(n).normalize(), s = t);
+      }
+      if (h !== null && l !== null) {
+        const o = {};
+        if (s > 0) {
+          const i = new P(0, 0, -1), t = h.clone(), r = new T();
+          r.setFromUnitVectors(i, t);
+          const d = new D();
+          d.setFromQuaternion(r, "YXZ"), o.longitude = d.y;
         }
-        this.doorLabelItems = [];
-        this.labelItems.forEach((item) => {
-            this.doorLabelItems.push(new DoorLabelItem({
-                target: this.container,
-                props: {
-                    props: item,
-                    onClick: () => {
-                        this.onClick(item.name, item.position);
-                    },
-                },
-            }));
-        });
+        this.five.emit("wantsToMoveToPano", l, {}, !0) || this.five.moveToPano(l, { longitude: o.longitude });
+      }
+    });
+    a(this, "initData", () => {
+      var l;
+      this.doorLabels = [];
+      const e = this.five.panoIndex, n = this.floorplanServerData.computed_data.observers[e].floor_index, c = n !== void 0 && ((l = this.floorplanServerData.computed_data.floor_datas[n]) == null ? void 0 : l.rooms);
+      this.rooms = c, this.rooms && this.rooms.length > 0 && this.rooms.forEach((h) => {
+        var f;
+        const s = (f = this.floorplanServerData.computed_data.doors) == null ? void 0 : f.filter((i) => !!(i && i.name === h.name)), o = this.five.work.observers.filter((i, t) => !!h.observer_indexs.find((r) => r === t));
+        s && s.forEach((i) => {
+          const t = i.position;
+          let r = 1 / 0, d;
+          o.forEach((g) => {
+            const u = g.standingPosition, b = {
+              x: u.x,
+              y: u.y,
+              z: u.z
+            }, m = S(t, b);
+            m < r && (r = m, d = b);
+          }), d && (t.y = d.y + 0.01);
+          const p = new P(t.x, t.y, t.z);
+          p.add(new P(-0.2, 1.8, 0).applyEuler(new D(0, i.rad, 0))), this.doorLabels.push({
+            roomName: h.name,
+            name: i.name,
+            position: p,
+            toward: k(i.rad)
+          });
+        });
+      }), this.labelItems = this.doorLabels.map((h) => ({
+        ...h,
+        left: 0,
+        top: 0,
+        visible: !1,
+        inSight: !1,
+        transform: "",
+        cameraToward: ""
+      })), console.log("doorplugin", "labelItems", this.labelItems), this.five.on("wantsToMoveToPano", this.hideAllLabels), this.five.on("modelLoaded", this.fixDoorVisibleAndPosition), this.five.on("panoArrived", this.fixDoorVisibleAndPosition), this.five.on("initAnimationEnded", this.fixDoorPosition), this.five.on("cameraUpdate", this.fixDoorPosition), this.five.on("mouseWheel", this.fixDoorPosition), this.five.on("pinchGesture", this.fixDoorPosition), this.fixDoorVisibleAndPosition();
+    });
+  }
+  stateChangedCallback(e, n) {
+    if (this.hooks.hasListener("stateChange")) {
+      const c = {
+        state: this.state,
+        prevState: e,
+        userAction: n ? n.userAction : C.userAction
+      };
+      this.hooks.emit("stateChange", c);
     }
-    initState() {
-        return { enabled: true, visible: true };
-    }
-    dispose() {
-        if (this.five) {
-            this.five.off('wantsToMoveToPano', this.hideAllLabels);
-            this.five.off('modelLoaded', this.fixDoorVisibleAndPosition);
-            this.five.off('panoArrived', this.fixDoorVisibleAndPosition);
-            this.five.off('initAnimationEnded', this.fixDoorPosition);
-            this.five.off('cameraUpdate', this.fixDoorPosition);
-            this.five.off('mouseWheel', this.fixDoorPosition);
-            this.five.off('pinchGesture', this.fixDoorPosition);
-            super.dispose();
-        }
+  }
+  render() {
+    if (!this.enabled) {
+      this.doorLabelItems && this.doorLabelItems.length > 0 && this.doorLabelItems.forEach((e) => {
+        e == null || e.$destroy();
+      }), this.doorLabels = void 0;
+      return;
     }
+    this.doorLabelItems && this.doorLabelItems.forEach((e) => {
+      e.$destroy();
+    }), this.doorLabelItems = [], this.labelItems.forEach((e) => {
+      this.doorLabelItems.push(
+        new E({
+          target: this.container,
+          props: {
+            props: e,
+            onClick: () => {
+              this.onClick(e.name, e.position);
+            }
+          }
+        })
+      );
+    });
+  }
+  initState() {
+    return { enabled: !0, visible: !0 };
+  }
+  dispose() {
+    this.five && (this.five.off("wantsToMoveToPano", this.hideAllLabels), this.five.off("modelLoaded", this.fixDoorVisibleAndPosition), this.five.off("panoArrived", this.fixDoorVisibleAndPosition), this.five.off("initAnimationEnded", this.fixDoorPosition), this.five.off("cameraUpdate", this.fixDoorPosition), this.five.off("mouseWheel", this.fixDoorPosition), this.five.off("pinchGesture", this.fixDoorPosition), super.dispose());
+  }
 }
+export {
+  N as PanoDoorLabelPluginController
+};