@realsee/dnalogel 3.20.7 → 3.21.0

package/libs/PanoMeasurePlugin/index.js

@@ -1,20 +1,23 @@
 import t from "./Controller/index.js";
-import { default as Zo } from "./Modules/Magnifier.js";
-import { Model as $o } from "./Model/index.js";
-import { default as rr } from "./Model/point.js";
-import { default as ir } from "./Model/line.js";
-import { Polyline as pr } from "./Model/polyline.js";
+import { Magnifier as Yo } from "../shared-utils/three/Magnifier.js";
+import "three";
+import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "@realsee/five";
+import { Model as _o } from "./Model/index.js";
+import { default as or } from "./Model/point.js";
+import { default as tr } from "./Model/line.js";
+import { Polyline as mr } from "./Model/polyline.js";
 import "./Controller/EditController.js";
 import "../shared-utils/throttle.js";
 import "./Controller/BaseController.js";
-import "three";
 import "./utils/ironbox.js";
 import "../shared-utils/uuid.js";
 import "./utils/line.js";
 import "../shared-utils/five/FiveLine.js";
 import "@realsee/five/line";
 import "./utils/constants.js";
-import "@realsee/five";
 import "./utils/dom/distanceItem.js";
 import "./utils/dom/base.js";
 import "./utils/isNDCPointInScreen.js";
@@ -22,13 +25,12 @@ import "../shared-utils/three/centerPoint.js";
 import "./Model/area.js";
 import "./Model/polygon.js";
 import "../shared-utils/three/IObject3D.js";
-import "./utils/generatePolygonGeometry.js";
+import "../shared-utils/three/generatePolygonGeometry.js";
 import "earcut";
 import "./utils/dom/areaDom.js";
-import "./utils/geometryUtil.js";
+import "../shared-utils/three/geometryUtil.js";
 import "hammerjs";
-import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
-import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import "../shared-utils/isNil.js";
 import "../shared-utils/positionToVector3.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
@@ -42,12 +44,9 @@ import "../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
 import "../shared-utils/three/getObjectVisible.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
-import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import "../shared-utils/isNil.js";
 import "./utils/isIntersecting.js";
 import "../shared-utils/three/PointSelector.js";
 import "../shared-utils/three/PointSelectorHelper.js";
-import "../shared-utils/three/Magnifier.js";
 import "../shared-utils/three/PointHelper.js";
 import "../shared-utils/three/Assets/index.js";
 import "../shared-utils/three/PointDomHelper.js";
@@ -59,9 +58,8 @@ import "../shared-utils/url/absoluteUrl.js";
 import "../shared-utils/animationFrame/BetterTween.js";
 import "../shared-utils/animationFrame/index.js";
 import "../shared-utils/isTouchDevice.js";
-import "../shared-utils/getIntersectionFromEvent.js";
-import "../shared-utils/getPointFromHammerEvent.js";
-import "../shared-utils/three/getIntersect.js";
+import "../shared-utils/five/getPosition.js";
+import "../shared-utils/five/getRaycasterByNdcPosition.js";
 import "./Modules/DeleteDom/index.js";
 import "./Modules/DeleteDom/_Assets/delete.svg.js";
 import "./Modules/DeleteDom/_Assets/delete_bg.png.js";
@@ -71,6 +69,7 @@ import "./Controller/ViewController.js";
 import "./Controller/WatchController.js";
 import "./utils/findClosestPoint.js";
 import "./utils/ndc2Screen.js";
+import "../shared-utils/getPointFromHammerEvent.js";
 import "./Controller/MixedController.js";
 import "./Modules/rangePiece/index.js";
 import "../shared-utils/noop.js";
@@ -100,15 +99,15 @@ import "../vendor/object-assign-deep/objectAssignDeep.js";
 import "./Components/Tip.js";
 import "./Controller/ShortcutKeyController.js";
 import "../shared-utils/safeObj.js";
