@realsee/dnalogel 3.49.0 → 3.49.2

package/libs/shared-utils/Object3DHelper/Helper/CSS3DScaleHelper.js

@@ -5,7 +5,7 @@ import { CSS3DRender as f } from "../../../CSS3DRenderPlugin/utils/three/CSS3DRe
 import * as p from "three";
 import { RectangleScaleHelperAbstract as u } from "../Base/BaseHelper.js";
 import { rectangleScaleDom as y } from "./HTML/rectangleScaleDom.js";
-import "../../three/THREESphere.js";
+import "../../three/core/Sphere.js";
 class v extends u {
   // eslint-disable-next-line max-params
   constructor(e, t, s, l) {

package/libs/shared-utils/Object3DHelper/Helper/MoveHelper.js

@@ -7,7 +7,7 @@ import { AXES_THREE_COLOR as w } from "../Constants/color.js";
 import { calculateScaleByCamera as a } from "../utils/calculateScaleByCamera.js";
 import "three";
 import "../../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
-import "../../three/THREESphere.js";
+import "../../three/core/Sphere.js";
 class z extends h {
   constructor(r, s) {
     super(r, s);

package/libs/shared-utils/Object3DHelper/Helper/index.js

@@ -1,3 +1,3 @@
 import "three";
-import "../../three/THREESphere.js";
+import "../../three/core/Sphere.js";
 import "../../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";

package/libs/shared-utils/five/FiveDomEvents.js

@@ -13,7 +13,7 @@ var o = (u, e, t) => (M(u, typeof e != "symbol" ? e + "" : e, t), t);
 import { getObjectVisible as $ } from "../three/getObjectVisible.js";
 import { calculateThreeMouse as W } from "./calculateThreeMouse.js";
 import { getFiveModel as j } from "./getFiveModel.js";
-import { THREERaycaster as L } from "../three/THREERaycaster.js";
+import { THREERaycaster as L } from "../three/core/Raycaster.js";
 class B {
   // 事件由five触发时，用来补充 originEvent 属性
   constructor(e, t) {

package/libs/shared-utils/five/FiveLine.js

@@ -1,5 +1,5 @@
-import { Line as r, LineGeometry as i, THREE_Line2 as s, LineMaterial as n } from "@realsee/five/line";
-class a extends r {
+import { Line as r, THREE_Line2 as i, LineMaterial as s } from "@realsee/five/line";
+class o extends r {
   constructor(...e) {
     super(...e);
   }
@@ -10,7 +10,7 @@ class a extends r {
     };
   }
 }
-class u extends s {
+class a extends i {
   constructor(...e) {
     super(...e);
   }
@@ -21,18 +21,7 @@ class u extends s {
     };
   }
 }
-class L extends i {
-  constructor(...e) {
-    super(...e);
-  }
-  toJSON() {
-    return {
-      type: "FiveLineGeometry",
-      attributes: this.attributes
-    };
-  }
-}
-class c extends n {
+class c extends s {
   constructor(...e) {
     super(...e);
   }
@@ -44,8 +33,7 @@ class c extends n {
   }
 }
 export {
-  a as FiveLine,
-  L as LineGeometry,
+  o as FiveLine,
   c as LineMaterial,
-  u as THREE_Line2
+  a as THREE_Line2
 };

package/libs/shared-utils/five/index.js

@@ -3,12 +3,13 @@ import "hammerjs";
 import "three/examples/jsm/renderers/CSS3DRenderer";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "@realsee/five/line";
+import "../../vendor/three/examples/jsm/lines/LineGeometry.js";
 import "../tag.js";
-import "../three/THREESphere.js";
+import "../three/core/Sphere.js";
 import "animejs";
-function f(e) {
+function u(e) {
   return e.model ? e.work ? e.model.loaded ? e.model.name !== e.work.model.file ? { result: !1, msg: "five.model.name 与 five.work.model.file 不一致" } : { result: !0, msg: "" } : { result: !1, msg: "five.model 未加载完成" } : { result: !1, msg: "five 数据未加载" } : { result: !1, msg: "five.model 不存在" };
 }
 export {
-  f as checkFiveModelLoaded
+  u as checkFiveModelLoaded
 };

package/libs/shared-utils/five/lookObject.js

@@ -1,15 +1,15 @@
 var B = Object.defineProperty;
 var U = Object.getOwnPropertySymbols;
 var F = Object.prototype.hasOwnProperty, H = Object.prototype.propertyIsEnumerable;
-var V = (e, o, t) => o in e ? B(e, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[o] = t, T = (e, o) => {
-  for (var t in o || (o = {}))
-    F.call(o, t) && V(e, t, o[t]);
+var V = (o, e, t) => e in o ? B(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t, T = (o, e) => {
+  for (var t in e || (e = {}))
+    F.call(e, t) && V(o, t, e[t]);
   if (U)
-    for (var t of U(o))
-      H.call(o, t) && V(e, t, o[t]);
-  return e;
+    for (var t of U(e))
+      H.call(e, t) && V(o, t, e[t]);
+  return o;
 };
-var g = (e, o, t) => new Promise((r, m) => {
+var g = (o, e, t) => new Promise((r, m) => {
   var u = (a) => {
     try {
       l(t.next(a));
@@ -23,7 +23,7 @@ var g = (e, o, t) => new Promise((r, m) => {
       m(d);
     }
   }, l = (a) => a.done ? r(a.value) : Promise.resolve(a.value).then(u, s);
-  l((t = t.apply(e, o)).next());
+  l((t = t.apply(o, e)).next());
 });
 import * as n from "three";
 import "hammerjs";
@@ -33,18 +33,19 @@ import { FiveUtil as O } from "../Utils/FiveUtil.js";
 import { notNil as Y } from "../isNil.js";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "@realsee/five/line";
+import "../../vendor/three/examples/jsm/lines/LineGeometry.js";
 import "../tag.js";
 import { worldBoundingSphere as j } from "../three/boundingBox.js";
 import "animejs";
-function tt(e, o, t) {
+function ot(o, e, t) {
   return g(this, null, function* () {
     var P, x, z;
-    if (!o)
+    if (!e)
       return;
-    const r = j(o);
+    const r = j(e);
     if (!r)
       return;
-    const m = new O(e), u = (P = t == null ? void 0 : t.scale) != null ? P : 1.4, s = r.center, l = e.camera.position.clone().sub(s).setY(0).normalize(), a = e.state.mode === "Mapview" ? e.state.fov : 60, C = Math.max(1.5, r.radius * u), k = C * (1 / Math.tan(n.MathUtils.degToRad(a / 2)));
+    const m = new O(o), u = (P = t == null ? void 0 : t.scale) != null ? P : 1.4, s = r.center, l = o.camera.position.clone().sub(s).setY(0).normalize(), a = o.state.mode === "Mapview" ? o.state.fov : 60, C = Math.max(1.5, r.radius * u), k = C * (1 / Math.tan(n.MathUtils.degToRad(a / 2)));
     let p = 0;
     const w = [], M = (c) => {
       const i = n.MathUtils.degToRad(c);
@@ -63,21 +64,21 @@ function tt(e, o, t) {
       p += 30;
     }
     const R = M((z = (x = w[2]) != null ? x : w[1]) != null ? z : 0), v = R.distanceTo(s), b = N(s.clone().sub(R).normalize());
-    if (e.state.mode === "Mapview")
-      return e.updateCamera(
+    if (o.state.mode === "Mapview")
+      return o.updateCamera(
         T({
           offset: s,
           distance: v
         }, b),
         800
       );
-    e.setState(T({
+    o.setState(T({
       mode: "Mapview",
       offset: s,
       distance: v
-    }, b)), yield e.ready();
+    }, b)), yield o.ready();
   });
 }
 export {
-  tt as lookObject
+  ot as lookObject
 };

package/libs/shared-utils/index.js

@@ -8,7 +8,7 @@ import { getCoordsFromClient as n, getCoordsFromElement as l } from "./three/get
 import { PointHelper as p } from "./three/PointSelector/utils/PointHelper.js";
 import { PointSelectorHelper as f } from "./three/PointSelector/utils/PointSelectorHelper.js";
 import { Object3D as a } from "./three/core/Object3D.js";
-import { LineSegments as d } from "./three/objects/LineSegments.js";
+import { LineSegments as d } from "./three/core/LineSegments.js";
 import { bounding as g, boundingBox as u, boundingSphere as s, boxVertex as b, boxVertexes as x, worldBounding as c, worldBoundingBox as k, worldBoundingSphere as F } from "./three/boundingBox.js";
 import { animeMap as P, blink as w, reblink as B } from "./three/blink.js";
 import { isNil as S, notNil as v } from "./isNil.js";

package/libs/shared-utils/logger.js

@@ -1,6 +1,6 @@
 function A() {
   console.debug(
-    "%c %c@realsee/dnalogel %cv3.49.0",
+    "%c %c@realsee/dnalogel %cv3.49.2",
     [
       "background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAMCAMAAACHgmeRAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABLFBMVEUAAAAapPoap/oaqvkbrfkbr/gZnfwZoPsaqfnD4v/E4/8Ylv0clPm93/+/4P/B4f8Yj/683/8Wif+33P8Uhv+x2f8ShP+s1v8Pgf+n0/8Nf/+h0f8Lff8Lff8Nf/9dl/+czv8KfP8KfP+Lxf+Uyv+Xy/+Hwv+Jw/+Mxf+Oxv+RyP8aovsapfoap/oZmfwZm/wZnvsYnPsYkf4YlP0NePsDYfgYcfi43f+63v8Xiv8Xjf4EWfwCV/sWZ/qz2v+02/8Vh/8WiP8EUf8CTf4WXv2u1/+v2P8Thf8Thv8ETf8CR/8VV/+o1f+q1f8Qgv8Rg/8DSv8BRf8UVP+j0v+k0v8OgP8Pgf8DR/8DQv9Nhf+dzv+fz/+Kv/+Vyv+Xy/+azf+Oxv+Qx/+SyP////8MUhLdAAAAK3RSTlMACEWQ2bd98uQECPXxqO7c+Pb49vj2+Pb49vj23Oul8fMHA+TwerXXjEIG2P+bHgAAAAFiS0dEY1y+LaoAAAB+SURBVAjXY2BgZGJmYWVgYGBgY9fW0eVg4ORi4NbTNzDk4eXjZxAwMjYxNTO3EGQQsrSytrG1sxdmEHFwdHJ2cXUTZRBz9/D08vbxFWeQ8PMPCAwKDpFkkAoNC4+IjIqWZpCRlZOPiY2LV2BQVGJQTkhMUlEFWaOmrqGpxQAAyg0S9Dq+VPYAAAAASUVORK5CYII=')",
       "background-repeat: no-repeat",

package/libs/shared-utils/tag.js

@@ -4,8 +4,8 @@ var s = (h, t, e) => (g(h, typeof t != "symbol" ? t + "" : t, e), e);
 import { anyPositionToVector3 as d } from "./positionToVector3.js";
 import * as b from "three";
 import { vector3ToScreen as l } from "./five/vector3ToScreen.js";
-import { getFiveModel as U } from "./five/getFiveModel.js";
-import { FiveUtil as x } from "./Utils/FiveUtil.js";
+import { getFiveModel as x } from "./five/getFiveModel.js";
+import { FiveUtil as U } from "./Utils/FiveUtil.js";
 import { _raycaster as m } from "./three/temp.js";
 const v = "LightTagContainer_shgjakdhwakjdhsja", w = new b.Vector2();
 class E {
@@ -35,12 +35,12 @@ class E {
       if (this.intersectCheck && this.visible && this.five.state.mode !== "Panorama") {
         let e = 0.01;
         this.fiveUtil.workUtil.fromType === "poincare" && (e = 0.05), m.set(this.five.camera.position, this.transformedPosition.clone().sub(this.five.camera.position));
-        const o = (t = U(this.five).intersectRaycaster(m)) == null ? void 0 : t[0];
+        const o = (t = x(this.five).intersectRaycaster(m)) == null ? void 0 : t[0];
         (o == null ? void 0 : o.distance) + e > this.transformedPosition.distanceTo(this.five.camera.position) ? (this.container.style.opacity = "1", this.container.style.pointerEvents = "auto") : (this.container.style.opacity = "0", this.container.style.pointerEvents = "none");
       }
     });
     var n, r, a;
-    this.five = t, this.fiveUtil = (n = t.__fiveUtil__) != null ? n : t.__fiveUtil__ = new x(t), this.originPosition = e ? d(e).clone() : void 0, this.transformedPosition = (r = this.originPosition) == null ? void 0 : r.clone(), this.positionsForRotate = (a = o == null ? void 0 : o.positionsForRotate) == null ? void 0 : a.map((i) => d(i).clone()), this.container = (() => {
+    this.five = t, this.fiveUtil = (n = t.__fiveUtil__) != null ? n : t.__fiveUtil__ = new U(t), this.originPosition = e ? d(e).clone() : void 0, this.transformedPosition = (r = this.originPosition) == null ? void 0 : r.clone(), this.positionsForRotate = (a = o == null ? void 0 : o.positionsForRotate) == null ? void 0 : a.map((i) => d(i).clone()), this.container = (() => {
       const i = document.createElement("div");
       return i.style.width = "0", i.style.height = "0", i.style.position = "absolute", i.style.transition = "opacity 0.2s linear", i;
     })(), this.config = o != null ? o : {}, this.enable(), this.show();
@@ -57,7 +57,7 @@ class E {
       return;
     this.enabled = !0, this.wrapper = (r = (n = this.config.wrapper) != null ? n : (o = this.five.getElement()) == null ? void 0 : o.parentElement) != null ? r : document.body, this.tagWrapper || (this.tagWrapper = (a = document.getElementById(v)) != null ? a : (() => {
       const i = document.createElement("div");
-      return i.id = v, i.style.position = "absolute", i.style.top = "0", i.style.left = "0", i.style.width = "100%", i.style.height = "100%", i.style.pointerEvents = "none", i;
+      return i.id = v, i.style.position = "absolute", i.style.top = "0", i.style.left = "0", i.style.width = "100%", i.style.height = "100%", i.style.pointerEvents = "none", i.style.zIndex = "1", i;
     })(), this.wrapper.contains(this.tagWrapper) || this.wrapper.appendChild(this.tagWrapper)), this.tagWrapper.appendChild(this.container);
     let t = !1;
     const e = () => {

package/libs/shared-utils/three/PointSelector/index.js

@@ -1,25 +1,25 @@
-var S = Object.defineProperty, b = Object.defineProperties;
-var y = Object.getOwnPropertyDescriptors;
+var b = Object.defineProperty, y = Object.defineProperties;
+var E = Object.getOwnPropertyDescriptors;
 var p = Object.getOwnPropertySymbols;
-var E = Object.prototype.hasOwnProperty, I = Object.prototype.propertyIsEnumerable;
-var f = (n, s, e) => s in n ? S(n, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[s] = e, l = (n, s) => {
+var I = Object.prototype.hasOwnProperty, w = Object.prototype.propertyIsEnumerable;
+var f = (n, s, e) => s in n ? b(n, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[s] = e, l = (n, s) => {
   for (var e in s || (s = {}))
-    E.call(s, e) && f(n, e, s[e]);
+    I.call(s, e) && f(n, e, s[e]);
   if (p)
     for (var e of p(s))
-      I.call(s, e) && f(n, e, s[e]);
+      w.call(s, e) && f(n, e, s[e]);
   return n;
-}, m = (n, s) => b(n, y(s));
+}, m = (n, s) => y(n, E(s));
 var i = (n, s, e) => (f(n, typeof s != "symbol" ? s + "" : s, e), e);
-import { PointSelectorHelper as w } from "./utils/PointSelectorHelper.js";
-import { isTouchDevice as H } from "../../isTouchDevice.js";
+import { PointSelectorHelper as H } from "./utils/PointSelectorHelper.js";
+import { isTouchDevice as v } from "../../isTouchDevice.js";
 import M from "hammerjs";
 import * as d from "three";
 import { Subscribe as N } from "../../Subscribe.js";
 import { getIntersectByRaycaster as F, getVirtualIntersectByRaycaster as U } from "../../five/getPosition.js";
-import { getRaycasterByNdcPosition as L } from "../../five/getRaycasterByNdcPosition.js";
-import { CURSOR_NOT_ALLOW_URL as v } from "./utils/contents.js";
-const T = new d.Vector3(), u = () => !1;
+import { getRaycasterByNdcPosition as T } from "../../five/getRaycasterByNdcPosition.js";
+import { CURSOR_NOT_ALLOW_URL as P } from "./utils/contents.js";
+const L = new d.Vector3(), u = () => !1;
 class G extends N {
   constructor(e, t) {
     var a, o, c;
@@ -105,7 +105,9 @@ class G extends N {
      * @description: 手指抬起后，重置pressDown状态
      */
     i(this, "onPanEnd", () => {
-      this.pressDown && (this.pressDown = !1, this.select());
+      this.pressDown && (setTimeout(() => {
+        this.pressDown = !1;
+      }, 100), this.select());
     });
     i(this, "updateByMousePosition", (e) => {
       this.five.getElement() && (e && (this.mousePosition = e), this.updateByNdcPosition(this.mouseNdcPosition));
@@ -115,11 +117,11 @@ class G extends N {
      */
     i(this, "updateByNdcPosition", (e) => {
       var h, a;
-      const t = L(this.five, e), r = F(this.five, t);
+      const t = T(this.five, e), r = F(this.five, t);
       if (r)
         return this.updatePointSelectorHelperIntersect(r), this.lastIntersection = r, !0;
       if (this.plane) {
-        const o = t.ray.intersectPlane(this.plane, T);
+        const o = t.ray.intersectPlane(this.plane, L);
         if (o) {
           const c = {
             distance: this.five.camera.position.distanceTo(o),
@@ -145,7 +147,7 @@ class G extends N {
      */
     i(this, "updatePointSelectorHelperIntersect", (e) => {
       if (!e) {
-        this.onLeave(), this.five.getElement().style.cursor = v;
+        this.onLeave(), this.five.getElement().style.cursor = P;
         return;
       }
       this.onEnter(), this.cursorError || (this.five.getElement().style.cursor = "");
@@ -164,10 +166,10 @@ class G extends N {
       const t = this.five.getElement();
       if (!t)
         return null;
-      const { top: r, left: h, width: a, height: o } = t.getBoundingClientRect(), { clientX: c, clientY: P } = e;
+      const { top: r, left: h, width: a, height: o } = t.getBoundingClientRect(), { clientX: c, clientY: S } = e;
       return {
         x: (c - h) / a,
-        y: 1 - (P - r) / o
+        y: 1 - (S - r) / o
       };
     });
     i(this, "onFiveWantsPanGesture", () => {
@@ -182,12 +184,12 @@ class G extends N {
     });
     this.five = e, this.config = l(l({}, this.config), t), this.actionIfNoModelUnderMouse = (a = t == null ? void 0 : t.actionIfNoModelUnderMouse) != null ? a : "virtualPoint";
     const r = (o = t == null ? void 0 : t.mode) != null ? o : "auto";
-    r === "auto" ? this.mode = H ? "fixed" : "cursor" : this.mode = r;
+    r === "auto" ? this.mode = v ? "fixed" : "cursor" : this.mode = r;
     const h = {
       autoFixPCPosition: this.mode === "cursor",
       initialPosition: this.mode === "fixed" ? { left: "35%", top: "20%" } : void 0
     };
-    this.pointSelectorHelper = new w(this.five, m(l({}, t == null ? void 0 : t.helper), {
+    this.pointSelectorHelper = new H(this.five, m(l({}, t == null ? void 0 : t.helper), {
       magnifierParams: l(l({}, h), (c = t == null ? void 0 : t.helper) == null ? void 0 : c.magnifierParams)
     })), this.pointSelectorHelper.hide();
   }
@@ -207,7 +209,7 @@ class G extends N {
     return this._cursorError;
   }
   set cursorError(e) {
-    this._cursorError = e, this.five.getElement().style.cursor = e ? v : "", e ? this.pointSelectorHelper.hide() : this.pointSelectorHelper.show();
+    this._cursorError = e, this.five.getElement().style.cursor = e ? P : "", e ? this.pointSelectorHelper.hide() : this.pointSelectorHelper.show();
   }
   set outOfFive(e) {
     this._outOfFive = e;
@@ -225,7 +227,7 @@ class G extends N {
     const e = this.five.getElement();
     if (!e)
       throw new Error("five element not found");
-    this.hammer || (this.hammer = new M(e)), this.mode === "cursor" ? (this.five.on("wantsPanGesture", this.onFiveWantsPanGesture), this.five.on("wantsMoveToPano", u), this.five.on("wantsChangeMode", u), this.five.on("wantsTapGesture", u), e.addEventListener("mousemove", this.updateByMousePosition), e.addEventListener("wheel", this.onMouseWheel), e.addEventListener("mouseenter", this.onEnter), e.addEventListener("mouseout", this.onLeave), this.hammer.on("tap", this.onTap), this.hammer.on("pan", this.onPan), this.hammer.on("press", this.onPress), this.hammer.on("panend", this.onPanEnd)) : this.mode === "fixed" && (this.five.on("panoArrived", this.renderScreenCenter), this.five.on("panGesture", this.renderScreenCenter), this.five.on("interiaPan", this.renderScreenCenter), this.renderScreenCenter(), this.pointSelectorHelper.show()), this.pointSelectorHelper.hooks.on("intersectionUpdate", this.emitIntersectionUpdate), this.lastFiveHelperVisible = this.five.helperVisible, this.five.helperVisible = !1, this.emit("enable");
+    this.hammer || (this.hammer = new M(e)), this.mode === "cursor" ? (this.five.on("wantsMoveToPano", u), this.five.on("wantsChangeMode", u), this.five.on("wantsTapGesture", u), e.addEventListener("mousemove", this.updateByMousePosition), v || e.addEventListener("wheel", this.onMouseWheel), e.addEventListener("mouseenter", this.onEnter), e.addEventListener("mouseout", this.onLeave), this.five.on("wantsPanGesture", this.onFiveWantsPanGesture), this.hammer.on("tap", this.onTap), this.hammer.on("pan", this.onPan), this.hammer.on("press", this.onPress), this.hammer.on("panend", this.onPanEnd)) : this.mode === "fixed" && (this.five.on("panoArrived", this.renderScreenCenter), this.five.on("panGesture", this.renderScreenCenter), this.five.on("interiaPan", this.renderScreenCenter), this.renderScreenCenter(), this.pointSelectorHelper.show()), this.pointSelectorHelper.hooks.on("intersectionUpdate", this.emitIntersectionUpdate), this.lastFiveHelperVisible = this.five.helperVisible, this.five.helperVisible = !1, this.emit("enable");
   }
   disable() {
     if (!this.enabled)

package/libs/shared-utils/three/PointSelector/utils/PointSelectorHelper.js

@@ -6,7 +6,7 @@ import { Magnifier as u } from "../../Magnifier.js";
 import { PointHelper as b } from "./PointHelper.js";
 import { Subscribe as g } from "../../../Subscribe.js";
 import { PointHelper2 as o } from "./PointHelper2.js";
-import "../../THREESphere.js";
+import "../../core/Sphere.js";
 import "animejs";
 class P {
   constructor(i, e) {

package/libs/shared-utils/three/boundingBox.js

@@ -1,5 +1,5 @@
 import * as z from "three";
-import { THREESphere as S } from "./THREESphere.js";
+import { THREESphere as S } from "./core/Sphere.js";
 function O(u) {
   const { max: t, min: n } = u;
   return [

package/libs/shared-utils/three/index.d.ts

@@ -3,6 +3,6 @@ export * from './getCoords';
 export * from './PointSelector/utils/PointHelper';
 export * from './PointSelector/utils/PointSelectorHelper';
 export * from './core/Object3D';
-export * from './objects/LineSegments';
+export * from './core/LineSegments';
 export * from './boundingBox';
 export * from './blink';

package/libs/shared-utils/three/index.js

@@ -2,7 +2,8 @@ import "hammerjs";
 import "three";
 import "three/examples/jsm/renderers/CSS3DRenderer";
 import "@realsee/five/line";
+import "../../vendor/three/examples/jsm/lines/LineGeometry.js";
 import "../tag.js";
-import "./THREESphere.js";
+import "./core/Sphere.js";
 import "animejs";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";