@realsee/dnalogel 3.64.12 → 3.64.14

package/libs/Sculpt/Meshes/Line.js

@@ -1,88 +1,88 @@
-var M = Object.defineProperty, w = Object.defineProperties;
-var D = Object.getOwnPropertyDescriptors;
-var E = Object.getOwnPropertySymbols;
-var b = Object.prototype.hasOwnProperty, v = 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) => {
+var b = Object.defineProperty, v = Object.defineProperties;
+var I = Object.getOwnPropertyDescriptors;
+var M = Object.getOwnPropertySymbols;
+var O = Object.prototype.hasOwnProperty, C = Object.prototype.propertyIsEnumerable;
+var H = (r, l, e) => l in r ? b(r, l, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[l] = e, y = (r, l) => {
   for (var e in l || (l = {}))
-    b.call(l, e) && u(r, e, l[e]);
-  if (E)
-    for (var e of E(l))
-      v.call(l, e) && u(r, e, l[e]);
+    O.call(l, e) && H(r, e, l[e]);
+  if (M)
+    for (var e of M(l))
+      C.call(l, e) && H(r, e, l[e]);
   return r;
-}, S = (r, l) => w(r, D(l));
-var o = (r, l, e) => (u(r, typeof l != "symbol" ? l + "" : l, e), e);
-import * as y from "three";
-import { DEFAULT_LINE_COLOR as I, DEFAULT_LINE_WIDTH as O, DEFAULT_HIGHLIGHT_OPACITY as C } from "../typings/style.js";
-import { anyPositionToVector3 as R } from "../../shared-utils/positionToVector3.js";
-import { IObject3D as B } from "../../shared-utils/three/IObject3D.js";
-import { LightTag as W } from "../../shared-utils/tag.js";
+}, _ = (r, l) => v(r, I(l));
+var s = (r, l, e) => (H(r, typeof l != "symbol" ? l + "" : l, e), e);
+import * as g from "three";
+import { DEFAULT_LINE_COLOR as R, DEFAULT_LINE_WIDTH as B, DEFAULT_HIGHLIGHT_OPACITY as W } from "../typings/style.js";
+import { anyPositionToVector3 as x } from "../../shared-utils/positionToVector3.js";
+import { IObject3D as V } from "../../shared-utils/three/IObject3D.js";
+import { LightTag as P } from "../../shared-utils/tag.js";
 import "../../vendor/hammerjs/hammer.js";
 import "../../shared-utils/three/PointSelector/index.js";
-import { centerPoint as x } from "../../shared-utils/three/centerPoint.js";
+import { centerPoint as j } from "../../shared-utils/three/centerPoint.js";
 import "../../shared-utils/three/CSS3DRenderer/index.js";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import { getLengthHTML as V } from "../utils/Meshes/getLengthHTML.js";
-import { localToWorld as L } from "../../shared-utils/three/applyObjectMatrixWorld.js";
-import { LineGeometry as H } from "../../shared-utils/three/core/LineGeometry.js";
-import { LineMaterial as P } from "../../shared-utils/three/core/LineMaterial.js";
-import { THREE_Line2 as T } from "../../shared-utils/three/core/Line2.js";
-import { LineMaterial2 as j } from "../../shared-utils/three/core/LineMaterial2.js";
-import { transformUnit as A } from "../utils/unit.js";
-import { RenderDom as p } from "../utils/renderDom.js";
+import { getLengthHTML as A } from "../utils/Meshes/getLengthHTML.js";
+import { localToWorld as w } from "../../shared-utils/three/applyObjectMatrixWorld.js";
+import { LineGeometry as E } from "../../shared-utils/three/core/LineGeometry.js";
+import { LineMaterial as k } from "../../shared-utils/three/core/LineMaterial.js";
+import { THREE_Line2 as D } from "../../shared-utils/three/core/Line2.js";
+import { LineMaterial2 as z } from "../../shared-utils/three/core/LineMaterial2.js";
+import { transformUnit as F } from "../utils/unit.js";
+import { RenderDom as S } from "../utils/renderDom.js";
 import "../../shared-utils/three/core/Sphere.js";
 import "../../vendor/animejs/lib/anime.es.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 ae extends B {
+class me extends V {
   constructor(e) {
-    var h, m, c, a;
+    var c, n, m, a;
     super();
-    o(this, "name", "LineMesh");
-    o(this, "type", "Line2");
-    o(this, "object");
-    o(this, "points", []);
-    o(this, "doms", []);
-    o(this, "highlighted", !1);
-    o(this, "_geometry");
-    o(this, "line1");
-    o(this, "line2");
-    o(this, "opacityBeforeHighlight");
-    o(this, "colorBeforeHighlight");
-    o(this, "paramsStyle", {});
-    o(this, "lastRenderDomItem");
-    o(this, "_onAdded", () => {
+    s(this, "name", "LineMesh");
+    s(this, "type", "Line2");
+    s(this, "object");
+    s(this, "points", []);
+    s(this, "doms", []);
+    s(this, "highlighted", !1);
+    s(this, "_geometry");
+    s(this, "line1");
+    s(this, "line2");
+    s(this, "opacityBeforeHighlight");
+    s(this, "colorBeforeHighlight");
+    s(this, "paramsStyle", {});
+    s(this, "lastRenderDomItem");
+    s(this, "_onAdded", () => {
       this.doms.length === 0 && this.paramsStyle.lengthEnable && this.updateDomItems();
     });
-    o(this, "_onRemoved", () => {
+    s(this, "_onRemoved", () => {
       this.doms.forEach((e) => e.destroy()), this.doms = [];
     });
-    o(this, "_onShowed", () => {
+    s(this, "_onShowed", () => {
       this.doms.forEach((e) => e.container.style.display = "block");
     });
-    o(this, "_onHidden", () => {
+    s(this, "_onHidden", () => {
       this.doms.forEach((e) => e.container.style.display = "none");
     });
-    this.paramsStyle = f({ dashed: !1, lineOpacity: 1 }, e), this.geometry = new H();
-    const s = {
-      color: new y.Color((h = e == null ? void 0 : e.lineColor) != null ? h : I),
-      linewidth: (m = e == null ? void 0 : e.lineWidth) != null ? m : O,
+    this.paramsStyle = y({ dashed: !1, lineOpacity: 1 }, e), this.geometry = new E();
+    const i = {
+      color: new g.Color((c = e == null ? void 0 : e.lineColor) != null ? c : R),
+      linewidth: (n = e == null ? void 0 : e.lineWidth) != null ? n : B,
       dashScale: 1,
       dashSize: 0.02,
       gapSize: 0.02,
-      opacity: (c = e == null ? void 0 : e.lineOpacity) != null ? c : 1,
+      opacity: (m = e == null ? void 0 : e.lineOpacity) != null ? m : 1,
       depthWrite: !1,
       transparent: !0
-    }, i = new P(S(f({}, s), { dashed: !1, depthTest: !0 })), t = new j(S(f({}, s), { dashed: !0, depthTest: !1 }));
-    if (this.line1 = new T(this.geometry, i), this.line2 = new T(this.geometry, t), this.line1.renderOrder = 2, this.line2.renderOrder = 2, this.line1.name = "line1", this.line2.name = "line2", this.add(this.line1), this.five) {
-      const n = (a = this.five.renderer) == null ? void 0 : a.getSize(new y.Vector2());
-      n && this.setResolution(n.width, n.height);
+    }, o = new k(_(y({}, i), { dashed: !1, depthTest: !0 })), t = new z(_(y({}, i), { dashed: !0, depthTest: !1 }));
+    if (this.line1 = new D(this.geometry, o), this.line2 = new D(this.geometry, t), this.line1.renderOrder = 2, this.line2.renderOrder = 2, this.line1.name = "line1", this.line2.name = "line2", this.add(this.line1), this.five) {
+      const f = (a = this.five.renderer) == null ? void 0 : a.getSize(new g.Vector2());
+      f && this.setResolution(f.width, f.height);
     }
     e && this.setStyle(e), e != null && e.points && this.setPoints(e.points), this.addEventListener("removed", () => {
-      p.cacheObject.delete(this), p.checkDom(this);
+      S.cacheObject.delete(this), S.checkDom(this);
     }), this.addEventListener("added", () => {
-      p.cacheObject.add(this);
-    }), p.checkDomEveryFrame();
+      S.cacheObject.add(this);
+    }), S.checkDomEveryFrame();
   }
   get style() {
     return {
@@ -106,7 +106,7 @@ class ae extends B {
   }
   get color() {
     var e;
-    return new y.Color((e = this.line1.material.three_color) != null ? e : this.paramsStyle.lineColor);
+    return new g.Color((e = this.line1.material.three_color) != null ? e : this.paramsStyle.lineColor);
   }
   get dashed() {
     return this.paramsStyle.dashed;
@@ -118,65 +118,65 @@ class ae extends B {
     return this.paramsStyle.occlusionMode;
   }
   get five() {
-    var s, i;
-    const e = (i = (s = window.globalModules) == null ? void 0 : s.five) != null ? i : window.$five;
+    var i, o;
+    const e = (o = (i = window.globalModules) == null ? void 0 : i.five) != null ? o : window.$five;
     return e || console.error("请先调用 Sculpt.modules.init(five) "), e;
   }
   set geometry(e) {
-    var s;
-    this._geometry = e, this.line1 && (this.line1.geometry = e), this.line2 && (this.line2.geometry = e), (s = this.line1) == null || s.computeLineDistances();
+    var i;
+    this._geometry = e, this.line1 && (this.line1.geometry = e), this.line2 && (this.line2.geometry = e), (i = this.line1) == null || i.computeLineDistances();
   }
   get geometry() {
     return this._geometry;
   }
   updateMatrixWorld(e) {
-    var s;
+    var i;
     if (super.updateMatrixWorld(e), this.points) {
-      const i = (s = L(this, this.points)) == null ? void 0 : s.map((t) => t.toArray().join(",")).join(",");
-      i !== this.lastRenderDomItem && (this.updateDomItems(), this.lastRenderDomItem = i);
+      const o = (i = w(this, this.points)) == null ? void 0 : i.map((t) => t.toArray().join(",")).join(",");
+      o !== this.lastRenderDomItem && (this.updateDomItems(), this.lastRenderDomItem = o);
     }
   }
   setPoints(e) {
     if (this.points.length === 0 && e.length === 0)
       return;
-    const s = e.map(R).filter(d);
-    if (this.points = s, s.length < 2) {
-      const t = new H();
+    const i = e.map(x).filter(d);
+    if (this.points = i, i.length < 2) {
+      const t = new E();
       this.line1.geometry = t, this.line2.geometry = t, this.updateDomItems();
       return;
     }
-    const i = s.flatMap((t) => [t.x, t.y, t.z]);
-    if (i.length > 2) {
+    const o = i.flatMap((t) => [t.x, t.y, t.z]);
+    if (o.length > 2) {
       this.line1.geometry.dispose();
-      const t = new H();
+      const t = new E();
       this.line1.geometry = t, this.line2.geometry = t;
     }
-    this.line1.geometry.setPositions(i), this.line1.computeLineDistances(), this.updateDomItems(), this.needsRender = !0;
+    this.line1.geometry.setPositions(o), this.line1.computeLineDistances(), this.updateDomItems(), this.needsRender = !0;
   }
-  setResolution(e, s) {
-    const i = this.line1.material.resolution;
-    (i.x !== e || i.y !== s) && (i.set(e, s), this.needsRender = !0);
+  setResolution(e, i) {
+    const o = this.line1.material.resolution;
+    (o.x !== e || o.y !== i) && (o.set(e, i), this.needsRender = !0);
     const t = this.line2.material.resolution;
-    (t.x !== e || t.y !== s) && (t.set(e, s), this.needsRender = !0);
+    (t.x !== e || t.y !== i) && (t.set(e, i), this.needsRender = !0);
   }
   setStyle(e) {
-    var t, h, m, c;
-    if (this.paramsStyle = f(f({}, this.paramsStyle), e), d(e.lineColor)) {
-      const a = new y.Color(e.lineColor);
+    var t, c, n, m;
+    if (this.paramsStyle = y(y({}, this.paramsStyle), e), d(e.lineColor)) {
+      const a = new g.Color(e.lineColor);
       this.line1.material.three_color = a, this.line2.material.three_color = a;
     }
-    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 s = (h = (t = e.occlusionVisibility) != null ? t : this.paramsStyle.occlusionVisibility) != null ? h : !0, i = (c = (m = e.occlusionMode) != null ? m : this.paramsStyle.occlusionMode) != null ? c : "translucence";
-    s ? this.dashed ? (this.remove(this.line2), this.line1.material.dashed = !0, this.line1.material.depthTest = !1) : i === "depthTest" ? (this.remove(this.line2), this.line1.material.dashed = !1, this.line1.material.depthTest = !1) : i === "translucence" && (this.line1.material.depthTest = !0, this.line2.material.depthTest = !1, this.line1.material.dashed = !0, this.line2.material.dashed = !0, this.addIfNotExists(this.line2)) : (this.remove(this.line2), this.line1.material.depthTest = !0, this.line1.material.dashed = this.paramsStyle.dashed), this.doms.forEach((a) => a.intersectCheck = !s), this.needsRender = !0;
+    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({ force: !0 });
+    const i = (c = (t = e.occlusionVisibility) != null ? t : this.paramsStyle.occlusionVisibility) != null ? c : !0, o = (m = (n = e.occlusionMode) != null ? n : this.paramsStyle.occlusionMode) != null ? m : "translucence";
+    i ? this.dashed ? (this.remove(this.line2), this.line1.material.dashed = !0, this.line1.material.depthTest = !1) : o === "depthTest" ? (this.remove(this.line2), this.line1.material.dashed = !1, this.line1.material.depthTest = !1) : o === "translucence" && (this.line1.material.depthTest = !0, this.line2.material.depthTest = !1, this.line1.material.dashed = !0, this.line2.material.dashed = !0, this.addIfNotExists(this.line2)) : (this.remove(this.line2), this.line1.material.depthTest = !0, this.line1.material.dashed = this.paramsStyle.dashed), this.doms.forEach((a) => a.intersectCheck = !i), this.needsRender = !0;
   }
   highlight(e) {
-    var s, i;
+    var i, o;
     if (this.highlighted = !0, e != null && e.color) {
-      const t = new y.Color(e.color);
-      this.colorBeforeHighlight = (s = this.colorBeforeHighlight) != null ? s : this.line1.material.three_color, this.line1.material.three_color = t, this.line2.material.three_color = t;
+      const t = new g.Color(e.color);
+      this.colorBeforeHighlight = (i = this.colorBeforeHighlight) != null ? i : this.line1.material.three_color, this.line1.material.three_color = t, this.line2.material.three_color = t;
     } else {
-      this.opacityBeforeHighlight = (i = this.opacityBeforeHighlight) != null ? i : this.line1.material.opacity;
-      const t = this.opacityBeforeHighlight * C;
+      this.opacityBeforeHighlight = (o = this.opacityBeforeHighlight) != null ? o : this.line1.material.opacity;
+      const t = this.opacityBeforeHighlight * W;
       this.line1.material.opacity = t, this.line2.material.opacity = t;
     }
     this.needsRender = !0;
@@ -184,41 +184,42 @@ class ae extends B {
   unhighlight() {
     this.highlighted && (this.highlighted = !1, d(this.opacityBeforeHighlight) && (this.line1.material.opacity = this.opacityBeforeHighlight, this.line2.material.opacity = this.line1.material.opacity, this.opacityBeforeHighlight = void 0), d(this.colorBeforeHighlight) && (this.line1.material.three_color = this.colorBeforeHighlight, this.line2.material.three_color = this.colorBeforeHighlight, this.colorBeforeHighlight = void 0), this.needsRender = !0);
   }
-  updateDomItems() {
-    const e = () => {
-      this.doms.forEach((i) => i.destroy()), this.doms = [];
+  updateDomItems(e) {
+    const i = () => {
+      this.doms.forEach((t) => t.destroy()), this.doms = [];
     };
     if (!this.points || this.points.length < 2 || !this.paramsStyle.lengthEnable && !this.paramsStyle.tip)
-      return e();
+      return i();
     if (!this.five)
       return console.error("Five not found");
-    const s = this.points.map((i, t) => {
-      if (t !== 0)
-        return [this.points[t - 1], i];
-    }).filter(d).map((i) => L(this, i));
-    s.forEach(([i, t], h) => {
-      var a;
-      const m = x(i, t);
-      this.doms[h] = (a = this.doms[h]) != null ? a : (() => {
-        var _;
-        const n = new W(this.five), g = (_ = this.paramsStyle.occlusionVisibility) != null ? _ : !0;
-        return n.intersectCheck = !g, n.simulate3D = !0, n;
-      })(), this.doms[h].setPosition(m, [i, t]);
-      const c = (n) => {
-        var g;
-        this.doms[h].__text !== n && (this.doms[h].__text = n, n instanceof HTMLElement ? (this.doms[h].container.innerHTML = "", this.doms[h].container.appendChild(n)) : n ? this.doms[h].container.innerHTML = V(n, {
-          style: `color: #${d((g = this.style) == null ? void 0 : g.lineColor) ? new y.Color(this.style.lineColor).getHexString() : "ffffff"}; ${this.paramsStyle.cssStyle}`
-        }) : this.doms[h].container.innerHTML = "");
+    const o = this.points.map((t, c) => {
+      if (c !== 0)
+        return [this.points[c - 1], t];
+    }).filter(d).map((t) => w(this, t));
+    o.forEach(([t, c], n) => {
+      var f;
+      const m = j(t, c);
+      this.doms[n] = (f = this.doms[n]) != null ? f : (() => {
+        var p;
+        const h = new P(this.five), u = (p = this.paramsStyle.occlusionVisibility) != null ? p : !0;
+        return h.intersectCheck = !u, h.simulate3D = !0, h;
+      })(), this.doms[n].setPosition(m, [t, c]);
+      const a = (h, u) => {
+        var L, T;
+        const p = (L = u == null ? void 0 : u.force) != null ? L : !1;
+        this.doms[n].__text === h && !p || (this.doms[n].__text = h, h instanceof HTMLElement ? (this.doms[n].container.innerHTML = "", this.doms[n].container.appendChild(h)) : h ? this.doms[n].container.innerHTML = A(h, {
+          style: `color: #${d((T = this.style) == null ? void 0 : T.lineColor) ? new g.Color(this.style.lineColor).getHexString() : "ffffff"}; ${this.paramsStyle.cssStyle}`
+        }) : this.doms[n].container.innerHTML = "");
       };
       if (this.paramsStyle.tip)
-        c(this.paramsStyle.tip);
+        a(this.paramsStyle.tip, e);
       else {
-        const n = A(i.distanceTo(t), this.paramsStyle.lengthUnit);
-        c(n || null);
+        const h = F(t.distanceTo(c), this.paramsStyle.lengthUnit);
+        a(h || null, e);
       }
-    }), this.doms.length > s.length && (this.doms.slice(s.length).forEach((i) => i.destroy()), this.doms.length = s.length);
+    }), this.doms.length > o.length && (this.doms.slice(o.length).forEach((t) => t.destroy()), this.doms.length = o.length);
   }
 }
 export {
-  ae as LineMesh
+  me as LineMesh
 };

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

@@ -4,18 +4,22 @@ 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';
+import type { Overwrite } from '../../typings/utils.type';
 type Style = LineMeshStyle & {
     pointVisibility?: boolean | {
         startPoint?: boolean;
         endPoint?: boolean;
     };
+    pointColor?: Color;
 };
 /**
  * Represents a mesh that consists of a line with dots at the start and end points.
  */
 export declare class LineWithDotsMesh extends LineMesh {
     name: string;
-    pointGroup: IObject3D;
+    pointGroup: Overwrite<IObject3D, {
+        children: Array<PointMesh>;
+    }>;
     private _paramsStyle;
     get startPoint(): PointMesh;
     get endPoint(): PointMesh;

package/libs/Sculpt/Meshes/LineWithDots.js

@@ -1,39 +1,44 @@
-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, h = (s, i) => {
+var g = Object.defineProperty, f = Object.defineProperties;
+var S = Object.getOwnPropertyDescriptors;
+var u = Object.getOwnPropertySymbols;
+var c = Object.prototype.hasOwnProperty, b = Object.prototype.propertyIsEnumerable;
+var l = (s, i, t) => i in s ? g(s, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[i] = t, r = (s, i) => {
   for (var t in i || (i = {}))
-    f.call(i, t) && n(s, t, i[t]);
-  if (y)
-    for (var t of y(i))
-      c.call(i, t) && n(s, t, i[t]);
+    c.call(i, t) && l(s, t, i[t]);
+  if (u)
+    for (var t of u(i))
+      b.call(i, t) && l(s, t, i[t]);
   return s;
-}, r = (s, i) => d(s, g(i));
-var e = (s, i, t) => (n(s, typeof i != "symbol" ? i + "" : i, t), t);
-import { anyPositionToVector3 as b } from "../../shared-utils/positionToVector3.js";
-import { PointMesh as P } from "./Point.js";
+}, a = (s, i) => f(s, S(i));
+var e = (s, i, t) => (l(s, typeof i != "symbol" ? i + "" : i, t), t);
+import { anyPositionToVector3 as P } from "../../shared-utils/positionToVector3.js";
+import { PointMesh as M } from "./Point.js";
 import "../../shared-utils/tag.js";
 import "three";
 import "../../vendor/hammerjs/hammer.js";
 import "../../shared-utils/three/PointSelector/index.js";
 import "../../shared-utils/three/CSS3DRenderer/index.js";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import { LineMesh as S } from "./Line.js";
+import { LineMesh as _ } from "./Line.js";
 import "../../shared-utils/three/core/Sphere.js";
 import "../../vendor/animejs/lib/anime.es.js";
-import { notNil as a } 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";
-import { IObject3D as M } from "../../shared-utils/three/IObject3D.js";
-class T extends S {
+import { IObject3D as V } from "../../shared-utils/three/IObject3D.js";
+class q extends _ {
   constructor(t) {
     super();
     e(this, "name", "LineWithDotsMesh");
-    e(this, "pointGroup", new M());
+    e(this, "pointGroup", new V());
     e(this, "_paramsStyle");
     e(this, "setStyle", (t) => {
-      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;
+      super.setStyle(t), this._paramsStyle = r(r({}, this._paramsStyle), t), this.pointMeshes.forEach(
+        (o) => {
+          var p, h, n;
+          return o.setStyle(a(r({}, this._paramsStyle), { color: (n = (p = this._paramsStyle) == null ? void 0 : p.pointColor) != null ? n : (h = this._paramsStyle) == null ? void 0 : h.lineColor, tip: void 0 }));
+        }
+      ), this.updateEdgePointsVisibility(), this.needsRender = !0;
     });
     e(this, "highlight", (t) => {
       super.highlight(t), this.pointMeshes.forEach((o) => o.highlight());
@@ -43,7 +48,7 @@ class T extends S {
     });
     e(this, "updateEdgePointsVisibility", () => {
       var t;
-      a((t = this._paramsStyle) == null ? void 0 : t.pointVisibility) && (this.startPoint && (this.startPoint.visible = typeof this._paramsStyle.pointVisibility == "object" ? this._paramsStyle.pointVisibility.startPoint : this._paramsStyle.pointVisibility), this.endPoint && (this.endPoint.visible = typeof this._paramsStyle.pointVisibility == "object" ? this._paramsStyle.pointVisibility.endPoint : this._paramsStyle.pointVisibility));
+      d((t = this._paramsStyle) == null ? void 0 : t.pointVisibility) && (this.startPoint && (this.startPoint.visible = typeof this._paramsStyle.pointVisibility == "object" ? this._paramsStyle.pointVisibility.startPoint : this._paramsStyle.pointVisibility), this.endPoint && (this.endPoint.visible = typeof this._paramsStyle.pointVisibility == "object" ? this._paramsStyle.pointVisibility.endPoint : this._paramsStyle.pointVisibility));
     });
     this.add(this.pointGroup), t && this.setStyle(t), t != null && t.points && this.setPoints(t.points);
   }
@@ -61,14 +66,17 @@ class T extends S {
   }
   setPoints(t) {
     super.setPoints(t);
-    const o = t.map(b).filter(a);
-    this.pointGroup.removeChildren(), this.addIfNotExists(this.pointGroup), o.forEach((m) => {
-      var l;
-      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);
+    const o = t.map(P).filter(d);
+    this.pointGroup.removeChildren(), this.addIfNotExists(this.pointGroup), o.forEach((p) => {
+      var n, y, m;
+      const h = new M(a(r({}, this.style), {
+        color: (m = (n = this._paramsStyle) == null ? void 0 : n.pointColor) != null ? m : (y = this._paramsStyle) == null ? void 0 : y.lineColor,
+        tip: void 0
+      }));
+      h.position.copy(p), this.pointGroup.add(h);
     }), this.updateEdgePointsVisibility(), this.needsRender = !0;
   }
 }
 export {
-  T as LineWithDotsMesh
+  q as LineWithDotsMesh
 };

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

@@ -1,5 +1,5 @@
 import * as THREE from 'three';
-import { type ColorStyle, type DisplayInfoConfig, type OcclusionStyle } from '../typings/style';
+import { type ColorStyle, type DisplayInfoConfig, type OcclusionStyle, type OpacityStyle } from '../typings/style';
 import { IObject3D } from '../../shared-utils/three/IObject3D';
 import type { PointData } from '../utils/data';
 import { LightTag } from '../../shared-utils/tag';
@@ -7,7 +7,7 @@ export type { PointData } from '../utils/data';
 export declare const circleImageURL: string;
 export type PointStyle = ColorStyle & {
     size: number;
-} & OcclusionStyle & Partial<DisplayInfoConfig>;
+} & OcclusionStyle & Partial<DisplayInfoConfig> & OpacityStyle;
 export declare class PointMesh extends IObject3D {
     name: string;
     get color(): THREE.Color;
@@ -15,6 +15,7 @@ export declare class PointMesh extends IObject3D {
     get style(): {
         color: THREE.Color;
         size: number;
+        opacity: number;
         occlusionVisibility: boolean;
         occlusionMode: string;
     };