@realsee/dnalogel 2.1.2-alpha.0 → 2.1.2-alpha.10

package/dist/chunks/cjs/index.7d2010ce.cjs.js

@@ -0,0 +1 @@
+"use strict";var f=Object.defineProperty;var h=(e,n,t)=>n in e?f(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t;var s=(e,n,t)=>(h(e,typeof n!="symbol"?n+"":n,t),t);const w=require("@tweenjs/tween.js"),T=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},m=T(w);class d extends m.default.Tween{constructor(){super(...arguments);s(this,"disposeMethods",[]);s(this,"animationFrameDisposer");s(this,"onDispose",t=>(this.disposeMethods.push(t),this));s(this,"play",()=>(this.start(0),this.animationFrameDisposer=l(t=>this.update(t)),this));s(this,"dispose",()=>{var t;this.stop(),(t=this.animationFrameDisposer)==null||t.call(this),this.disposeMethods.forEach(r=>r()),this.disposeMethods=[],m.default.remove(this)})}}function F(e,n=m.default.Easing.Linear.None){const t=new d({progress:0}).to({progress:1});return e!==void 0&&t.duration(e),n!==void 0&&t.easing(n),t}const o=window.requestAnimationFrame||(e=>setTimeout(e,16)),g=window.cancelAnimationFrame||clearTimeout;function c(e,n=0){n<=0?o(e):o(()=>c(e,n-1))}function l(e,n=60){let t=-1,r=0,a=-1;const p=1e3/n;function u(i){a===-1&&(a=i),t=o(u),!(i-r<p)&&(r=i,e&&e(i-a))}return t=o(u),function(){g(t)}}function D(){const e=Date.now();return new Promise(n=>{o(()=>{n(Date.now()-e)})})}exports.BetterTween=d;exports.getFrameTime=D;exports.nextFrame=c;exports.requestAnimationFrameInterval=l;exports.tweenProgress=F;

package/dist/chunks/cjs/isNil.b3a58990.cjs.js

@@ -0,0 +1 @@
+"use strict";function t(i){return!n(i)}function n(i){return i!=null}exports.isNil=t;exports.notNil=n;

package/dist/chunks/cjs/planimetry.7fce816a.cjs.js

@@ -0,0 +1 @@
+"use strict";function I(r,x){return r.x===x.x&&r.y===x.y}function N(r,x){return Math.abs(r)===1/0&&Math.abs(x)===1/0?!0:Math.abs(r-x)<.001}function m(r,x){return(x.y-r.y)/(x.x-r.x)}function O(r,x,f){const u=m(r[1],r[0]),y=m(x[1],x[0]);if(isNaN(u)||isNaN(y)||N(u,y))return!1;if(h(r[0],x))return r[0];if(h(r[1],x))return r[1];if(h(x[0],r))return x[0];if(h(x[1],r))return x[1];if(f&&!t(r,x))return!1;const a=r[0],c=x[0];if(Math.abs(u)===1/0)return{x:a.x,y:x[1].y-(x[1].x-a.x)*y};if(Math.abs(y)===1/0)return{x:c.x,y:r[1].y-(r[1].x-c.x)*u};const b=(c.y-a.y+u*a.x-y*c.x)/(u-y),L=u*b-u*a.x+a.y;return{x:b,y:L}}function h(r,x){return I(r,x[0])||I(r,x[1])?!0:(x[0].x-r.x)*(r.x-x[1].x)>=0&&(x[0].y-r.y)*(r.y-x[1].y)>=0&&N(m(x[0],r),m(r,x[1]))}function M(r,x,f){return(r.x-f.x)*(x.y-f.y)-(x.x-f.x)*(r.y-f.y)}function t(r,x){return Math.max(r[0].x,r[1].x)>=Math.min(x[0].x,x[1].x)&&Math.max(x[0].x,x[1].x)>=Math.min(r[0].x,r[1].x)&&Math.max(r[0].y,r[1].y)>=Math.min(x[0].y,x[1].y)&&M(x[0],r[1],r[0])*M(r[1],x[1],r[0])>0&&M(r[0],x[1],x[0])*M(x[1],r[1],x[0])>0?1:0}exports.intersectionOfLine=O;

package/dist/chunks/cjs/throttle.86c209eb.cjs.js

@@ -0,0 +1 @@
+"use strict";function r(n,e=200){let t;return function(...u){t||(n(...u),t=setTimeout(function(){t=null},e))}}exports.throttle=r;

package/dist/chunks/cjs/transfromToMeshBasicMaterial.9db6d46a.cjs.js

@@ -0,0 +1 @@
+"use strict";var m=Object.defineProperty;var i=Object.getOwnPropertySymbols;var M=Object.prototype.hasOwnProperty,h=Object.prototype.propertyIsEnumerable;var n=(a,e,r)=>e in a?m(a,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):a[e]=r,o=(a,e)=>{for(var r in e||(e={}))M.call(e,r)&&n(a,r,e[r]);if(i)for(var r of i(e))h.call(e,r)&&n(a,r,e[r]);return a};const d=require("three");function f(a,e){a.traverse(r=>{var s;if(r.type==="Mesh"){const t=r,c=o({map:t.material.map||{}},e);t.material=new d.MeshBasicMaterial(c),t.renderOrder=1,((s=r.parent)==null?void 0:s.type)==="Mesh"&&(r.renderOrder=r.parent.renderOrder+1)}})}exports.transfromToMeshBasicMaterial=f;

