@realsee/dnalogel 2.20.5 → 2.21.0-dev.2

package/libs/shared-utils/three/PointSelector.js

@@ -0,0 +1,68 @@
+var c = Object.defineProperty, v = Object.defineProperties;
+var P = Object.getOwnPropertyDescriptors;
+var u = Object.getOwnPropertySymbols;
+var S = Object.prototype.hasOwnProperty, H = Object.prototype.propertyIsEnumerable;
+var n = (i, e, t) => e in i ? c(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, s = (i, e) => {
+  for (var t in e || (e = {}))
+    S.call(e, t) && n(i, t, e[t]);
+  if (u)
+    for (var t of u(e))
+      H.call(e, t) && n(i, t, e[t]);
+  return i;
+}, m = (i, e) => v(i, P(e));
+var o = (i, e, t) => (n(i, typeof e != "symbol" ? e + "" : e, t), t);
+import { Subscribe as f } from "@realsee/five";
+import { PointSelectorHelper as b } from "./PointSelectorHelper.js";
+import { isTouchDevice as G } from "../isTouchDevice.js";
+class x {
+  constructor(e, t) {
+    o(this, "hook", new f());
+    o(this, "five");
+    o(this, "mode");
+    o(this, "pointSelectorHelper");
+    o(this, "enabled", !1);
+    o(this, "onFivePanGesture", () => {
+      this.pointSelectorHelper.updateByNdcPosition({ x: 0.5, y: 0.5 });
+    });
+    o(this, "emitIntersectionUpdate", (e) => {
+      this.hook.emit("intersectionUpdate", e);
+    });
+    var l, h, d;
+    this.five = e;
+    const a = (l = t == null ? void 0 : t.mode) != null ? l : "auto";
+    a === "auto" ? this.mode = G ? "fixed" : "cursor" : this.mode = a;
+    const p = {
+      autoFixPCPosition: this.mode === "cursor",
+      initialPosition: this.mode === "fixed" ? { left: "35%", top: "20%" } : void 0
+    };
+    console.log(s(s({}, p), (h = t == null ? void 0 : t.pointSelectorHelperParams) == null ? void 0 : h.magnifierParams)), this.pointSelectorHelper = new b(e, m(s({}, t == null ? void 0 : t.pointSelectorHelperParams), {
+      magnifierParams: s(s({}, p), (d = t == null ? void 0 : t.pointSelectorHelperParams) == null ? void 0 : d.magnifierParams)
+    }));
+  }
+  get position() {
+    return this.pointSelectorHelper.position;
+  }
+  enable() {
+    if (this.enabled)
+      return;
+    this.enabled = !0, this.pointSelectorHelper.enable();
+    const e = this.five.getElement();
+    this.mode === "cursor" ? (console.log("cursor"), this.five.on("intersectionOnModelUpdate", this.pointSelectorHelper.updateWithIntersect), this.five.on("wantsMoveToPano", r), this.five.on("wantsTapGesture", r), e == null || e.addEventListener("mousemove", this.pointSelectorHelper.updateByMousePosition), e == null || e.addEventListener("mouseenter", this.pointSelectorHelper.show), e == null || e.addEventListener("mouseout", this.pointSelectorHelper.hide)) : this.mode === "fixed" && (this.five.on("panGesture", this.onFivePanGesture), this.five.on("interiaPan", this.onFivePanGesture)), this.pointSelectorHelper.hooks.on("intersectionUpdate", this.emitIntersectionUpdate);
+  }
+  disable() {
+    if (!this.enabled)
+      return;
+    this.enabled = !1, this.pointSelectorHelper.disable();
+    const e = this.five.getElement();
+    this.five.off("intersectionOnModelUpdate", this.pointSelectorHelper.updateWithIntersect), this.five.off("wantsMoveToPano", r), this.five.off("wantsTapGesture", r), e == null || e.removeEventListener("mousemove", this.pointSelectorHelper.updateByMousePosition), e == null || e.removeEventListener("mouseenter", this.pointSelectorHelper.show), e == null || e.removeEventListener("mouseout", this.pointSelectorHelper.hide), this.five.off("panGesture", this.onFivePanGesture), this.five.off("interiaPan", this.onFivePanGesture), this.pointSelectorHelper.hooks.off("intersectionUpdate", this.emitIntersectionUpdate);
+  }
+  dispose() {
+    this.disable(), this.pointSelectorHelper.dispose();
+  }
+}
+function r() {
+  return !1;
+}
+export {
+  x as PointSelector
+};

package/libs/shared-utils/three/PointSelectorHelper.d.ts

@@ -0,0 +1,50 @@
+import type { Five } from '@realsee/five';
+import { Subscribe } from '@realsee/five';
+import { Magnifier, PointHelper, PointDomHelper } from '.';
+import type { Intersection } from '../../typings/typings';
+interface Options {
+    magnifier: Magnifier | null;
+    magnifierParams: ConstructorParameters<typeof Magnifier>[1];
+    pointHelper: PointHelper | null;
+    pointDomHelper: PointDomHelper | null;
+}
+type EventMap = {
+    intersectionUpdate: (intersection: PointIntersection) => void;
+    /** 功能开启 */
+    enabled: () => void;
+    /** 功能关闭 */
+    disabled: () => void;
+};
+export interface PointIntersection extends Intersection {
+    isVirtual?: boolean;
+}
+export declare class PointSelectorHelper {
+    five: Five;
+    hooks: Subscribe<EventMap>;
+    position: PointIntersection | undefined;
+    private magnifier;
+    private pointHelper;
+    private pointDomHelper;
+    private state;
+    private group;
+    constructor(five: Five, options?: Partial<Options>);
+    show: () => void;
+    hide: () => void;
+    enable(): void;
+    disable(): void;
+    dispose(): void;
+    updateWithIntersect: (intersect: Intersection) => void;
+    updateByMousePosition: (mousePosition: {
+        clientX: number;
+        clientY: number;
+    }) => void;
+    /**
+     * @description: 根据鼠标位置更新helper位置
+     */
+    updateByNdcPosition: (ndcPosition: {
+        x: number;
+        y: number;
+    }) => void;
+    private abortUpdateMagnifier;
+}
+export {};

package/libs/shared-utils/three/PointSelectorHelper.js

@@ -0,0 +1,100 @@
+var f = Object.defineProperty, u = Object.defineProperties;
+var g = Object.getOwnPropertyDescriptors;
+var m = Object.getOwnPropertySymbols;
+var b = Object.prototype.hasOwnProperty, v = Object.prototype.propertyIsEnumerable;
+var l = (t, i, e) => i in t ? f(t, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[i] = e, h = (t, i) => {
+  for (var e in i || (i = {}))
+    b.call(i, e) && l(t, e, i[e]);
+  if (m)
+    for (var e of m(i))
+      v.call(i, e) && l(t, e, i[e]);
+  return t;
+}, c = (t, i) => u(t, g(i));
+var r = (t, i, e) => (l(t, typeof i != "symbol" ? i + "" : i, e), e);
+import * as s from "three";
+import { Subscribe as H } from "@realsee/five";
+import { Magnifier as y } from "./Magnifier.js";
+import { getIntersectFromRelativePosition as D } from "./getIntersect.js";
+import { PointHelper as w } from "./PointHelper.js";
+import { PointDomHelper as P } from "./PointDomHelper.js";
+class E {
+  constructor(i, e) {
+    r(this, "five");
+    r(this, "hooks", new H());
+    r(this, "position");
+    r(this, "magnifier", null);
+    r(this, "pointHelper", null);
+    r(this, "pointDomHelper", null);
+    r(this, "state", { enabled: !1 });
+    r(this, "group", new s.Group());
+    r(this, "show", () => {
+      this.pointHelper.visible = !0, this.pointDomHelper.enable(), this.magnifier.canvas && (this.magnifier.canvas.style.visibility = "visible");
+    });
+    r(this, "hide", () => {
+      this.pointHelper.visible = !1, this.pointDomHelper.disable(), this.magnifier.canvas && (this.magnifier.canvas.style.visibility = "hidden");
+    });
+    r(this, "updateWithIntersect", (i) => {
+      var n;
+      this.abortUpdateMagnifier(), this.position = i, this.hooks.emit("intersectionUpdate", i), this.pointHelper.updateWithIntersect(i), (n = this.pointDomHelper) == null || n.updateWithIntersect(i);
+      const e = () => this.magnifier.renderWithPoint(i.point);
+      this.abortUpdateMagnifier = () => this.five.off("renderFrame", e), this.five.once("renderFrame", e), this.five.needsRender = !0;
+    });
+    r(this, "updateByMousePosition", (i) => {
+      const e = this.five.getElement();
+      if (!e)
+        return;
+      const { clientX: n, clientY: a } = i, o = {
+        x: n / e.clientWidth,
+        y: 1 - a / e.clientHeight
+      };
+      this.updateByNdcPosition(o);
+    });
+    /**
+     * @description: 根据鼠标位置更新helper位置
+     */
+    r(this, "updateByNdcPosition", (i) => {
+      const e = D(this.five, i);
+      if (e)
+        this.position = c(h({}, e), { isVirtual: !1 });
+      else {
+        const n = R(this.five, i);
+        this.position = c(h({}, n), { isVirtual: !0 });
+      }
+      this.updateWithIntersect(this.position);
+    });
+    r(this, "abortUpdateMagnifier", () => {
+    });
+    var n;
+    this.five = i, this.magnifier = (e == null ? void 0 : e.magnifier) !== void 0 ? e.magnifier : new y(i, (n = e == null ? void 0 : e.magnifierParams) != null ? n : { dragEnabled: !0 }), this.pointHelper = (e == null ? void 0 : e.pointHelper) !== void 0 ? e.pointHelper : new w(), this.pointDomHelper = (e == null ? void 0 : e.pointDomHelper) !== void 0 ? e.pointDomHelper : new P(i), this.group.name = "five-point-selector", this.five.scene.add(this.group), this.magnifier.appendTo(document.body);
+  }
+  enable() {
+    var i, e;
+    this.state.enabled || (this.state.enabled = !0, this.pointHelper && this.group.add(this.pointHelper), (i = this.magnifier) == null || i.enable(), (e = this.pointDomHelper) == null || e.enable(), this.five.needsRender = !0, this.hooks.emit("enabled"));
+  }
+  disable() {
+    var i, e;
+    this.state.enabled && (this.state.enabled = !1, this.pointHelper && this.group.remove(this.pointHelper), (i = this.magnifier) == null || i.disable(), (e = this.pointDomHelper) == null || e.disable(), this.hooks.emit("disabled"));
+  }
+  dispose() {
+    this.hooks.off(), this.disable(), this.magnifier = null, this.pointHelper = null, this.pointDomHelper = null;
+  }
+}
+function I(t, i) {
+  const { x: e, y: n } = i, a = e * 2 - 1, o = n * 2 - 1, p = new s.Vector2().fromArray([a, o]), d = new s.Raycaster();
+  return d.setFromCamera(p, t.camera), d;
+}
+function R(t, i) {
+  const e = I(t, i), n = 3, a = new s.Vector3().addVectors(
+    e.ray.origin,
+    e.ray.direction.clone().normalize().multiplyScalar(n)
+  ), o = e.ray.direction.clone().negate();
+  return {
+    distance: n,
+    point: a,
+    object: new s.Object3D(),
+    face: new s.Face3(0, 0, 0, o)
+  };
+}
+export {
+  E as PointSelectorHelper
+};

package/libs/shared-utils/three/centerPoint.js

@@ -1,9 +1,7 @@
 import { Vector3 as r } from "three";
 function c(...t) {
   const e = new r();
-  return t.forEach((n) => {
-    e.add(n);
-  }), e.divideScalar(t.length), e;
+  return t.forEach((n) => e.add(n)), e.divideScalar(t.length), e;
 }
 export {
   c as centerPoint

package/libs/shared-utils/three/index.d.ts

@@ -4,4 +4,4 @@ export * from './getRaycaster';
 export * from './getIntersect';
 export * from './PointHelper';
 export * from './PointDomHelper';
-export * from './FivePointSelector';
+export * from './PointSelectorHelper';

package/package.json

@@ -7,7 +7,7 @@
   "repository": "https://github.com/realsee-developer/dnalogel.git",
   "description": "如视 VR 看房插件合集",
   "private": false,
-  "version": "2.20.5",
+  "version": "2.21.0-dev.2",
   "license": "SEE LICENSE IN TERMS.txt",
   "scripts": {
     "clean": "rm -rf components dist docs libs types ./vite.config.js.timestamp*",
@@ -36,7 +36,7 @@
   },
   "devDependencies": {
     "@babel/core": "^7.21.4",
-    "@realsee/five": "5.0.0-alpha.198",
+    "@realsee/five": "^5.0.0-alpha.205",
     "@sveltejs/vite-plugin-svelte": "^2.1.1",
     "@tsconfig/svelte": "^4.0.1",
     "@tweenjs/tween.js": "^20.0.3",
@@ -79,7 +79,9 @@
     "vite-plugin-dts": "^2.3.0"
   },
   "dependencies": {
+    "@types/earcut": "^2.1.1",
     "animejs": "^3.2.1",
+    "earcut": "^2.2.4",
     "hammerjs": "^2.0.8",
     "tslib": "^2.5.0"
   },

package/dist/PanoMeasurePlugin/utils/distanceDom.d.ts

@@ -1,30 +0,0 @@
-import type Line from '../Model/line';
-import type { Five } from '@realsee/five';
-import { Vector3 } from 'three';
-import type { Polyline } from '../Model/polyline';
-export type DistanceItem = ReturnType<typeof createDistanceItem>;
-export interface UserDistanceItem {
-    element: Element;
-    highlight: () => void;
-    unHighlight: () => void;
-    update: (params: {
-        line: Line;
-        polyline: Polyline;
-    }) => void;
-}
-export interface CreateDistanceItemProps {
-    line: Line;
-    userDistanceItem?: UserDistanceItem;
-    clickCallback?: (item: DistanceItem) => unknown;
-}
-export declare function createDistanceItem(props: CreateDistanceItemProps): {
-    lineID: string;
-    ndcPosition: Vector3;
-    update: (five: Five) => void;
-    appendTo: (container: Element) => void;
-    remove: () => void;
-    highlight: () => void;
-    unHighlight: () => void;
-    getCurrentContent: () => string;
-    setItemSelectable: (value: boolean) => void;
-};

package/dist/shared-utils/three/FivePointSelector.d.ts

@@ -1,36 +0,0 @@
-import * as THREE from 'three';
-import type { Five } from '@realsee/five';
-import { Subscribe } from '@realsee/five';
-import { Magnifier, PointHelper, PointDomHelper } from '.';
-interface FivePointSelectorOptions {
-    magnifier: Magnifier | null;
-    pointHelper: PointHelper | null;
-    pointDomHelper: PointDomHelper | null;
-}
-export declare class FivePointSelector {
-    five: Five;
-    hooks: Subscribe<{
-        /** 点的位置发生变化 */
-        pointChanged: (data: {
-            panoIndex: number;
-            position: number[];
-            normal: number[];
-        }) => void;
-        /** 功能开启 */
-        enabled: () => void;
-        /** 功能关闭 */
-        disabled: () => void;
-    }>;
-    private magnifier;
-    private pointHelper;
-    private pointDomHelper;
-    private contentDom;
-    private state;
-    private group;
-    constructor(five: Five, options?: Partial<FivePointSelectorOptions>);
-    enable(): void;
-    disable(): void;
-    dispose(): void;
-    updateWithIntersect(intersect: THREE.Intersection): void;
-}
-export {};

package/libs/PanoMeasurePlugin/utils/distanceDom.d.ts

@@ -1,30 +0,0 @@
-import type Line from '../Model/line';
-import type { Five } from '@realsee/five';
-import { Vector3 } from 'three';
-import type { Polyline } from '../Model/polyline';
-export type DistanceItem = ReturnType<typeof createDistanceItem>;
-export interface UserDistanceItem {
-    element: Element;
-    highlight: () => void;
-    unHighlight: () => void;
-    update: (params: {
-        line: Line;
-        polyline: Polyline;
-    }) => void;
-}
-export interface CreateDistanceItemProps {
-    line: Line;
-    userDistanceItem?: UserDistanceItem;
-    clickCallback?: (item: DistanceItem) => unknown;
-}
-export declare function createDistanceItem(props: CreateDistanceItemProps): {
-    lineID: string;
-    ndcPosition: Vector3;
-    update: (five: Five) => void;
-    appendTo: (container: Element) => void;
-    remove: () => void;
-    highlight: () => void;
-    unHighlight: () => void;
-    getCurrentContent: () => string;
-    setItemSelectable: (value: boolean) => void;
-};

package/libs/PanoMeasurePlugin/utils/distanceDom.js

@@ -1,83 +0,0 @@
-import { Vector3 as _, Vector2 as D } from "three";
-import { isNDCPointInFront as x } from "./isNDCPointInScreen.js";
-function j() {
-  const t = document.createElement("div");
-  return t.setAttribute(
-    "style",
-    "backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);-webkit-tap-highlight-color: rgba(0,0,0,0);"
-  ), t.style.width = "max-content", t.style.padding = "3px 6px", t.style.lineHeight = "1", t.style.textAlign = "center", t.style.transform = "translate(-50%, -50%)", t.style.borderRadius = "100px", t.style.fontSize = "14px", t.style.color = "#fff", t.style.background = "rgba(195,195,195,0.70)", t.style.border = "0.5px solid rgba(255,255,255,0.6)", t.style.cursor = "pointer", t;
-}
-function V(t) {
-  const e = document.createElement("div");
-  return e.id = "distance_" + t.id, e.classList.add("five-plugin-measure__distance"), e.style.opacity = "0", e.style.position = "absolute", e.style.left = "0", e.style.top = "0", e.style.width = "0", e.style.height = "0", e.style.transform = "translate3d(0, 0, 0)", e.style.transformOrigin = "left top", e;
-}
-function q(t) {
-  let e = !0;
-  const { line: s } = t, C = s.id, r = j(), n = V(s), o = t.userDistanceItem, F = new _(0, 0, 0), E = {
-    lineID: C,
-    ndcPosition: F,
-    update: H,
-    appendTo: I,
-    remove: T,
-    highlight: S,
-    unHighlight: w,
-    getCurrentContent: P,
-    setItemSelectable: A
-  };
-  n.style.pointerEvents = e ? "all" : "none", o != null && o.element ? n.appendChild(o.element) : n.appendChild(r);
-  function v() {
-    var i;
-    (i = t.clickCallback) == null || i.call(t, E);
-  }
-  function S() {
-    if (o)
-      return o.highlight();
-    r.style.border = "0.5px solid #95AEFF", r.style.background = "linear-gradient(90deg, #95AEFF 0%, #6386FF 100%)";
-  }
-  function w() {
-    if (o)
-      return o.unHighlight();
-    r.style.border = "0.5px solid rgba(255,255,255,0.6)", r.style.background = "rgba(195,195,195,0.70)";
-  }
-  function H(i) {
-    if (s.mesh.visible === !1) {
-      n.style.opacity = "0", n.style.pointerEvents = "none";
-      return;
-    }
-    const f = i.getElement();
-    if (!f)
-      return;
-    const u = f.clientWidth, c = f.clientHeight, g = u / 2, a = c / 2;
-    if (s.points.length < 2)
-      return;
-    const [h, d] = s.points, l = h.position.clone().project(i.camera), y = d.position.clone().project(i.camera), p = l.clone().lerp(y, 0.5), m = new D(l.x * g, l.y * a), b = new D(y.x * g, y.y * a), k = m.distanceTo(b);
-    if ((() => !(Math.abs(l.z) > 1 || Math.abs(y.z) > 1 || !x(l) && !x(y) || !x(p) || k === 0))() === !1) {
-      n.style.opacity = "0", n.style.pointerEvents = "none";
-      return;
-    }
-    const L = (p.x + 1) / 2 * u, M = -(p.y - 1) / 2 * c, W = -(Math.atan((m.y - b.y) / (m.x - b.x)) * 180) / Math.PI, $ = n.parentElement && r.clientWidth > k ? -20 : 0;
-    n.style.transform = `translate(${L}px, ${M}px) rotate(${W}deg) translateY(${$}px)`, n.style.opacity = "1", n.style.pointerEvents = e ? "all" : "none", o && o.update({ line: s, polyline: s.getPolyline() });
-    const z = P();
-    r.innerText = z;
-  }
-  function I(i) {
-    i.appendChild(n), n.addEventListener("click", v);
-  }
-  function T() {
-    r.removeEventListener("click", v), n.remove();
-  }
-  function P() {
-    var h, d, l;
-    if (s.points.length < 2)
-      return "";
-    const [i, f] = s.points, u = i.position.clone().distanceTo(f.position), c = (h = t.line.text) != null ? h : t.line.model.config.defaultText, g = (l = (d = t.line.model.config) == null ? void 0 : d.getDistanceText) == null ? void 0 : l.call(d, u), a = c != null ? c : g;
-    return a != null ? a : u.toFixed(2) + "m";
-  }
-  function A(i) {
-    e = i;
-  }
-  return E;
-}
-export {
-  q as createDistanceItem
-};

package/libs/shared-utils/three/FivePointSelector.d.ts

@@ -1,36 +0,0 @@
-import * as THREE from 'three';
-import type { Five } from '@realsee/five';
-import { Subscribe } from '@realsee/five';
-import { Magnifier, PointHelper, PointDomHelper } from '.';
-interface FivePointSelectorOptions {
-    magnifier: Magnifier | null;
-    pointHelper: PointHelper | null;
-    pointDomHelper: PointDomHelper | null;
-}
-export declare class FivePointSelector {
-    five: Five;
-    hooks: Subscribe<{
-        /** 点的位置发生变化 */
-        pointChanged: (data: {
-            panoIndex: number;
-            position: number[];
-            normal: number[];
-        }) => void;
-        /** 功能开启 */
-        enabled: () => void;
-        /** 功能关闭 */
-        disabled: () => void;
-    }>;
-    private magnifier;
-    private pointHelper;
-    private pointDomHelper;
-    private contentDom;
-    private state;
-    private group;
-    constructor(five: Five, options?: Partial<FivePointSelectorOptions>);
-    enable(): void;
-    disable(): void;
-    dispose(): void;
-    updateWithIntersect(intersect: THREE.Intersection): void;
-}
-export {};

package/libs/shared-utils/three/FivePointSelector.js

@@ -1,49 +0,0 @@
-var l = Object.defineProperty;
-var h = (n, t, e) => t in n ? l(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
-var i = (n, t, e) => (h(n, typeof t != "symbol" ? t + "" : t, e), e);
-import * as a from "three";
-import { Subscribe as p } from "@realsee/five";
-import { Magnifier as m } from "./Magnifier.js";
-import { PointHelper as d } from "./PointHelper.js";
-import { PointDomHelper as f } from "./PointDomHelper.js";
-class D {
-  constructor(t, e) {
-    i(this, "five");
-    i(this, "hooks", new p());
-    i(this, "magnifier", null);
-    i(this, "pointHelper", null);
-    i(this, "pointDomHelper", null);
-    i(this, "contentDom", document.createElement("div"));
-    i(this, "state", { enabled: !1 });
-    i(this, "group", new a.Group());
-    this.five = t, this.magnifier = (e == null ? void 0 : e.magnifier) === void 0 ? new m(t, { dragEnabled: !0 }) : null, this.pointHelper = (e == null ? void 0 : e.pointHelper) === void 0 ? new d() : null, this.pointDomHelper = (e == null ? void 0 : e.pointDomHelper) === void 0 ? new f(t) : null, this.group.name = "five-point-selector", this.five.scene.add(this.group), this.contentDom.classList.add("five-point-selector-content"), this.contentDom.style.position = "absolute", this.contentDom.style.top = "0", this.contentDom.style.left = "0", this.contentDom.style.width = "100%", this.contentDom.style.height = "100%", this.contentDom.style.pointerEvents = "none";
-  }
-  enable() {
-    var t, e;
-    this.state.enabled || (this.state.enabled = !0, this.pointHelper && this.group.add(this.pointHelper), (t = this.magnifier) == null || t.enable(), (e = this.pointDomHelper) == null || e.enable(), this.five.needsRender = !0, this.hooks.emit("enabled"));
-  }
-  disable() {
-    var t, e;
-    this.state.enabled && (this.state.enabled = !1, this.pointHelper && this.group.remove(this.pointHelper), (t = this.magnifier) == null || t.disable(), (e = this.pointDomHelper) == null || e.disable(), this.hooks.emit("disabled"));
-  }
-  dispose() {
-    this.hooks.off(), this.disable(), this.magnifier = null, this.pointHelper = null, this.pointDomHelper = null;
-  }
-  updateWithIntersect(t) {
-    var s;
-    this.hooks.emit("pointChanged", {
-      panoIndex: this.five.getCurrentState().panoIndex,
-      position: t.point.toArray(),
-      normal: (s = t.face) == null ? void 0 : s.normal.toArray()
-    });
-    const e = this.magnifier;
-    e && e.renderWithPoint(t.point);
-    const o = this.pointHelper;
-    o && o.updateWithIntersect(t);
-    const r = this.pointDomHelper;
-    r && r.updateWithIntersect(t), this.five.needsRender = !0;
-  }
-}
-export {
-  D as FivePointSelector
-};