@realsee/dnalogel 3.61.13 → 3.61.15-alpha.0

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

@@ -73,7 +73,8 @@ import "../../../shared-utils/isTouchDevice.js";
 import "../../../shared-utils/five/getPosition.js";
 import "../../../shared-utils/five/getRaycasterByNdcPosition.js";
 import "../../../shared-utils/three/PointSelector/utils/contents.js";
-function pi(o, i, t) {
+import "../../../Sculpt/utils/three/rayOnLine.js";
+function ni(o, i, t) {
   var v, b, j, C, A;
   const D = (v = t == null ? void 0 : t.useCache) != null ? v : !0;
   if (!o)
@@ -85,39 +86,39 @@ function pi(o, i, t) {
       return o.config;
   }
   const k = {}, d = {}, y = {};
-  i.contentTypeConfig && Object.entries(i.contentTypeConfig).forEach(([r, p]) => {
+  i.contentTypeConfig && Object.entries(i.contentTypeConfig).forEach(([e, p]) => {
     var O, W;
-    const e = r, a = e.split("-"), g = r.startsWith("["), c = g ? a[0].slice(1, -1) : void 0, m = g ? a.slice(1) : a, s = c ? ["PanoramaLike", "ModelLike"].includes(c) ? (O = d[c]) != null ? O : d[c] = {} : (W = y[c]) != null ? W : y[c] = {} : k;
-    if (!s[e]) {
-      if (m.length === 0 && (s[e] = p), m.length === 1) {
+    const r = e, a = r.split("-"), g = e.startsWith("["), c = g ? a[0].slice(1, -1) : void 0, m = g ? a.slice(1) : a, s = c ? ["PanoramaLike", "ModelLike"].includes(c) ? (O = d[c]) != null ? O : d[c] = {} : (W = y[c]) != null ? W : y[c] = {} : k;
+    if (!s[r]) {
+      if (m.length === 0 && (s[r] = p), m.length === 1) {
         const [n] = m;
-        (o.contentType === n || n === "Any") && (s[e] = p);
+        (o.contentType === n || n === "Any") && (s[r] = p);
       }
       if (m.length === 2) {
         const [n = "Any", u = "Any"] = m;
-        n === "Mixin" && o.contentType === u && (s[e] = p), (o.stickType === n || n === "Any") && (o.contentType === u || u === "Any") && (s[e] = p);
+        n === "Mixin" && o.contentType === u && (s[r] = p), (o.stickType === n || n === "Any") && (o.contentType === u || u === "Any") && (s[r] = p);
       }
       if (m.length === 3) {
         const [n = "Any", u, w] = m;
         if (u === "Audio" && o.contentType === "Audio") {
           const L = o;
-          (L.stickType === n || n === "Any") && L.data.appearance === w && (s[e] = p);
+          (L.stickType === n || n === "Any") && L.data.appearance === w && (s[r] = p);
         }
       }
     }
   });
   const h = (A = o.initialConfig) != null ? A : {}, M = l({}, N, i.globalConfig, ...Object.values(k)), G = l({}, M, h), f = {}, q = Object.values(Q.Mode);
-  I(d).forEach(([r, p]) => {
-    q.forEach((e) => {
-      (r === "PanoramaLike" && R(e) || r === "ModelLike" && S(e)) && (f[e] = l({}, M, ...Object.values(p), h, { _isMerged: !0 }));
+  I(d).forEach(([e, p]) => {
+    q.forEach((r) => {
+      (e === "PanoramaLike" && R(r) || e === "ModelLike" && S(r)) && (f[r] = l({}, M, ...Object.values(p), h, { _isMerged: !0 }));
     });
-  }), I(y).forEach(([r, p]) => {
-    const e = f[r];
-    f[r] = l({}, M, e, ...Object.values(p), h, { _isMerged: !0 });
+  }), I(y).forEach(([e, p]) => {
+    const r = f[e];
+    f[e] = l({}, M, r, ...Object.values(p), h, { _isMerged: !0 });
   });
   const T = _(F({}, G), { configWithFiveMode: f });
-  return P(T), Object.values(f).forEach((r) => P(r)), T._isMerged = !0, T;
+  return P(T), Object.values(f).forEach((e) => P(e)), T._isMerged = !0, T;
 }
 export {
-  pi as calculateTagConfig
+  ni as calculateTagConfig
 };

package/libs/PanoVideoPlugin/Controller.js

@@ -72,10 +72,11 @@ import "../shared-utils/isTouchDevice.js";
 import "../shared-utils/five/getPosition.js";
 import "../shared-utils/five/getRaycasterByNdcPosition.js";
 import "../shared-utils/three/PointSelector/utils/contents.js";
+import "../Sculpt/utils/three/rayOnLine.js";
 import "../shared-utils/animationFrame/index.js";
 import "./utils/index.js";
 import "../shared-utils/url/absoluteUrl.js";
-class Pr extends _ {
+class vr extends _ {
   constructor(r) {
     super(r);
     s(this, "controllerMap", /* @__PURE__ */ new Map());
@@ -218,5 +219,5 @@ class Pr extends _ {
   }
 }
 export {
-  Pr as PanoVideoPluginController
+  vr as PanoVideoPluginController
 };

package/libs/PanoVideoPlugin/VideoMeshController.js

@@ -61,8 +61,9 @@ import "../shared-utils/isTouchDevice.js";
 import "../shared-utils/five/getPosition.js";
 import "../shared-utils/five/getRaycasterByNdcPosition.js";
 import "../shared-utils/three/PointSelector/utils/contents.js";
+import "../Sculpt/utils/three/rayOnLine.js";
 import "@realsee/five";
-class qi {
+class Oi {
   /** 初始化视频、模型以及相关事件监听。 */
   constructor(i, e) {
     t(this, "video");
@@ -338,5 +339,5 @@ class qi {
   }
 }
 export {
-  qi as VideoMeshController
+  Oi as VideoMeshController
 };

package/libs/PanoVideoPlugin/index.js

@@ -1,5 +1,5 @@
 import { PanoVideoPluginController as r } from "./Controller.js";
-import { typings as xo } from "./typings/index.js";
+import { typings as yo } from "./typings/index.js";
 import "./VideoMeshController.js";
 import "./utils/shader.js";
 import "../shared-utils/tag.js";
@@ -60,13 +60,14 @@ import "../shared-utils/isTouchDevice.js";
 import "../shared-utils/five/getPosition.js";
 import "../shared-utils/five/getRaycasterByNdcPosition.js";
 import "../shared-utils/three/PointSelector/utils/contents.js";
+import "../Sculpt/utils/three/rayOnLine.js";
 import "../shared-utils/animationFrame/index.js";
 import "./utils/index.js";
 import "../base/BasePlugin.js";
 import "../shared-utils/url/absoluteUrl.js";
-const so = (o) => new r(o);
+const fo = (o) => new r(o);
 export {
-  so as PanoVideoPlugin,
-  xo as PanoVideoPluginType,
-  so as default
+  fo as PanoVideoPlugin,
+  yo as PanoVideoPluginType,
+  fo as default
 };

package/libs/PipelinePlugin/Controller.js

@@ -1,16 +1,16 @@
 var j = Object.defineProperty;
 var v = Object.getOwnPropertySymbols;
 var P = Object.prototype.hasOwnProperty, _ = Object.prototype.propertyIsEnumerable;
-var A = (c, o, e) => o in c ? j(c, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[o] = e, u = (c, o) => {
+var A = (m, o, e) => o in m ? j(m, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : m[o] = e, u = (m, o) => {
   for (var e in o || (o = {}))
-    P.call(o, e) && A(c, e, o[e]);
+    P.call(o, e) && A(m, e, o[e]);
   if (v)
     for (var e of v(o))
-      _.call(o, e) && A(c, e, o[e]);
-  return c;
+      _.call(o, e) && A(m, e, o[e]);
+  return m;
 };
-var d = (c, o, e) => (A(c, typeof o != "symbol" ? o + "" : o, e), e);
-var m = (c, o, e) => new Promise((t, i) => {
+var d = (m, o, e) => (A(m, typeof o != "symbol" ? o + "" : o, e), e);
+var c = (m, o, e) => new Promise((t, i) => {
   var s = (a) => {
     try {
       n(e.next(a));
@@ -24,7 +24,7 @@ var m = (c, o, e) => new Promise((t, i) => {
       i(h);
     }
   }, n = (a) => a.done ? t(a.value) : Promise.resolve(a.value).then(s, r);
-  n((e = e.apply(c, o)).next());
+  n((e = e.apply(m, o)).next());
 });
 import * as F from "three";
 import { Controller as S } from "../base/BasePluginWithData.js";
@@ -90,6 +90,7 @@ import "../shared-utils/isTouchDevice.js";
 import "../shared-utils/five/getPosition.js";
 import "../shared-utils/five/getRaycasterByNdcPosition.js";
 import "../shared-utils/three/PointSelector/utils/contents.js";
+import "../Sculpt/utils/three/rayOnLine.js";
 import "@realsee/five";
 import "../shared-utils/isTruelyObject.js";
 import "../shared-utils/animationFrame/index.js";
@@ -99,7 +100,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 Ye extends S {
+class Ze extends S {
   constructor(e) {
     super(e);
     // ==================== public properties ====================
@@ -156,10 +157,10 @@ class Ye extends S {
    */
   // eslint-disable-next-line max-params
   load(e, t, i, s) {
-    return m(this, null, function* () {
+    return c(this, null, function* () {
       const r = this.data;
       this.data = yield this.formatData(e, s), this.removeAllPipes(), this.hooks.emit("dataChange", this.data, r), this.pipeObjects = yield Promise.all(
-        this.data.pipes.filter((n) => !!(n != null && n.texture)).map((b) => m(this, [b], function* ({ id: n, texture: a, path: h, radius: p }) {
+        this.data.pipes.filter((n) => !!(n != null && n.texture)).map((b) => c(this, [b], function* ({ id: n, texture: a, path: h, radius: p }) {
           const l = yield this.loadPipeTexture(a), f = { id: n, path: h, textureURL: a, texture: l, geometryConfig: { radius: p } };
           return new D(f);
         }))
@@ -223,7 +224,7 @@ class Ye extends S {
    * @param `options.anime.duration` `<number> | <undefined>` 动画时间，默认是 500ms。
    */
   show() {
-    return m(this, arguments, function* (e = {}) {
+    return c(this, arguments, function* (e = {}) {
       if (this.state.visible)
         return;
       const t = u({
@@ -240,7 +241,7 @@ class Ye extends S {
    * @param `options.anime.duration` `<number> | <undefined>` 动画时间，默认是 500ms。
    */
   hide() {
-    return m(this, arguments, function* (e = {}) {
+    return c(this, arguments, function* (e = {}) {
       if (this.state.visible === !1)
         return;
       const t = u({
@@ -261,7 +262,7 @@ class Ye extends S {
    * @param `options.userAction` `<boolean> | <undefined>` 是否是否是用户操作。
    * */
   switchPipelines(e) {
-    return m(this, null, function* () {
+    return c(this, null, function* () {
       var h, p, b, l, f, w;
       if (!this.data)
         return;
@@ -302,7 +303,7 @@ class Ye extends S {
     this.updateState({ speed: t }, i), this._setSpeed(t);
   }
   formatData(e, t) {
-    return m(this, null, function* () {
+    return c(this, null, function* () {
       return y(e, t);
     });
   }
@@ -313,7 +314,7 @@ class Ye extends S {
     this.hooks.emit("disable", { userAction: e.userAction }), this.disposeAnime(), this.five.scene.remove(this.group), this.five.needsRender = !0, this.five.off("wantsTapGesture", this.onWantsFiveTapGesture);
   }
   _show(e) {
-    return m(this, null, function* () {
+    return c(this, null, function* () {
       var s;
       this.hooks.emit("show", { userAction: e.userAction });
       const t = (s = e == null ? void 0 : e.anime) != null ? s : { duration: 500 }, i = this.findPipeObjectWithTarget(this.state.target);
@@ -321,7 +322,7 @@ class Ye extends S {
     });
   }
   _hide(e) {
-    return m(this, null, function* () {
+    return c(this, null, function* () {
       var i;
       this.hooks.emit("hide", { userAction: e.userAction });
       const t = (i = e == null ? void 0 : e.anime) != null ? i : { duration: 500 };
@@ -329,7 +330,7 @@ class Ye extends S {
     });
   }
   _switchPipelines(e) {
-    return m(this, null, function* () {
+    return c(this, null, function* () {
       if (!this.data)
         return;
       const t = this.findPipeObjectWithTarget(e.target), i = e.hideAnime;
@@ -353,7 +354,7 @@ class Ye extends S {
   }
   /** 加载管道贴图，如果再加载中，复用之前的加载 Promise */
   loadPipeTexture(e) {
-    return m(this, null, function* () {
+    return c(this, null, function* () {
       const t = this.texturePromiseCache.get(e);
       if (t)
         return t;
@@ -379,5 +380,5 @@ class Ye extends S {
   }
 }
 export {
-  Ye as Controller
+  Ze as Controller
 };

package/libs/PipelinePlugin/index.js

@@ -59,6 +59,7 @@ import "../shared-utils/isTouchDevice.js";
 import "../shared-utils/five/getPosition.js";
 import "../shared-utils/five/getRaycasterByNdcPosition.js";
 import "../shared-utils/three/PointSelector/utils/contents.js";
+import "../Sculpt/utils/three/rayOnLine.js";
 import "../shared-utils/url/absoluteUrl.js";
 import "../shared-utils/equal.js";
 import "../shared-utils/isTruelyObject.js";
@@ -71,8 +72,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 hr = (r) => new o(r);
+const jr = (r) => new o(r);
 export {
-  hr as PipelinePlugin,
-  hr as default
+  jr as PipelinePlugin,
+  jr as default
 };

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

@@ -60,6 +60,7 @@ import "../../../shared-utils/isTouchDevice.js";
 import "../../../shared-utils/five/getPosition.js";
 import "../../../shared-utils/five/getRaycasterByNdcPosition.js";
 import "../../../shared-utils/three/PointSelector/utils/contents.js";
+import "../../../Sculpt/utils/three/rayOnLine.js";
 import "@realsee/five";
 import "../../../shared-utils/animationFrame/BetterTween.js";
 import "../../../shared-utils/three/Extras/Curves/BezierCurve3.js";
@@ -84,7 +85,7 @@ const d = (
   }
 `
 );
-class Pt extends h {
+class Mt extends h {
   constructor(t) {
     super(t, d);
     /** 初始状态下，当前水管内的水流在整体管道上的位移
@@ -142,5 +143,5 @@ class Pt extends h {
   }
 }
 export {
-  Pt as ObjectFlowPipe
+  Mt as ObjectFlowPipe
 };

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

@@ -60,12 +60,13 @@ import "../../../shared-utils/isTouchDevice.js";
 import "../../../shared-utils/five/getPosition.js";
 import "../../../shared-utils/five/getRaycasterByNdcPosition.js";
 import "../../../shared-utils/three/PointSelector/utils/contents.js";
+import "../../../Sculpt/utils/three/rayOnLine.js";
 import "@realsee/five";
 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 Ui extends a {
+class bi extends a {
   constructor(i) {
     super(i);
     p(this, "imageCount", 64);
@@ -88,5 +89,5 @@ class Ui extends a {
   }
 }
 export {
-  Ui as ObjectHighlightPipe
+  bi as ObjectHighlightPipe
 };

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

@@ -85,6 +85,7 @@ import "../../../shared-utils/isTouchDevice.js";
 import "../../../shared-utils/five/getPosition.js";
 import "../../../shared-utils/five/getRaycasterByNdcPosition.js";
 import "../../../shared-utils/three/PointSelector/utils/contents.js";
+import "../../../Sculpt/utils/three/rayOnLine.js";
 import "@realsee/five";
 import "../../../shared-utils/animationFrame/index.js";
 import "../../../shared-utils/three/Extras/Core/Interpolations.js";

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

@@ -1,5 +1,5 @@
 import * as THREE from 'three';
-import { type OcclusionStyle, type LineStyle, type lengthConfig, type DisplayInfoConfig } from '../typings/style';
+import { type OcclusionStyle, type LineStyle, type LengthConfig, type DisplayInfoConfig, type Color } from '../typings/style';
 import { type AnyPositions } from '../../shared-utils/positionToVector3';
 import { IObject3D } from '../../shared-utils/three/IObject3D';
 import type { PointsData } from '../utils/data';
@@ -8,7 +8,7 @@ import { LineGeometry } from '../../shared-utils/three/core/LineGeometry';
 import { THREE_Line2 } from '../../shared-utils/three/core/Line2';
 export type LineMeshStyle = LineStyle & {
     dashed?: boolean;
-} & OcclusionStyle & Partial<lengthConfig> & Partial<DisplayInfoConfig>;
+} & OcclusionStyle & Partial<LengthConfig> & Partial<DisplayInfoConfig>;
 export type LineData = PointsData;
 export declare class LineMesh extends IObject3D {
     name: string;
@@ -30,6 +30,7 @@ export declare class LineMesh extends IObject3D {
     protected line1: THREE_Line2;
     protected line2: THREE_Line2;
     private opacityBeforeHighlight;
+    private colorBeforeHighlight;
     private paramsStyle;
     private lastRenderDomItem;
     private _visible;
@@ -38,7 +39,9 @@ export declare class LineMesh extends IObject3D {
     setPoints(points: AnyPositions): void;
     setResolution(width: number, height: number): void;
     setStyle(params: Partial<LineMeshStyle>): void;
-    highlight(): void;
+    highlight(params?: {
+        color?: Color;
+    }): void;
     unhighlight(): void;
     private updateDomItems;
 }

package/libs/Sculpt/Meshes/Line.js

@@ -1,41 +1,41 @@
-var _ = Object.defineProperty, w = Object.defineProperties;
-var E = Object.getOwnPropertyDescriptors;
+var M = Object.defineProperty, H = Object.defineProperties;
+var w = Object.getOwnPropertyDescriptors;
 var T = Object.getOwnPropertySymbols;
-var b = Object.prototype.hasOwnProperty, v = Object.prototype.propertyIsEnumerable;
-var p = (r, n, e) => n in r ? _(r, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[n] = e, f = (r, n) => {
-  for (var e in n || (n = {}))
-    b.call(n, e) && p(r, e, n[e]);
+var E = Object.prototype.hasOwnProperty, b = Object.prototype.propertyIsEnumerable;
+var u = (r, l, e) => l in r ? M(r, l, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[l] = e, f = (r, l) => {
+  for (var e in l || (l = {}))
+    E.call(l, e) && u(r, e, l[e]);
   if (T)
-    for (var e of T(n))
-      v.call(n, e) && p(r, e, n[e]);
+    for (var e of T(l))
+      b.call(l, e) && u(r, e, l[e]);
   return r;
-}, g = (r, n) => w(r, E(n));
-var h = (r, n, e) => (p(r, typeof n != "symbol" ? n + "" : n, e), e);
+}, p = (r, l) => H(r, w(l));
+var h = (r, l, e) => (u(r, typeof l != "symbol" ? l + "" : l, e), e);
 import * as y from "three";
-import { DEFAULT_LINE_COLOR as D, DEFAULT_LINE_WIDTH as I, DEFAULT_HIGHLIGHT_OPACITY as H } from "../typings/style.js";
+import { DEFAULT_LINE_COLOR as v, DEFAULT_LINE_WIDTH as D, DEFAULT_HIGHLIGHT_OPACITY as I } from "../typings/style.js";
 import { anyPositionToVector3 as C } from "../../shared-utils/positionToVector3.js";
 import { IObject3D as O } from "../../shared-utils/three/IObject3D.js";
 import { LightTag as R } from "../../shared-utils/tag.js";
 import "../../vendor/hammerjs/hammer.js";
 import "../../shared-utils/three/PointSelector/index.js";
-import { centerPoint as W } from "../../shared-utils/three/centerPoint.js";
+import { centerPoint as x } from "../../shared-utils/three/centerPoint.js";
 import "../../shared-utils/three/CSS3DRenderer/index.js";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import { removeAllTag as x } from "../utils/removeAllTag.js";
-import { getLengthHTML as P } from "../utils/Meshes/getLengthHTML.js";
-import { localToWorld as L } from "../../shared-utils/three/applyObjectMatrixWorld.js";
+import { removeAllTag as W } from "../utils/removeAllTag.js";
+import { getLengthHTML as B } from "../utils/Meshes/getLengthHTML.js";
+import { localToWorld as _ } from "../../shared-utils/three/applyObjectMatrixWorld.js";
 import { LineGeometry as S } from "../../shared-utils/three/core/LineGeometry.js";
-import { LineMaterial as V } from "../../shared-utils/three/core/LineMaterial.js";
-import { THREE_Line2 as M } from "../../shared-utils/three/core/Line2.js";
-import { LineMaterial2 as A } from "../../shared-utils/three/core/LineMaterial2.js";
+import { LineMaterial as P } from "../../shared-utils/three/core/LineMaterial.js";
+import { THREE_Line2 as L } from "../../shared-utils/three/core/Line2.js";
+import { LineMaterial2 as V } from "../../shared-utils/three/core/LineMaterial2.js";
 import "../../shared-utils/three/core/Sphere.js";
 import "../../vendor/animejs/lib/anime.es.js";
-import { notNil as m } from "../../shared-utils/isNil.js";
+import { notNil as d } from "../../shared-utils/isNil.js";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../shared-utils/five/FivePuppet.js";
-class le extends O {
+class ne extends O {
   constructor(e) {
-    var l, c, a, d;
+    var n, m, a, c;
     super();
     h(this, "name", "LineMesh");
     h(this, "type", "Line2");
@@ -46,27 +46,28 @@ class le extends O {
     h(this, "line1");
     h(this, "line2");
     h(this, "opacityBeforeHighlight");
+    h(this, "colorBeforeHighlight");
     h(this, "paramsStyle", {});
     h(this, "lastRenderDomItem");
     h(this, "_visible", !0);
     this.paramsStyle = f({ dashed: !1 }, e), this.geometry = new S();
     const i = {
-      color: new y.Color((l = e == null ? void 0 : e.lineColor) != null ? l : D),
-      linewidth: (c = e == null ? void 0 : e.lineWidth) != null ? c : I,
+      color: new y.Color((n = e == null ? void 0 : e.lineColor) != null ? n : v),
+      linewidth: (m = e == null ? void 0 : e.lineWidth) != null ? m : D,
       dashScale: 40,
       opacity: (a = e == null ? void 0 : e.lineOpacity) != null ? a : 1,
       depthWrite: !1,
       transparent: !0
-    }, t = new V(g(f({}, i), { dashed: !1, depthTest: !0 })), s = new A(g(f({}, i), { dashed: !0, depthTest: !1 }));
-    if (this.line1 = new M(this.geometry, t), this.line2 = new M(this.geometry, s), this.line1.renderOrder = 2, this.line2.renderOrder = 2, this.line1.name = "line1", this.line2.name = "line2", this.add(this.line1), this.five) {
-      const o = (d = this.five.renderer) == null ? void 0 : d.getSize(new y.Vector2());
+    }, t = new P(p(f({}, i), { dashed: !1, depthTest: !0 })), s = new V(p(f({}, i), { dashed: !0, depthTest: !1 }));
+    if (this.line1 = new L(this.geometry, t), this.line2 = new L(this.geometry, s), this.line1.renderOrder = 2, this.line2.renderOrder = 2, this.line1.name = "line1", this.line2.name = "line2", this.add(this.line1), this.five) {
+      const o = (c = this.five.renderer) == null ? void 0 : c.getSize(new y.Vector2());
       o && this.setResolution(o.width, o.height);
     }
     e && this.setStyle(e), e != null && e.points && this.setPoints(e.points), this.addEventListener("removed", () => {
-      x(this);
+      W(this);
     }), Object.defineProperty(this, "visible", {
       set: (o) => {
-        this.doms && this.doms.forEach((u) => u.container.style.display = o ? "block" : "none"), this._visible = o;
+        this.doms && this.doms.forEach((g) => g.container.style.display = o ? "block" : "none"), this._visible = o;
       },
       get: () => this._visible
     });
@@ -119,14 +120,14 @@ class le extends O {
   updateMatrixWorld(e) {
     var i;
     if (super.updateMatrixWorld(e), this.points) {
-      const t = (i = L(this, this.points)) == null ? void 0 : i.map((s) => s.toArray().join(",")).join(",");
+      const t = (i = _(this, this.points)) == null ? void 0 : i.map((s) => s.toArray().join(",")).join(",");
       t !== this.lastRenderDomItem && (this.updateDomItems(), this.lastRenderDomItem = t);
     }
   }
   setPoints(e) {
     if (this.points.length === 0 && e.length === 0)
       return;
-    const i = e.map(C).filter(m);
+    const i = e.map(C).filter(d);
     if (this.points = i, i.length < 2) {
       const s = new S();
       this.line1.geometry = s, this.line2.geometry = s, this.updateDomItems();
@@ -147,20 +148,30 @@ class le extends O {
     (s.x !== e || s.y !== i) && (s.set(e, i), this.needsRender = !0);
   }
   setStyle(e) {
-    var s, l, c, a;
-    if (this.paramsStyle = f(f({}, this.paramsStyle), e), m(e.lineColor)) {
-      const d = new y.Color(e.lineColor);
-      this.line1.material.three_color = d, this.line2.material.three_color = d;
+    var s, n, m, a;
+    if (this.paramsStyle = f(f({}, this.paramsStyle), e), d(e.lineColor)) {
+      const c = new y.Color(e.lineColor);
+      this.line1.material.three_color = c, this.line2.material.three_color = c;
+    }
+    d(e.lineWidth) && (this.line1.material.linewidth = e.lineWidth, this.line2.material.linewidth = e.lineWidth), d(e.dashed) && (this.line1.material.dashed = e.dashed), d(e.lineOpacity) && (this.line1.material.opacity = e.lineOpacity, this.line2.material.opacity = e.lineOpacity), this.updateDomItems();
+    const i = (n = (s = e.occlusionVisibility) != null ? s : this.paramsStyle.occlusionVisibility) != null ? n : !0, t = (a = (m = e.occlusionMode) != null ? m : this.paramsStyle.occlusionMode) != null ? a : "translucence";
+    i ? this.dashed ? (this.remove(this.line2), this.line1.material.dashed = !0, this.line1.material.depthTest = !1) : t === "depthTest" ? (this.remove(this.line2), this.line1.material.dashed = !1, this.line1.material.depthTest = !1) : t === "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.needsRender = !0;
+  }
+  highlight(e) {
+    if (!this.highlighted) {
+      if (this.highlighted = !0, e != null && e.color) {
+        const i = new y.Color(e.color);
+        this.colorBeforeHighlight = this.line1.material.three_color, this.line1.material.three_color = i, this.line2.material.three_color = i;
+      } else {
+        this.opacityBeforeHighlight = this.line1.material.opacity;
+        const i = this.opacityBeforeHighlight * I;
+        this.line1.material.opacity = i, this.line2.material.opacity = i;
+      }
+      this.needsRender = !0;
     }
-    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();
-    const i = (l = (s = e.occlusionVisibility) != null ? s : this.paramsStyle.occlusionVisibility) != null ? l : !0, t = (a = (c = e.occlusionMode) != null ? c : this.paramsStyle.occlusionMode) != null ? a : "translucence";
-    i ? t === "depthTest" || this.dashed ? (this.remove(this.line2), this.line1.material.depthTest = !1) : t === "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.needsRender = !0;
-  }
-  highlight() {
-    this.highlighted || (this.highlighted = !0, this.opacityBeforeHighlight = this.line1.material.opacity, this.line1.material.opacity = this.opacityBeforeHighlight * H, this.line2.material.opacity = this.line1.material.opacity, this.needsRender = !0);
   }
   unhighlight() {
-    this.highlighted && (this.highlighted = !1, this.line1.material.opacity = this.opacityBeforeHighlight, this.line2.material.opacity = this.line1.material.opacity, this.needsRender = !0);
+    this.highlighted && (this.highlighted = !1, d(this.opacityBeforeHighlight) && (this.line1.material.opacity = this.opacityBeforeHighlight, this.line2.material.opacity = this.line1.material.opacity), d(this.colorBeforeHighlight) && (this.line1.material.three_color = this.colorBeforeHighlight, this.line2.material.three_color = this.colorBeforeHighlight), this.needsRender = !0);
   }
   updateDomItems() {
     const e = () => {
@@ -173,29 +184,29 @@ class le extends O {
     const i = this.points.map((t, s) => {
       if (s !== 0)
         return [this.points[s - 1], t];
-    }).filter(m).map((t) => L(this, t));
-    i.forEach(([t, s], l) => {
-      var d;
-      const c = W(t, s);
-      this.doms[l] = (d = this.doms[l]) != null ? d : (() => {
+    }).filter(d).map((t) => _(this, t));
+    i.forEach(([t, s], n) => {
+      var c;
+      const m = x(t, s);
+      this.doms[n] = (c = this.doms[n]) != null ? c : (() => {
         const o = new R(this.five);
         return o.intersectCheck = !1, o.simulate3D = !0, o;
-      })(), this.doms[l].setPosition(c, [t, s]);
+      })(), this.doms[n].setPosition(m, [t, s]);
       const a = (o) => {
-        var u;
-        this.doms[l].__text !== o && (this.doms[l].__text = o, o instanceof HTMLElement ? (this.doms[l].container.innerHTML = "", this.doms[l].container.appendChild(o)) : o ? this.doms[l].container.innerHTML = P(o, {
-          style: `color: #${m((u = this.style) == null ? void 0 : u.lineColor) ? new y.Color(this.style.lineColor).getHexString() : "ffffff"}`
-        }) : this.doms[l].container.innerHTML = "");
+        var g;
+        this.doms[n].__text !== o && (this.doms[n].__text = o, o instanceof HTMLElement ? (this.doms[n].container.innerHTML = "", this.doms[n].container.appendChild(o)) : o ? this.doms[n].container.innerHTML = B(o, {
+          style: `color: #${d((g = this.style) == null ? void 0 : g.lineColor) ? new y.Color(this.style.lineColor).getHexString() : "ffffff"}`
+        }) : this.doms[n].container.innerHTML = "");
       };
       if (this.paramsStyle.tip)
         a(this.paramsStyle.tip);
       else {
-        const o = t.distanceTo(s).toFixed(2);
-        a(o === "0.00" ? null : o + "m");
+        const o = t.distanceTo(s);
+        o.toFixed(2) === "0.00" ? a(null) : this.paramsStyle.lengthUnit === "m" ? a(o.toFixed(2) + "m") : this.paramsStyle.lengthUnit === "mm" && a((o * 1e3).toFixed(0) + "mm");
       }
     }), this.doms.length > i.length && (this.doms.slice(i.length).forEach((t) => t.destroy()), this.doms.length = i.length);
   }
 }
 export {
-  le as LineMesh
+  ne as LineMesh
 };

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

@@ -3,6 +3,7 @@ import { PointMesh } from './Point';
 import { LineMesh, type LineMeshStyle } from './Line';
 import { IObject3D } from '../../shared-utils/three/IObject3D';
 import type { PointsData } from '../utils/data';
+import type { Color } from '../typings/style';
 type Style = LineMeshStyle & {
     pointVisibility?: boolean | {
         startPoint?: boolean;
@@ -23,7 +24,9 @@ export declare class LineWithDotsMesh extends LineMesh {
     constructor(params?: Partial<Style & PointsData>);
     setPoints(points: AnyPositions): void;
     setStyle: (style: Partial<Style>) => void;
-    highlight: () => void;
+    highlight: (params?: {
+        color?: Color;
+    }) => void;
     unhighlight: () => void;
     private updateEdgePointsVisibility;
 }

package/libs/Sculpt/Meshes/LineWithDots.js

@@ -2,7 +2,7 @@ var u = Object.defineProperty, d = Object.defineProperties;
 var g = Object.getOwnPropertyDescriptors;
 var y = Object.getOwnPropertySymbols;
 var f = Object.prototype.hasOwnProperty, c = Object.prototype.propertyIsEnumerable;
-var n = (s, i, t) => i in s ? u(s, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[i] = t, o = (s, i) => {
+var n = (s, i, t) => i in s ? u(s, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[i] = t, h = (s, i) => {
   for (var t in i || (i = {}))
     f.call(i, t) && n(s, t, i[t]);
   if (y)
@@ -33,10 +33,10 @@ class T extends S {
     e(this, "pointGroup", new M());
     e(this, "_paramsStyle");
     e(this, "setStyle", (t) => {
-      super.setStyle(t), this._paramsStyle = o(o({}, this._paramsStyle), t), this.pointMeshes.forEach((h) => h.setStyle(r(o({}, this._paramsStyle), { color: t.lineColor, tip: void 0 }))), this.updateEdgePointsVisibility(), this.needsRender = !0;
+      super.setStyle(t), this._paramsStyle = h(h({}, this._paramsStyle), t), this.pointMeshes.forEach((o) => o.setStyle(r(h({}, this._paramsStyle), { color: t.lineColor, tip: void 0 }))), this.updateEdgePointsVisibility(), this.needsRender = !0;
     });
-    e(this, "highlight", () => {
-      super.highlight(), this.pointMeshes.forEach((t) => t.highlight());
+    e(this, "highlight", (t) => {
+      super.highlight(t), this.pointMeshes.forEach((o) => o.highlight());
     });
     e(this, "unhighlight", () => {
       super.unhighlight(), this.pointMeshes.forEach((t) => t.unhighlight());
@@ -61,10 +61,10 @@ class T extends S {
   }
   setPoints(t) {
     super.setPoints(t);
-    const h = t.map(b).filter(a);
-    this.pointGroup.removeChildren(), this.addIfNotExists(this.pointGroup), h.forEach((m) => {
+    const o = t.map(b).filter(a);
+    this.pointGroup.removeChildren(), this.addIfNotExists(this.pointGroup), o.forEach((m) => {
       var l;
-      const p = new P(r(o({}, this.style), { color: (l = this._paramsStyle) == null ? void 0 : l.lineColor, tip: void 0 }));
+      const p = new P(r(h({}, this.style), { color: (l = this._paramsStyle) == null ? void 0 : l.lineColor, tip: void 0 }));
       p.position.copy(m), this.pointGroup.add(p);
     }), this.updateEdgePointsVisibility(), this.needsRender = !0;
   }