@realsee/dnalogel 3.50.14 → 3.50.15-alpha.0

package/libs/PipelinePlugin/Controller.js

@@ -1,35 +1,36 @@
 var j = Object.defineProperty;
 var v = Object.getOwnPropertySymbols;
 var P = Object.prototype.hasOwnProperty, _ = Object.prototype.propertyIsEnumerable;
-var A = (p, n, e) => n in p ? j(p, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : p[n] = e, m = (p, n) => {
-  for (var e in n || (n = {}))
-    P.call(n, e) && A(p, e, n[e]);
+var A = (c, o, e) => o in c ? j(c, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[o] = e, u = (c, o) => {
+  for (var e in o || (o = {}))
+    P.call(o, e) && A(c, e, o[e]);
   if (v)
-    for (var e of v(n))
-      _.call(n, e) && A(p, e, n[e]);
-  return p;
+    for (var e of v(o))
+      _.call(o, e) && A(c, e, o[e]);
+  return c;
 };
-var u = (p, n, e) => (A(p, typeof n != "symbol" ? n + "" : n, e), e);
-var d = (p, n, e) => new Promise((t, i) => {
+var d = (c, o, e) => (A(c, typeof o != "symbol" ? o + "" : o, e), e);
+var m = (c, o, e) => new Promise((t, i) => {
   var s = (a) => {
     try {
-      h(e.next(a));
-    } catch (c) {
-      i(c);
+      n(e.next(a));
+    } catch (p) {
+      i(p);
     }
   }, r = (a) => {
     try {
-      h(e.throw(a));
-    } catch (c) {
-      i(c);
+      n(e.throw(a));
+    } catch (p) {
+      i(p);
     }
-  }, h = (a) => a.done ? t(a.value) : Promise.resolve(a.value).then(s, r);
-  h((e = e.apply(p, n)).next());
+  }, n = (a) => a.done ? t(a.value) : Promise.resolve(a.value).then(s, r);
+  n((e = e.apply(c, o)).next());
 });
 import * as F from "three";
 import { Controller as S } from "../base/BasePluginWithData.js";
 import "../shared-utils/tag.js";
 import "hammerjs";
+import "../shared-utils/three/PointSelector/index.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
 import "@realsee/five/line";
 import "../vendor/three/examples/jsm/lines/LineGeometry.js";
@@ -53,6 +54,34 @@ import "../shared-utils/positionToVector3.js";
 import "../shared-utils/five/vector3ToScreen.js";
 import "../shared-utils/three/temp.js";
 import "../shared-utils/dom/resizeObserver.js";
+import "../shared-utils/three/PointSelector/utils/PointSelectorHelper.js";
+import "../shared-utils/three/Magnifier.js";
+import "../shared-utils/three/PointSelector/utils/PointHelper.js";
+import "../shared-utils/three/Assets/index.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
+import "../CSS3DRenderPlugin/utils/even.js";
+import "../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
+import "../shared-utils/three/centerPoint.js";
+import "../shared-utils/three/getObjectVisible.js";
+import "../shared-utils/three/PointSelector/utils/html.js";
+import "../shared-utils/five/initialCSS3DRender.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
+import "../CSS3DRenderPlugin/utils/three/THREEJS_CSS3DRenderer.js";
+import "../CSS3DRenderPlugin/utils/createResizeObserver.js";
+import "../shared-utils/three/PointSelector/utils/PointHelper2.js";
+import "../Sculpt/Meshes/Line.js";
+import "../Sculpt/typings/style.js";
+import "../shared-utils/five/FiveLine.js";
+import "../shared-utils/three/IObject3D.js";
+import "../Sculpt/utils/removeAllTag.js";
+import "../Sculpt/utils/Meshes/getLengthHTML.js";
+import "../shared-utils/three/applyObjectMatrixWorld.js";
+import "../shared-utils/util.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DSprite.js";
+import "../shared-utils/isTouchDevice.js";
+import "../shared-utils/five/getPosition.js";
+import "../shared-utils/five/getRaycasterByNdcPosition.js";
+import "../shared-utils/three/PointSelector/utils/contents.js";
 import "../vendor/three/examples/jsm/lines/LineSegmentsGeometry.js";
 import "../vendor/three/build/three.module.js";
 import "../shared-utils/isTruelyObject.js";
@@ -63,11 +92,11 @@ import "../shared-utils/three/Extras/Curves/BezierCurve3.js";
 import "../shared-utils/three/Extras/Core/Interpolations.js";
 import "../shared-utils/three/Extras/Core/Interpolations2.js";
 const g = { flowSpeed: 0.6, rotateSpeed: 0 };
-class le extends S {
+class ze extends S {
   constructor(e) {
     super(e);
     // ==================== public properties ====================
-    u(this, "data");
+    d(this, "data");
     /** 插件状态
      * @property `visible` `<boolean>` 是否可见
      * @property `enabled` `<boolean>` 是否启用
@@ -76,28 +105,28 @@ class le extends S {
      * @property `speed.flowSpeed` `<number>` 横向流动速度，默认是 0.6 m/s
      * @property `speed.rotateSpeed` `<number>` 纵向旋转速度：默认是 0 deg/s
      */
-    u(this, "state");
+    d(this, "state");
     /** 当前插件所有新增 THREE 相关副作用都在 group 下 */
-    u(this, "group");
+    d(this, "group");
     /** 用于展示水流的水管 */
-    u(this, "pipeObjects", []);
+    d(this, "pipeObjects", []);
     // ==================== private properties ====================
     /** 水管贴图缓存 */
-    u(this, "texturePromiseCache", /* @__PURE__ */ new Map());
+    d(this, "texturePromiseCache", /* @__PURE__ */ new Map());
     /** 销毁插件，移除所有副作用，销毁后将不响应任何 API */
-    u(this, "dispose", () => {
+    d(this, "dispose", () => {
       this.disable(), this.five.scene.remove(this.group), this.texturePromiseCache.forEach((e) => e.then((t) => t.dispose())), this.texturePromiseCache.clear();
     });
-    u(this, "onWantsFiveTapGesture", (...e) => {
+    d(this, "onWantsFiveTapGesture", (...e) => {
       const [t] = e, i = t.intersectObjects(this.pipeObjects, !1);
       if (i.length === 0 || !this.data)
         return;
-      const h = i[0].object.customID, a = this.data.pipes.find(({ id: o }) => o === h), c = this.data.pipelines.find((o) => a && o.pipes.includes(a));
-      if (!(!a || !c))
+      const n = i[0].object.customID, a = this.data.pipes.find(({ id: h }) => h === n), p = this.data.pipelines.find((h) => a && h.pipes.includes(a));
+      if (!(!a || !p))
         return this.hooks.emit("tap", {
           intersectObjects: i,
           pipe: a,
-          pipeline: c,
+          pipeline: p,
           wantsFiveTapGestureParams: e
         }), !1;
     });
@@ -120,19 +149,19 @@ class le extends S {
    */
   // eslint-disable-next-line max-params
   load(e, t, i, s) {
-    return d(this, null, function* () {
+    return m(this, null, function* () {
       const r = this.data;
       this.data = yield this.formatData(e, s), this.removeAllPipes(), this.hooks.emit("dataChange", this.data, r), this.pipeObjects = yield Promise.all(
-        this.data.pipes.filter((h) => !!(h != null && h.texture)).map((b) => d(this, [b], function* ({ id: h, texture: a, path: c, radius: o }) {
-          const l = yield this.loadPipeTexture(a), f = { id: h, path: c, textureURL: a, texture: l, geometryConfig: { radius: o } };
+        this.data.pipes.filter((n) => !!(n != null && n.texture)).map((b) => m(this, [b], function* ({ id: n, texture: a, path: p, radius: h }) {
+          const l = yield this.loadPipeTexture(a), f = { id: n, path: p, textureURL: a, texture: l, geometryConfig: { radius: h } };
           return new D(f);
         }))
-      ), this.data.pipelines.forEach((h) => {
-        h.pipes.reduce((a, c) => {
-          const o = this.findPipeObjectWithID(c.id);
-          return o == null || o.setInitialDisplacement(a), a + ((o == null ? void 0 : o.pathLength) || 0);
+      ), this.data.pipelines.forEach((n) => {
+        n.pipes.reduce((a, p) => {
+          const h = this.findPipeObjectWithID(p.id);
+          return h == null || h.setInitialDisplacement(a), a + ((h == null ? void 0 : h.pathLength) || 0);
         }, 0);
-      }), this.hooks.emit("dataLoaded", this.data), this.state.visible === !1 && this.pipeObjects.forEach((h) => h.setOpacity(0)), this.state.enabled && (this.group.add(...this.pipeObjects), this.five.needsRender = !0), t && this.setState(t, { userAction: i });
+      }), this.hooks.emit("dataLoaded", this.data), this.state.visible === !1 && this.pipeObjects.forEach((n) => n.setOpacity(0)), this.state.enabled && (this.group.add(...this.pipeObjects), this.five.needsRender = !0), t && this.setState(t, { userAction: i });
     });
   }
   /** 更改插件 State
@@ -187,10 +216,10 @@ class le extends S {
    * @param `options.anime.duration` `<number> | <undefined>` 动画时间，默认是 500ms。
    */
   show() {
-    return d(this, arguments, function* (e = {}) {
+    return m(this, arguments, function* (e = {}) {
       if (this.state.visible)
         return;
-      const t = m({
+      const t = u({
         userAction: !0,
         anime: { duration: 500 }
       }, e);
@@ -204,10 +233,10 @@ class le extends S {
    * @param `options.anime.duration` `<number> | <undefined>` 动画时间，默认是 500ms。
    */
   hide() {
-    return d(this, arguments, function* (e = {}) {
+    return m(this, arguments, function* (e = {}) {
       if (this.state.visible === !1)
         return;
-      const t = m({
+      const t = u({
         userAction: !0,
         anime: { duration: 500 }
       }, e);
@@ -225,15 +254,15 @@ class le extends S {
    * @param `options.userAction` `<boolean> | <undefined>` 是否是否是用户操作。
    * */
   switchPipelines(e) {
-    return d(this, null, function* () {
-      var c, o, b, l, f, w;
+    return m(this, null, function* () {
+      var p, h, b, l, f, w;
       if (!this.data)
         return;
-      const t = (c = e == null ? void 0 : e.target) != null ? c : null, i = (o = e == null ? void 0 : e.userAction) != null ? o : !0;
+      const t = (p = e == null ? void 0 : e.target) != null ? p : null, i = (h = e == null ? void 0 : e.userAction) != null ? h : !0;
       this.updateState({ target: t }, i);
-      const s = { duration: 500 }, r = (l = (b = e == null ? void 0 : e.hideAnime) != null ? b : e == null ? void 0 : e.anime) != null ? l : s, h = (w = (f = e == null ? void 0 : e.showAnime) != null ? f : e == null ? void 0 : e.anime) != null ? w : s, a = {
+      const s = { duration: 500 }, r = (l = (b = e == null ? void 0 : e.hideAnime) != null ? b : e == null ? void 0 : e.anime) != null ? l : s, n = (w = (f = e == null ? void 0 : e.showAnime) != null ? f : e == null ? void 0 : e.anime) != null ? w : s, a = {
         target: t,
-        showAnime: h,
+        showAnime: n,
         hideAnime: r
       };
       this._switchPipelines(a);
@@ -266,7 +295,7 @@ class le extends S {
     this.updateState({ speed: t }, i), this._setSpeed(t);
   }
   formatData(e, t) {
-    return d(this, null, function* () {
+    return m(this, null, function* () {
       return y(e, t);
     });
   }
@@ -277,7 +306,7 @@ class le extends S {
     this.hooks.emit("disable", { userAction: e.userAction }), this.disposeAnime(), this.five.scene.remove(this.group), this.five.needsRender = !0, this.five.off("wantsTapGesture", this.onWantsFiveTapGesture);
   }
   _show(e) {
-    return d(this, null, function* () {
+    return m(this, null, function* () {
       var s;
       this.hooks.emit("show", { userAction: e.userAction });
       const t = (s = e == null ? void 0 : e.anime) != null ? s : { duration: 500 }, i = this.findPipeObjectWithTarget(this.state.target);
@@ -285,7 +314,7 @@ class le extends S {
     });
   }
   _hide(e) {
-    return d(this, null, function* () {
+    return m(this, null, function* () {
       var i;
       this.hooks.emit("hide", { userAction: e.userAction });
       const t = (i = e == null ? void 0 : e.anime) != null ? i : { duration: 500 };
@@ -293,7 +322,7 @@ class le extends S {
     });
   }
   _switchPipelines(e) {
-    return d(this, null, function* () {
+    return m(this, null, function* () {
       if (!this.data)
         return;
       const t = this.findPipeObjectWithTarget(e.target), i = e.hideAnime;
@@ -313,11 +342,11 @@ class le extends S {
   }
   updateState(e, t) {
     const i = this.state;
-    this.state = m(m({}, this.state), e), this.hooks.emit("stateChange", { state: this.state, prevState: i, userAction: t });
+    this.state = u(u({}, this.state), e), this.hooks.emit("stateChange", { state: this.state, prevState: i, userAction: t });
   }
   /** 加载管道贴图，如果再加载中，复用之前的加载 Promise */
   loadPipeTexture(e) {
-    return d(this, null, function* () {
+    return m(this, null, function* () {
       const t = this.texturePromiseCache.get(e);
       if (t)
         return t;
@@ -343,5 +372,5 @@ class le extends S {
   }
 }
 export {
-  le as Controller
+  ze as Controller
 };

package/libs/PipelinePlugin/index.js

@@ -14,16 +14,45 @@ import "../shared-utils/five/transformPosition.js";
 import "../shared-utils/three/temp.js";
 import "../shared-utils/dom/resizeObserver.js";
 import "hammerjs";
+import "../shared-utils/three/PointSelector/index.js";
+import "../shared-utils/three/PointSelector/utils/PointSelectorHelper.js";
+import "../shared-utils/three/Magnifier.js";
+import "../shared-utils/three/PointSelector/utils/PointHelper.js";
+import "../shared-utils/three/Assets/index.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
+import "../CSS3DRenderPlugin/utils/even.js";
+import "../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
+import "../shared-utils/three/centerPoint.js";
+import "../shared-utils/three/getObjectVisible.js";
 import "@realsee/five/line";
 import "../vendor/three/examples/jsm/lines/LineGeometry.js";
 import "../vendor/three/examples/jsm/lines/LineSegmentsGeometry.js";
 import "../vendor/three/build/three.module.js";
 import "../shared-utils/three/core/Sphere.js";
 import "animejs";
-import "../shared-utils/url/absoluteUrl.js";
-import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../shared-utils/isNil.js";
+import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
+import "../shared-utils/three/PointSelector/utils/html.js";
+import "../shared-utils/five/initialCSS3DRender.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
+import "../CSS3DRenderPlugin/utils/three/THREEJS_CSS3DRenderer.js";
+import "../CSS3DRenderPlugin/utils/createResizeObserver.js";
+import "../shared-utils/three/PointSelector/utils/PointHelper2.js";
+import "../Sculpt/Meshes/Line.js";
+import "../Sculpt/typings/style.js";
+import "../shared-utils/five/FiveLine.js";
+import "../shared-utils/three/IObject3D.js";
+import "../Sculpt/utils/removeAllTag.js";
+import "../Sculpt/utils/Meshes/getLengthHTML.js";
+import "../shared-utils/three/applyObjectMatrixWorld.js";
+import "../shared-utils/util.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DSprite.js";
+import "../shared-utils/isTouchDevice.js";
+import "../shared-utils/five/getPosition.js";
+import "../shared-utils/five/getRaycasterByNdcPosition.js";
+import "../shared-utils/three/PointSelector/utils/contents.js";
+import "../shared-utils/url/absoluteUrl.js";
 import "../shared-utils/equal.js";
 import "../shared-utils/isTruelyObject.js";
 import "../shared-utils/three/loadTexture.js";
@@ -35,8 +64,8 @@ import "../shared-utils/animationFrame/BetterTween.js";
 import "../shared-utils/three/Extras/Curves/BezierCurve3.js";
 import "../shared-utils/three/Extras/Core/Interpolations.js";
 import "../shared-utils/three/Extras/Core/Interpolations2.js";
-const M = (r) => new o(r);
+const cr = (r) => new o(r);
 export {
-  M as PipelinePlugin,
-  M as default
+  cr as PipelinePlugin,
+  cr as default
 };

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

@@ -1,9 +1,10 @@
 var v = Object.defineProperty;
-var u = (o, e, t) => e in o ? v(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
-var r = (o, e, t) => (u(o, typeof e != "symbol" ? e + "" : e, t), t);
+var u = (r, o, t) => o in r ? v(r, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[o] = t;
+var e = (r, o, t) => (u(r, typeof o != "symbol" ? o + "" : o, t), t);
 import "../../../shared-utils/tag.js";
 import "three";
 import "hammerjs";
+import "../../../shared-utils/three/PointSelector/index.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
 import "@realsee/five/line";
 import "../../../vendor/three/examples/jsm/lines/LineGeometry.js";
@@ -21,9 +22,38 @@ import "../../../shared-utils/Utils/WorkUtil.js";
 import "../../../shared-utils/five/transformPosition.js";
 import "../../../shared-utils/three/temp.js";
 import "../../../shared-utils/dom/resizeObserver.js";
+import "../../../shared-utils/three/PointSelector/utils/PointSelectorHelper.js";
+import "../../../shared-utils/three/Magnifier.js";
+import "../../../shared-utils/three/PointSelector/utils/PointHelper.js";
+import "../../../shared-utils/three/Assets/index.js";
+import "../../../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
+import "../../../CSS3DRenderPlugin/utils/even.js";
+import "../../../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
+import "../../../shared-utils/three/centerPoint.js";
+import "../../../shared-utils/three/getObjectVisible.js";
+import "../../../shared-utils/isNil.js";
+import "../../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
+import "../../../shared-utils/three/PointSelector/utils/html.js";
+import "../../../shared-utils/five/initialCSS3DRender.js";
+import "../../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
+import "../../../CSS3DRenderPlugin/utils/three/THREEJS_CSS3DRenderer.js";
+import "../../../CSS3DRenderPlugin/utils/createResizeObserver.js";
+import "../../../shared-utils/three/PointSelector/utils/PointHelper2.js";
+import "../../../Sculpt/Meshes/Line.js";
+import "../../../Sculpt/typings/style.js";
+import "../../../shared-utils/five/FiveLine.js";
+import "../../../shared-utils/three/IObject3D.js";
+import "../../../Sculpt/utils/removeAllTag.js";
+import "../../../Sculpt/utils/Meshes/getLengthHTML.js";
+import "../../../shared-utils/three/applyObjectMatrixWorld.js";
+import "../../../shared-utils/util.js";
+import "../../../CSS3DRenderPlugin/utils/three/CSS3DSprite.js";
+import "../../../shared-utils/isTouchDevice.js";
+import "../../../shared-utils/five/getPosition.js";
+import "../../../shared-utils/five/getRaycasterByNdcPosition.js";
+import "../../../shared-utils/three/PointSelector/utils/contents.js";
 import "../../../vendor/three/examples/jsm/lines/LineSegmentsGeometry.js";
 import "../../../vendor/three/build/three.module.js";
-import "../../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../../shared-utils/animationFrame/BetterTween.js";
 import "../../../shared-utils/three/Extras/Curves/BezierCurve3.js";
 import "../../../shared-utils/three/Extras/Core/Interpolations.js";
@@ -47,19 +77,19 @@ const d = (
   }
 `
 );
-class K extends h {
+class gt extends h {
   constructor(t) {
     super(t, d);
     /** 初始状态下，当前水管内的水流在整体管道上的位移
      * @description 因为水管是不连续的，而要达到水流的连续效果，需要用过贴图的 uOffset 控制每根水管的初始状态
      */
-    r(this, "initialDisplacement", 0);
-    r(this, "oldTime", (/* @__PURE__ */ new Date()).getTime());
+    e(this, "initialDisplacement", 0);
+    e(this, "oldTime", (/* @__PURE__ */ new Date()).getTime());
     /** 横向流动速度：m / s */
-    r(this, "flowSpeed", 0.6);
+    e(this, "flowSpeed", 0.6);
     /** 纵向旋转速度：deg / s */
-    r(this, "rotateSpeed", 0);
-    r(this, "flowAnimationDisposer", () => {
+    e(this, "rotateSpeed", 0);
+    e(this, "flowAnimationDisposer", () => {
     });
   }
   setInitialDisplacement(t, i = "backward") {
@@ -85,10 +115,10 @@ class K extends h {
     this.flowAnimationDisposer(), this.oldTime = (/* @__PURE__ */ new Date()).getTime();
     let t = 0, i = 0;
     const m = c(() => {
-      const n = (/* @__PURE__ */ new Date()).getTime(), s = n - this.oldTime, a = this.flowSpeed * (s / 1e3), l = this.rotateSpeed * (s / 1e3);
-      t = t + a, i = i + l;
-      const p = 1 / 360, f = i * p;
-      this.material.uniforms.vOffset.value = f, this.moveForwardFromInitialOffset(t), this.oldTime = n;
+      const p = (/* @__PURE__ */ new Date()).getTime(), n = p - this.oldTime, s = this.flowSpeed * (n / 1e3), a = this.rotateSpeed * (n / 1e3);
+      t = t + s, i = i + a;
+      const l = 1 / 360, f = i * l;
+      this.material.uniforms.vOffset.value = f, this.moveForwardFromInitialOffset(t), this.oldTime = p;
     });
     this.flowAnimationDisposer = function() {
       m(), this.moveForwardFromInitialOffset(0);
@@ -105,5 +135,5 @@ class K extends h {
   }
 }
 export {
-  K as ObjectFlowPipe
+  gt as ObjectFlowPipe
 };

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

@@ -1,9 +1,10 @@
 var s = Object.defineProperty;
-var n = (e, t, i) => t in e ? s(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i;
-var o = (e, t, i) => (n(e, typeof t != "symbol" ? t + "" : t, i), i);
+var n = (r, t, i) => t in r ? s(r, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : r[t] = i;
+var p = (r, t, i) => (n(r, typeof t != "symbol" ? t + "" : t, i), i);
 import "../../../shared-utils/tag.js";
 import "three";
 import "hammerjs";
+import "../../../shared-utils/three/PointSelector/index.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
 import "@realsee/five/line";
 import "../../../vendor/three/examples/jsm/lines/LineGeometry.js";
@@ -21,28 +22,57 @@ import "../../../shared-utils/Utils/WorkUtil.js";
 import "../../../shared-utils/five/transformPosition.js";
 import "../../../shared-utils/three/temp.js";
 import "../../../shared-utils/dom/resizeObserver.js";
+import "../../../shared-utils/three/PointSelector/utils/PointSelectorHelper.js";
+import "../../../shared-utils/three/Magnifier.js";
+import "../../../shared-utils/three/PointSelector/utils/PointHelper.js";
+import "../../../shared-utils/three/Assets/index.js";
+import "../../../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
+import "../../../CSS3DRenderPlugin/utils/even.js";
+import "../../../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
+import "../../../shared-utils/three/centerPoint.js";
+import "../../../shared-utils/three/getObjectVisible.js";
+import "../../../shared-utils/isNil.js";
+import "../../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
+import "../../../shared-utils/three/PointSelector/utils/html.js";
+import "../../../shared-utils/five/initialCSS3DRender.js";
+import "../../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
+import "../../../CSS3DRenderPlugin/utils/three/THREEJS_CSS3DRenderer.js";
+import "../../../CSS3DRenderPlugin/utils/createResizeObserver.js";
+import "../../../shared-utils/three/PointSelector/utils/PointHelper2.js";
+import "../../../Sculpt/Meshes/Line.js";
+import "../../../Sculpt/typings/style.js";
+import "../../../shared-utils/five/FiveLine.js";
+import "../../../shared-utils/three/IObject3D.js";
+import "../../../Sculpt/utils/removeAllTag.js";
+import "../../../Sculpt/utils/Meshes/getLengthHTML.js";
+import "../../../shared-utils/three/applyObjectMatrixWorld.js";
+import "../../../shared-utils/util.js";
+import "../../../CSS3DRenderPlugin/utils/three/CSS3DSprite.js";
+import "../../../shared-utils/isTouchDevice.js";
+import "../../../shared-utils/five/getPosition.js";
+import "../../../shared-utils/five/getRaycasterByNdcPosition.js";
+import "../../../shared-utils/three/PointSelector/utils/contents.js";
 import "../../../vendor/three/examples/jsm/lines/LineSegmentsGeometry.js";
 import "../../../vendor/three/build/three.module.js";
-import "../../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../../shared-utils/animationFrame/index.js";
 import "../../../shared-utils/three/Extras/Curves/BezierCurve3.js";
 import "../../../shared-utils/three/Extras/Core/Interpolations.js";
 import "../../../shared-utils/three/Extras/Core/Interpolations2.js";
-class J extends a {
+class ci extends a {
   constructor(i) {
     super(i);
-    o(this, "imageCount", 64);
-    o(this, "highlightAnime");
+    p(this, "imageCount", 64);
+    p(this, "highlightAnime");
   }
   highlight(i) {
-    const r = (i == null ? void 0 : i.duration) || 500;
-    this.disposeAnime(), this.highlightAnime = h(r).onUpdate(({ progress: m }) => this.setOpacity(m)).yoyo(!0).repeat(1 / 0).play();
+    const m = (i == null ? void 0 : i.duration) || 500;
+    this.disposeAnime(), this.highlightAnime = h(m).onUpdate(({ progress: o }) => this.setOpacity(o)).yoyo(!0).repeat(1 / 0).play();
   }
   highlight1(i) {
-    const r = (i == null ? void 0 : i.duration) || 2500;
-    this.disposeAnime(), this.highlightAnime = h(r).onUpdate(({ progress: m }) => {
-      const p = -(Math.ceil(m * this.imageCount) - 1) / this.imageCount;
-      this.material.uniforms.vOffset.value !== p && (this.material.uniforms.vOffset.value = p, this.material.needsUpdate = !0, this.needsRender = !0);
+    const m = (i == null ? void 0 : i.duration) || 2500;
+    this.disposeAnime(), this.highlightAnime = h(m).onUpdate(({ progress: o }) => {
+      const e = -(Math.ceil(o * this.imageCount) - 1) / this.imageCount;
+      this.material.uniforms.vOffset.value !== e && (this.material.uniforms.vOffset.value = e, this.material.needsUpdate = !0, this.needsRender = !0);
     }).repeat(1 / 0).play();
   }
   disposeAnime() {
@@ -51,5 +81,5 @@ class J extends a {
   }
 }
 export {
-  J as ObjectHighlightPipe
+  ci as ObjectHighlightPipe
 };