package/dist/chunks/cjs/uuid.29ed9c88.cjs.js

@@ -0,0 +1 @@
+"use strict";function t(){return((1+Math.random())*65536|0).toString(16).substring(1)}function u(){return(t()+t()+"-"+t()+"-4"+t().substr(0,3)+"-"+t()+"-"+t()+t()+t()).toLowerCase()}exports.uuid=u;

package/dist/chunks/es/BasePlugin.813e25f7.es.js

@@ -0,0 +1,18 @@
+var i = Object.defineProperty;
+var a = (e, r, t) => r in e ? i(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t;
+var s = (e, r, t) => (a(e, typeof r != "symbol" ? r + "" : r, t), t);
+import { Subscribe as c } from "./Subscribe.c73e0f91.es.js";
+class x {
+  constructor(r, t) {
+    s(this, "five");
+    s(this, "hooks", new c());
+    s(this, "staticPrefix", "//vrlab-static.ljcdn.com");
+    this.five = r, t != null && t.staticPrefix && (this.staticPrefix = t.staticPrefix);
+  }
+  getCurrentState() {
+    return this.state;
+  }
+}
+export {
+  x as Controller
+};

package/dist/chunks/es/BasePluginWithData.4bf4e649.es.js

@@ -0,0 +1,6 @@
+import { Controller as o } from "./BasePlugin.813e25f7.es.js";
+class e extends o {
+}
+export {
+  e as Controller
+};

package/dist/chunks/es/CSS3DRender.5652510e.es.js

@@ -0,0 +1,393 @@
+var se = Object.defineProperty;
+var W = Object.getOwnPropertySymbols;
+var oe = Object.prototype.hasOwnProperty, ne = Object.prototype.propertyIsEnumerable;
+var V = (d, e, t) => e in d ? se(d, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : d[e] = t, Q = (d, e) => {
+  for (var t in e || (e = {}))
+    oe.call(e, t) && V(d, t, e[t]);
+  if (W)
+    for (var t of W(e))
+      ne.call(e, t) && V(d, t, e[t]);
+  return d;
+};
+var l = (d, e, t) => (V(d, typeof e != "symbol" ? e + "" : e, t), t);
+var I = (d, e, t) => new Promise((s, o) => {
+  var c = (r) => {
+    try {
+      i(t.next(r));
+    } catch (u) {
+      o(u);
+    }
+  }, h = (r) => {
+    try {
+      i(t.throw(r));
+    } catch (u) {
+      o(u);
+    }
+  }, i = (r) => r.done ? s(r.value) : Promise.resolve(r.value).then(c, h);
+  i((t = t.apply(d, e)).next());
+});
+import * as A from "three";
+import { Vector3 as M } from "three";
+import { CSS3DObject as ie, CSS3DRenderer as _ } from "three/examples/jsm/renderers/CSS3DRenderer";
+import { Subscribe as J } from "./Subscribe.c73e0f91.es.js";
+function re(...d) {
+  const e = new M();
+  return d.forEach((t) => {
+    e.add(t);
+  }), e.divideScalar(d.length), e;
+}
+function $(d, e) {
+  const t = Math.round(d);
+  return t % 2 === 0 ? t : t + Number(e != null && e.smaller ? -1 : 1);
+}
+const de = ({ x: d, y: e, z: t }) => new M(d, e, t), ce = ([d, e, t]) => new M(d, e, t), ae = (d) => d instanceof M ? d : Array.isArray(d) ? ce(d) : de(d), K = "1.0.2", he = `CSS3DObjectPlus@${K}`, be = 216e-5, le = 3e-3;
+class ue extends ie {
+  constructor(t, s, o = le, c = 1, h = "front") {
+    const i = Math.max(be, o), r = s[0].distanceTo(s[1]), u = s[1].distanceTo(s[2]), f = $(r / o * c), D = $(u / o * c), E = re(...s);
+    let b;
+    if (i === o)
+      t.style.width = `${f}px`, t.style.height = `${D}px`, b = t;
+    else {
+      const p = document.createElement("div");
+      p.style.width = `${f}px`, p.style.height = `${D}px`, p.style.pointerEvents = "none";
+      const x = o / i;
+      t.style.position = "absolute", t.style.left = "0", t.style.top = "0", t.style.width = `${x * f}px`, t.style.height = `${x * D}px`, p.appendChild(t), b = p;
+    }
+    super(b);
+    l(this, "version", K);
+    l(this, "width");
+    l(this, "height");
+    l(this, "domWidthPx");
+    l(this, "domHeightPx");
+    l(this, "cornerPoints");
+    l(this, "ratio");
+    l(this, "container");
+    l(this, "centerPosition");
+    l(this, "mode", "front");
+    l(this, "hooks", new J());
+    l(this, "isCSS3DObjectPlus", !0);
+    if (this.scale.set(i, i, i), this.cornerPoints = s, this.ratio = o, this.container = t, this.mode = h, i === o)
+      this.width = r, this.height = u, this.domWidthPx = f, this.domHeightPx = D, this.centerPosition = E;
+    else {
+      const p = o / i;
+      this.width = p * r, this.height = p * u, this.domWidthPx = p * f, this.domHeightPx = p * D, this.centerPosition = new M().subVectors(E, s[0]).multiplyScalar(p).add(s[0]);
+    }
+    t.classList.add(`${he}__container`);
+    const O = new M().subVectors(s[1], s[0]), F = new M().subVectors(s[3], s[0]), z = new M().crossVectors(O, F).normalize();
+    this.lookAt(z);
+    const g = this.up.clone().applyQuaternion(this.quaternion), j = F.clone(), v = new M().crossVectors(g, j).normalize();
+    this.rotateOnWorldAxis(v, g.angleTo(j)), this.position.copy(E);
+  }
+  changeMode(t, s) {
+    if (t === this.mode)
+      return;
+    const o = this.mode;
+    this.mode = t, this.hooks.emit("changeMode", t, o, s);
+  }
+  applyScaleMatrix4(t) {
+    this.scale.applyMatrix4(t), this.hooks.emit("applyScaleMatrix4", t);
+  }
+  applyMatrix4(t) {
+    super.applyMatrix4(t), this.hooks.emit("applyMatrix4", t);
+  }
+  applyQuaternion(t) {
+    return super.applyQuaternion(t), this.hooks.emit("applyQuaternion", t), this;
+  }
+}
+const fe = "v2.0.1", X = "CSS3DRenderer", C = `${X}@${fe}`, G = (d) => `${C}--${d}`, n = {};
+class Oe {
+  constructor() {
+    l(this, "hooks", new J());
+    l(this, "state", {
+      enabled: !0,
+      visible: !0,
+      disposed: !1
+    });
+    l(this, "store", {
+      rendered: !1,
+      disposers: [],
+      frontModeCSS3DObjects: {},
+      behindModeCSS3DObjects: {}
+    });
+    l(this, "create3DElement", (e, t, s) => {
+      if (this.state.disposed)
+        return this.disposedErrorLog();
+      const o = (() => {
+        const a = {
+          ratio: 216e-5,
+          devicePixelRatio: 1,
+          mode: "front",
+          autoRender: !0,
+          container: document.createElement("div"),
+          pointerEvents: "none"
+        };
+        return Object.assign(a, s);
+      })(), c = t.map(ae);
+      if ((c == null ? void 0 : c.length) < 4)
+        return console.error(`${C}: requires 4 point but params may have fewer`);
+      const { ratio: h, devicePixelRatio: i, mode: r, autoRender: u, container: f, pointerEvents: D } = o, E = [], { css3DObject: b, opacityMesh: O } = this.createObject(c, { ratio: h, dpr: i, container: f, mode: r, pointerEvents: D });
+      f.id = `container--${b.uuid}`;
+      const F = r === "front" && !n.frontModeStore, z = r === "behind" && !n.behindModeStore;
+      r === "front" && this.initGlobalModeStore("front"), r === "behind" && this.initGlobalModeStore("behind", o.scene), b.hooks.on("changeMode", (a, w, y) => {
+        var B, H, N;
+        if (a === w)
+          return;
+        a === "front" && this.initGlobalModeStore("front"), a === "behind" && this.initGlobalModeStore("behind", y);
+        const S = w === "front" ? n.frontModeStore : n.behindModeStore, m = a === "front" ? n.frontModeStore : n.behindModeStore, q = w === "behind" ? this.store.behindModeCSS3DObjects : this.store.frontModeCSS3DObjects, T = a === "behind" ? this.store.behindModeCSS3DObjects : this.store.frontModeCSS3DObjects;
+        if (!q || !T)
+          return console.error(`${C}: changeMode error: prevObjects or nextObjects is undefined`);
+        const R = q[b.uuid];
+        if (!R)
+          return console.error(`${C}: changeMode error: prevObject is undefined`);
+        if (a === "behind") {
+          const U = (B = R.opacityMesh) != null ? B : this.createOpacityMesh(R.css3DObject);
+          S == null || S.css3DScene.remove(R.css3DObject), T[b.uuid] = { css3DObject: b, opacityMesh: U, visible: !0, enabled: !0, mode: a, scene: y }, m == null || m.css3DScene.add(b), y == null || y.add(U);
+        }
+        a === "front" && (S == null || S.css3DScene.remove(R.css3DObject), (N = (H = q[b.uuid]) == null ? void 0 : H.scene) == null || N.remove(R.opacityMesh), T[b.uuid] = { css3DObject: b, visible: !0, enabled: !0, mode: a }, m == null || m.css3DScene.add(b)), a === "behind" && this.appendToElement(n.behindModeContainer, "behind"), a === "front" && this.appendToElement(n.frontModeContainer, "front"), this.render(e), console.log("change success");
+      });
+      const g = r === "front" ? n.frontModeStore : n.behindModeStore, { css3DScene: j, css3DRenderer: v } = g, p = (() => {
+        const a = () => {
+          var y, S;
+          const w = b.mode;
+          if (w === "front")
+            this.store.frontModeCSS3DObjects[b.uuid] = {
+              visible: !0,
+              enabled: !0,
+              css3DObject: b,
+              mode: "front"
+            };
+          else {
+            if (!o.scene)
+              return;
+            this.store.behindModeCSS3DObjects[b.uuid] = {
+              visible: !0,
+              enabled: !0,
+              css3DObject: b,
+              opacityMesh: O,
+              mode: "behind",
+              scene: o.scene
+            };
+          }
+          j.getObjectById(b.id) || j.add(b), w === "behind" && O && ((y = o.scene) != null && y.getObjectById(O.id) || (S = o.scene) == null || S.add(O), E.push(() => {
+            var m;
+            return O && ((m = o.scene) == null ? void 0 : m.remove(O));
+          }));
+        };
+        return F || z ? (v.domElement.style.position = "absolute", v.domElement.style.top = "0", v.domElement.style.userSelect = "none", v.domElement.style.pointerEvents = "none", v.domElement.classList.add(G(r)), () => {
+          a(), this.render(e);
+        }) : (this.store.rendered = !0, () => a());
+      })(), x = r === "front" ? n.frontModeContainer : n.behindModeContainer;
+      if (x) {
+        this.appendToElement(x, r);
+        const a = r === "front" ? n.frontModeStore : n.behindModeStore;
+        a && (a.appendedToPage = !0);
+      }
+      const k = (a) => this.setVisibleById(b.uuid, a), P = (a) => this.setEnabledById(b.uuid, a), Y = () => k(!0), Z = () => k(!1), ee = () => P(!0), te = () => P(!1), L = () => (delete this.store.frontModeCSS3DObjects[b.uuid], delete this.store.behindModeCSS3DObjects[b.uuid], E.forEach((a) => a == null ? void 0 : a()), j.remove(b), j.children.length === 0 && (typeof g.requestAnimationFrameId == "number" && cancelAnimationFrame(g.requestAnimationFrameId), v.domElement.remove(), r === "front" && (n.frontModeStore = void 0), r === "behind" && (n.behindModeStore = void 0), n.frontModeResizeObserver = void 0, n.behindModeResizeObserver = void 0), !0);
+      return this.store.disposers.push(L), u && p(), {
+        id: b.uuid,
+        container: f,
+        dispose: L,
+        css3DObject: b,
+        render: u ? void 0 : p,
+        show: Y,
+        hide: Z,
+        setVisible: k,
+        disable: te,
+        enable: ee,
+        setEnabled: P,
+        appendToElement: (a) => this.appendToElement(a, r)
+      };
+    });
+    l(this, "setVisibleById", (e, t) => {
+      var o;
+      const s = (o = this.store.frontModeCSS3DObjects[e]) != null ? o : this.store.behindModeCSS3DObjects[e];
+      if (!s)
+        return console.error("id not found", e);
+      s.visible = t, this.state.visible && (s.css3DObject.visible = t, s.mode === "behind" && (s.opacityMesh.visible = t));
+    });
+    l(this, "setEnabledById", (e, t) => {
+      var c, h, i;
+      const s = (c = this.store.frontModeCSS3DObjects[e]) != null ? c : this.store.behindModeCSS3DObjects[e];
+      if (!s)
+        return;
+      const o = s.mode === "front" ? (h = n.frontModeStore) == null ? void 0 : h.css3DScene : (i = n.behindModeStore) == null ? void 0 : i.css3DScene;
+      !o || (t ? (o.add(s.css3DObject), s.mode === "behind" && s.scene.add(s.opacityMesh)) : (o.remove(s.css3DObject), s.mode === "behind" && s.scene.remove(s.opacityMesh)), s.enabled = t);
+    });
+    l(this, "createObject", (e, t) => {
+      const { ratio: s, dpr: o, container: c, mode: h, pointerEvents: i } = t, r = new ue(c, e, s, o, h);
+      c.style.pointerEvents = i, c.classList.add(`${X}__container`);
+      const u = h === "behind" ? this.createOpacityMesh(r) : void 0;
+      return { css3DObject: r, opacityMesh: u };
+    });
+    l(this, "createOpacityMesh", (e) => {
+      const { domWidthPx: t, domHeightPx: s } = e, o = new A.MeshBasicMaterial({
+        opacity: 0,
+        color: 0,
+        transparent: !1,
+        side: A.DoubleSide
+      }), c = new A.PlaneGeometry(t, s), h = new A.Mesh(c, o);
+      return h.name = G("mesh"), h.position.copy(e.position), h.rotation.copy(e.rotation), h.scale.copy(e.scale), e.hooks.on("applyMatrix4", (i) => h.applyMatrix4(i)), e.hooks.on("applyQuaternion", (i) => h.applyQuaternion(i)), e.hooks.on("applyScaleMatrix4", (i) => h.scale.applyMatrix4(i)), h;
+    });
+    l(this, "createResizeObserver", (e, t, s = !0) => {
+      if (!e)
+        return console.error("createResizeObserver: element is undefined"), { observe: () => {
+        }, unobserve: () => {
+        } };
+      const o = () => {
+        const h = $(e.clientWidth, { smaller: !0 }), i = $(e.clientHeight, { smaller: !0 });
+        t(h, i);
+      };
+      if (typeof ResizeObserver == "undefined" || !ResizeObserver)
+        return console.warn("createResizeObserver: ResizeObserver is undefined"), { observe: () => o(), unobserve: () => {
+        } };
+      const c = new ResizeObserver(o);
+      return s && o(), {
+        observe: () => c.observe(e),
+        unobserve: () => c.unobserve(e)
+      };
+    });
+    l(this, "disposedErrorLog", () => {
+      console.error(`${C} is disposed`);
+    });
+  }
+  getCurrentState() {
+    return this.state;
+  }
+  setState(e, t = { userAction: !0 }) {
+    if (this.state.disposed)
+      return this.disposedErrorLog();
+    const s = Q({}, this.state);
+    this.state = Object.assign(this.state, e), s.visible !== this.state.visible && (e.visible ? this.handleShow() : this.handleHide()), s.enabled !== this.state.enabled && (e.enabled ? this.handleEnable() : this.handleDisable()), this.hooks.emit("stateChange", { state: this.state, prevState: s, userAction: t.userAction });
+  }
+  dispose() {
+    this.store.disposers.forEach((e) => e == null ? void 0 : e()), this.store.disposers = [], this.hooks.emit("dispose"), this.state.disposed = !0;
+  }
+  show() {
+    return I(this, arguments, function* ({ userAction: e } = { userAction: !0 }) {
+      if (this.state.disposed)
+        return this.disposedErrorLog();
+      this.setState({ visible: !0 }, { userAction: e }), this.hooks.emit("show", { userAction: e });
+    });
+  }
+  hide() {
+    return I(this, arguments, function* ({ userAction: e } = { userAction: !0 }) {
+      if (this.state.disposed)
+        return this.disposedErrorLog();
+      this.setState({ visible: !1 }, { userAction: e }), this.hooks.emit("hide", { userAction: e });
+    });
+  }
+  enable({ userAction: e } = { userAction: !0 }) {
+    if (this.state.disposed)
+      return this.disposedErrorLog();
+    this.setState({ enabled: !0 }, { userAction: e }), this.hooks.emit("enable", { userAction: e });
+  }
+  disable({ userAction: e } = { userAction: !0 }) {
+    if (this.state.disposed)
+      return this.disposedErrorLog();
+    this.setState({ enabled: !1 }, { userAction: e }), this.hooks.emit("disable", { userAction: e });
+  }
+  setContainer(e, t) {
+    t === "front" ? n.frontModeContainer = e : n.behindModeContainer = e;
+  }
+  appendToElement(e, t) {
+    const s = t === "front" ? n.frontModeStore : n.behindModeStore;
+    if (!s) {
+      if (t === "front" && !n.frontModeContainer) {
+        if (!e)
+          throw new Error(`${C} Cannot append to container: front mode but container is ${e}`);
+        n.frontModeContainer = e;
+      }
+      if (t === "behind" && !n.behindModeContainer) {
+        if (!e)
+          throw new Error(`${C} Cannot append to container: behind mode but container is ${e}`);
+        n.behindModeContainer = e;
+      }
+      return;
+    }
+    if (s.appendedToPage)
+      return;
+    const o = t === "behind" ? n.behindModeContainer : n.frontModeContainer;
+    if (!o)
+      return console.error("wrapper is undefined");
+    if (o.appendChild(s.css3DRenderer.domElement), t === "behind" && !n.behindModeResizeObserver) {
+      const c = (r, u) => {
+        var f;
+        (f = n.behindModeStore) == null || f.css3DRenderer.setSize(r, u);
+      }, { observe: h, unobserve: i } = this.createResizeObserver(o, c, !0);
+      n.behindModeResizeObserver = { observe: h, unobserve: i }, h(), this.store.disposers.push(i);
+    }
+    if (t === "front" && !n.frontModeResizeObserver) {
+      const c = (r, u) => {
+        var f;
+        (f = n.frontModeStore) == null || f.css3DRenderer.setSize(r, u);
+      }, { observe: h, unobserve: i } = this.createResizeObserver(o, c, !0);
+      n.frontModeResizeObserver = { observe: h, unobserve: i }, h(), this.store.disposers.push(i);
+    }
+    s.appendedToPage = !0;
+  }
+  render(e) {
+    const t = n.behindModeStore, s = n.frontModeStore;
+    if (t && Object.keys(this.store.behindModeCSS3DObjects).length > 0 && !t.requestAnimationFrameId) {
+      const o = () => {
+        const c = requestAnimationFrame(o);
+        t.requestAnimationFrameId = c, t.css3DRenderer.render(t.css3DScene, e);
+      };
+      o();
+    }
+    if (s && Object.keys(this.store.frontModeCSS3DObjects).length > 0 && !s.requestAnimationFrameId) {
+      const o = () => {
+        const c = requestAnimationFrame(o);
+        s.requestAnimationFrameId = c, s.css3DRenderer.render(s.css3DScene, e);
+      };
+      o();
+    }
+    Object.keys(this.store.frontModeCSS3DObjects).length === 0 && (s == null ? void 0 : s.requestAnimationFrameId) !== void 0 && (cancelAnimationFrame(s.requestAnimationFrameId), s.requestAnimationFrameId = void 0), Object.keys(this.store.behindModeCSS3DObjects).length === 0 && (t == null ? void 0 : t.requestAnimationFrameId) !== void 0 && (cancelAnimationFrame(t.requestAnimationFrameId), t.requestAnimationFrameId = void 0);
+  }
+  initGlobalModeStore(e, t) {
+    const s = e === "front" && !n.frontModeStore;
+    e === "behind" && !n.behindModeStore && (n.behindModeStore = { scene: t, css3DScene: new A.Scene(), css3DRenderer: new _() }), s && (n.frontModeStore = { css3DScene: new A.Scene(), css3DRenderer: new _() });
+  }
+  handleShow() {
+    return I(this, null, function* () {
+      Object.values(this.store.frontModeCSS3DObjects).forEach((e) => {
+        e.css3DObject.visible = e.visible;
+      }), Object.values(this.store.behindModeCSS3DObjects).forEach((e) => {
+        e.css3DObject.visible = e.visible, e.opacityMesh.visible = e.visible;
+      });
+    });
+  }
+  handleHide() {
+    return I(this, null, function* () {
+      Object.values(this.store.frontModeCSS3DObjects).forEach((e) => {
+        e.css3DObject.visible = !1;
+      }), Object.values(this.store.behindModeCSS3DObjects).forEach((e) => {
+        e.css3DObject.visible = !1, e.opacityMesh.visible = !1;
+      });
+    });
+  }
+  handleEnable() {
+    Object.values(this.store.frontModeCSS3DObjects).forEach((e) => {
+      var t;
+      !e.enabled || (t = n.frontModeStore) == null || t.css3DScene.add(e.css3DObject);
+    }), Object.values(this.store.behindModeCSS3DObjects).forEach((e) => {
+      var t, s;
+      !e.enabled || ((t = n.behindModeStore) == null || t.css3DScene.add(e.css3DObject), (s = n.behindModeStore) == null || s.scene.add(e.opacityMesh));
+    });
+  }
+  handleDisable() {
+    Object.values(this.store.frontModeCSS3DObjects).forEach((e) => {
+      var t;
+      (t = n.frontModeStore) == null || t.css3DScene.remove(e.css3DObject);
+    }), Object.values(this.store.behindModeCSS3DObjects).forEach((e) => {
+      var t, s;
+      (t = n.behindModeStore) == null || t.css3DScene.remove(e.css3DObject), (s = n.behindModeStore) == null || s.scene.remove(e.opacityMesh);
+    });
+  }
+}
+export {
+  ue as CSS3DObjectPlus,
+  Oe as CSS3DRender,
+  ae as anyPositionToVector3,
+  ce as arrayPositionToVector3,
+  re as centerPoint
+};

package/dist/chunks/es/CameraMovementPlugin.4a7c3e46.es.js

@@ -0,0 +1,120 @@
+var b = (t, n, a) => new Promise((c, i) => {
+  var e = (r) => {
+    try {
+      o(a.next(r));
+    } catch (m) {
+      i(m);
+    }
+  }, l = (r) => {
+    try {
+      o(a.throw(r));
+    } catch (m) {
+      i(m);
+    }
+  }, o = (r) => r.done ? c(r.value) : Promise.resolve(r.value).then(e, l);
+  o((a = a.apply(t, n)).next());
+});
+import { Five as x } from "@realsee/five";
+import * as v from "@tweenjs/tween.js";
+import { nextFrame as F, requestAnimationFrameInterval as T } from "./index.b8fdb59b.es.js";
+const _ = v.Easing;
+function g(t, n, a, c = _.Linear.None) {
+  const i = new v.Tween(t).to(n, a).easing(c);
+  F(() => i.start(0));
+  const e = T((o) => {
+    i.update(o) === !1 && e();
+  }), l = [];
+  return i.onDestroy = (o) => (l.push(o), i), i.destroy = function() {
+    this.stop(), Object.assign(i, {
+      _onStartCallback: null,
+      _onUpdateCallback: null,
+      _onCompleteCallback: null,
+      _onStopCallbackL: null
+    });
+    let o;
+    for (; o = l.shift(); )
+      o();
+    e();
+  }, i;
+}
+function D(t, n) {
+  return g({ progress: 0 }, { progress: 1 }, t, n);
+}
+var N = /* @__PURE__ */ ((t) => (t.Move = "Move", t.Rotate = "Rotate", t))(N || {}), s = /* @__PURE__ */ ((t) => (t.Clockwise = "Clockwise", t.Anticlockwise = "Anticlockwise", t.Loop = "Loop", t))(s || {});
+const k = Math.PI * 2;
+function L(t) {
+  return (t % k + k) % k;
+}
+function M(t) {
+  return t % k;
+}
+function I(t, n, a) {
+  return t + (n - t) * a;
+}
+const y = (t, n, a) => {
+  const c = Math.PI, i = c * 2;
+  return t = L(t), n = L(n), a === s.Anticlockwise && t < n && (t += i), a === s.Clockwise && n < t && (n += i), a === s.Loop && n - t > c ? y(t, n, s.Anticlockwise) : a === s.Loop && t - n > c ? y(t, n, s.Clockwise) : { from: t, to: n };
+}, q = (t) => {
+  const n = {}, a = (r, m, ...h) => b(void 0, [r, m, ...h], function* (e, l, o = { preload: !0 }) {
+    return n.interruptCallback && n.interruptCallback(!1), o.asyncStartCallback && (yield o.asyncStartCallback()), e.mode && e.mode !== t.currentMode && (yield t.changeMode(e.mode)), o.preload && e.panoIndex !== void 0 && e.panoIndex !== t.panoIndex && (yield t.preloadPano(e.panoIndex)), o.asyncEndCallback && (yield o.asyncEndCallback()), e.panoIndex === void 0 && e.fov === void 0 && e.latitude === void 0 && e.longitude === void 0 ? !0 : yield new Promise((p, d) => {
+      const u = e.panoIndex !== void 0 ? e.panoIndex : t.panoIndex;
+      u !== void 0 ? t.moveToPano(
+        u,
+        Object.assign(
+          {
+            duration: l,
+            moveEndCallback: () => p(!0),
+            moveCancelCallback: () => d(!1)
+          },
+          e
+        )
+      ) : d(!1);
+    });
+  }), c = (e) => {
+    const l = t.state, o = M(l.latitude), r = M(e.latitude), { from: m, to: h } = y(
+      l.longitude,
+      e.longitude,
+      e.rotation || s.Loop
+    ), p = l.fov, d = e.fov;
+    return {
+      from: { latitude: o, longitude: m, fov: p },
+      to: { latitude: r, longitude: h, fov: d }
+    };
+  };
+  return {
+    move: a,
+    rotate: (r, m, ...h) => b(void 0, [r, m, ...h], function* (e, l, o = {}) {
+      n.interruptCallback && n.interruptCallback(!1), o.asyncStartCallback && (yield o.asyncStartCallback()), t.currentMode !== x.Mode.Panorama && (yield t.changeMode(x.Mode.Panorama)), e.panoIndex !== void 0 && e.panoIndex !== t.panoIndex && (o.preload && (yield t.preloadPano(e.panoIndex)), yield new Promise((u, w) => {
+        if (!e.panoIndex) {
+          u(!0);
+          return;
+        }
+        t.moveToPano(e.panoIndex, {
+          moveEndCallback: () => u(!0),
+          moveCancelCallback: () => w(!1)
+        });
+      })), o.asyncEndCallback && (yield o.asyncEndCallback());
+      const { from: p, to: d } = c(e);
+      return yield new Promise((u) => {
+        const w = ({ progress: C }) => {
+          const f = {};
+          f.longitude = I(p.longitude, d.longitude, C), f.latitude = I(p.latitude, d.latitude, C), f.fov = I(p.fov, d.fov, C), t.setState(f, !0);
+        }, E = () => {
+          u(!0);
+        }, S = () => {
+          u(!1);
+        }, A = e.rotateSpeed ? Math.ceil(Math.abs(d.longitude - p.longitude) / e.rotateSpeed * 1e3) : l, P = D(A, v.Easing.Linear.None).onUpdate(w).onComplete(E).onDestroy(S);
+        e.rotation === s.Loop && P.repeat(1 / 0).yoyo(!0), n.interruptCallback = (C = !0) => {
+          P.destroy(), n.interruptCallback = void 0, n.timeoutId && (clearTimeout(n.timeoutId), n.timeoutId = void 0), u(C);
+        }, n.timeoutId = setTimeout(() => {
+          n.interruptCallback && n.interruptCallback(!0);
+        }, l);
+      });
+    })
+  };
+};
+export {
+  N as CameraMovementEffect,
+  q as CameraMovementPlugin,
+  s as Rotation
+};

package/dist/chunks/es/Plugin.26c2df05.es.js

@@ -0,0 +1,106 @@
+var A = Object.defineProperty;
+var y = Object.getOwnPropertySymbols;
+var I = Object.prototype.hasOwnProperty, O = Object.prototype.propertyIsEnumerable;
+var x = (o, i, d) => i in o ? A(o, i, { enumerable: !0, configurable: !0, writable: !0, value: d }) : o[i] = d, M = (o, i) => {
+  for (var d in i || (i = {}))
+    I.call(i, d) && x(o, d, i[d]);
+  if (y)
+    for (var d of y(i))
+      O.call(i, d) && x(o, d, i[d]);
+  return o;
+};
+import { Camera as W } from "@realsee/five";
+import * as a from "three";
+const S = (o, i) => {
+  let d = !0, r = null;
+  const u = M(M({}, {
+    lookAtCurrentCamera: !1,
+    lockedPanoIndex: null,
+    lockedLatitude: null,
+    lockedLongitude: null
+  }), i == null ? void 0 : i.config), l = new a.Scene(), f = new W(60);
+  let m = new a.Object3D(), h, w;
+  {
+    const e = new a.DirectionalLight(16777215, 0.5);
+    e.position.copy(new a.Vector3(1, 1, 1)), l.add(e);
+  }
+  {
+    const e = new a.DirectionalLight(16777215, 0.3);
+    l.add(e);
+  }
+  {
+    const e = new a.AmbientLight(16777215, 0.3);
+    l.add(e);
+  }
+  l.add(m);
+  const C = () => {
+    if (!!o.renderer)
+      return r || (r = new a.WebGLRenderer({ antialias: !1, alpha: !0 }), r.setPixelRatio(o.renderer.getPixelRatio()), r.outputEncoding = a.sRGBEncoding, r.setClearColor(1579548, 0), r.autoClear = !0), r;
+  }, L = () => {
+    m.traverse((e) => {
+      e instanceof a.Mesh && [].concat(e.material).forEach((n) => n.dispose());
+    }), l.remove(m), m = new a.Object3D(), l.add(m), p();
+  }, k = () => {
+    h = E(o.model, f.fov, f.aspect), w = o.model.bounding.getCenter(new a.Vector3());
+    function e(n) {
+      const t = n.clone();
+      return t.uniforms.modelAlpha.value = 1, t.uniforms.map.value && (t.uniforms.map.value.needsUpdate = !0), t;
+    }
+    function c(n) {
+      if (n instanceof a.Mesh) {
+        const t = n.geometry, s = Array.isArray(n.material) ? n.material.map(e) : e(n.material);
+        return new a.Mesh(t, s);
+      } else if (n instanceof a.Group) {
+        const t = new a.Group();
+        return n.children.forEach((s) => t.add(c(s))), t;
+      } else {
+        const t = new a.Object3D();
+        return n.children.forEach((s) => t.add(c(s))), t;
+      }
+    }
+    l.remove(m), m = c(o.model), l.add(m), p();
+  }, P = (e, c = {}) => {
+    const n = C();
+    if (!n)
+      return;
+    e.appendChild(n.domElement), b(c);
+    const t = window.getComputedStyle(e).position;
+    t !== "relative" && t !== "absolute" && t !== "fixed" && t !== "sticky" && (e.style.position = "relative");
+  }, b = (e = {}) => {
+    if (!r)
+      return;
+    const n = r.domElement.parentNode;
+    if (n != null && n.nodeName) {
+      const { width: t = n.offsetWidth, height: s = n.offsetHeight } = e;
+      r.setSize(t, s), f.aspect = t / s, f.updateProjectionMatrix();
+    }
+    p();
+  };
+  function E(e, c, n) {
+    const t = e.bounding, s = Math.pow(
+      Math.pow(t.max.x - t.min.x + 1, 2) + Math.pow(t.max.y - t.min.y + 1, 2) + Math.pow(t.max.z - t.min.z + 1, 2),
+      1 / 2
+    );
+    let g = s / 2 / Math.tan(Math.PI * c / 360);
+    return n < 1 && (g = g / n), isNaN(g) ? s : g;
+  }
+  function N(e) {
+    return o.work.observers[e].standingPosition.clone();
+  }
+  const p = () => {
+    if (!h || !w)
+      return;
+    const e = o.getPose();
+    e.fov = f.fov, e.offset = w, e.distance = h, typeof u.lockedLatitude == "number" && (e.latitude = u.lockedLatitude), typeof u.lockedLongitude == "number" && (e.longitude = u.lockedLongitude), typeof u.lockedPanoIndex == "number" && (e.offset = N(u.lockedPanoIndex)), u.lookAtCurrentCamera && (e.offset = o.camera.position.clone().setY(o.camera.position.y + 1)), f.setFromPose(e), d = !0;
+  }, D = () => {
+    d !== !0 || !r || !r.domElement.parentNode || r.domElement.parentNode.offsetWidth === 0 || (r.render(l, f), d = !1);
+  }, R = () => {
+    r && r.dispose(), r = null;
+  }, j = (e) => {
+    Object.assign(u, e), p();
+  };
+  return Object.assign(window, { camera: f }), o.on("modelLoaded", k), o.on("modelWillLoad", L), o.on("cameraDirectionUpdate", p), o.on("dispose", R), o.on("renderFrame", D), o.on("cameraPositionUpdate", p), { appendTo: P, refresh: b, changeConfigs: j };
+};
+export {
+  S as ModelViewPlugin
+};