@realsee/dnalogel 3.4.0-tag-dev.1 → 3.5.0-dev.0

package/libs/CruisePlugin/Move.js

@@ -0,0 +1,113 @@
+var g = Object.defineProperty;
+var c = Object.getOwnPropertySymbols;
+var v = Object.prototype.hasOwnProperty, S = Object.prototype.propertyIsEnumerable;
+var m = (i, e, t) => e in i ? g(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, f = (i, e) => {
+  for (var t in e || (e = {}))
+    v.call(e, t) && m(i, t, e[t]);
+  if (c)
+    for (var t of c(e))
+      S.call(e, t) && m(i, t, e[t]);
+  return i;
+};
+var n = (i, e, t) => (m(i, typeof e != "symbol" ? e + "" : e, t), t);
+import P from "./CruiseController.js";
+import { objectAssignDeepExports as d } from "../vendor/object-assign-deep/objectAssignDeep.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 { uuid as y } from "../shared-utils/uuid.js";
+import { getFiveStateOnCurve as u } from "./utils/getFiveStateOnCurve.js";
+import "../base/BasePlugin.js";
+import "../shared-utils/Subscribe.js";
+import "../shared-utils/url/absoluteUrl.js";
+import "../shared-utils/equal.js";
+import "../shared-utils/isTruelyObject.js";
+import "../shared-utils/positionToVector3.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
+import "three/examples/jsm/renderers/CSS3DRenderer";
+import "../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
+import "../shared-utils/util.js";
+import "../CSS3DRenderPlugin/utils/createResizeObserver.js";
+import "../CSS3DRenderPlugin/utils/even.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
+import "../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
+import "../shared-utils/three/centerPoint.js";
+import "../shared-utils/three/getObjectVisible.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+import "../shared-utils/vectorToCoordinate.js";
+import "../shared-utils/formatRad.js";
+class _ extends P {
+  constructor(t, s) {
+    var o;
+    super(t, s);
+    n(this, "curve");
+    n(this, "curveOffset");
+    n(this, "playStartedTime", performance.now());
+    n(this, "duration");
+    n(this, "changeSpeed", (t, s = !0) => {
+      this.state.speed = t, this.hooks.emit("speedChange", t, { userAction: s });
+    });
+    const r = {
+      config: {
+        speedConfig: {
+          moveSpeed: 2,
+          moveSpeedUnit: "m/s"
+        }
+      }
+    }, a = {
+      allowBroke: !0
+    };
+    this.state = d({}, r, this.state), this.config = d({}, a, this.config), this.curveOffset = { y: (o = this.config.offsetY) != null ? o : 2 };
+  }
+  load(t, s) {
+    if (this.clearPauseData(), this.data = f({ id: y() }, t), this.curve = this.data.path.curves[0], !this.curve)
+      throw new Error("curve is not defined");
+    const r = this.curve.getLength(), a = this.state.config.speedConfig.moveSpeedUnit === "m/ms" ? 1 : 1e3;
+    return this.duration = r / (this.state.config.speedConfig.moveSpeed / a), s ? this.setState(s) : (this.setState({ playing: !1 }), this.handleVisible(this.state.visible), this.handleEnable(this.state.enabled), this.changePlayState(this.state.playing), this.changeSpeed(this.state.speed)), Promise.resolve();
+  }
+  playFromStart() {
+    this.clearPauseData(), this.setState({ playing: !0 });
+  }
+  getDuration() {
+    return this.getSpeededDuration(this.duration);
+  }
+  getProgress() {
+    var h;
+    const t = this.getPauseData(), s = 1 - ((h = t == null ? void 0 : t.playedProgress) != null ? h : 0), r = this.getDuration(), o = (performance.now() - this.playStartedTime) / r;
+    return 1 - s + o;
+  }
+  handlePlay() {
+    return new Promise((t, s) => {
+      var h;
+      const r = this.getPauseData(), a = u(this.curve, (h = r == null ? void 0 : r.playedProgress) != null ? h : 0, this.curveOffset);
+      if (this.five.setState(a), this.playStartedTime = performance.now(), this.config.allowBroke) {
+        const p = this.addInterruptListener(() => {
+          this.hooks.emit("broke"), this.handlePause(), p();
+        });
+      }
+      const o = () => {
+        const p = this.getProgress();
+        if (p >= 1)
+          this.five.off("renderFrame", o), t("end");
+        else if (this.state.playing === !1)
+          this.five.off("renderFrame", o);
+        else if (p >= 0) {
+          const l = u(this.curve, p, this.curveOffset);
+          this.five.setState(l);
+        }
+      };
+      this.five.on("renderFrame", o);
+    });
+  }
+  handlePause(t) {
+    var s;
+    this.state.playing = !1, this.hooks.emit("pause", { userAction: (s = t == null ? void 0 : t.userAction) != null ? s : !0 }), this.setPauseData();
+  }
+}
+export {
+  _ as default
+};

package/libs/CruisePlugin/{Controller.d.ts → Work.d.ts}

@@ -3,8 +3,7 @@ import type { BaseOptions } from '../base/BasePlugin';
 import * as BasePluginWithData from '../base/BasePluginWithData';
 import type { PluginState, EventMap, PluginServerData, PluginData, Config } from './typing';
 export declare const pluginFlag: (name: string) => string;
-export default class CruisePluginController extends BasePluginWithData.Controller<PluginState, EventMap, PluginServerData, PluginData> {
-    static PluginVersion: string;
+export default class WalkController extends BasePluginWithData.Controller<PluginState, EventMap, PluginServerData, PluginData> {
     state: PluginState;
     protected data?: PluginData;
     private config?;
@@ -162,10 +161,4 @@ export default class CruisePluginController extends BasePluginWithData.Controlle
      * @description Action function if plugin is enable
      */
     private actionIfStateIsEnabled;
-    /**
-     * @description: Wait for five work ready
-     */
-    private waitFiveLoaded;
-    private setFiveLinearUpdateCamera;
-    private setFiveOriginUpdateCamera;
 }