@realsee/dnalogel 3.45.0 → 3.46.0

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

@@ -1,40 +1,120 @@
 var d = Object.defineProperty;
 var v = Object.getOwnPropertySymbols;
 var A = Object.prototype.hasOwnProperty, w = Object.prototype.propertyIsEnumerable;
-var f = (o, e, t) => e in o ? d(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t, y = (o, e) => {
-  for (var t in e || (e = {}))
-    A.call(e, t) && f(o, t, e[t]);
+var f = (p, i, t) => i in p ? d(p, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : p[i] = t, y = (p, i) => {
+  for (var t in i || (i = {}))
+    A.call(i, t) && f(p, t, i[t]);
   if (v)
-    for (var t of v(e))
-      w.call(e, t) && f(o, t, e[t]);
-  return o;
+    for (var t of v(i))
+      w.call(i, t) && f(p, t, i[t]);
+  return p;
 };
-var p = (o, e, t) => (f(o, typeof e != "symbol" ? e + "" : e, t), t);
-var l = (o, e, t) => new Promise((i, s) => {
-  var a = (u) => {
+var n = (p, i, t) => (f(p, typeof i != "symbol" ? i + "" : i, t), t);
+var l = (p, i, t) => new Promise((r, m) => {
+  var o = (s) => {
     try {
-      n(t.next(u));
+      a(t.next(s));
     } catch (c) {
-      s(c);
+      m(c);
     }
-  }, r = (u) => {
+  }, e = (s) => {
     try {
-      n(t.throw(u));
+      a(t.throw(s));
     } catch (c) {
-      s(c);
+      m(c);
     }
-  }, n = (u) => u.done ? i(u.value) : Promise.resolve(u.value).then(a, r);
-  n((t = t.apply(o, e)).next());
+  }, a = (s) => s.done ? r(s.value) : Promise.resolve(s.value).then(o, e);
+  a((t = t.apply(p, i)).next());
 });
-import * as m from "three";
+import * as u from "three";
 import "hammerjs";
 import "three/examples/jsm/renderers/CSS3DRenderer";
 import "@realsee/five/line";
+import "../../../Sculpt/utils/Modules/Global.js";
 import "../../../shared-utils/three/THREESphere.js";
 import "animejs";
 import { BetterTween as g } from "../../../shared-utils/animationFrame/BetterTween.js";
 import { CustomBezierCurve3 as x } from "../../../shared-utils/three/Extras/Curves/BezierCurve3.js";
+import "../../../Sculpt/utils/Modules/Cursor.js";
+import "../../../Object3DHelperPlugin/Controller.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/url/absoluteUrl.js";
 import "../../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
+import "../../../shared-utils/Object3DHelper/Helper/MoveHelper.js";
+import "../../../shared-utils/Object3DHelper/Base/BaseHelper.js";
+import "../../../shared-utils/Object3DHelper/utils/setObjectQuaternion.js";
+import "../../../shared-utils/three/IObject3D.js";
+import "../../../shared-utils/three/boundingBox.js";
+import "../../../shared-utils/Object3DHelper/Helper/Objects/ArrowGroup.js";
+import "../../../shared-utils/Object3DHelper/utils/direction.js";
+import "../../../shared-utils/Object3DHelper/Constants/color.js";
+import "../../../shared-utils/Object3DHelper/utils/calculateScaleByCamera.js";
+import "../../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import "../../../shared-utils/positionToVector3.js";
+import "../../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
+import "../../../CSS3DRenderPlugin/utils/three/THREEJS_CSS3DRenderer.js";
+import "../../../CSS3DRenderPlugin/utils/createResizeObserver.js";
+import "../../../CSS3DRenderPlugin/utils/even.js";
+import "../../../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
+import "../../../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
+import "../../../shared-utils/three/centerPoint.js";
+import "../../../shared-utils/three/getObjectVisible.js";
+import "../../../shared-utils/isNil.js";
+import "../../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
+import "../../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
+import "../../../shared-utils/util.js";
+import "../../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+import "../../../shared-utils/Object3DHelper/Helper/RotateHelper.js";
+import "../../../shared-utils/Object3DHelper/Helper/HTML/tipsDom.js";
+import "../../../shared-utils/Object3DHelper/Helper/HTML/utils/createElement.js";
+import "../../../shared-utils/Object3DHelper/Helper/CSS3DScaleHelper.js";
+import "../../../shared-utils/Object3DHelper/Helper/HTML/rectangleScaleDom.js";
+import "../../../shared-utils/Object3DHelper/Helper/BoundingBoxHelper.js";
+import "../../../shared-utils/Object3DHelper/Controller/MoveController.js";
+import "../../../shared-utils/Object3DHelper/Base/BaseController.js";
+import "../../../shared-utils/threex/domevents/index.js";
+import "../../../shared-utils/Object3DHelper/utils/getMouseRaycaster.js";
+import "../../../shared-utils/Object3DHelper/utils/calculateThreeMouse.js";
+import "../../../Sculpt/utils/three/rayOnLine.js";
+import "../../../Object3DHelperPlugin/FiveControllerWrapper.js";
+import "../../../shared-utils/Object3DHelper/index.js";
+import "../../../shared-utils/Object3DHelper/Controller/RotateController.js";
+import "../../../shared-utils/math/rad2Deg.js";
+import "../../../shared-utils/math/deg2Rad.js";
+import "../../../shared-utils/Object3DHelper/Controller/CSS3DScaleController.js";
+import "../../../shared-utils/Object3DHelper/Controller/RectangleScaleController.js";
+import "../../../shared-utils/Object3DHelper/utils/vectorIsEqual.js";
+import "../../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "../../../shared-utils/Object3DHelper/Controller/BoundingBoxController.js";
+import "../../../shared-utils/Object3DHelper/Helper/ScaleHelper.js";
+import "../../../shared-utils/Object3DHelper/Controller/ScaleController.js";
+import "../../../shared-utils/five/fiveModelLoad.js";
+import "../../../shared-utils/five/FiveDomEvents.js";
+import "../../../shared-utils/five/calculateThreeMouse.js";
+import "../../../shared-utils/three/THREERaycaster.js";
+import "../../../shared-utils/three/PointSelector/index.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 "../../../shared-utils/three/PointSelector/utils/html.js";
+import "../../../shared-utils/five/initialCSS3DRender.js";
+import "../../../shared-utils/three/PointSelector/utils/PointHelper2.js";
+import "../../../Sculpt/Meshes/Line.js";
+import "../../../Sculpt/typings/style.js";
+import "../../../shared-utils/five/FiveLine.js";
+import "../../../shared-utils/tag.js";
+import "../../../shared-utils/five/vector3ToScreen.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/animationFrame/index.js";
 import "../../../shared-utils/three/Extras/Core/Interpolations.js";
 import "../../../shared-utils/three/Extras/Core/Interpolations2.js";
@@ -65,40 +145,40 @@ const C = (
   }
 `
 );
-class h extends m.Mesh {
-  constructor(t, i = O) {
+class h extends u.Mesh {
+  constructor(t, r = O) {
     super();
-    p(this, "geometryConfig", {
+    n(this, "geometryConfig", {
       radius: 1.5 / 100,
       tubularSegments: 20,
       radialSegments: 8
     });
-    p(this, "customID");
-    p(this, "path");
-    p(this, "pathLength", 0);
-    p(this, "pathPoints");
-    p(this, "texture");
-    p(this, "opacityAnime");
+    n(this, "customID");
+    n(this, "path");
+    n(this, "pathLength", 0);
+    n(this, "pathPoints");
+    n(this, "texture");
+    n(this, "opacityAnime");
     /** u / m: 每米水管对应到贴图上，应该对应的 u 的长度 */
-    p(this, "uPreMeter", 1);
-    t.geometryConfig && (this.geometryConfig = y(y({}, this.geometryConfig), t.geometryConfig)), this.customID = t.id || this.uuid, this.pathPoints = t.path, this.path = h.calculatePath(t.path.map((u) => new m.Vector3().fromArray(u))), this.pathLength = this.path.getLength(), this.texture = h.formatTexture(t.texture);
-    const { radius: s, tubularSegments: a, radialSegments: r } = this.geometryConfig, n = h.formatTexture(t.texture);
+    n(this, "uPreMeter", 1);
+    t.geometryConfig && (this.geometryConfig = y(y({}, this.geometryConfig), t.geometryConfig)), this.customID = t.id || this.uuid, this.pathPoints = t.path, this.path = h.calculatePath(t.path.map((s) => new u.Vector3().fromArray(s))), this.pathLength = this.path.getLength(), this.texture = h.formatTexture(t.texture);
+    const { radius: m, tubularSegments: o, radialSegments: e } = this.geometryConfig, a = h.formatTexture(t.texture);
     this.geometry = h.formatGeometryUV(
-      new m.TubeBufferGeometry(this.path, a, s, r),
+      new u.TubeBufferGeometry(this.path, o, m, e),
       this.pathLength,
       this.uPreMeter
-    ), this.material = new m.ShaderMaterial({
+    ), this.material = new u.ShaderMaterial({
       uniforms: {
         opacity: { value: 1 },
         uOffset: { value: 0 },
         vOffset: { value: 0 },
         envMap: {
-          value: n
+          value: a
         }
       },
       transparent: !0,
       vertexShader: C,
-      fragmentShader: i
+      fragmentShader: r
     });
   }
   /** 根据控制点数量计算管道路径
@@ -106,13 +186,13 @@ class h extends m.Mesh {
    * @description 两个控制点使用直线路径，多个控制点使用贝塞尔路径
    */
   static calculatePath(t) {
-    return t.length === 2 ? new m.LineCurve3(t[0], t[1]) : new x(t);
+    return t.length === 2 ? new u.LineCurve3(t[0], t[1]) : new x(t);
   }
-  static formatGeometryUV(t, i, s) {
-    const a = t.getAttribute("uv");
-    for (let r = 0; r < a.count; r++) {
-      const n = a.getX(r) * i * s;
-      a.setX(r, n);
+  static formatGeometryUV(t, r, m) {
+    const o = t.getAttribute("uv");
+    for (let e = 0; e < o.count; e++) {
+      const a = o.getX(e) * r * m;
+      o.setX(e, a);
     }
     return t;
   }
@@ -120,34 +200,34 @@ class h extends m.Mesh {
    * 管道的 Texture 需要满足一定的要求，需要使用 formatTexture 先 format
    */
   static formatTexture(t) {
-    return t.wrapS = m.RepeatWrapping, t.wrapT = m.RepeatWrapping, t;
+    return t.wrapS = u.RepeatWrapping, t.wrapT = u.RepeatWrapping, t;
   }
   hide(t) {
     return l(this, null, function* () {
-      var a;
-      (a = this.opacityAnime) == null || a.dispose();
-      const i = 0;
+      var o;
+      (o = this.opacityAnime) == null || o.dispose();
+      const r = 0;
       if (typeof (t == null ? void 0 : t.duration) != "number")
-        return this.setOpacity(i);
-      const s = this.material.uniforms.opacity.value;
-      return s === i ? !0 : new Promise((r) => {
-        this.opacityAnime = new g({ progress: s }).to({ progress: i }).onUpdate(({ progress: n }) => this.setOpacity(n)).onComplete(() => r(!0)).onDispose(() => {
-          this.setOpacity(i), r(!1);
+        return this.setOpacity(r);
+      const m = this.material.uniforms.opacity.value;
+      return m === r ? !0 : new Promise((e) => {
+        this.opacityAnime = new g({ progress: m }).to({ progress: r }).onUpdate(({ progress: a }) => this.setOpacity(a)).onComplete(() => e(!0)).onDispose(() => {
+          this.setOpacity(r), e(!1);
         }).play();
       });
     });
   }
   show(t) {
     return l(this, null, function* () {
-      var a;
-      (a = this.opacityAnime) == null || a.dispose();
-      const i = 1;
+      var o;
+      (o = this.opacityAnime) == null || o.dispose();
+      const r = 1;
       if (typeof (t == null ? void 0 : t.duration) != "number")
-        return this.setOpacity(i);
-      const s = this.material.uniforms.opacity.value;
-      return new Promise((r) => {
-        this.opacityAnime = new g({ progress: s }).to({ progress: i }).onUpdate(({ progress: n }) => this.setOpacity(n)).onComplete(() => r(!0)).onDispose(() => {
-          this.setOpacity(i), r(!1);
+        return this.setOpacity(r);
+      const m = this.material.uniforms.opacity.value;
+      return new Promise((e) => {
+        this.opacityAnime = new g({ progress: m }).to({ progress: r }).onUpdate(({ progress: a }) => this.setOpacity(a)).onComplete(() => e(!0)).onDispose(() => {
+          this.setOpacity(r), e(!1);
         }).play();
       });
     });

package/libs/Sculpt/Meshes/Box.js

@@ -1,19 +1,20 @@
 var d = Object.defineProperty;
 var p = (e, i, t) => i in e ? d(e, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[i] = t;
 var s = (e, i, t) => (p(e, typeof i != "symbol" ? i + "" : i, t), t);
-import { IObject3D as a } from "../../shared-utils/three/IObject3D.js";
+import { IObject3D as m } from "../../shared-utils/three/IObject3D.js";
 import { anyPositionToVector3 as c } from "../../shared-utils/positionToVector3.js";
 import "three";
 import "hammerjs";
 import "three/examples/jsm/renderers/CSS3DRenderer";
 import "@realsee/five/line";
+import "../utils/Modules/Global.js";
 import "../../shared-utils/three/THREESphere.js";
 import "animejs";
 import { notNil as r } from "../../shared-utils/isNil.js";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import { RectangleWithEdgeMesh as P } from "./RectangleWithEdge.js";
-import { RectangleMesh as m } from "./Rectangle.js";
-class w extends a {
+import { RectangleMesh as a } from "./Rectangle.js";
+class H extends m {
   constructor(t) {
     super();
     s(this, "name", "BoxMesh");
@@ -24,7 +25,7 @@ class w extends a {
     this.bottomPlane = new P(t), this.topPlane = new P(t), this.add(this.bottomPlane), t != null && t.points && this.setPoints(t);
   }
   get planes() {
-    return this.children.filter((t) => t instanceof m);
+    return this.children.filter((t) => t instanceof a);
   }
   get color() {
     var t;
@@ -90,5 +91,5 @@ class w extends a {
   }
 }
 export {
-  w as BoxMesh
+  H as BoxMesh
 };

package/libs/Sculpt/Meshes/Cylinder.js

@@ -17,14 +17,15 @@ import "three/examples/jsm/renderers/CSS3DRenderer";
 import { DEFAULT_HIGHLIGHT_OPACITY as M } from "../typings/style.js";
 import "@realsee/five/line";
 import { anyPositionToVector3 as d } from "../../shared-utils/positionToVector3.js";
+import "../utils/Modules/Global.js";
 import "../../shared-utils/three/THREESphere.js";
 import "animejs";
 import { notNil as g } from "../../shared-utils/isNil.js";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
-import { CircleWithEdgeMesh as C } from "./CircleWithEdge.js";
+import { CircleWithEdgeMesh as m } from "./CircleWithEdge.js";
 import { radiusToSegments as y } from "../utils/radiusToSegments.js";
 import { ColoredMesh as a } from "../utils/three/ColoredMesh.js";
-class z extends f {
+class A extends f {
   constructor(t) {
     super();
     o(this, "bottomCircle");
@@ -33,7 +34,7 @@ class z extends f {
     o(this, "opacityBeforeHighlight");
     o(this, "highlighted", !1);
     o(this, "params");
-    this.params = t, this.bottomCircle = new C(t), this.bottomCircle.name = "bottomCircle", this.topCircle = new C(t), this.topCircle.name = "topCircle", this.edgeMesh = new a(t), t != null && t.bottomCenter && (t != null && t.topCenter) && (t != null && t.radius) && this.setPoints(t), this.addIfNotExists(this.bottomCircle);
+    this.params = t, this.bottomCircle = new m(t), this.bottomCircle.name = "bottomCircle", this.topCircle = new m(t), this.topCircle.name = "topCircle", this.edgeMesh = new a(t), t != null && t.bottomCenter && (t != null && t.topCenter) && (t != null && t.radius) && this.setPoints(t), this.addIfNotExists(this.bottomCircle);
   }
   get bottomCenter() {
     return this.bottomCircle.center;
@@ -51,8 +52,8 @@ class z extends f {
     return this.bottomCircle.color;
   }
   setPoints(t) {
-    const r = d(t.topCenter), s = d(t.bottomCenter), m = r.clone().sub(s).normalize();
-    this.bottomCircle.setPoints({ center: s, normal: m, radius: t.radius }), this.setTopCenter(r), this.needsRender = !0;
+    const r = d(t.topCenter), s = d(t.bottomCenter), C = r.clone().sub(s).normalize();
+    this.bottomCircle.setPoints({ center: s, normal: C, radius: t.radius }), this.setTopCenter(r), this.needsRender = !0;
   }
   setTopCenter(t) {
     this.addIfNotExists(this.topCircle), this.topCircle.setPoints({ center: t, normal: this.normal, radius: this.radius }), this.setEdgeMesh();
@@ -85,5 +86,5 @@ class z extends f {
   }
 }
 export {
-  z as CylinderMesh
+  A as CylinderMesh
 };

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

@@ -5,9 +5,12 @@ import { type AnyPositions } from '../../shared-utils/positionToVector3';
 import { IObject3D } from '../../shared-utils/three/IObject3D';
 import type { Merge } from 'type-fest';
 import type { PointsData } from '../utils/data';
+import { LightTag } from '../../shared-utils/tag';
 export type LineMeshStyle = LineStyle & {
     dashed?: boolean;
-} & OcclusionStyle;
+} & OcclusionStyle & {
+    lengthEnable?: boolean;
+};
 export type LineData = PointsData;
 export declare class LineMaterial2 extends LineMaterial {
     get three_color(): Color;
@@ -28,6 +31,7 @@ export declare class THREE_Line3 extends THREE_Line2 {
 export declare class LineMesh extends IObject3D {
     name: string;
     points: THREE.Vector3[];
+    lengthDoms: LightTag[];
     get style(): LineMeshStyle;
     get lineWidth(): number;
     get color(): THREE.Color;
@@ -45,4 +49,5 @@ export declare class LineMesh extends IObject3D {
     setStyle(params: Partial<LineMeshStyle>): void;
     highlight(): void;
     unhighlight(): void;
+    updateLengthItems(): void;
 }

package/libs/Sculpt/Meshes/Line.js

@@ -1,33 +1,36 @@
 var E = Object.defineProperty;
 var L = Object.getOwnPropertySymbols;
-var M = Object.prototype.hasOwnProperty, w = Object.prototype.propertyIsEnumerable;
-var u = (n, l, e) => l in n ? E(n, l, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[l] = e, a = (n, l) => {
-  for (var e in l || (l = {}))
-    M.call(l, e) && u(n, e, l[e]);
+var S = Object.prototype.hasOwnProperty, k = Object.prototype.propertyIsEnumerable;
+var f = (l, o, e) => o in l ? E(l, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : l[o] = e, y = (l, o) => {
+  for (var e in o || (o = {}))
+    S.call(o, e) && f(l, e, o[e]);
   if (L)
-    for (var e of L(l))
-      w.call(l, e) && u(n, e, l[e]);
-  return n;
+    for (var e of L(o))
+      k.call(o, e) && f(l, e, o[e]);
+  return l;
 };
-var s = (n, l, e) => (u(n, typeof l != "symbol" ? l + "" : l, e), e);
-import * as d from "three";
-import { DEFAULT_LINE_COLOR as b, DEFAULT_LINE_WIDTH as C, DEFAULT_HIGHLIGHT_OPACITY as _ } from "../typings/style.js";
-import { LineGeometry as k, LineMaterial as D, THREE_Line2 as H } from "../../shared-utils/five/FiveLine.js";
-import { anyPositionToVector3 as R } from "../../shared-utils/positionToVector3.js";
-import { IObject3D as x } from "../../shared-utils/three/IObject3D.js";
+var h = (l, o, e) => (f(l, typeof o != "symbol" ? o + "" : o, e), e);
+import * as a from "three";
+import { DEFAULT_LINE_COLOR as b, DEFAULT_LINE_WIDTH as M, DEFAULT_HIGHLIGHT_OPACITY as D } from "../typings/style.js";
+import { LineGeometry as T, LineMaterial as w, THREE_Line2 as H } from "../../shared-utils/five/FiveLine.js";
+import { anyPositionToVector3 as C } from "../../shared-utils/positionToVector3.js";
+import { IObject3D as I } from "../../shared-utils/three/IObject3D.js";
 import "hammerjs";
 import "three/examples/jsm/renderers/CSS3DRenderer";
+import { centerPoint as R } from "../../shared-utils/three/centerPoint.js";
+import { LightTag as x } from "../../shared-utils/tag.js";
+import { globalModules as p } from "../utils/Modules/Global.js";
 import "../../shared-utils/three/THREESphere.js";
 import "animejs";
-import { notNil as h } from "../../shared-utils/isNil.js";
+import { notNil as c } from "../../shared-utils/isNil.js";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
-class S extends D {
+class _ extends w {
   constructor(e) {
-    var i, t;
+    var n, t;
     super(e);
-    s(this, "_three_color");
-    h(e == null ? void 0 : e.color) && (this.three_color = (i = e == null ? void 0 : e.color) != null ? i : 16777215), Object.keys(e).forEach((o) => {
-      ["color", "dashed", "dashScale", "dashSize", "gapSize", "resolution"].includes(o) || o in this && (this[o] = e[o]);
+    h(this, "_three_color");
+    c(e == null ? void 0 : e.color) && (this.three_color = (n = e == null ? void 0 : e.color) != null ? n : 16777215), Object.keys(e).forEach((i) => {
+      ["color", "dashed", "dashScale", "dashSize", "gapSize", "resolution"].includes(i) || i in this && (this[i] = e[i]);
     }), this.setDashed((t = e == null ? void 0 : e.dashed) != null ? t : !1);
   }
   get three_color() {
@@ -40,33 +43,34 @@ class S extends D {
     this.dashed = e, e ? this.defines.USE_DASH = "" : delete this.defines.USE_DASH, this.needsUpdate = !0;
   }
 }
-class T extends H {
-  constructor(e, i) {
-    super(e, i);
-    s(this, "name", "Line3");
+class m extends H {
+  constructor(e, n) {
+    super(e, n);
+    h(this, "name", "Line3");
   }
 }
-class z extends x {
+class $ extends I {
   constructor(e) {
-    var r, c, f, y, g;
+    var s, r, u, g, d;
     super();
-    s(this, "name", "LineMesh");
-    s(this, "points");
-    s(this, "highlighted", !1);
-    s(this, "line");
-    s(this, "backLine");
-    s(this, "opacityBeforeHighlight");
-    s(this, "paramsStyle", {});
+    h(this, "name", "LineMesh");
+    h(this, "points");
+    h(this, "lengthDoms", []);
+    h(this, "highlighted", !1);
+    h(this, "line");
+    h(this, "backLine");
+    h(this, "opacityBeforeHighlight");
+    h(this, "paramsStyle", {});
     this.paramsStyle = e != null ? e : {};
-    const i = new k(), t = new S({
-      color: new d.Color((r = e == null ? void 0 : e.lineColor) != null ? r : b),
-      linewidth: (c = e == null ? void 0 : e.lineWidth) != null ? c : C,
+    const n = new T(), t = new _({
+      color: new a.Color((s = e == null ? void 0 : e.lineColor) != null ? s : b),
+      linewidth: (r = e == null ? void 0 : e.lineWidth) != null ? r : M,
       dashScale: 40,
-      opacity: (f = e == null ? void 0 : e.opacity) != null ? f : 1,
+      opacity: (u = e == null ? void 0 : e.opacity) != null ? u : 1,
       transparent: !0,
-      dashed: (y = e == null ? void 0 : e.dashed) != null ? y : !1
-    }), o = new S({
-      color: new d.Color((g = e == null ? void 0 : e.lineColor) != null ? g : b),
+      dashed: (g = e == null ? void 0 : e.dashed) != null ? g : !1
+    }), i = new _({
+      color: new a.Color((d = e == null ? void 0 : e.lineColor) != null ? d : b),
       linewidth: t.linewidth * 0.9,
       dashScale: t.dashScale,
       opacity: t.opacity * 0.8,
@@ -75,7 +79,7 @@ class z extends x {
       transparent: !0,
       resolution: t.resolution
     });
-    this.line = new T(i, t), this.backLine = new T(i, o), this.line.renderOrder = 1, this.backLine.renderOrder = 0, this.line.name = "lineFrontMaterial", this.backLine.name = "lineBackMaterial", e && this.setStyle(e), e != null && e.points && this.setPoints(e.points);
+    this.line = new m(n, t), this.backLine = new m(n, i), this.line.renderOrder = 1, this.backLine.renderOrder = 0, this.line.name = "lineFrontMaterial", this.backLine.name = "lineBackMaterial", e && this.setStyle(e), e != null && e.points && this.setPoints(e.points);
   }
   get style() {
     return {
@@ -83,14 +87,15 @@ class z extends x {
       lineWidth: this.lineWidth,
       dashed: this.dashed,
       occlusionVisibility: this.occlusionVisibility,
-      occlusionMode: this.occlusionMode
+      occlusionMode: this.occlusionMode,
+      lengthEnable: this.paramsStyle.lengthEnable
     };
   }
   get lineWidth() {
     return this.line.material.linewidth;
   }
   get color() {
-    return new d.Color(this.line.material.three_color);
+    return new a.Color(this.line.material.three_color);
   }
   get dashed() {
     return this.line.material.dashed;
@@ -102,32 +107,47 @@ class z extends x {
     return this.line.material.depthTest === !1 ? "depthTest" : "translucence";
   }
   setPoints(e) {
-    const i = e.map(R).filter(h);
-    if (this.points = i, i.length < 2)
+    const n = e.map(C).filter(c);
+    if (this.points = n, n.length < 2)
       return;
     this.addIfNotExists(this.line, this.backLine);
-    const t = i.flatMap((o) => [o.x, o.y, o.z]);
-    t.length > 2 && (this.line.geometry.dispose(), this.line.geometry = new k(), this.backLine.geometry = this.line.geometry), this.line.geometry.setPositions(t), this.line.computeLineDistances(), this.needsRender = !0;
+    const t = n.flatMap((i) => [i.x, i.y, i.z]);
+    t.length > 2 && (this.line.geometry.dispose(), this.line.geometry = new T(), this.backLine.geometry = this.line.geometry), this.line.geometry.setPositions(t), this.line.computeLineDistances(), this.updateLengthItems(), this.needsRender = !0;
   }
-  setResolution(e, i) {
+  setResolution(e, n) {
     const t = this.line.material.resolution;
-    (t.x !== e || t.y !== i) && (t.set(e, i), this.needsRender = !0);
-    const o = this.backLine.material.resolution;
-    (o.x !== e || o.y !== i) && (o.set(e, i), this.needsRender = !0);
+    (t.x !== e || t.y !== n) && (t.set(e, n), this.needsRender = !0);
+    const i = this.backLine.material.resolution;
+    (i.x !== e || i.y !== n) && (i.set(e, n), this.needsRender = !0);
   }
   setStyle(e) {
-    var o, r, c;
-    this.paramsStyle = a(a({}, this.paramsStyle), e), h(e.lineColor) && (this.line.material.three_color = new d.Color(e.lineColor), this.backLine.material.three_color = new d.Color(e.lineColor)), h(e.lineWidth) && (this.line.material.linewidth = e.lineWidth), h(e.dashed) && this.line.material.setDashed(e.dashed), h(e.opacity) && (this.line.material.opacity = e.opacity, this.backLine.material.opacity = this.line.material.opacity * 0.2);
-    const i = (o = e.occlusionVisibility) != null ? o : this.paramsStyle.occlusionVisibility, t = (c = (r = e.occlusionMode) != null ? r : this.paramsStyle.occlusionMode) != null ? c : "translucence";
-    i ? t === "depthTest" ? (this.line.material.depthTest = !1, this.backLine.visible = !1) : t === "translucence" && (this.line.material.depthTest = !0, this.backLine.visible = !0, this.line.material.opacity === 1 ? this.backLine.material.setDashed(!0) : this.backLine.material.setDashed(this.line.material.dashed)) : (this.line.material.depthTest = !0, this.backLine.visible = !1), this.needsRender = !0;
+    var i, s, r;
+    this.paramsStyle = y(y({}, this.paramsStyle), e), c(e.lineColor) && (this.line.material.three_color = new a.Color(e.lineColor), this.backLine.material.three_color = new a.Color(e.lineColor)), c(e.lineWidth) && (this.line.material.linewidth = e.lineWidth), c(e.dashed) && this.line.material.setDashed(e.dashed), c(e.opacity) && (this.line.material.opacity = e.opacity, this.backLine.material.opacity = this.line.material.opacity * 0.2), this.updateLengthItems();
+    const n = (i = e.occlusionVisibility) != null ? i : this.paramsStyle.occlusionVisibility, t = (r = (s = e.occlusionMode) != null ? s : this.paramsStyle.occlusionMode) != null ? r : "translucence";
+    n ? t === "depthTest" ? (this.line.material.depthTest = !1, this.backLine.visible = !1) : t === "translucence" && (this.line.material.depthTest = !0, this.backLine.visible = !0, this.line.material.opacity === 1 ? this.backLine.material.setDashed(!0) : this.backLine.material.setDashed(this.line.material.dashed)) : (this.line.material.depthTest = !0, this.backLine.visible = !1), this.needsRender = !0;
   }
   highlight() {
-    this.highlighted || (this.highlighted = !0, this.opacityBeforeHighlight = this.line.material.opacity, this.line.material.opacity = this.opacityBeforeHighlight * _, this.backLine.material.opacity = this.backLine.material.opacity * _, this.needsRender = !0);
+    this.highlighted || (this.highlighted = !0, this.opacityBeforeHighlight = this.line.material.opacity, this.line.material.opacity = this.opacityBeforeHighlight * D, this.backLine.material.opacity = this.backLine.material.opacity * D, this.needsRender = !0);
   }
   unhighlight() {
     this.highlighted && (this.highlighted = !1, this.line.material.opacity = this.opacityBeforeHighlight, this.backLine.material.opacity = 0.2, this.needsRender = !0);
   }
+  updateLengthItems() {
+    var e, n;
+    if (this.paramsStyle.lengthEnable) {
+      const t = (n = (e = this.points) == null ? void 0 : e.map((i, s) => {
+        if (s !== 0)
+          return [this.points[s - 1], i];
+      }).filter(c)) != null ? n : [];
+      t.forEach(([i, s], r) => {
+        var d;
+        const u = R(i, s), g = i.distanceTo(s).toFixed(2) + "m";
+        this.lengthDoms[r] = (d = this.lengthDoms[r]) != null ? d : new x(p.five), this.lengthDoms[r].setPosition(u), this.lengthDoms[r].container.innerHTML = `<div style="pointer-events:none;">${g}</div>`;
+      }), this.lengthDoms.length > t.length && (this.lengthDoms.slice(t.length).forEach((i) => i.destroy()), this.lengthDoms.length = t.length);
+    } else
+      this.lengthDoms.forEach((t) => t.destroy()), this.lengthDoms = [];
+  }
 }
 export {
-  z as LineMesh
+  $ as LineMesh
 };

package/libs/Sculpt/Meshes/Point.js

@@ -13,18 +13,19 @@ var n = (i, e, t) => e in i ? C(i, e, { enumerable: !0, configurable: !0, writab
 var A = (i, e, t) => (n(i, typeof e != "symbol" ? e + "" : e, t), t);
 import * as o from "three";
 import { DEFAULT_HIGHLIGHT_OPACITY as b } from "../typings/style.js";
-import { IObject3D as E } from "../../shared-utils/three/IObject3D.js";
-import { anyPositionToVector3 as m } from "../../shared-utils/positionToVector3.js";
+import { IObject3D as m } from "../../shared-utils/three/IObject3D.js";
+import { anyPositionToVector3 as E } from "../../shared-utils/positionToVector3.js";
 import "hammerjs";
 import "three/examples/jsm/renderers/CSS3DRenderer";
 import "@realsee/five/line";
+import "../utils/Modules/Global.js";
 import "../../shared-utils/three/THREESphere.js";
 import "animejs";
 import { notNil as u } from "../../shared-utils/isNil.js";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 const F = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sHDgwCEMBJZu0AAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAABM5JREFUWMO1V0tPG2cUPZ4Hxh6DazIOrjFNqJs0FIMqWFgWQkatsmvVbtggKlSVRVf5AWz4AWz4AUSKEChll19QJYSXkECuhFxsHjEhxCYm+DWGMZ5HF72DJq4bAzFXurI0M/I5997v3u9cC65vTJVn2lX/xHINQOYSBLTLEuIuCWw4Z3IGAEvf6ASmVHjNzHCXBG4A0AjACsAOwEbO0nsFQBnAGYASAIl+ZRMR7SolMEdsByD09fV5R0ZGgg8ePPjW5/N1iqLYpuu6RZblciKR2I9Go69evnwZnZ+fjwI4IS8AKBIRzeQfJWCANwKwh0KhtrGxsYehUOin1tbW+zzP23ietzY2NnIAoGmaLsuyUiqVyvl8XtrY2NiamZn589mzZxsAUgCOAeQAnFI2tI+VxIjaAeDzoaGh7xYWFuZOTk6OZVk+12uYqqq6JEnn0Wg0OT4+/geAXwGEAdwDIFJQXC1wO4DWR48e/RCPxxclSSroVzRFUbSDg4P848ePFwH8DuAhkWih83TRQWxFOXgAwvDwcOfo6OhvXV1d39tsNtuVBwTDWBwOh1UUxVsMw1hXVlbSdCgNV43uYSvrHg6H24aHh38eHBz85TrgF9FYLHA4HLzH43FvbW2d7u/vG+dANp8FpqIlbd3d3V8Fg8EfBUFw4BONZVmL3+9vHhkZCQL4AoAHgJPK8G+yzC0XDofdoVAo5PP5vkadTBAEtr+/39ff3x8gAp/RPOEqx2qjx+NpvXv3bk9DQ0NDvQgwDIOWlhZrMBj8kgi0UJdxRgYMArzL5XJ7vd57qLPZ7Xamp6fnNgBXtQxcjFuHw+Hyer3t9SYgCAITCAScAJoBNNEY/08GOFVVrfVMv7kMNDntFD1vjIAPrlRN0xjckOm6biFQ3jwNPwDMZrOnqVTqfb3Bi8Wivru7W/VCYkwPlKOjo0IikXh7EwQikYgE4Nw0CfXKDCipVCoTj8df3QABbW1tLUc6oUgkFPMkVACUNjc337148eKvw8PDbJ2jP1taWkoCyNDVXDSECmNSK4qiKNLq6urW8+fPI/UicHx8rD59+jSVy+WOAKSJhKENwFItLtoxk8mwsixzHR0dHe3t7c5PAU+n09rs7OzJkydPYqVSaQfANoDXALIk31S2smU1TWMPDg7K5XKZ7+3t9TudTut1U7+wsFCcmJiIpdPpbQBxADsAknQWymYCOukBHYCuKApisdhpMpnURFEU79y503TVyKenpzOTk5M7e3t7MQKPV0Zv1gNm+awB0MvlshqLxfLb29uyJElWURSbXC4XXyvqxcXFs6mpqeTc3Nzu3t7e3wQcA7BPZ8Cov1pNlJplmQtAG8MwHV6v95tAINA5MDBwPxAIuLu6upr8fr/VAN3c3JQjkcjZ+vp6fnl5+d2bN29SuVzuNYAEpf01CdRChUL+X1VskHACuA3Ay3Fcu9vt7nA6nZ7m5uYWQRCaNE3jVVW15PP580KhIGUymWw2m00DOAJwSP4WwPtq4LX2Ao6USxNlQyS/RcQcdLGwlNIz6vEMAaZpNzCk2Pll94LK/cDYimxERiBwG10sxjgvEZBE0UpE6vxj+0Ct5bTaXthgEhRmja8QWNkkPGsuIpfdjpkK+cZUWTC0KredVmtD/gdlSl6EG4AMvQAAAABJRU5ErkJggg==";
 let w = null;
-class O extends E {
+class T extends m {
   constructor(t) {
     var f, a;
     super();
@@ -52,7 +53,7 @@ class O extends E {
       depthTest: !1,
       opacity: 0.5
     })), s = new o.Points(l, r), h = new o.Points(l, V);
-    this.fontMesh = s, this.backgroundMesh = h, s.name = "FontMesh", h.name = "BackgroundMesh", s.renderOrder = 10, h.renderOrder = 0, this.add(s, h), t != null && t.point && this.position.copy(m(t.point)), t && this.setStyle(t);
+    this.fontMesh = s, this.backgroundMesh = h, s.name = "FontMesh", h.name = "BackgroundMesh", s.renderOrder = 10, h.renderOrder = 0, this.add(s, h), t != null && t.point && this.position.copy(E(t.point)), t && this.setStyle(t);
   }
   get color() {
     return this.fontMesh.material.color;
@@ -71,5 +72,5 @@ class O extends E {
   }
 }
 export {
-  O as PointMesh
+  T as PointMesh
 };