@realsee/dnalogel 3.78.0-alpha.4 → 3.78.0

package/libs/PanoTagPlugin/typings/tag/TagConfig.d.ts

@@ -284,8 +284,8 @@ export interface TagConfig<C extends TagContentType = TagContentType> {
         debug?: boolean;
         /**
          * @description 触发方式
-         * @description hover - 鼠标悬停触发
-         * @description click - 点击触发（fold/unfold模式）
+         * @description hover - 鼠标悬停触发，移出后面板消失
+         * @description click - 点击触发（fold/unfold模式），再次点击隐藏
          * @default 'hover'
          */
         trigger?: 'hover' | 'click';
@@ -355,6 +355,12 @@ export interface TagConfig<C extends TagContentType = TagContentType> {
          * @description 鼠标悬停前的拦截函数，返回 true 允许 hover，false 阻止 hover
          */
         beforeOpen?: (tag?: TagInstance) => boolean | undefined;
+        /**
+         * @description 鼠标离开标签区域后的回调（在 hover 结束时触发，无论 beforeOpen 是否拦截过本次 hover）
+         * @param tag 当前标签实例
+         * @param event 原生 PointerEvent，可通过 event.pointerType 区分 'mouse' / 'touch' / 'pen'
+         */
+        onHoverEnd?: (tag?: TagInstance, event?: PointerEvent) => void;
     };
     /**
      * @description 标签法线相关配置
@@ -371,6 +377,18 @@ export interface TagConfig<C extends TagContentType = TagContentType> {
          */
         lineWidth?: number;
     };
