@realsee/dnalogel 3.20.7 → 3.21.0

package/libs/Sculpt/Meshes/Cylinder.js

@@ -0,0 +1,88 @@
+var u = Object.defineProperty;
+var c = Object.getOwnPropertySymbols;
+var p = Object.prototype.hasOwnProperty, b = Object.prototype.propertyIsEnumerable;
+var n = (i, e, t) => e in i ? u(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, l = (i, e) => {
+  for (var t in e || (e = {}))
+    p.call(e, t) && n(i, t, e[t]);
+  if (c)
+    for (var t of c(e))
+      b.call(e, t) && n(i, t, e[t]);
+  return i;
+};
+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 "@realsee/five";
+import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+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";
+class q extends f {
+  constructor(t) {
+    super();
+    o(this, "bottomCircle");
+    o(this, "topCircle");
+    o(this, "edgeMesh");
+    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);
+  }
+  get bottomCenter() {
+    return this.bottomCircle.center;
+  }
+  get topCenter() {
+    return this.topCircle.center;
+  }
+  get normal() {
+    return this.bottomCircle.normal;
+  }
+  get radius() {
+    return this.bottomCircle.radius;
+  }
+  get color() {
+    return this.bottomCircle.color;
+  }
+  setPoints(t) {
+    const r = C(t.topCenter), s = C(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) {
+    this.addIfNotExists(this.topCircle), this.topCircle.setPoints({ center: t, normal: this.normal, radius: this.radius }), this.setEdgeMesh();
+  }
+  setBottomCenter(t) {
+    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 });
+  }
+  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);
+  }
+  unhighlight() {
+    this.highlighted && (this.highlighted = !1, this.edgeMesh.setStyle({ opacity: this.opacityBeforeHighlight }), this.bottomCircle.unhighlight(), this.topCircle.unhighlight(), this.needsRender = !0);
+  }
+  setEdgeMesh() {
+    this.addIfNotExists(this.edgeMesh);
+    const t = this.topCircle.center, r = this.bottomCircle.center;
+    this.edgeMesh.geometry.dispose(), this.edgeMesh.geometry = new h.CylinderGeometry(
+      this.radius,
+      this.radius,
+      t.distanceTo(r),
+      M(this.radius),
+      1,
+      !0
+    );
+    const s = new h.Quaternion().setFromUnitVectors(new h.Vector3(0, 1, 0), this.normal.clone().normalize());
+    this.edgeMesh.position.copy(new h.Vector3().lerpVectors(r, t, 0.5)), this.edgeMesh.quaternion.copy(s);
+  }
+}
+export {
+  q as CylinderMesh
+};

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

@@ -0,0 +1,27 @@
+import * as THREE from 'three';
+import { type OcclusionStyle, type LineStyle } from '../utils/color';
+import { type AnyPositions } from '../../shared-utils/positionToVector3';
+import { IObject3D } from '../../shared-utils/three/IObject3D';
+import type { PointsData } from '../utils/data';
+export type LineMeshStyle = LineStyle & {
+    dashed?: boolean;
+} & OcclusionStyle;
+export type LineData = PointsData;
+export declare class LineMesh extends IObject3D {
+    name: string;
+    points: THREE.Vector3[];
+    get lineWidth(): number;
+    get color(): THREE.Color;
+    get dashed(): boolean;
+    get occlusionVisibility(): boolean;
+    protected highlighted: boolean;
+    private line;
+    private backLine;
+    private opacityBeforeHighlight;
+    constructor(params?: Partial<LineMeshStyle & LineData>);
+    setPoints(points: AnyPositions): void;
+    setResolution(width: number, height: number): void;
+    setStyle(params: Partial<LineMeshStyle>): void;
+    highlight(): void;
+    unhighlight(): void;
+}

package/libs/Sculpt/Meshes/Line.js