-const Wo = function(o, r) {
+const Vo = function(o, r) {
   return new t(o, r);
 };
 export {
-  Zo as Magnifier,
-  Wo as PanoMeasurePlugin,
-  ir as PanoMeasurePluginLine,
-  $o as PanoMeasurePluginModel,
-  rr as PanoMeasurePluginPoint,
-  pr as PanoMeasurePluginPolyline,
-  Wo as default
+  Yo as Magnifier,
+  Vo as PanoMeasurePlugin,
+  tr as PanoMeasurePluginLine,
+  _o as PanoMeasurePluginModel,
+  or as PanoMeasurePluginPoint,
+  mr as PanoMeasurePluginPolyline,
+  Vo as default
 };

package/libs/PanoMeasurePlugin/utils/dom/areaDom.js

@@ -12,7 +12,7 @@ var m = (i, o, t) => o in i ? u(i, o, { enumerable: !0, configurable: !0, writab
 }, s = (i, o) => D(i, f(o));
 var l = (i, o, t) => (m(i, typeof o != "symbol" ? o + "" : o, t), t);
 import { ItemDom as y } from "./base.js";
-import { getGeometryInfo as I } from "../geometryUtil.js";
+import { getGeometryInfo as I } from "../../../shared-utils/three/geometryUtil.js";
 import "hammerjs";
 import "three";
 import "@realsee/five";

package/libs/PanoTagPlugin/controller/TagRender.js

@@ -1,12 +1,12 @@
 var A = Object.defineProperty;
 var R = Object.getOwnPropertySymbols;
-var k = Object.prototype.hasOwnProperty, I = Object.prototype.propertyIsEnumerable;
+var k = Object.prototype.hasOwnProperty, E = Object.prototype.propertyIsEnumerable;
 var C = (d, m, t) => m in d ? A(d, m, { enumerable: !0, configurable: !0, writable: !0, value: t }) : d[m] = t, j = (d, m) => {
   for (var t in m || (m = {}))
     k.call(m, t) && C(d, t, m[t]);
   if (R)
     for (var t of R(m))
-      I.call(m, t) && C(d, t, m[t]);
+      E.call(m, t) && C(d, t, m[t]);
   return d;
 };
 var u = (d, m, t) => (C(d, typeof m != "symbol" ? m + "" : m, t), t);
@@ -26,15 +26,15 @@ var S = (d, m, t) => new Promise((e, o) => {
   }, a = (s) => s.done ? e(s.value) : Promise.resolve(s.value).then(i, r);
   a((t = t.apply(d, m)).next());
 });
-import { TagComputer as V } from "./TagComputer.js";
-import { Group as y, Quaternion as E, Vector3 as b, Matrix4 as v } from "three";
+import { TagComputer as I } from "./TagComputer.js";
+import { Group as y, Quaternion as V, Vector3 as b, Matrix4 as v } from "three";
 import O from "../Components/TagContainer.js";
 import x from "../Components/Tag/index.js";
 import { CSS3DRenderPlugin as G } from "../../CSS3DRenderPlugin/index.js";
 import { loadGLTF as F } from "../../shared-utils/three/GLTFLoader.js";
 import { isMediaModelTag as D, isStickModelTag as _ } from "../utils/tag/tagCheck.js";
 import { VideoPlane as L, ImagePlane as w } from "../utils/model/mediaPlane.js";
-import { centerPoint as q } from "../../shared-utils/three/centerPoint.js";
+import { centerPoint as W } from "../../shared-utils/three/centerPoint.js";
 import { arrayPositionToVector3 as g } from "../../shared-utils/positionToVector3.js";
 import "../utils/tagPosition.js";
 import "../utils/checkRange.js";
@@ -161,8 +161,8 @@ import "../Components/Tag/CustomTag.js";
 import "../../CSS3DRenderPlugin/Controller.js";
 import "../../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
 import "@realsee/five/gltf-loader";
-const W = /* @__PURE__ */ new Map(), $ = /* @__PURE__ */ new Map();
-class Ti extends V {
+const q = /* @__PURE__ */ new Map(), $ = /* @__PURE__ */ new Map();
+class Ti extends I {
   constructor(t) {
     super(t);
     u(this, "rendererMap", /* @__PURE__ */ new Map());
@@ -263,7 +263,7 @@ class Ti extends V {
           playButton: e.data.playIcon,
           paused: !((l = e.data.autoplayConfig) != null && l.autoplayVideo),
           objectFit: e.data.objectFit,
-          videoTextureMap: W,
+          videoTextureMap: q,
           ImageTextureMap: $,
           domEvents: this.domEvents
         });
@@ -287,9 +287,14 @@ class Ti extends V {
       if (!o)
         return;
       const i = e.position.map(g), r = this.getCurrentVisibleState(e), a = (() => !!(e.mediaPlane && !r))(), s = (() => !!(!e.mediaPlane && r))(), n = (() => !!(e.mediaPlane && e.mediaPlane.src !== o))();
-      (a || n) && e.mediaPlane && (this.imagePlaneGroup.remove(e.mediaPlane), e.mediaPlane.dispose(), e.mediaPlane.removeFromParent(), e.mediaPlane = void 0), (s || n) && (e.mediaPlane = new w(o, i, { objectFit: e.data.objectFit }), this.getTagConfig(e).clickable !== !1 && this.domEvents.addAutoBindEventListener(e.mediaPlane, "click", (l) => {
-        this.hooks.emit("click", { tag: e, target: "TagContent", event: l.origDomEvent });
-      }), this.imagePlaneGroup.add(e.mediaPlane));
+      (a || n) && e.mediaPlane && (this.imagePlaneGroup.remove(e.mediaPlane), e.mediaPlane.dispose(), e.mediaPlane.removeFromParent(), e.mediaPlane = void 0), (s || n) && (e.mediaPlane = new w(o, i, { objectFit: e.data.objectFit }), this.getTagConfig(e).clickable !== !1 && this.domEvents.addAutoBindEventListener(
+        e.mediaPlane,
+        "click",
+        (l) => {
+          this.hooks.emit("click", { tag: e, target: "TagContent", event: l.origDomEvent });
+        },
+        { noEmitWhenHide: !0 }
+      ), this.imagePlaneGroup.add(e.mediaPlane));
     });
   }
   /**
@@ -301,7 +306,7 @@ class Ti extends V {
       if (e.tag3DContentSvelte) {
         const { svelteApp: a, css3DInstance: s, initialNormal: n, currentNormal: l } = e.tag3DContentSvelte;
         if (a.$set({ tag: e, hooks: this.hooks, state: this.state, temporaryState: this.temporaryState }), !n.equals(l)) {
-          const p = new E().setFromUnitVectors(n, l);
+          const p = new V().setFromUnitVectors(n, l);
           s.css3DObject.setRotationFromQuaternion(p);
         }
         return;
@@ -394,7 +399,7 @@ class Ti extends V {
     if (!r || r.length !== 4 || !Array.isArray(r[0]) || !Array.isArray(r[2]))
       return;
     e.updateWorldMatrix(!1, !1);
-    const a = e.matrixWorld, s = new b().fromArray(r[0]), n = new b().fromArray(r[2]), l = q(s, n).add(new b(0, 0, 5e-4)), p = new v().setPosition(l), h = new v().makeScale(o, o, o), f = new v().multiply(a).multiply(p).multiply(h);
+    const a = e.matrixWorld, s = new b().fromArray(r[0]), n = new b().fromArray(r[2]), l = W(s, n).add(new b(0, 0, 5e-4)), p = new v().setPosition(l), h = new v().makeScale(o, o, o), f = new v().multiply(a).multiply(p).multiply(h);
     f.decompose(i.position, i.quaternion, i.scale);
     const c = i.opacityMesh;
     c && f.decompose(c.position, c.quaternion, c.scale);

package/libs/PanoTagPlugin/utils/model/mediaPlane.js

@@ -21,8 +21,8 @@ import * as I from "three";
 import { Vector3 as w } from "three";
 import { centerPoint as b } from "../../../shared-utils/three/centerPoint.js";
 import { loadPicture as x } from "../../../shared-utils/three/loadTexture.js";
-import { QuadrangleGeometry as V, QuadrangleMesh as P } from "../../../shared-utils/three/Quadrangle.js";
-import { getVideoTexture as H } from "../../../shared-utils/three/loadVideoTexture.js";
+import { QuadrangleGeometry as H, QuadrangleMesh as P } from "../../../shared-utils/three/Quadrangle.js";
+import { getVideoTexture as V } from "../../../shared-utils/three/loadVideoTexture.js";
 import { Image_Play_Icon_With_Text as L, Image_Play_Icon as T } from "../../Assets/Icon.js";
 import { getPositionsByObjectFit as g } from "../../../shared-utils/three/getPositionsByObjectFit.js";
 import { FragmentTransparencyMaterial as R } from "../../../shared-utils/three/FragmentTransparencyMaterial.js";
@@ -68,7 +68,7 @@ class $ extends C {
         (p = t == null ? void 0 : t.objectFit) != null ? p : "contain",
         a,
         s.image.width / s.image.height
-      ), l = b(...d), m = d.map((y) => y.clone().sub(l)), f = new V(m);
+      ), l = b(...d), m = d.map((y) => y.clone().sub(l)), f = new H(m);
       this.position.copy(l), this.geometry = f, this.material = M;
     }).catch((s) => {
       console.error(`Imageplane error ${s == null ? void 0 : s.message}`);
@@ -175,9 +175,14 @@ class q extends C {
       }))();
       if (!e)
         return;
-      this.domEvents.addAutoBindEventListener(e, "click", () => {
-        !this.videoInstance.paused && this.videoInstance.muted ? this.videoInstance.muted = !1 : this.pause();
-      });
+      this.domEvents.addAutoBindEventListener(
+        e,
+        "click",
+        () => {
+          !this.videoInstance.paused && this.videoInstance.muted ? this.videoInstance.muted = !1 : this.pause();
+        },
+        { noEmitWhenHide: !0 }
+      );
       const i = e.material.map.image;
       return i.addEventListener("playing", () => {
         this.coverMesh || this.remove(this.buttonMesh), this.render();
@@ -195,9 +200,14 @@ class q extends C {
         if (this.buttonMesh)
           return this.buttonMesh;
         const i = (f = (m = this.videoMesh) == null ? void 0 : m.geometry.points[0].distanceTo(this.videoMesh.geometry.points[3])) != null ? f : 1 / 0, t = (y = (p = this.coverMesh) == null ? void 0 : p.geometry.points[0].distanceTo(this.coverMesh.geometry.points[3])) != null ? y : 1 / 0, n = this.cornerPoints[0].distanceTo(this.cornerPoints[3]), o = Math.min(i, t, n) / n * 0.3, { texture: s, transparent: u } = yield this.getImageTexture(this.buttonSrc), M = g("contain", this.cornerPoints, s.image.width / s.image.height), d = new P(M, new R(s));
-        d.position.copy(new w(0, 0, 0)), d.name = "buttonMesh", d.scale.set(o, o, o), this.domEvents.addAutoBindEventListener(d, "click", () => {
-          this.play();
-        });
+        d.position.copy(new w(0, 0, 0)), d.name = "buttonMesh", d.scale.set(o, o, o), this.domEvents.addAutoBindEventListener(
+          d,
+          "click",
+          () => {
+            this.play();
+          },
+          { noEmitWhenHide: !0 }
+        );
         const l = E(M, 5e-4);
         return d.position.add(l), d;
       }))();
@@ -217,7 +227,7 @@ class q extends C {
     var t, n;
     if ((t = this.videoTextureMap) != null && t.has(e))
       return this.videoTextureMap.get(e);
-    const i = H(e);
+    const i = V(e);
     return (n = this.videoTextureMap) == null || n.set(e, i), i;
   }
 }

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

@@ -0,0 +1,30 @@
+import type { LineStyle } from '../utils/color';
+import { type AnyPositions } from '../../shared-utils/positionToVector3';
+import { PolylineWithDotsMesh } from './Polyline';
+import * as THREE from 'three';
+import PolygonMesh from './Polygon';
+import type { PointsData } from '../utils/data';
+import type { ColoredMeshStyle } from '../utils/three/ColoredMesh';
+export type AreaStyle = ColoredMeshStyle & LineStyle;
+export type AreaData = PointsData;
+export declare class AreaMesh extends PolylineWithDotsMesh {
+    name: string;
+    polygon: PolygonMesh;
+    get color(): THREE.Color;
+    get opacity(): number;
+    /** 多边形前三个点组成的平面，用来使得后面加的点也落在这个平面上 */
+    private planeHelper;
+    private planeHelperNeedUpdate;
+    constructor(params?: Partial<AreaStyle & AreaData>);
+    setStyle(params: Partial<AreaStyle>): void;
+    setPoints(points: AnyPositions, autoClosed?: boolean): void;
+    getGeometryInfo(): {
+        center: THREE.Vector3;
+        area: number;
+    };
+    /**
+     * @description: 获取一个点投影在当前平面上的点
+     */
+    projectPoint(point: THREE.Vector3): THREE.Vector3;
+    private updatePlaneHelper;
+}