+    /**
+     * @description Polygon mesh 渲染相关配置
+     * @experimental 此配置为实验性 API，后续可能调整
+     */
+    __experimental_PolygonMeshConfig?: {
+        /**
+         * @description 是否启用默认的 Polygon mesh 渲染。设为 false 可禁用插件内置的多边形面渲染，
+         * 适用于业务侧自定义 Polygon mesh 渲染的场景。
+         * @default true
+         */
+        enabled?: boolean;
+    };
 }
 export declare const defaultGlobalConfig: TagConfig;
 type ConfigFunction = (five: Five, tagState: {

package/libs/PanoTagPlugin/utils/tag/calculateTagConfig.js

@@ -65,6 +65,7 @@ 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";
@@ -81,7 +82,7 @@ import "../../../vendor/animejs/lib/anime.es.js";
 import "../../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
 import "../../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
 import "../../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
-function di(o, i, t) {
+function yi(o, i, t) {
   var v, b, j, C, A;
   const D = (v = t == null ? void 0 : t.useCache) != null ? v : !0;
   if (!o)
@@ -127,5 +128,5 @@ function di(o, i, t) {
   return P(T), Object.values(f).forEach((e) => P(e)), T._isMerged = !0, T;
 }
 export {
-  di as calculateTagConfig
+  yi as calculateTagConfig
 };

package/libs/PanoTagPlugin/utils/tag/format.js

@@ -48,6 +48,7 @@ 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";
@@ -68,7 +69,7 @@ import "@realsee/five";
 function n(i) {
   return i.stickType ? i.stickType : i.pointType === "PointTag" && i.dimensionType === "3D" ? "3DPoint" : i.pointType === "PlaneTag" ? "Plane" : "2DPoint";
 }
-function Li(i) {
+function _i(i) {
   var r, o, p, m;
   if (i.stickType || (i.stickType = n(i)), i.contentType === "VRLink" || i.contentType === "PanoLink" || i.contentType === "Link") {
     const t = i;
@@ -82,6 +83,6 @@ function Li(i) {
   }), i;
 }
 export {
-  Li as default,
+  _i as default,
   n as getTagStickType
 };

package/libs/PanoVideoPlugin/Controller.js

@@ -1,17 +1,17 @@
 var u = Object.defineProperty, g = Object.defineProperties;
 var b = Object.getOwnPropertyDescriptors;
-var h = Object.getOwnPropertySymbols;
+var m = Object.getOwnPropertySymbols;
 var M = Object.prototype.hasOwnProperty, W = Object.prototype.propertyIsEnumerable;
 var l = (e, i, r) => i in e ? u(e, i, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[i] = r, p = (e, i) => {
   for (var r in i || (i = {}))
     M.call(i, r) && l(e, r, i[r]);
-  if (h)
-    for (var r of h(i))
+  if (m)
+    for (var r of m(i))
       W.call(i, r) && l(e, r, i[r]);
   return e;
 }, a = (e, i) => g(e, b(i));
 var s = (e, i, r) => (l(e, typeof i != "symbol" ? i + "" : i, r), r);
-import { VideoMeshController as m } from "./VideoMeshController.js";
+import { VideoMeshController as h } from "./VideoMeshController.js";
 import { Controller as _ } from "../base/BasePlugin.js";
 import "./utils/shader.js";
 import "../shared-utils/tag.js";
@@ -65,6 +65,7 @@ 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/five/getFiveFromParentChain.js";
 import "../shared-utils/three/core/LineGeometry.js";
 import "../shared-utils/three/core/LineMaterial.js";
 import "../shared-utils/three/core/Line2.js";
@@ -83,7 +84,7 @@ import "../Sculpt/utils/three/rayOnLine.js";
 import "../shared-utils/animationFrame/index.js";
 import "./utils/index.js";
 import "../shared-utils/url/defaultUrls.js";
-class qr extends _ {
+class zr extends _ {
   constructor(r) {
     super(r);
     s(this, "controllerMap", /* @__PURE__ */ new Map());
@@ -111,7 +112,7 @@ class qr extends _ {
       n.video_list.forEach((d) => {
         this.controllerMap.set(
           d.render_id,
-          new m(this.five, a(p({}, d), {
+          new h(this.five, a(p({}, d), {
             fiveUtil: this.fiveUtil,
             panoIndex: c,
             renderID: f,
@@ -190,7 +191,7 @@ class qr extends _ {
       const n = o.render_id;
       this.controllerMap.set(
         o.render_id,
-        new m(this.five, a(p({}, o), {
+        new h(this.five, a(p({}, o), {
           fiveUtil: this.fiveUtil,
           panoIndex: r,
           renderID: n,
@@ -228,5 +229,5 @@ class qr extends _ {
   }
 }
 export {
-  qr as PanoVideoPluginController
+  zr as PanoVideoPluginController
 };

package/libs/PanoVideoPlugin/VideoMeshController.js

@@ -54,6 +54,7 @@ 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";
@@ -70,7 +71,7 @@ import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
 import "../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "@realsee/five";
-class Qi {
+class $i {
   /** 初始化视频、模型以及相关事件监听。 */
   constructor(i, e) {
     t(this, "video");
@@ -345,5 +346,5 @@ class Qi {
   }
 }
 export {
-  Qi as VideoMeshController
+  $i as VideoMeshController
 };

package/libs/PanoVideoPlugin/index.js

@@ -1,5 +1,5 @@
 import { PanoVideoPluginController as r } from "./Controller.js";
-import { typings as jo } from "./typings/index.js";
+import { typings as ko } from "./typings/index.js";
 import "./VideoMeshController.js";
 import "./utils/shader.js";
 import "../shared-utils/tag.js";
@@ -53,6 +53,7 @@ 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/five/getFiveFromParentChain.js";
 import "../shared-utils/three/core/LineGeometry.js";
 import "../shared-utils/three/core/LineMaterial.js";
 import "../shared-utils/three/core/Line2.js";
@@ -72,9 +73,9 @@ import "../shared-utils/animationFrame/index.js";
 import "./utils/index.js";
 import "../base/BasePlugin.js";
 import "../shared-utils/url/defaultUrls.js";
-const To = (o) => new r(o);
+const bo = (o) => new r(o);
 export {
-  To as PanoVideoPlugin,
-  jo as PanoVideoPluginType,
-  To as default
+  bo as PanoVideoPlugin,
+  ko as PanoVideoPluginType,
+  bo as default
 };

package/libs/PipelinePlugin/Controller.js

@@ -82,6 +82,7 @@ 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";
@@ -107,7 +108,7 @@ import "../shared-utils/three/Extras/Curves/BezierCurve3.js";
 import "../shared-utils/three/Extras/Core/Interpolations.js";
 import "../shared-utils/three/Extras/Core/Interpolations2.js";
 const g = { flowSpeed: 0.6, rotateSpeed: 0 };
-class re extends S {
+class ae extends S {
   constructor(t) {
     super(t);
     // ==================== public properties ====================
@@ -387,5 +388,5 @@ class re extends S {
   }
 }
 export {
-  re as Controller
+  ae as Controller
 };

package/libs/PipelinePlugin/index.js

@@ -52,6 +52,7 @@ 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/five/getFiveFromParentChain.js";
 import "../shared-utils/three/core/LineGeometry.js";
 import "../shared-utils/three/core/LineMaterial.js";
 import "../shared-utils/three/core/Line2.js";
@@ -79,8 +80,8 @@ import "../shared-utils/animationFrame/BetterTween.js";
 import "../shared-utils/three/Extras/Curves/BezierCurve3.js";
 import "../shared-utils/three/Extras/Core/Interpolations.js";
 import "../shared-utils/three/Extras/Core/Interpolations2.js";
-const Br = (r) => new o(r);
+const Dr = (r) => new o(r);
 export {
-  Br as PipelinePlugin,
-  Br as default
+  Dr as PipelinePlugin,
+  Dr as default
 };

package/libs/PipelinePlugin/utils/Objects/FlowPipe.js

@@ -52,6 +52,7 @@ 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";
@@ -92,7 +93,7 @@ const d = (
   }
 `
 );
-class jt extends h {
+class kt extends h {
   constructor(t) {
     super(t, d);
     /** 初始状态下，当前水管内的水流在整体管道上的位移
@@ -150,5 +151,5 @@ class jt extends h {
   }
 }
 export {
-  jt as ObjectFlowPipe
+  kt as ObjectFlowPipe
 };

package/libs/PipelinePlugin/utils/Objects/HighlightPipe.js

@@ -52,6 +52,7 @@ 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";
@@ -73,7 +74,7 @@ import "../../../shared-utils/animationFrame/index.js";
 import "../../../shared-utils/three/Extras/Curves/BezierCurve3.js";
 import "../../../shared-utils/three/Extras/Core/Interpolations.js";
 import "../../../shared-utils/three/Extras/Core/Interpolations2.js";
-class Ri extends a {
+class ki extends a {
   constructor(i) {
     super(i);
     p(this, "imageCount", 64);
@@ -96,5 +97,5 @@ class Ri extends a {
   }
 }
 export {
-  Ri as ObjectHighlightPipe
+  ki as ObjectHighlightPipe
 };

package/libs/PipelinePlugin/utils/Objects/Pipe.js

@@ -77,6 +77,7 @@ 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";

package/libs/Sculpt/Meshes/Line.d.ts

@@ -36,6 +36,10 @@ export declare class LineMesh extends IObject3D implements RenderDomObjectType {
     private paramsStyle;
     private lastRenderDomItem;
     private lastFOV;
+    private fiveListenersInited;
+    private fiveRef?;
+    private initFiveListeners;
+    private removeFiveListeners;
     constructor(params?: Partial<LineMeshStyle & LineData>);
     updateMatrixWorld(force?: boolean): void;
     setPoints(points: AnyPositions): void;

package/libs/Sculpt/Meshes/Line.js

@@ -1,34 +1,35 @@
 var $ = Object.defineProperty, Y = Object.defineProperties;
 var q = Object.getOwnPropertyDescriptors;
-var B = Object.getOwnPropertySymbols;
+var P = Object.getOwnPropertySymbols;
 var J = Object.prototype.hasOwnProperty, K = Object.prototype.propertyIsEnumerable;
-var L = (a, n, e) => n in a ? $(a, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[n] = e, g = (a, n) => {
+var T = (a, n, e) => n in a ? $(a, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[n] = e, p = (a, n) => {
   for (var e in n || (n = {}))
-    J.call(n, e) && L(a, e, n[e]);
-  if (B)
-    for (var e of B(n))
-      K.call(n, e) && L(a, e, n[e]);
+    J.call(n, e) && T(a, e, n[e]);
+  if (P)
+    for (var e of P(n))
+      K.call(n, e) && T(a, e, n[e]);
   return a;
-}, E = (a, n) => Y(a, q(n));
-var o = (a, n, e) => (L(a, typeof n != "symbol" ? n + "" : n, e), e);
-import * as v from "three";
+}, M = (a, n) => Y(a, q(n));
+var o = (a, n, e) => (T(a, typeof n != "symbol" ? n + "" : n, e), e);
+import * as u from "three";
 import { DEFAULT_LINE_COLOR as Q, DEFAULT_LINE_WIDTH as X, DEFAULT_HIGHLIGHT_OPACITY as Z } from "../typings/style.js";
 import { anyPositionToVector3 as ee } from "../../shared-utils/positionToVector3.js";
 import { IObject3D as te } from "../../shared-utils/three/IObject3D.js";
 import { LightTag as ie } from "../../shared-utils/tag.js";
 import "../../vendor/hammerjs/hammer.js";
 import "../../shared-utils/three/PointSelector/index.js";
-import { centerPoint as U } from "../../shared-utils/three/centerPoint.js";
+import { centerPoint as B } from "../../shared-utils/three/centerPoint.js";
 import "../../shared-utils/three/CSS3DRenderer/index.js";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import { getLengthHTML as se } from "../utils/Meshes/getLengthHTML.js";
-import { localToWorld as V } from "../../shared-utils/three/applyObjectMatrixWorld.js";
-import { LineGeometry as H } from "../../shared-utils/three/core/LineGeometry.js";
-import { LineMaterial as oe } from "../../shared-utils/three/core/LineMaterial.js";
-import { THREE_Line2 as F } from "../../shared-utils/three/core/Line2.js";
-import { LineMaterial2 as ne } from "../../shared-utils/three/core/LineMaterial2.js";
-import { transformUnit as le } from "../utils/unit.js";
-import { RenderDom as T } from "../utils/renderDom.js";
+import { localToWorld as U } from "../../shared-utils/three/applyObjectMatrixWorld.js";
+import { getFiveFromParentChain as oe } from "../../shared-utils/five/getFiveFromParentChain.js";
+import { LineGeometry as E } from "../../shared-utils/three/core/LineGeometry.js";
+import { LineMaterial as ne } from "../../shared-utils/three/core/LineMaterial.js";
+import { THREE_Line2 as V } from "../../shared-utils/three/core/Line2.js";
+import { LineMaterial2 as he } from "../../shared-utils/three/core/LineMaterial2.js";
+import { transformUnit as re } from "../utils/unit.js";
+import { RenderDom as L } from "../utils/renderDom.js";
 import "../../shared-utils/three/core/Sphere.js";
 import "../../shared-utils/three/blink.js";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
@@ -38,7 +39,7 @@ import { notNil as m } from "../../shared-utils/isNil.js";
 import "../../shared-utils/five/FivePuppet.js";
 class We extends te {
   constructor(e) {
-    var h, l, f, d;
+    var r, h, f;
     super();
     o(this, "name", "LineMesh");
     o(this, "type", "Line2");
@@ -54,6 +55,8 @@ class We extends te {
     o(this, "paramsStyle", {});
     o(this, "lastRenderDomItem");
     o(this, "lastFOV");
+    o(this, "fiveListenersInited", !1);
+    o(this, "fiveRef");
     o(this, "_onAdded", () => {
       this.doms.length === 0 && this.paramsStyle.lengthEnable && this.updateDomItems();
     });
@@ -75,26 +78,22 @@ class We extends te {
     o(this, "onPanoArrived", () => {
       setTimeout(() => this.updateDomItems({ force: !0 }), 100);
     });
-    this.paramsStyle = g({ dashed: !1, lineOpacity: 1 }, e), this.geometry = new H();
+    this.paramsStyle = p({ dashed: !1, lineOpacity: 1 }, e), this.geometry = new E();
     const i = {
-      color: new v.Color((h = e == null ? void 0 : e.lineColor) != null ? h : Q),
-      linewidth: (l = e == null ? void 0 : e.lineWidth) != null ? l : X,
+      color: new u.Color((r = e == null ? void 0 : e.lineColor) != null ? r : Q),
+      linewidth: (h = e == null ? void 0 : e.lineWidth) != null ? h : X,
       dashScale: 1,
       dashSize: 0.02,
       gapSize: 0.02,
       opacity: (f = e == null ? void 0 : e.lineOpacity) != null ? f : 1,
       depthWrite: !1,
       transparent: !0
-    }, s = new oe(E(g({}, i), { dashed: !1, depthTest: !0 })), t = new ne(E(g({}, i), { dashed: !0, depthTest: !1 }));
-    if (this.line1 = new F(this.geometry, s), this.line2 = new F(this.geometry, t), this.line1.renderOrder = 2, this.line2.renderOrder = 2, this.line1.name = "line1", this.line2.name = "line2", this.add(this.line1), this.five) {
-      const y = (d = this.five.renderer) == null ? void 0 : d.getSize(new v.Vector2());
-      y && this.setResolution(y.width, y.height), this.five.on("cameraUpdate", this.onCameraUpdate), this.five.on("cameraFovUpdate", this.onCameraUpdate), this.five.on("panoArrived", this.onPanoArrived);
-    }
-    e && this.setStyle(e), e != null && e.points && this.setPoints(e.points), this.addEventListener("removed", () => {
-      this.five && (this.five.off("cameraUpdate", this.onCameraUpdate), this.five.off("cameraFovUpdate", this.onCameraUpdate), this.five.off("panoArrived", this.onPanoArrived)), T.cacheObject.delete(this), T.checkDom(this);
+    }, s = new ne(M(p({}, i), { dashed: !1, depthTest: !0 })), t = new he(M(p({}, i), { dashed: !0, depthTest: !1 }));
+    this.line1 = new V(this.geometry, s), this.line2 = new V(this.geometry, t), this.line1.renderOrder = 2, this.line2.renderOrder = 2, this.line1.name = "line1", this.line2.name = "line2", this.add(this.line1), this.initFiveListeners(), e && this.setStyle(e), e != null && e.points && this.setPoints(e.points), this.addEventListener("removed", () => {
+      this.removeFiveListeners(), L.cacheObject.delete(this), L.checkDom(this);
     }), this.addEventListener("added", () => {
-      T.cacheObject.add(this);
-    }), T.checkDomEveryFrame();
+      this.initFiveListeners(), L.cacheObject.add(this);
+    }), L.checkDomEveryFrame();
   }
   get style() {
     return {
@@ -118,7 +117,7 @@ class We extends te {
   }
   get color() {
     var e;
-    return new v.Color((e = this.line1.material.three_color) != null ? e : this.paramsStyle.lineColor);
+    return new u.Color((e = this.line1.material.three_color) != null ? e : this.paramsStyle.lineColor);
   }
   get dashed() {
     return this.paramsStyle.dashed;
@@ -130,9 +129,7 @@ class We extends te {
     return this.paramsStyle.occlusionMode;
   }
   get five() {
-    var i, s;
-    const e = (s = (i = window.globalModules) == null ? void 0 : i.five) != null ? s : window.$five;
-    return e || console.error("请先调用 Sculpt.modules.init(five) "), e;
+    return oe(this);
   }
   set geometry(e) {
     var i;
@@ -141,10 +138,22 @@ class We extends te {
   get geometry() {
     return this._geometry;
   }
+  initFiveListeners() {
+    var s;
+    const e = this.five;
+    if (!e || this.fiveListenersInited)
+      return;
+    this.fiveListenersInited = !0, this.fiveRef = e;
+    const i = (s = e.renderer) == null ? void 0 : s.getSize(new u.Vector2());
+    i && this.setResolution(i.width, i.height), e.on("cameraUpdate", this.onCameraUpdate), e.on("cameraFovUpdate", this.onCameraUpdate), e.on("panoArrived", this.onPanoArrived);
+  }
+  removeFiveListeners() {
+    this.fiveRef && (this.fiveRef.off("cameraUpdate", this.onCameraUpdate), this.fiveRef.off("cameraFovUpdate", this.onCameraUpdate), this.fiveRef.off("panoArrived", this.onPanoArrived), this.fiveRef = void 0), this.fiveListenersInited = !1;
+  }
   updateMatrixWorld(e) {
     var i;
     if (super.updateMatrixWorld(e), this.points) {
-      const s = (i = V(this, this.points)) == null ? void 0 : i.map((t) => t.toArray().join(",")).join(",");
+      const s = (i = U(this, this.points)) == null ? void 0 : i.map((t) => t.toArray().join(",")).join(",");
       s !== this.lastRenderDomItem && (this.updateDomItems(), this.lastRenderDomItem = s);
     }
   }
@@ -153,14 +162,14 @@ class We extends te {
       return;
     const i = e.map(ee).filter(m);
     if (this.points = i, i.length < 2) {
-      const t = new H();
+      const t = new E();
       this.line1.geometry = t, this.line2.geometry = t, this.updateDomItems();
       return;
     }
     const s = i.flatMap((t) => [t.x, t.y, t.z]);
     if (s.length > 2) {
       this.line1.geometry.dispose();
-      const t = new H();
+      const t = new E();
       this.line1.geometry = t, this.line2.geometry = t;
     }
     this.line1.geometry.setPositions(s), this.line1.computeLineDistances(), this.updateDomItems(), this.needsRender = !0;
@@ -172,19 +181,19 @@ class We extends te {
     (t.x !== e || t.y !== i) && (t.set(e, i), this.needsRender = !0);
   }
   setStyle(e) {
-    var t, h, l, f;
-    if (this.paramsStyle = g(g({}, this.paramsStyle), e), m(e.lineColor)) {
-      const d = new v.Color(e.lineColor);
+    var t, r, h, f;
+    if (this.paramsStyle = p(p({}, this.paramsStyle), e), m(e.lineColor)) {
+      const d = new u.Color(e.lineColor);
       this.line1.material.three_color = d, this.line2.material.three_color = d;
     }
     m(e.lineWidth) && (this.line1.material.linewidth = e.lineWidth, this.line2.material.linewidth = e.lineWidth), m(e.dashed) && (this.line1.material.dashed = e.dashed), m(e.lineOpacity) && (this.line1.material.opacity = e.lineOpacity, this.line2.material.opacity = e.lineOpacity), this.updateDomItems({ force: !0 });
-    const i = (h = (t = e.occlusionVisibility) != null ? t : this.paramsStyle.occlusionVisibility) != null ? h : !0, s = (f = (l = e.occlusionMode) != null ? l : this.paramsStyle.occlusionMode) != null ? f : "translucence";
+    const i = (r = (t = e.occlusionVisibility) != null ? t : this.paramsStyle.occlusionVisibility) != null ? r : !0, s = (f = (h = e.occlusionMode) != null ? h : this.paramsStyle.occlusionMode) != null ? f : "translucence";
     i ? this.dashed ? (this.remove(this.line2), this.line1.material.dashed = !0, this.line1.material.depthTest = !1) : s === "depthTest" ? (this.remove(this.line2), this.line1.material.dashed = !1, this.line1.material.depthTest = !1) : s === "translucence" && (this.line1.material.depthTest = !0, this.line2.material.depthTest = !1, this.line1.material.dashed = !0, this.line2.material.dashed = !0, this.addIfNotExists(this.line2)) : (this.remove(this.line2), this.line1.material.depthTest = !0, this.line1.material.dashed = this.paramsStyle.dashed), this.doms.forEach((d) => d.intersectCheck = !i), this.needsRender = !0;
   }
   highlight(e) {
     var i, s;
     if (this.highlighted = !0, e != null && e.color) {
-      const t = new v.Color(e.color);
+      const t = new u.Color(e.color);
       this.colorBeforeHighlight = (i = this.colorBeforeHighlight) != null ? i : this.line1.material.three_color, this.line1.material.three_color = t, this.line2.material.three_color = t;
     } else {
       this.opacityBeforeHighlight = (s = this.opacityBeforeHighlight) != null ? s : this.line1.material.opacity;
@@ -204,56 +213,56 @@ class We extends te {
       return i();
     if (!this.five)
       return console.error("Five not found");
-    const s = this.points.map((t, h) => h !== 0 ? [this.points[h - 1], t] : null).filter(m).map((t) => V(this, t));
-    s.forEach(([t, h], l) => {
-      var y;
-      const f = U(t, h);
-      this.doms[l] = (y = this.doms[l]) != null ? y : (() => {
-        var S;
-        const r = new ie(this.five), u = (S = this.paramsStyle.occlusionVisibility) != null ? S : !0;
-        return r.intersectCheck = !u, r.simulate3D = !0, r;
-      })(), this.doms[l].setPosition(f, [t, h]);
-      const d = (r, u) => {
-        var _, D, b;
-        const S = (_ = u == null ? void 0 : u.force) != null ? _ : !1;
-        if (!(this.doms[l].__text === r && !S))
-          if (this.doms[l].__text = r, r instanceof HTMLElement)
-            this.doms[l].container.innerHTML = "", this.doms[l].container.appendChild(r);
-          else if (r) {
-            const w = (() => {
+    const s = this.points.map((t, r) => r !== 0 ? [this.points[r - 1], t] : null).filter(m).map((t) => U(this, t));
+    s.forEach(([t, r], h) => {
+      var H;
+      const f = B(t, r);
+      this.doms[h] = (H = this.doms[h]) != null ? H : (() => {
+        var v;
+        const l = new ie(this.five), g = (v = this.paramsStyle.occlusionVisibility) != null ? v : !0;
+        return l.intersectCheck = !g, l.simulate3D = !0, l;
+      })(), this.doms[h].setPosition(f, [t, r]);
+      const d = (l, g) => {
+        var _, I, D;
+        const v = (_ = g == null ? void 0 : g.force) != null ? _ : !1;
+        if (!(this.doms[h].__text === l && !v))
+          if (this.doms[h].__text = l, l instanceof HTMLElement)
+            this.doms[h].container.innerHTML = "", this.doms[h].container.appendChild(l);
+          else if (l) {
+            const R = (() => {
               if (!this.five || !this.five.camera)
                 return 0;
-              const p = this.five.getElement();
-              if (!p)
+              const y = this.five.getElement();
+              if (!y)
                 return 0;
-              const c = p.clientWidth, M = p.clientHeight, C = c / 2, I = M / 2, O = t.clone().project(this.five.camera), W = h.clone().project(this.five.camera), P = {
+              const c = y.clientWidth, S = y.clientHeight, C = c / 2, b = S / 2, O = t.clone().project(this.five.camera), F = r.clone().project(this.five.camera), w = {
                 x: O.x * C,
-                y: O.y * I
-              }, R = {
-                x: W.x * C,
-                y: W.y * I
+                y: O.y * b
+              }, W = {
+                x: F.x * C,
+                y: F.y * b
               };
-              return Math.sqrt(Math.pow(R.x - P.x, 2) + Math.pow(R.y - P.y, 2));
-            })(), A = (() => !this.five || !this.five.camera ? 20 : U(t, h).distanceTo(this.five.camera.position))(), j = ((b = (D = this.five) == null ? void 0 : D.camera) == null ? void 0 : b.fov) || 60, z = 2 * Math.tan(0.5 * j / 180 * Math.PI), k = `--distance-scale: ${Math.max(Math.min(1 - z * A / 40, 1), 0)};`, G = (p) => {
+              return Math.sqrt(Math.pow(W.x - w.x, 2) + Math.pow(W.y - w.y, 2));
+            })(), A = (() => !this.five || !this.five.camera ? 20 : B(t, r).distanceTo(this.five.camera.position))(), j = ((D = (I = this.five) == null ? void 0 : I.camera) == null ? void 0 : D.fov) || 60, z = 2 * Math.tan(0.5 * j / 180 * Math.PI), k = `--distance-scale: ${Math.max(Math.min(1 - z * A / 40, 1), 0)};`, G = (y) => {
               const c = document.createElement("div");
-              c.classList.add("LineLengthTag"), c.style.visibility = "hidden", c.style.position = "absolute", c.style.padding = "2px 8px", c.style.fontFamily = "Arial-BoldMT", c.style.fontSize = "14px", c.innerText = p, document.body.appendChild(c);
-              const M = c.offsetWidth;
-              return document.body.removeChild(c), M;
+              c.classList.add("LineLengthTag"), c.style.visibility = "hidden", c.style.position = "absolute", c.style.padding = "2px 8px", c.style.fontFamily = "Arial-BoldMT", c.style.fontSize = "14px", c.innerText = y, document.body.appendChild(c);
+              const S = c.offsetWidth;
+              return document.body.removeChild(c), S;
             };
             let x = 0;
-            const N = G(r);
-            w > 0 && N > w && (x = -20), this.doms[l].container.innerHTML = se(r, {
+            const N = G(l);
+            R > 0 && N > R && (x = -20), this.doms[h].container.innerHTML = se(l, {
               style: `${k} ${this.paramsStyle.cssStyle || ""}`,
               offsetY: x
             });
           } else
-            this.doms[l].container.innerHTML = "";
+            this.doms[h].container.innerHTML = "";
       };
       if (this.paramsStyle.tip)
         d(this.paramsStyle.tip, e);
       else {
-        const r = le(t.distanceTo(h), this.paramsStyle.lengthUnit, this.paramsStyle.precision);
-        d(r || null, e);
+        const l = re(t.distanceTo(r), this.paramsStyle.lengthUnit, this.paramsStyle.precision);
+        d(l || null, e);
       }
     }), this.doms.length > s.length && (this.doms.slice(s.length).forEach((t) => t.destroy()), this.doms.length = s.length);
   }