@realsee/dnalogel 3.43.0 → 3.44.0

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

@@ -1,29 +1,15 @@
 var v = Object.defineProperty;
-var u = (o, e, t) => e in o ? v(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
-var r = (o, e, t) => (u(o, typeof e != "symbol" ? e + "" : e, t), t);
+var u = (o, i, t) => i in o ? v(o, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[i] = t;
+var r = (o, i, t) => (u(o, typeof i != "symbol" ? i + "" : i, t), t);
 import "three";
 import "hammerjs";
-import "../../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
-import "../../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
-import "../../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "three/examples/jsm/renderers/CSS3DRenderer";
+import "@realsee/five/line";
 import "../../../shared-utils/three/THREESphere.js";
 import "animejs";
 import { requestAnimationFrameInterval as c } from "../../../shared-utils/animationFrame/index.js";
 import { ObjectPipe as h } from "./Pipe.js";
-import "../../../shared-utils/positionToVector3.js";
-import "../../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
-import "three/examples/jsm/renderers/CSS3DRenderer";
-import "../../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
-import "../../../shared-utils/util.js";
-import "../../../CSS3DRenderPlugin/utils/createResizeObserver.js";
-import "../../../CSS3DRenderPlugin/utils/even.js";
-import "../../../shared-utils/Subscribe.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 "../../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
-import "../../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+import "../../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../../shared-utils/animationFrame/BetterTween.js";
 import "../../../shared-utils/three/Extras/Curves/BezierCurve3.js";
 import "../../../shared-utils/three/Extras/Core/Interpolations.js";
@@ -47,7 +33,7 @@ const d = (
   }
 `
 );
-class K extends h {
+class x extends h {
   constructor(t) {
     super(t, d);
     /** 初始状态下，当前水管内的水流在整体管道上的位移
@@ -62,36 +48,36 @@ class K extends h {
     r(this, "flowAnimationDisposer", () => {
     });
   }
-  setInitialDisplacement(t, i = "backward") {
-    this.initialDisplacement = Math.abs(t) * (i === "forward" ? -1 : 1), this.moveFromOrigin(this.initialDisplacement);
+  setInitialDisplacement(t, e = "backward") {
+    this.initialDisplacement = Math.abs(t) * (e === "forward" ? -1 : 1), this.moveFromOrigin(this.initialDisplacement);
   }
   /** 水流移动「基于初始位置」
    * @description 因为贴图的运动与 u 的 uOffset 相反，比较反直觉，所以封装方法易于理解
    * @param displacement 位移：米 * 方向(向前 -> 正, 向后 -> 负)
    */
   moveFromOrigin(t) {
-    const i = t * this.uPreMeter;
-    return this.material.uniforms.uOffset.value = i, this.material.needsUpdate = !0, this.needsRender = !0, !0;
+    const e = t * this.uPreMeter;
+    return this.material.uniforms.uOffset.value = e, this.material.needsUpdate = !0, this.needsRender = !0, !0;
   }
   /** 水流移动「基于调整管道差值之后的位置」
    *
    * @param distance 位移：米 * 方向
    */
   moveForwardFromInitialOffset(t) {
-    const i = t * -1, m = this.initialDisplacement + i;
-    this.moveFromOrigin(m);
+    const e = t * -1, n = this.initialDisplacement + e;
+    this.moveFromOrigin(n);
   }
   flow() {
     this.flowAnimationDisposer(), this.oldTime = (/* @__PURE__ */ new Date()).getTime();
-    let t = 0, i = 0;
-    const m = c(() => {
-      const n = (/* @__PURE__ */ new Date()).getTime(), s = n - this.oldTime, a = this.flowSpeed * (s / 1e3), l = this.rotateSpeed * (s / 1e3);
-      t = t + a, i = i + l;
-      const p = 1 / 360, f = i * p;
-      this.material.uniforms.vOffset.value = f, this.moveForwardFromInitialOffset(t), this.oldTime = n;
+    let t = 0, e = 0;
+    const n = c(() => {
+      const s = (/* @__PURE__ */ new Date()).getTime(), a = s - this.oldTime, m = this.flowSpeed * (a / 1e3), l = this.rotateSpeed * (a / 1e3);
+      t = t + m, e = e + l;
+      const f = 1 / 360, p = e * f;
+      this.material.uniforms.vOffset.value = p, this.moveForwardFromInitialOffset(t), this.oldTime = s;
     });
     this.flowAnimationDisposer = function() {
-      m(), this.moveForwardFromInitialOffset(0);
+      n(), this.moveForwardFromInitialOffset(0);
     };
   }
   stopFlow() {
@@ -105,5 +91,5 @@ class K extends h {
   }
 }
 export {
-  K as ObjectFlowPipe
+  x as ObjectFlowPipe
 };

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

@@ -1,48 +1,34 @@
-var s = Object.defineProperty;
-var n = (e, t, i) => t in e ? s(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i;
-var o = (e, t, i) => (n(e, typeof t != "symbol" ? t + "" : t, i), i);
+var o = Object.defineProperty;
+var a = (e, t, i) => t in e ? o(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i;
+var s = (e, t, i) => (a(e, typeof t != "symbol" ? t + "" : t, i), i);
 import "three";
 import "hammerjs";
-import "../../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
-import "../../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
-import "../../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "three/examples/jsm/renderers/CSS3DRenderer";
+import "@realsee/five/line";
 import "../../../shared-utils/three/THREESphere.js";
 import "animejs";
-import { tweenProgress as h } from "../../../shared-utils/animationFrame/BetterTween.js";
-import { ObjectPipe as a } from "./Pipe.js";
-import "../../../shared-utils/positionToVector3.js";
-import "../../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
-import "three/examples/jsm/renderers/CSS3DRenderer";
-import "../../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
-import "../../../shared-utils/util.js";
-import "../../../CSS3DRenderPlugin/utils/createResizeObserver.js";
-import "../../../CSS3DRenderPlugin/utils/even.js";
-import "../../../shared-utils/Subscribe.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 "../../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
-import "../../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+import { tweenProgress as n } from "../../../shared-utils/animationFrame/BetterTween.js";
+import { ObjectPipe as p } from "./Pipe.js";
+import "../../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 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 J extends a {
+class x extends p {
   constructor(i) {
     super(i);
-    o(this, "imageCount", 64);
-    o(this, "highlightAnime");
+    s(this, "imageCount", 64);
+    s(this, "highlightAnime");
   }
   highlight(i) {
     const r = (i == null ? void 0 : i.duration) || 500;
-    this.disposeAnime(), this.highlightAnime = h(r).onUpdate(({ progress: m }) => this.setOpacity(m)).yoyo(!0).repeat(1 / 0).play();
+    this.disposeAnime(), this.highlightAnime = n(r).onUpdate(({ progress: h }) => this.setOpacity(h)).yoyo(!0).repeat(1 / 0).play();
   }
   highlight1(i) {
     const r = (i == null ? void 0 : i.duration) || 2500;
-    this.disposeAnime(), this.highlightAnime = h(r).onUpdate(({ progress: m }) => {
-      const p = -(Math.ceil(m * this.imageCount) - 1) / this.imageCount;
-      this.material.uniforms.vOffset.value !== p && (this.material.uniforms.vOffset.value = p, this.material.needsUpdate = !0, this.needsRender = !0);
+    this.disposeAnime(), this.highlightAnime = n(r).onUpdate(({ progress: h }) => {
+      const m = -(Math.ceil(h * this.imageCount) - 1) / this.imageCount;
+      this.material.uniforms.vOffset.value !== m && (this.material.uniforms.vOffset.value = m, this.material.needsUpdate = !0, this.needsRender = !0);
     }).repeat(1 / 0).play();
   }
   disposeAnime() {
@@ -51,5 +37,5 @@ class J extends a {
   }
 }
 export {
-  J as ObjectHighlightPipe
+  x as ObjectHighlightPipe
 };

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

@@ -1,54 +1,40 @@
 var d = Object.defineProperty;
 var v = Object.getOwnPropertySymbols;
 var A = Object.prototype.hasOwnProperty, w = Object.prototype.propertyIsEnumerable;
-var f = (a, e, t) => e in a ? d(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t, y = (a, e) => {
+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(a, t, e[t]);
+    A.call(e, t) && f(o, t, e[t]);
   if (v)
     for (var t of v(e))
-      w.call(e, t) && f(a, t, e[t]);
-  return a;
+      w.call(e, t) && f(o, t, e[t]);
+  return o;
 };
-var m = (a, e, t) => (f(a, typeof e != "symbol" ? e + "" : e, t), t);
-var l = (a, e, t) => new Promise((i, s) => {
-  var o = (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) => {
     try {
-      n(t.next(p));
+      n(t.next(u));
     } catch (c) {
       s(c);
     }
-  }, r = (p) => {
+  }, r = (u) => {
     try {
-      n(t.throw(p));
+      n(t.throw(u));
     } catch (c) {
       s(c);
     }
-  }, n = (p) => p.done ? i(p.value) : Promise.resolve(p.value).then(o, r);
-  n((t = t.apply(a, e)).next());
+  }, n = (u) => u.done ? i(u.value) : Promise.resolve(u.value).then(a, r);
+  n((t = t.apply(o, e)).next());
 });
-import * as u from "three";
+import * as m from "three";
 import "hammerjs";
-import "../../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
-import "../../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
-import "../../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "three/examples/jsm/renderers/CSS3DRenderer";
+import "@realsee/five/line";
 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 "../../../shared-utils/positionToVector3.js";
-import "../../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
-import "three/examples/jsm/renderers/CSS3DRenderer";
-import "../../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
-import "../../../shared-utils/util.js";
-import "../../../CSS3DRenderPlugin/utils/createResizeObserver.js";
-import "../../../CSS3DRenderPlugin/utils/even.js";
-import "../../../shared-utils/Subscribe.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 "../../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
-import "../../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+import "../../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../../shared-utils/animationFrame/index.js";
 import "../../../shared-utils/three/Extras/Core/Interpolations.js";
 import "../../../shared-utils/three/Extras/Core/Interpolations2.js";
@@ -79,29 +65,29 @@ const C = (
   }
 `
 );
-class h extends u.Mesh {
+class h extends m.Mesh {
   constructor(t, i = O) {
     super();
-    m(this, "geometryConfig", {
+    p(this, "geometryConfig", {
       radius: 1.5 / 100,
       tubularSegments: 20,
       radialSegments: 8
     });
-    m(this, "customID");
-    m(this, "path");
-    m(this, "pathLength", 0);
-    m(this, "pathPoints");
-    m(this, "texture");
-    m(this, "opacityAnime");
+    p(this, "customID");
+    p(this, "path");
+    p(this, "pathLength", 0);
+    p(this, "pathPoints");
+    p(this, "texture");
+    p(this, "opacityAnime");
     /** u / m: 每米水管对应到贴图上，应该对应的 u 的长度 */
-    m(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((p) => new u.Vector3().fromArray(p))), this.pathLength = this.path.getLength(), this.texture = h.formatTexture(t.texture);
-    const { radius: s, tubularSegments: o, radialSegments: r } = this.geometryConfig, n = h.formatTexture(t.texture);
+    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);
     this.geometry = h.formatGeometryUV(
-      new u.TubeBufferGeometry(this.path, o, s, r),
+      new m.TubeBufferGeometry(this.path, a, s, r),
       this.pathLength,
       this.uPreMeter
-    ), this.material = new u.ShaderMaterial({
+    ), this.material = new m.ShaderMaterial({
       uniforms: {
         opacity: { value: 1 },
         uOffset: { value: 0 },
@@ -120,13 +106,13 @@ class h extends u.Mesh {
    * @description 两个控制点使用直线路径，多个控制点使用贝塞尔路径
    */
   static calculatePath(t) {
-    return t.length === 2 ? new u.LineCurve3(t[0], t[1]) : new x(t);
+    return t.length === 2 ? new m.LineCurve3(t[0], t[1]) : new x(t);
   }
   static formatGeometryUV(t, i, s) {
-    const o = t.getAttribute("uv");
-    for (let r = 0; r < o.count; r++) {
-      const n = o.getX(r) * i * s;
-      o.setX(r, n);
+    const a = t.getAttribute("uv");
+    for (let r = 0; r < a.count; r++) {
+      const n = a.getX(r) * i * s;
+      a.setX(r, n);
     }
     return t;
   }
@@ -134,12 +120,12 @@ class h extends u.Mesh {
    * 管道的 Texture 需要满足一定的要求，需要使用 formatTexture 先 format
    */
   static formatTexture(t) {
-    return t.wrapS = u.RepeatWrapping, t.wrapT = u.RepeatWrapping, t;
+    return t.wrapS = m.RepeatWrapping, t.wrapT = m.RepeatWrapping, t;
   }
   hide(t) {
     return l(this, null, function* () {
-      var o;
-      (o = this.opacityAnime) == null || o.dispose();
+      var a;
+      (a = this.opacityAnime) == null || a.dispose();
       const i = 0;
       if (typeof (t == null ? void 0 : t.duration) != "number")
         return this.setOpacity(i);
@@ -153,8 +139,8 @@ class h extends u.Mesh {
   }
   show(t) {
     return l(this, null, function* () {
-      var o;
-      (o = this.opacityAnime) == null || o.dispose();
+      var a;
+      (a = this.opacityAnime) == null || a.dispose();
       const i = 1;
       if (typeof (t == null ? void 0 : t.duration) != "number")
         return this.setOpacity(i);

package/libs/Sculpt/Meshes/Box.js

@@ -5,12 +5,12 @@ import { IObject3D as a } from "../../shared-utils/three/IObject3D.js";
 import { anyPositionToVector3 as c } from "../../shared-utils/positionToVector3.js";
 import "three";
 import "hammerjs";
-import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
-import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
-import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "three/examples/jsm/renderers/CSS3DRenderer";
+import "@realsee/five/line";
 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 {

package/libs/Sculpt/Meshes/Cylinder.js

@@ -13,17 +13,17 @@ var o = (i, e, t) => (n(i, typeof e != "symbol" ? e + "" : e, t), t);
 import { IObject3D as f } from "../../shared-utils/three/IObject3D.js";
 import * as h from "three";
 import "hammerjs";
-import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
-import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
-import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "three/examples/jsm/renderers/CSS3DRenderer";
+import { DEFAULT_HIGHLIGHT_OPACITY as M } from "../utils/color.js";
+import "@realsee/five/line";
+import { anyPositionToVector3 as d } from "../../shared-utils/positionToVector3.js";
 import "../../shared-utils/three/THREESphere.js";
 import "animejs";
-import { notNil as d } from "../../shared-utils/isNil.js";
-import { CircleWithEdgeMesh as g } from "./CircleWithEdge.js";
-import { radiusToSegments as M } from "../utils/radiusToSegments.js";
-import { ColoredMesh as y } from "../utils/three/ColoredMesh.js";
-import { anyPositionToVector3 as C } from "../../shared-utils/positionToVector3.js";
-import { DEFAULT_HIGHLIGHT_OPACITY as a } from "../utils/color.js";
+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 { radiusToSegments as y } from "../utils/radiusToSegments.js";
+import { ColoredMesh as a } from "../utils/three/ColoredMesh.js";
 class z extends f {
   constructor(t) {
     super();
@@ -33,7 +33,7 @@ class z extends f {
     o(this, "opacityBeforeHighlight");
     o(this, "highlighted", !1);
     o(this, "params");
-    this.params = t, this.bottomCircle = new g(t), this.bottomCircle.name = "bottomCircle", this.topCircle = new g(t), this.topCircle.name = "topCircle", this.edgeMesh = new y(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 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);
   }
   get bottomCenter() {
     return this.bottomCircle.center;
@@ -51,7 +51,7 @@ class z extends f {
     return this.bottomCircle.color;
   }
   setPoints(t) {
-    const r = C(t.topCenter), s = C(t.bottomCenter), m = r.clone().sub(s).normalize();
+    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;
   }
   setTopCenter(t) {
@@ -61,10 +61,10 @@ class z extends f {
     this.addIfNotExists(this.bottomCircle), this.bottomCircle.setPoints({ center: t, normal: this.normal, radius: this.radius }), this.setEdgeMesh();
   }
   setStyle(t) {
-    this.params = l(l({}, this.params), t), d(t.color) && this.bottomCircle.setStyle({ color: t.color }), d(t.color) && this.topCircle.setStyle({ color: t.color });
+    this.params = l(l({}, this.params), t), g(t.color) && this.bottomCircle.setStyle({ color: t.color }), g(t.color) && this.topCircle.setStyle({ color: t.color });
   }
   highlight() {
-    this.highlighted || (this.highlighted = !0, this.opacityBeforeHighlight = this.edgeMesh.opacity, this.edgeMesh.setStyle({ opacity: this.edgeMesh.opacity * a }), this.bottomCircle.highlight(), this.topCircle.highlight(), this.needsRender = !0);
+    this.highlighted || (this.highlighted = !0, this.opacityBeforeHighlight = this.edgeMesh.opacity, this.edgeMesh.setStyle({ opacity: this.edgeMesh.opacity * M }), this.bottomCircle.highlight(), this.topCircle.highlight(), this.needsRender = !0);
   }
   unhighlight() {
     this.highlighted && (this.highlighted = !1, this.edgeMesh.setStyle({ opacity: this.opacityBeforeHighlight }), this.bottomCircle.unhighlight(), this.topCircle.unhighlight(), this.needsRender = !0);
@@ -76,7 +76,7 @@ class z extends f {
       this.radius,
       this.radius,
       t.distanceTo(r),
-      M(this.radius),
+      y(this.radius),
       1,
       !0
     );

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

@@ -1,12 +1,30 @@
 import * as THREE from 'three';
-import { type OcclusionStyle, type LineStyle } from '../utils/color';
+import { type Color, type OcclusionStyle, type LineStyle } from '../utils/color';
+import { LineGeometry, LineMaterial, THREE_Line2 } from '../../shared-utils/five/FiveLine';
 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';
 export type LineMeshStyle = LineStyle & {
     dashed?: boolean;
 } & OcclusionStyle;
 export type LineData = PointsData;
+export declare class LineMaterial2 extends LineMaterial {
+    get three_color(): Color;
+    set three_color(value: Color);
+    /**
+     * @deprecated Use `setDashed` to set
+     */
+    dashed: boolean;
+    private _three_color;
+    constructor(params?: Merge<ConstructorParameters<typeof LineMaterial>[0], THREE.MeshBasicMaterialParameters>);
+    setDashed(dashed: boolean): void;
+}
+export declare class THREE_Line3 extends THREE_Line2 {
+    name: string;
+    material: LineMaterial2;
+    constructor(geometry: LineGeometry, material: LineMaterial2);
+}
 export declare class LineMesh extends IObject3D {
     name: string;
     points: THREE.Vector3[];

package/libs/Sculpt/Meshes/Line.js

@@ -1,34 +1,33 @@
-var k = Object.defineProperty;
-var y = Object.getOwnPropertySymbols;
-var E = Object.prototype.hasOwnProperty, w = Object.prototype.propertyIsEnumerable;
-var u = (o, n, e) => n in o ? k(o, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[n] = e, f = (o, n) => {
-  for (var e in n || (n = {}))
-    E.call(n, e) && u(o, e, n[e]);
-  if (y)
-    for (var e of y(n))
-      w.call(n, e) && u(o, e, n[e]);
+var E = Object.defineProperty;
+var a = Object.getOwnPropertySymbols;
+var w = Object.prototype.hasOwnProperty, H = Object.prototype.propertyIsEnumerable;
+var u = (o, l, e) => l in o ? E(o, l, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[l] = e, f = (o, l) => {
+  for (var e in l || (l = {}))
+    w.call(l, e) && u(o, e, l[e]);
+  if (a)
+    for (var e of a(l))
+      H.call(l, e) && u(o, e, l[e]);
   return o;
 };
-var s = (o, n, e) => (u(o, typeof n != "symbol" ? n + "" : n, e), e);
+var s = (o, l, e) => (u(o, typeof l != "symbol" ? l + "" : l, e), e);
 import * as d from "three";
-import { DEFAULT_LINE_COLOR as L, DEFAULT_LINE_WIDTH as H, DEFAULT_HIGHLIGHT_OPACITY as b } from "../utils/color.js";
-import { LineGeometry as _, LineMaterial as C, THREE_Line2 as D } from "../../shared-utils/five/FiveLine.js";
-import { anyPositionToVector3 as M } from "../../shared-utils/positionToVector3.js";
-import { IObject3D as R } from "../../shared-utils/three/IObject3D.js";
+import { DEFAULT_LINE_COLOR as b, DEFAULT_LINE_WIDTH as C, DEFAULT_HIGHLIGHT_OPACITY as _ } from "../utils/color.js";
+import { LineGeometry as k, LineMaterial as D, THREE_Line2 as M } 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";
 import "hammerjs";
-import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
-import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
-import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "three/examples/jsm/renderers/CSS3DRenderer";
 import "../../shared-utils/three/THREESphere.js";
 import "animejs";
 import { notNil as h } from "../../shared-utils/isNil.js";
-class S extends C {
+import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
+class S extends D {
   constructor(e) {
     var t, i;
     super(e);
     s(this, "_three_color");
-    h(e == null ? void 0 : e.color) && (this.three_color = (t = e == null ? void 0 : e.color) != null ? t : 16777215), Object.keys(e).forEach((l) => {
-      ["color", "dashed", "dashScale", "dashSize", "gapSize", "resolution"].includes(l) || l in this && (this[l] = e[l]);
+    h(e == null ? void 0 : e.color) && (this.three_color = (t = e == null ? void 0 : e.color) != null ? t : 16777215), Object.keys(e).forEach((n) => {
+      ["color", "dashed", "dashScale", "dashSize", "gapSize", "resolution"].includes(n) || n in this && (this[n] = e[n]);
     }), this.setDashed((i = e == null ? void 0 : e.dashed) != null ? i : !1);
   }
   get three_color() {
@@ -41,15 +40,15 @@ class S extends C {
     e ? this.defines.USE_DASH = "" : delete this.defines.USE_DASH, this.needsUpdate = !0;
   }
 }
-class T extends D {
+class T extends M {
   constructor(e, t) {
     super(e, t);
     s(this, "name", "Line3");
   }
 }
-class F extends R {
+class F extends x {
   constructor(e) {
-    var r, c, a, g;
+    var c, r, y, L, g;
     super();
     s(this, "name", "LineMesh");
     s(this, "points");
@@ -59,25 +58,25 @@ class F extends R {
     s(this, "opacityBeforeHighlight");
     s(this, "paramsStyle", {});
     this.paramsStyle = e != null ? e : {};
-    const t = new _(), i = new S({
-      color: new d.Color((r = e == null ? void 0 : e.lineColor) != null ? r : L),
-      linewidth: (c = e == null ? void 0 : e.lineWidth) != null ? c : H,
+    const t = new k(), i = new S({
+      color: new d.Color((c = e == null ? void 0 : e.lineColor) != null ? c : b),
+      linewidth: (r = e == null ? void 0 : e.lineWidth) != null ? r : C,
       dashScale: 40,
-      opacity: 1,
+      opacity: (y = e == null ? void 0 : e.opacity) != null ? y : 1,
       transparent: !0,
-      dashed: (a = e == null ? void 0 : e.dashed) != null ? a : !1
-    }), l = new S({
-      color: new d.Color((g = e == null ? void 0 : e.lineColor) != null ? g : L),
+      dashed: (L = e == null ? void 0 : e.dashed) != null ? L : !1
+    }), n = new S({
+      color: new d.Color((g = e == null ? void 0 : e.lineColor) != null ? g : b),
       linewidth: i == null ? void 0 : i.linewidth,
       dashScale: i.dashScale,
       depthTest: !1,
       depthWrite: !1,
       transparent: !0,
-      opacity: 0.2,
+      opacity: i.opacity * 0.2,
       dashed: i.dashed,
       resolution: i.resolution
     });
-    this.line = new T(t, i), this.backLine = new T(t, l), 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 T(t, i), this.backLine = new T(t, n), 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 lineWidth() {
     return this.line.material.linewidth;
@@ -95,27 +94,27 @@ class F extends R {
     return this.line.material.depthTest === !1 ? "depthTest" : "translucence";
   }
   setPoints(e) {
-    const t = e.map(M).filter(h);
+    const t = e.map(R).filter(h);
     if (this.points = t, t.length < 2)
       return;
     this.addIfNotExists(this.line, this.backLine);
-    const i = t.flatMap((l) => [l.x, l.y, l.z]);
-    i.length > 2 && (this.line.geometry.dispose(), this.line.geometry = new _(), this.backLine.geometry = this.line.geometry), this.line.geometry.setPositions(i), this.line.computeLineDistances(), this.needsRender = !0;
+    const i = t.flatMap((n) => [n.x, n.y, n.z]);
+    i.length > 2 && (this.line.geometry.dispose(), this.line.geometry = new k(), this.backLine.geometry = this.line.geometry), this.line.geometry.setPositions(i), this.line.computeLineDistances(), this.needsRender = !0;
   }
   setResolution(e, t) {
     const i = this.line.material.resolution;
     (i.x !== e || i.y !== t) && (i.set(e, t), this.needsRender = !0);
-    const l = this.backLine.material.resolution;
-    (l.x !== e || l.y !== t) && (l.set(e, t), this.needsRender = !0);
+    const n = this.backLine.material.resolution;
+    (n.x !== e || n.y !== t) && (n.set(e, t), this.needsRender = !0);
   }
   setStyle(e) {
-    var l, r, c;
-    this.paramsStyle = f(f({}, 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, this.backLine.material.linewidth = e.lineWidth), h(e.dashed) && (this.line.material.setDashed(e.dashed), this.backLine.material.setDashed(e.dashed));
-    const t = (l = e.occlusionVisibility) != null ? l : this.paramsStyle.occlusionVisibility, i = (c = (r = e.occlusionMode) != null ? r : this.paramsStyle.occlusionMode) != null ? c : "translucence";
+    var n, c, r;
+    this.paramsStyle = f(f({}, 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, this.backLine.material.linewidth = e.lineWidth), h(e.dashed) && (this.line.material.setDashed(e.dashed), this.backLine.material.setDashed(e.dashed)), h(e.opacity) && (this.line.material.opacity = e.opacity, this.backLine.material.opacity = e.opacity * 0.2);
+    const t = (n = e.occlusionVisibility) != null ? n : this.paramsStyle.occlusionVisibility, i = (r = (c = e.occlusionMode) != null ? c : this.paramsStyle.occlusionMode) != null ? r : "translucence";
     h(t) && (t ? i === "depthTest" ? (this.line.material.depthTest = !1, this.backLine.visible = !1) : i === "translucence" && (this.line.material.depthTest = !0, this.backLine.visible = !0) : (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 * b, this.backLine.material.opacity = this.backLine.material.opacity * b, this.needsRender = !0);
+    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);
   }
   unhighlight() {
     this.highlighted && (this.highlighted = !1, this.line.material.opacity = this.opacityBeforeHighlight, this.backLine.material.opacity = 0.2, this.needsRender = !0);

package/libs/Sculpt/Meshes/LineWithDots.js

@@ -15,15 +15,14 @@ import { anyPositionToVector3 as M } from "../../shared-utils/positionToVector3.
 import { PointMesh as m } from "./Point.js";
 import "three";
 import "hammerjs";
-import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
-import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
-import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "three/examples/jsm/renderers/CSS3DRenderer";
+import { LineMesh as V } from "./Line.js";
 import "../../shared-utils/three/THREESphere.js";
 import "animejs";
 import { notNil as u } from "../../shared-utils/isNil.js";
-import { LineMesh as V } from "./Line.js";
+import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import { IObject3D as E } from "../../shared-utils/three/IObject3D.js";
-class W extends V {
+class R extends V {
   constructor(t) {
     super();
     e(this, "name", "LineWithDotsMesh");
@@ -67,5 +66,5 @@ class W extends V {
   }
 }
 export {
-  W as LineWithDotsMesh
+  R as LineWithDotsMesh
 };