package/libs/Sculpt/Meshes/Area.js

@@ -0,0 +1,56 @@
+var y = Object.defineProperty;
+var r = Object.getOwnPropertySymbols;
+var u = Object.prototype.hasOwnProperty, c = Object.prototype.propertyIsEnumerable;
+var i = (o, t, e) => t in o ? y(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e, p = (o, t) => {
+  for (var e in t || (t = {}))
+    u.call(t, e) && i(o, e, t[e]);
+  if (r)
+    for (var e of r(t))
+      c.call(t, e) && i(o, e, t[e]);
+  return o;
+};
+var l = (o, t, e) => (i(o, typeof t != "symbol" ? t + "" : t, e), e);
+import { anyPositionToVector3 as g } from "../../shared-utils/positionToVector3.js";
+import { PolylineWithDotsMesh as a } from "./Polyline.js";
+import * as h from "three";
+import { PolygonMesh as d } from "./Polygon.js";
+class N extends a {
+  constructor(e) {
+    super();
+    l(this, "name", "AreaMesh");
+    l(this, "polygon");
+    /** 多边形前三个点组成的平面，用来使得后面加的点也落在这个平面上 */
+    l(this, "planeHelper");
+    l(this, "planeHelperNeedUpdate", !0);
+    this.add(this.polygon = new d(e)), e != null && e.points && this.setPoints(e.points), e && this.setStyle(e);
+  }
+  get color() {
+    return this.polygon.color;
+  }
+  get opacity() {
+    return this.polygon.opacity;
+  }
+  setStyle(e) {
+    var s;
+    super.setStyle(p({ color: e.lineColor }, e)), (s = this.polygon) == null || s.setStyle(e);
+  }
+  setPoints(e, s = !0) {
+    const n = e.map(g);
+    s && n.length >= 3 && !n[0].equals(n.at(-1)) && n.push(n[0]), super.setPoints(n), this.polygon.setPoints(n), this.planeHelperNeedUpdate = !0;
+  }
+  getGeometryInfo() {
+    return this.polygon.getGeometryInfo();
+  }
+  /**
+   * @description: 获取一个点投影在当前平面上的点
+   */
+  projectPoint(e) {
+    return e && (this.planeHelperNeedUpdate && this.updatePlaneHelper(), this.planeHelper ? this.planeHelper.projectPoint(e, new h.Vector3()) : e);
+  }
+  updatePlaneHelper() {
+    this.points.length >= 3 ? this.planeHelper = new h.Plane().setFromCoplanarPoints(this.points[0], this.points[1], this.points[2]) : this.planeHelper = null, this.planeHelperNeedUpdate = !1;
+  }
+}
+export {
+  N as AreaMesh
+};

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

@@ -0,0 +1,35 @@
+import { IObject3D } from '../../shared-utils/three/IObject3D';
+import { type AnyPositions, type AnyPosition } from '../../shared-utils/positionToVector3';
+import type * as THREE from 'three';
+import type { LineStyle } from '../utils/color';
+import { RectangleWithEdgeMesh } from './RectangleWithEdge';
+import { RectangleMesh } from './Rectangle';
+import type { PointsData } from '../utils/data';
+import type { ColoredMeshStyle } from '../utils/three/ColoredMesh';
+export type BoxStyle = ColoredMeshStyle & LineStyle;
+export type BoxData = PointsData & {
+    heightPoint: AnyPosition;
+};
+/**
+ * @description: Box
+ */
+export declare class BoxMesh extends IObject3D {
+    name: string;
+    get planes(): RectangleMesh[];
+    bottomPlane: RectangleWithEdgeMesh;
+    topPlane: RectangleWithEdgeMesh;
+    heightPoint: THREE.Vector3;
+    protected edgePlanes: RectangleWithEdgeMesh[];
+    get color(): THREE.Color;
+    get lineColor(): THREE.Color;
+    get lineWidth(): number;
+    get occlusionVisibility(): boolean;
+    constructor(params?: Partial<BoxStyle & BoxData>);
+    setPoints(params: Partial<BoxData>): void;
+    setBottomPoints(points: AnyPositions): void;
+    setTopHeightPoint(point: AnyPosition): void;
+    setEdgePlanes(): void;
+    setStyle(style: Partial<BoxStyle>): void;
+    highlight(): void;
+    unhighlight(): void;
+}

package/libs/Sculpt/Meshes/Box.js

@@ -0,0 +1,88 @@
+var p = Object.defineProperty;
+var a = (e, o, t) => o in e ? p(e, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[o] = t;
+var n = (e, o, t) => (a(e, typeof o != "symbol" ? o + "" : o, t), t);
+import { IObject3D as d } from "../../shared-utils/three/IObject3D.js";
+import { anyPositionToVector3 as c } from "../../shared-utils/positionToVector3.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 r } from "../../shared-utils/isNil.js";
+import { RectangleWithEdgeMesh as P } from "./RectangleWithEdge.js";
+import { RectangleMesh as m } from "./Rectangle.js";
+class T extends d {
+  constructor(t) {
+    super();
+    n(this, "name", "BoxMesh");
+    n(this, "bottomPlane");
+    n(this, "topPlane");
+    n(this, "heightPoint");
+    n(this, "edgePlanes", []);
+    this.bottomPlane = new P(t), this.topPlane = new P(t), this.add(this.bottomPlane), t != null && t.points && this.setPoints(t);
+  }
+  get planes() {
+    return this.children.filter((t) => t instanceof m);
+  }
+  get color() {
+    var t;
+    return (t = this.bottomPlane) == null ? void 0 : t.color;
+  }
+  get lineColor() {
+    var t;
+    return (t = this.bottomPlane) == null ? void 0 : t.lineColor;
+  }
+  get lineWidth() {
+    var t;
+    return (t = this.bottomPlane) == null ? void 0 : t.lineWidth;
+  }
+  get occlusionVisibility() {
+    var t;
+    return (t = this.bottomPlane) == null ? void 0 : t.occlusionVisibility;
+  }
+  setPoints(t) {
+    r(t.heightPoint) && this.setTopHeightPoint(t.heightPoint), r(t.points) && this.setBottomPoints(t.points);
+  }
+  setBottomPoints(t) {
+    const i = t.map(c).filter(r);
+    if (i.length < 3) {
+      console.error("Invalid position");
+      return;
+    }
+    this.bottomPlane.setPoints(i), this.heightPoint && this.setTopHeightPoint(this.heightPoint);
+  }
+  setTopHeightPoint(t) {
+    if (!this.bottomPlane.points.length)
+      return;
+    const i = c(t);
+    this.heightPoint = i, this.addIfNotExists(this.topPlane);
+    const h = this.bottomPlane.projectPoint(i), s = i.clone().sub(h), l = this.bottomPlane.points.map((g) => g.clone().add(s));
+    this.topPlane.setPoints(l), this.up.copy(s.clone().normalize()), this.setEdgePlanes();
+  }
+  setEdgePlanes() {
+    for (let t = 0; t < 4; t++) {
+      let i = this.edgePlanes[t];
+      i || (this.edgePlanes[t] = new P({
+        color: this.color,
+        lineColor: this.lineColor,
+        lineWidth: this.lineWidth,
+        occlusionVisibility: this.occlusionVisibility
+      }), i = this.edgePlanes[t]);
+      const h = this.topPlane.sortedPoint, s = this.bottomPlane.sortedPoint, l = t === 3 ? 0 : t + 1;
+      i.setPoints([h[t], s[l], s[t]]), this.addIfNotExists(i);
+    }
+  }
+  setStyle(t) {
+    this.planes.forEach((i) => i.setStyle(t));
+  }
+  highlight() {
+    this.planes.forEach((t) => t.highlight());
+  }
+  unhighlight() {
+    this.planes.forEach((t) => t.unhighlight());
+  }
+}
+export {
+  T as BoxMesh
+};

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

@@ -0,0 +1,26 @@
+import * as THREE from 'three';
+import { type OcclusionStyle } from '../utils/color';
+import ColoredMesh, { type ColoredMeshStyle } from '../utils/three/ColoredMesh';
+import { type AnyPosition } from '../../shared-utils/positionToVector3';
+export type CircleStyle = ColoredMeshStyle & OcclusionStyle;
+export type CircleData = {
+    center: AnyPosition;
+    normal: AnyPosition;
+    radius: number;
+};
+type Params = Partial<CircleStyle & CircleData>;
+export declare class CircleMesh extends ColoredMesh {
+    get center(): THREE.Vector3;
+    get normal(): THREE.Vector3;
+    private set normal(value);
+    get radius(): number;
+    meshFont: THREE.Mesh<THREE.CircleGeometry, THREE.MeshBasicMaterial>;
+    private _normal;
+    private opacityBeforeHighlight;
+    private highlighted;
+    constructor(params?: Params);
+    setPoints(params: CircleData): void;
+    highlight(): void;
+    unhighlight(): void;
+}
+export {};

package/libs/Sculpt/Meshes/Circle.js

@@ -0,0 +1,42 @@
+var g = Object.defineProperty;
+var c = (i, e, t) => e in i ? g(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
+var o = (i, e, t) => (c(i, typeof e != "symbol" ? e + "" : e, t), t);
+import * as d from "three";
+import { DEFAULT_HIGHLIGHT_OPACITY as u } from "../utils/color.js";
+import { radiusToSegments as y } from "../utils/radiusToSegments.js";
+import { ColoredMesh as f } from "../utils/three/ColoredMesh.js";
+import { anyPositionToVector3 as s } from "../../shared-utils/positionToVector3.js";
+class P extends f {
+  constructor(t) {
+    super(t);
+    o(this, "_normal");
+    o(this, "opacityBeforeHighlight");
+    o(this, "highlighted", !1);
+    t != null && t.center && (t != null && t.normal) && (t != null && t.radius) && this.setPoints(t);
+  }
+  get center() {
+    return this.position.clone();
+  }
+  get normal() {
+    return this._normal;
+  }
+  set normal(t) {
+    this._normal = t;
+  }
+  get radius() {
+    return this.meshFont.geometry.parameters.radius;
+  }
+  setPoints(t) {
+    const h = s(t.center), n = s(t.normal), r = t.radius, l = y(r);
+    this.geometry = new d.CircleGeometry(r, l), this.position.copy(h), this.lookAt(n.clone().add(h)), this.normal = n.clone().normalize(), this.needsRender = !0;
+  }
+  highlight() {
+    this.highlighted || (this.highlighted = !0, this.opacityBeforeHighlight = this.opacity, this.setStyle({ opacity: this.opacity * u }), this.needsRender = !0);
+  }
+  unhighlight() {
+    this.highlighted && (this.highlighted = !1, this.setStyle({ opacity: this.opacityBeforeHighlight }), this.needsRender = !0);
+  }
+}
+export {
+  P as CircleMesh
+};

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

@@ -0,0 +1,11 @@
+import type { LineStyle } from '../utils/color';
+import { CircleMesh, type CircleData, type CircleStyle } from './Circle';
+export type CircleWithEdgeMeshStyle = CircleStyle & LineStyle;
+export declare class CircleWithEdgeMesh extends CircleMesh {
+    private edgeLine;
+    constructor(params?: Partial<CircleWithEdgeMeshStyle & CircleData>);
+    setPoints(...params: Parameters<InstanceType<typeof CircleMesh>['setPoints']>): void;
+    setStyle(style: Partial<CircleWithEdgeMeshStyle>): void;
+    highlight(): void;
+    unhighlight(): void;
+}

package/libs/Sculpt/Meshes/CircleWithEdge.js

@@ -0,0 +1,41 @@
+var c = Object.defineProperty;
+var r = Object.getOwnPropertySymbols;
+var u = Object.prototype.hasOwnProperty, L = Object.prototype.propertyIsEnumerable;
+var P = (i, s, e) => s in i ? c(i, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[s] = e;
+var l = (i, s) => {
+  var e = {};
+  for (var t in i)
+    u.call(i, t) && s.indexOf(t) < 0 && (e[t] = i[t]);
+  if (i != null && r)
+    for (var t of r(i))
+      s.indexOf(t) < 0 && L.call(i, t) && (e[t] = i[t]);
+  return e;
+};
+var d = (i, s, e) => (P(i, typeof s != "symbol" ? s + "" : s, e), e);
+import { CircleMesh as p } from "./Circle.js";
+import { LineMesh as y } from "./Line.js";
+class S extends p {
+  constructor(e) {
+    const o = e != null ? e : {}, { normal: t, radius: h, center: n } = o, g = l(o, ["normal", "radius", "center"]);
+    super(g);
+    d(this, "edgeLine");
+    this.edgeLine = new y(g), this.add(this.edgeLine), t && h && n && this.setPoints({ normal: t, radius: h, center: n });
+  }
+  setPoints(...e) {
+    super.setPoints(...e);
+    const t = this.meshFont.geometry.vertices.slice(1);
+    this.edgeLine.setPoints(t.concat(t[0]));
+  }
+  setStyle(e) {
+    super.setStyle(e), this.edgeLine.setStyle(e);
+  }
+  highlight() {
+    super.highlight(), this.edgeLine.highlight();
+  }
+  unhighlight() {
+    super.unhighlight(), this.edgeLine.unhighlight();
+  }
+}
+export {
+  S as CircleWithEdgeMesh
+};

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

@@ -0,0 +1,34 @@
+import { IObject3D } from '../../shared-utils/three/IObject3D';
+import * as THREE from 'three';
+import { CircleWithEdgeMesh, type CircleWithEdgeMeshStyle } from './CircleWithEdge';
+import ColoredMesh from '../utils/three/ColoredMesh';
+import { type AnyPosition } from '../../shared-utils/positionToVector3';
+export type CylinderStyle = CircleWithEdgeMeshStyle;
+export interface CylinderData {
+    bottomCenter: AnyPosition;
+    topCenter: AnyPosition;
+    radius: number;
+}
+type Params = Partial<CylinderStyle & CylinderData>;
+export declare class CylinderMesh extends IObject3D {
+    get bottomCenter(): THREE.Vector3;
+    get topCenter(): THREE.Vector3;
+    get normal(): THREE.Vector3;
+    get radius(): number;
+    get color(): THREE.Color;
+    bottomCircle: CircleWithEdgeMesh;
+    topCircle: CircleWithEdgeMesh;
+    protected edgeMesh: ColoredMesh;
+    private opacityBeforeHighlight;
+    private highlighted;
+    private params;
+    constructor(params?: Params);
+    setPoints(params: CylinderData): void;
+    setTopCenter(center: THREE.Vector3): void;
+    setBottomCenter(center: THREE.Vector3): void;
+    setStyle(style: CylinderStyle): void;
+    highlight(): void;
+    unhighlight(): void;
+    private setEdgeMesh;
+}
+export {};