@@ -0,0 +1,108 @@
+var k = Object.defineProperty;
+var E = (h, o, e) => o in h ? k(h, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[o] = e;
+var l = (h, o, e) => (E(h, typeof o != "symbol" ? o + "" : o, e), e);
+import * as r from "three";
+import { DEFAULT_LINE_COLOR as g, DEFAULT_LINE_WIDTH as w, DEFAULT_HIGHLIGHT_OPACITY as L } from "../utils/color.js";
+import { LineGeometry as y, LineMaterial as a, THREE_Line2 as H } from "@realsee/five/line";
+import { anyPositionToVector3 as C } from "../../shared-utils/positionToVector3.js";
+import { IObject3D as D } from "../../shared-utils/three/IObject3D.js";
+import "hammerjs";
+import "@realsee/five";
+import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import { notNil as s } from "../../shared-utils/isNil.js";
+class b extends a {
+  constructor(e) {
+    var t, i;
+    super(e);
+    l(this, "_three_color");
+    s(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() {
+    return this._three_color;
+  }
+  set three_color(e) {
+    this._three_color = e, this.color = e;
+  }
+  setDashed(e) {
+    e ? this.defines.USE_DASH = "" : delete this.defines.USE_DASH, this.needsUpdate = !0;
+  }
+}
+class _ extends H {
+  constructor(e, t) {
+    super(e, t);
+    l(this, "name", "Line3");
+  }
+}
+class P extends D {
+  constructor(e) {
+    var c, d, f, u;
+    super();
+    l(this, "name", "LineMesh");
+    l(this, "points");
+    l(this, "highlighted", !1);
+    l(this, "line");
+    l(this, "backLine");
+    l(this, "opacityBeforeHighlight");
+    const t = new y(), i = new b({
+      color: new r.Color((c = e == null ? void 0 : e.lineColor) != null ? c : g),
+      linewidth: (d = e == null ? void 0 : e.lineWidth) != null ? d : w,
+      dashScale: 40,
+      opacity: 1,
+      transparent: !0,
+      dashed: (f = e == null ? void 0 : e.dashed) != null ? f : !1
+    }), n = new b({
+      color: new r.Color((u = e == null ? void 0 : e.lineColor) != null ? u : g),
+      linewidth: i == null ? void 0 : i.linewidth,
+      dashScale: i.dashScale,
+      depthTest: !1,
+      depthWrite: !1,
+      transparent: !0,
+      opacity: 0.2,
+      dashed: i.dashed,
+      resolution: i.resolution
+    });
+    this.line = new _(t, i), this.backLine = new _(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;
+  }
+  get color() {
+    return new r.Color(this.line.material.three_color);
+  }
+  get dashed() {
+    return this.line.material.dashed;
+  }
+  get occlusionVisibility() {
+    return this.backLine.visible;
+  }
+  setPoints(e) {
+    const t = e.map(C).filter(s);
+    if (this.points = t, t.length < 2)
+      return;
+    this.addIfNotExists(this.line, this.backLine);
+    const i = t.flatMap((n) => [n.x, n.y, n.z]);
+    i.length > 2 && (this.line.geometry.dispose(), this.line.geometry = new y(), 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 n = this.backLine.material.resolution;
+    (n.x !== e || n.y !== t) && (n.set(e, t), this.needsRender = !0);
+  }
+  setStyle(e) {
+    s(e.lineColor) && (this.line.material.three_color = new r.Color(e.lineColor), this.backLine.material.three_color = new r.Color(e.lineColor)), s(e.lineWidth) && (this.line.material.linewidth = e.lineWidth, this.backLine.material.linewidth = e.lineWidth), s(e.dashed) && (this.line.material.setDashed(e.dashed), this.backLine.material.setDashed(e.dashed)), s(e.occlusionVisibility) && (this.backLine.visible = e.occlusionVisibility), this.needsRender = !0;
+  }
+  highlight() {
+    this.highlighted || (this.highlighted = !0, this.opacityBeforeHighlight = this.line.material.opacity, this.line.material.opacity = this.opacityBeforeHighlight * L, this.backLine.material.opacity = this.backLine.material.opacity * L, this.needsRender = !0);
+  }
+  unhighlight() {
+    this.highlighted && (this.highlighted = !1, this.line.material.opacity = this.opacityBeforeHighlight, this.backLine.material.opacity = 0.2, this.needsRender = !0);
+  }
+}
+export {
+  P as LineMesh
+};

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

@@ -0,0 +1,30 @@
+import { type AnyPositions } from '../../shared-utils/positionToVector3';
+import { PointMesh } from './Point';
+import { LineMesh, type LineMeshStyle } from './Line';
+import { IObject3D } from '../../shared-utils/three/IObject3D';
+import type { PointsData } from '../utils/data';
+type Style = LineMeshStyle & {
+    pointVisibility?: boolean | {
+        startPoint?: boolean;
+        endPoint?: boolean;
+    };
+};
+/**
+ * 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;
+    style: Style;
+    get startPoint(): PointMesh;
+    get endPoint(): PointMesh;
+    get visiblePointMeshes(): PointMesh[];
+    get pointMeshes(): PointMesh[];
+    constructor(params?: Partial<Style & PointsData>);
+    setPoints(points: AnyPositions): void;
+    setStyle: (style: Partial<Style>) => void;
+    highlight: () => void;
+    unhighlight: () => void;
+    private updateEdgePointsVisibility;
+}
+export {};

package/libs/Sculpt/Meshes/LineWithDots.js

@@ -0,0 +1,70 @@
+var f = Object.defineProperty, g = Object.defineProperties;
+var c = Object.getOwnPropertyDescriptors;
+var y = Object.getOwnPropertySymbols;
+var b = Object.prototype.hasOwnProperty, P = Object.prototype.propertyIsEnumerable;
+var n = (s, i, t) => i in s ? f(s, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[i] = t, o = (s, i) => {
+  for (var t in i || (i = {}))
+    b.call(i, t) && n(s, t, i[t]);
+  if (y)
+    for (var t of y(i))
+      P.call(i, t) && n(s, t, i[t]);
+  return s;
+}, r = (s, i) => g(s, c(i));
+var e = (s, i, t) => (n(s, typeof i != "symbol" ? i + "" : i, t), t);
+import { anyPositionToVector3 as M } from "../../shared-utils/positionToVector3.js";
+import { PointMesh as m } from "./Point.js";
+import "hammerjs";
+import "three";
+import "@realsee/five";
+import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import { notNil as u } from "../../shared-utils/isNil.js";
+import { LineMesh as V } from "./Line.js";
+import { IObject3D as E } from "../../shared-utils/three/IObject3D.js";
+class R extends V {
+  constructor(t) {
+    super();
+    e(this, "name", "LineWithDotsMesh");
+    e(this, "pointGroup", new E());
+    e(this, "style");
+    e(this, "setStyle", (t) => {
+      super.setStyle(t), this.style = o(o({}, this.style), t), this.pointMeshes.forEach((h) => h.setStyle(r(o({}, this.style), { color: t.lineColor }))), this.updateEdgePointsVisibility(), this.needsRender = !0;
+    });
+    e(this, "highlight", () => {
+      super.highlight(), this.pointMeshes.forEach((t) => t.highlight());
+    });
+    e(this, "unhighlight", () => {
+      super.unhighlight(), this.pointMeshes.forEach((t) => t.unhighlight());
+    });
+    e(this, "updateEdgePointsVisibility", () => {
+      var t;
+      u((t = this.style) == null ? void 0 : t.pointVisibility) && (this.startPoint && (this.startPoint.visible = typeof this.style.pointVisibility == "object" ? this.style.pointVisibility.startPoint : this.style.pointVisibility), this.endPoint && (this.endPoint.visible = typeof this.style.pointVisibility == "object" ? this.style.pointVisibility.endPoint : this.style.pointVisibility));
+    });
+    this.add(this.pointGroup), t && this.setStyle(t), t != null && t.points && this.setPoints(t.points);
+  }
+  get startPoint() {
+    return this.pointMeshes[0];
+  }
+  get endPoint() {
+    return this.pointMeshes.length < 2 ? null : this.pointMeshes.at(-1);
+  }
+  get visiblePointMeshes() {
+    return this.pointMeshes.filter((t) => t.visible);
+  }
+  get pointMeshes() {
+    return this.pointGroup.children;
+  }
+  setPoints(t) {
+    super.setPoints(t);
+    const h = t.map(M).filter(u);
+    this.pointGroup.removeChildren(), this.addIfNotExists(this.pointGroup), h.forEach((d) => {
+      var p;
+      const l = new m(r(o({}, this.style), { color: (p = this.style) == null ? void 0 : p.lineColor }));
+      l.position.copy(d), this.pointGroup.add(l);
+    }), this.updateEdgePointsVisibility(), this.needsRender = !0;
+  }
+}
+export {
+  R as LineWithDotsMesh
+};

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

@@ -0,0 +1,22 @@
+import * as THREE from 'three';
+import { type ColorStyle, type OcclusionStyle } from '../utils/color';
+import { IObject3D } from '../../shared-utils/three/IObject3D';
+import type { PointData } from '../utils/data';
+export type { PointData } from '../utils/data';
+export declare const circleImageURL: string;
+export type PointStyle = ColorStyle & {
+    size: number;
+} & OcclusionStyle;
+export declare class PointMesh extends IObject3D {
+    name: string;
+    get color(): THREE.Color;
+    get size(): number;
+    private opacityBeforeHighlight;
+    private highlighted;
+    private fontMesh;
+    private backgroundMesh;
+    constructor(params?: Partial<PointStyle & PointData>);
+    setStyle(params: Partial<PointStyle>): void;
+    highlight(): void;
+    unhighlight(): void;
+}

package/libs/Sculpt/Meshes/Point.js

@@ -0,0 +1,74 @@
+var C = Object.defineProperty, N = Object.defineProperties;
+var P = Object.getOwnPropertyDescriptors;
+var a = Object.getOwnPropertySymbols;
+var B = Object.prototype.hasOwnProperty, b = Object.prototype.propertyIsEnumerable;
+var c = (e, i, t) => i in e ? C(e, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[i] = t, g = (e, i) => {
+  for (var t in i || (i = {}))
+    B.call(i, t) && c(e, t, i[t]);
+  if (a)
+    for (var t of a(i))
+      b.call(i, t) && c(e, t, i[t]);
+  return e;
+}, u = (e, i) => N(e, P(i));
+var A = (e, i, t) => (c(e, typeof i != "symbol" ? i + "" : i, t), t);
+import * as o from "three";
+import { DEFAULT_HIGHLIGHT_OPACITY as k } from "../utils/color.js";
+import { IObject3D as E } from "../../shared-utils/three/IObject3D.js";
+import { anyPositionToVector3 as F } from "../../shared-utils/positionToVector3.js";
+import "hammerjs";
+import "@realsee/five";
+import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import { notNil as l } from "../../shared-utils/isNil.js";
+const I = "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 {
+  constructor(t) {
+    var f, V;
+    super();
+    A(this, "name", "PointMesh");
+    A(this, "opacityBeforeHighlight");
+    A(this, "highlighted", !1);
+    A(this, "fontMesh");
+    A(this, "backgroundMesh");
+    const r = new o.BufferGeometry();
+    r.setAttribute("position", new o.Float32BufferAttribute([0, 0, 0], 3));
+    const d = {
+      transparent: !0,
+      side: o.DoubleSide,
+      size: (f = t == null ? void 0 : t.size) != null ? f : 8,
+      map: w || (w = new o.TextureLoader().load(I)),
+      sizeAttenuation: !1
+    }, n = new o.PointsMaterial(u(g({}, d), {
+      color: (V = t == null ? void 0 : t.color) != null ? V : 16777215,
+      depthTest: !0,
+      opacity: 1
+    })), M = new o.PointsMaterial(u(g({}, d), {
+      size: n.size,
+      color: n.color,
+      depthWrite: !1,
+      depthTest: !1,
+      opacity: 0.5
+    })), s = new o.Points(r, n), h = new o.Points(r, M);
+    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(F(t.point)), l(t.occlusionVisibility) && (this.backgroundMesh.visible = t.occlusionVisibility);
+  }
+  get color() {
+    return this.fontMesh.material.color;
+  }
+  get size() {
+    return this.fontMesh.material.size;
+  }
+  setStyle(t) {
+    l(t.color) && (this.fontMesh.material.setValues({ color: t.color }), this.backgroundMesh.material.setValues({ color: t.color })), l(t.size) && (this.fontMesh.material.setValues({ side: t.size }), this.backgroundMesh.material.setValues({ side: t.size })), l(t.occlusionVisibility) && (this.backgroundMesh.visible = t.occlusionVisibility);
+  }
+  highlight() {
+    this.highlighted || (this.highlighted = !0, this.opacityBeforeHighlight = this.fontMesh.material.opacity, this.fontMesh.material.setValues({ opacity: this.opacityBeforeHighlight * k }));
+  }
+  unhighlight() {
+    this.highlighted && (this.highlighted = !1, this.fontMesh.material.setValues({ opacity: this.opacityBeforeHighlight }));
+  }
+}
+export {
+  O as PointMesh
+};

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

@@ -0,0 +1,31 @@
+import * as THREE from 'three';
+import { type AnyPositions } from '../../shared-utils/positionToVector3';
+import ColoredMesh, { type ColoredMeshStyle } from '../utils/three/ColoredMesh';
+import type { PointsData } from '../utils/data';
+export declare const blankGeometry: THREE.BufferGeometry & {
+    isBlank: true;
+};
+export type PolygonStyle = ColoredMeshStyle;
+export type PolygonData = PointsData;
+export default class PolygonMesh extends ColoredMesh<THREE.BufferGeometry> {
+    name: string;
+    get isBlank(): boolean;
+    points: THREE.Vector3[];
+    planeHelperNeedUpdate: boolean;
+    private planeHelper;
+    private opacityBeforeHighlight;
+    private highlighted;
+    constructor(params?: Partial<PolygonStyle & PolygonData>);
+    setPoints(points: AnyPositions): void;
+    getGeometryInfo(): {
+        center: THREE.Vector3;
+        area: number;
+    };
+    /**
+     * @description: 获取一个点投影在当前平面上的点
+     */
+    projectPoint(point: THREE.Vector3): THREE.Vector3;
+    highlight(): void;
+    unhighlight(): void;
+    private updatePlaneHelper;
+}

package/libs/Sculpt/Meshes/Polygon.js

@@ -0,0 +1,52 @@
+var n = Object.defineProperty;
+var l = (o, t, e) => t in o ? n(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
+var i = (o, t, e) => (l(o, typeof t != "symbol" ? t + "" : t, e), e);
+import * as r from "three";
+import { generatePolygonGeometry as p } from "../../shared-utils/three/generatePolygonGeometry.js";
+import { DEFAULT_HIGHLIGHT_OPACITY as a } from "../utils/color.js";
+import { anyPositionToVector3 as g } from "../../shared-utils/positionToVector3.js";
+import { ColoredMesh as f } from "../utils/three/ColoredMesh.js";
+import { getGeometryInfo as y } from "../../shared-utils/three/geometryUtil.js";
+const h = new r.BufferGeometry();
+h.name = "blankGeometry";
+h.isBlank = !0;
+class B extends f {
+  constructor(e) {
+    super(e);
+    i(this, "name", "PolygonMesh");
+    i(this, "points", []);
+    i(this, "planeHelperNeedUpdate", !0);
+    i(this, "planeHelper", null);
+    i(this, "opacityBeforeHighlight");
+    i(this, "highlighted", !1);
+    e != null && e.points && this.setPoints(e.points);
+  }
+  get isBlank() {
+    return !!this.geometry.isBlank;
+  }
+  setPoints(e) {
+    var s;
+    this.points = e.map(g), this.geometry = (s = p(this.points)) != null ? s : h, this.planeHelperNeedUpdate = !0;
+  }
+  getGeometryInfo() {
+    return y(this.geometry);
+  }
+  /**
+   * @description: 获取一个点投影在当前平面上的点
+   */
+  projectPoint(e) {
+    return e && (this.planeHelperNeedUpdate && this.updatePlaneHelper(), this.planeHelper ? this.planeHelper.projectPoint(e, new r.Vector3()) : e);
+  }
+  highlight() {
+    this.highlighted || (this.highlighted = !0, this.opacityBeforeHighlight = this.opacity, this.setStyle({ opacity: this.opacity * a }), this.needsRender = !0);
+  }
+  unhighlight() {
+    this.highlighted && (this.highlighted = !1, this.setStyle({ opacity: this.opacityBeforeHighlight }), this.needsRender = !0);
+  }
+  updatePlaneHelper() {
+    this.points.length >= 3 ? this.planeHelper = new r.Plane().setFromCoplanarPoints(this.points[0], this.points[1], this.points[2]) : this.planeHelper = null, this.planeHelperNeedUpdate = !1;
+  }
+}
+export {
+  B as PolygonMesh
+};

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

@@ -0,0 +1,34 @@
+import { type AnyPositions } from '../../shared-utils/positionToVector3';
+import { IObject3D } from '../../shared-utils/three/IObject3D';
+import { LineWithDotsMesh } from './LineWithDots';
+import { LineMesh, type LineMeshStyle } from './Line';
+import type { PointsData } from '../utils/data';
+import * as THREE from 'three';
+export type PolylineStyle = LineMeshStyle;
+export type PolylineData = PointsData;
+export declare abstract class PolylineBaseMesh<WithDots extends boolean = true> extends IObject3D {
+    name: string;
+    get lineColor(): THREE.Color;
+    get lineWidth(): number;
+    get dashed(): boolean;
+    get occlusionVisibility(): boolean;
+    get points(): THREE.Vector3[];
+    lines: Array<WithDots extends true ? LineWithDotsMesh : LineMesh>;
+    private withDots;
+    private paramsStyle;
+    constructor(params?: Partial<PolylineStyle & PolylineData & {
+        withDots: WithDots extends true ? true : false;
+    }>);
+    setPoints(points: AnyPositions): void;
+    setStyle(style: Partial<PolylineStyle>): void;
+    highlight(): void;
+    unhighlight(): void;
+}
+export declare class PolylineMesh extends PolylineBaseMesh<false> {
+    name: string;
+    constructor(...params: ConstructorParameters<typeof PolylineBaseMesh>);
+}
+export declare class PolylineWithDotsMesh extends PolylineBaseMesh<true> {
+    name: string;
+    constructor(...params: ConstructorParameters<typeof PolylineBaseMesh>);
+}

package/libs/Sculpt/Meshes/Polyline.js

@@ -0,0 +1,105 @@
+var C = Object.defineProperty, E = Object.defineProperties;
+var v = Object.getOwnPropertyDescriptors;
+var r = Object.getOwnPropertySymbols;
+var D = Object.prototype.hasOwnProperty, M = Object.prototype.propertyIsEnumerable;
+var y = (s, e, i) => e in s ? C(s, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : s[e] = i, a = (s, e) => {
+  for (var i in e || (e = {}))
+    D.call(e, i) && y(s, i, e[i]);
+  if (r)
+    for (var i of r(e))
+      M.call(e, i) && y(s, i, e[i]);
+  return s;
+}, c = (s, e) => E(s, v(e));
+var V = (s, e) => {
+  var i = {};
+  for (var t in s)
+    D.call(s, t) && e.indexOf(t) < 0 && (i[t] = s[t]);
+  if (s != null && r)
+    for (var t of r(s))
+      e.indexOf(t) < 0 && M.call(s, t) && (i[t] = s[t]);
+  return i;
+};
+var l = (s, e, i) => (y(s, typeof e != "symbol" ? e + "" : e, i), i);
+import { anyPositionToVector3 as x } from "../../shared-utils/positionToVector3.js";
+import { IObject3D as B } from "../../shared-utils/three/IObject3D.js";
+import "hammerjs";
+import * as L from "three";
+import "@realsee/five";
+import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import { notNil as T } from "../../shared-utils/isNil.js";
+import { LineWithDotsMesh as j } from "./LineWithDots.js";
+import { LineMesh as F } from "./Line.js";
+class w extends B {
+  constructor(i) {
+    super();
+    l(this, "name", "PolylineBaseMesh");
+    l(this, "lines", []);
+    l(this, "withDots");
+    l(this, "paramsStyle");
+    const h = i, { withDots: t, points: o } = h, n = V(h, ["withDots", "points"]);
+    this.withDots = t != null ? t : !0, o && this.setPoints(o), n && this.setStyle(n);
+  }
+  get lineColor() {
+    var i, t, o;
+    return (o = (i = this.lines[0]) == null ? void 0 : i.color) != null ? o : (t = this.paramsStyle) != null && t.lineColor ? new L.Color(this.paramsStyle.lineColor) : void 0;
+  }
+  get lineWidth() {
+    var i, t, o;
+    return (o = (i = this.lines[0]) == null ? void 0 : i.lineWidth) != null ? o : (t = this.paramsStyle) == null ? void 0 : t.lineWidth;
+  }
+  get dashed() {
+    var i, t, o;
+    return (o = (i = this.lines[0]) == null ? void 0 : i.dashed) != null ? o : (t = this.paramsStyle) == null ? void 0 : t.dashed;
+  }
+  get occlusionVisibility() {
+    var i, t, o;
+    return (o = (i = this.lines[0]) == null ? void 0 : i.occlusionVisibility) != null ? o : (t = this.paramsStyle) == null ? void 0 : t.occlusionVisibility;
+  }
+  get points() {
+    var i;
+    return this.lines.map((t) => t.points[0]).concat((i = this.lines.at(-1)) == null ? void 0 : i.points[1]).filter(Boolean);
+  }
+  setPoints(i) {
+    var n, h, u, d, f, g, P, S;
+    const t = i.map(x), o = {
+      lineWidth: (h = (n = this.paramsStyle) == null ? void 0 : n.lineWidth) != null ? h : this.lineWidth,
+      lineColor: (d = (u = this.paramsStyle) == null ? void 0 : u.lineColor) != null ? d : this.lineColor,
+      dashed: (g = (f = this.paramsStyle) == null ? void 0 : f.dashed) != null ? g : this.dashed,
+      occlusionVisibility: (S = (P = this.paramsStyle) == null ? void 0 : P.occlusionVisibility) != null ? S : this.occlusionVisibility
+    };
+    this.lines.length && this.lines.forEach((m) => m.removeFromParent()), this.lines = t.map((m, p) => {
+      const W = t[p + 1];
+      if (p !== 0 && W === void 0)
+        return null;
+      const b = this.withDots ? new j(c(a({}, o), { pointVisibility: { startPoint: p === 0, endPoint: !0 } })) : new F(o);
+      return b.setPoints([m, W]), b;
+    }).filter(T), this.add(...this.lines);
+  }
+  setStyle(i) {
+    this.paramsStyle = i, this.lines.forEach((t) => t.setStyle(i));
+  }
+  highlight() {
+    this.lines.forEach((i) => i.highlight());
+  }
+  unhighlight() {
+    this.lines.forEach((i) => i.unhighlight());
+  }
+}
+class K extends w {
+  constructor(...i) {
+    super(c(a({}, i[0]), { withDots: !1 }));
+    l(this, "name", "PolylineMesh");
+  }
+}
+class Q extends w {
+  constructor(...i) {
+    super(c(a({}, i[0]), { withDots: !0 }));
+    l(this, "name", "PolylineWithDotsMesh");
+  }
+}
+export {
+  K as PolylineMesh,
+  Q as PolylineWithDotsMesh
+};