@realsee/dnalogel 3.59.7 → 3.59.8

package/libs/shared-utils/CSS3DRender/CSS3DObject.js

@@ -0,0 +1,91 @@
+var A = Object.defineProperty;
+var H = (m, r, t) => r in m ? A(m, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : m[r] = t;
+var o = (m, r, t) => (H(m, typeof r != "symbol" ? r + "" : r, t), t);
+import { CSS3DObject as N } from "three/examples/jsm/renderers/CSS3DRenderer";
+import { Vector3 as n } from "three";
+import { even as M } from "../even.js";
+import { OpecityMesh as R } from "./OpacityMesh.js";
+import { centerPoint as T } from "../three/centerPoint.js";
+import "../tag.js";
+import "hammerjs";
+import "../three/PointSelector/index.js";
+import "@realsee/five/line";
+import { isNil as O } from "../isNil.js";
+import "../three/core/Five_LineMaterial2.js";
+import "../three/core/Sphere.js";
+import "animejs";
+import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
+import "../five/FivePuppet.js";
+const $ = 1, V = `CSS3DObjectPlus@${$}`, z = 216e-5, F = 3e-3;
+class it extends N {
+  constructor(t) {
+    var x, f, v, S, _;
+    if (O(t.cornerPoints) && O(t.width))
+      throw new Error("cornerPoints and width cannot be both empty");
+    const i = (x = t.container) != null ? x : document.createElement("div"), s = (f = t.cornerPoints) != null ? f : (() => {
+      const e = t.width / 2;
+      return [
+        new n(-e, e, 0),
+        new n(-e, -e, 0),
+        new n(e, -e, 0),
+        new n(e, e, 0)
+      ];
+    })(), c = (v = t.ratio) != null ? v : F, P = (S = t.dpr) != null ? S : 1, j = (_ = t.pointerEvents) != null ? _ : "auto", h = Math.max(z, c), p = s[0].distanceTo(s[1]), a = s[1].distanceTo(s[2]);
+    let l = M(p / c * P), d = M(a / c * P);
+    const u = T(...s);
+    let y;
+    if (h === c)
+      i.style.width = `${l}px`, i.style.height = `${d}px`, y = i;
+    else {
+      const e = document.createElement("div");
+      e.style.width = `${l}px`, e.style.height = `${d}px`, e.style.pointerEvents = "none";
+      const E = c / h;
+      i.style.position = "absolute", i.style.left = "0", i.style.top = "0", i.style.width = `${E * l}px`, i.style.height = `${E * d}px`, e.appendChild(i), y = e;
+    }
+    super(y);
+    o(this, "version", $);
+    o(this, "isCSS3DObjectPlus", !0);
+    o(this, "isCSS3DObject", !0);
+    o(this, "name", V);
+    /**
+     * @description object dom
+     */
+    o(this, "container");
+    o(this, "width");
+    o(this, "height");
+    o(this, "domWidthPx");
+    o(this, "domHeightPx");
+    o(this, "cornerPoints");
+    o(this, "centerPosition");
+    o(this, "ratio");
+    o(this, "_mode", "front");
+    o(this, "_opacityMesh");
+    if (i.style.pointerEvents = j, Object.assign(i.style, t.style), this.scale.set(h, h, h), this.cornerPoints = s, this.ratio = c, this.container = i, t.mode && (this.mode = t.mode), h === c)
+      this.width = p, this.height = a, this.centerPosition = u;
+    else {
+      const e = c / h;
+      this.width = e * p, this.height = e * a, l = e * l, d = e * d, this.centerPosition = new n().subVectors(u, s[0]).multiplyScalar(e).add(s[0]);
+    }
+    this.domWidthPx = l, this.domHeightPx = d, i.classList.add(`${V}__container`);
+    const D = new n().subVectors(s[1], s[0]), w = new n().subVectors(s[3], s[0]), C = new n().crossVectors(D, w).normalize();
+    this.lookAt(C);
+    const b = this.up.clone().applyQuaternion(this.quaternion), g = w.clone(), W = new n().crossVectors(b, g).normalize();
+    this.rotateOnWorldAxis(W, b.angleTo(g)), this.position.copy(u), this._opacityMesh = new R(l, d), this._opacityMesh.visible = t.mode === "behind", this.add(this._opacityMesh);
+  }
+  get mode() {
+    return this._mode;
+  }
+  set mode(t) {
+    this._mode = t, this._opacityMesh && (this._opacityMesh.visible = t === "behind");
+  }
+  removeFromParent() {
+    const t = this.parent;
+    return t !== null && t.remove(this), this;
+  }
+  dispose() {
+    this.container.remove(), this.removeFromParent();
+  }
+}
+export {
+  it as CSS3DObjectPlus
+};

package/libs/shared-utils/CSS3DRender/CSS3DRenderer.d.ts

@@ -0,0 +1,14 @@
+import { CSS3DRenderer } from './THREEJS_CSS3DRenderer';
+import type * as THREE from 'three';
+export declare class ICSS3DRenderer extends CSS3DRenderer {
+    wrapper?: Element;
+    domElementWrapper: HTMLDivElement;
+    private requestAnimationFrameId?;
+    private resizeDisoper?;
+    constructor(mode?: 'front' | 'behind');
+    setWrapper(wrapper: Element): this;
+    appendToElement(wrapper: Element): void;
+    renderEveryFrame(scene: THREE.Scene, camera: THREE.Camera): void;
+    stopRender(): void;
+    dispose(): void;
+}

package/libs/shared-utils/CSS3DRender/CSS3DRenderer.js

@@ -0,0 +1,51 @@
+var l = Object.defineProperty;
+var a = (i, t, e) => t in i ? l(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
+var n = (i, t, e) => (a(i, typeof t != "symbol" ? t + "" : t, e), e);
+import { CSS3DRenderer as d } from "./THREEJS_CSS3DRenderer/index.js";
+import { createResizeObserver as h } from "../createResizeObserver.js";
+class W extends d {
+  constructor(e) {
+    super(e);
+    n(this, "wrapper");
+    n(this, "domElementWrapper", document.createElement("div"));
+    n(this, "requestAnimationFrameId");
+    n(this, "resizeDisoper");
+    this.domElementWrapper.classList.add("ICSS3DRendererWrapper"), this.domElementWrapper.style.position = "absolute", this.domElementWrapper.style.top = "0", this.domElementWrapper.style.left = "0", this.domElementWrapper.style.width = "100%", this.domElementWrapper.style.height = "100%", this.domElementWrapper.style.userSelect = "none", this.domElementWrapper.style.pointerEvents = "none", this.domElement.classList.add("ICSS3DRenderer"), this.domElement.style.position = "absolute", this.domElement.style.top = "0", this.domElement.style.left = "0", this.domElement.style.userSelect = "none", this.domElement.style.pointerEvents = "none", this.domElementWrapper.appendChild(this.domElement);
+  }
+  setWrapper(e) {
+    if (!e)
+      throw new Error("CSS3DRenderer: wrapper is required");
+    if ((() => {
+      for (let s = 0; s < e.children.length; s++)
+        if (e.children.item(s) === this.domElementWrapper)
+          return !0;
+      return !1;
+    })())
+      return;
+    const r = this.wrapper;
+    return r && r.contains(this.domElementWrapper) && this.domElementWrapper.remove(), this.appendToElement(e), this.wrapper = e, this;
+  }
+  appendToElement(e) {
+    e.appendChild(this.domElementWrapper);
+    const o = (m, p) => this.setSize(m, p), { observe: r, unobserve: s } = h(this.domElementWrapper, o, !0);
+    r(), this.resizeDisoper = s, this.wrapper = e;
+  }
+  renderEveryFrame(e, o) {
+    if (this.wrapper || console.warn("wrapper is not find, creating a html element and call setWrapper(wrapper)", this, e), this.requestAnimationFrameId)
+      return;
+    const r = () => {
+      this.requestAnimationFrameId = requestAnimationFrame(r), e.visible && this.render(e, o);
+    };
+    r();
+  }
+  stopRender() {
+    this.requestAnimationFrameId && cancelAnimationFrame(this.requestAnimationFrameId);
+  }
+  dispose() {
+    var e;
+    this.stopRender(), (e = this.resizeDisoper) == null || e.call(this), this.domElementWrapper.remove();
+  }
+}
+export {
+  W as ICSS3DRenderer
+};

package/libs/{CSS3DRenderPlugin/utils/three → shared-utils/CSS3DRender}/OpacityMesh.js

@@ -1,12 +1,12 @@
 var c = Object.defineProperty;
-var l = (r, t, e) => t in r ? c(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
-var a = (r, t, e) => (l(r, typeof t != "symbol" ? t + "" : t, e), e);
+var m = (r, t, e) => t in r ? c(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
+var o = (r, t, e) => (m(r, typeof t != "symbol" ? t + "" : t, e), e);
 import * as s from "three";
 class p extends s.Mesh {
-  constructor(e, o) {
-    const n = new s.MeshBasicMaterial({ opacity: 0, color: 0, transparent: !1, side: s.DoubleSide }), i = new s.PlaneGeometry(e, o);
+  constructor(e, a) {
+    const n = new s.MeshBasicMaterial({ opacity: 0, color: 0, transparent: !1, side: s.DoubleSide }), i = new s.PlaneGeometry(e, a);
     super(i, n);
-    a(this, "name", "opacity-mesh");
+    o(this, "name", "opacity-mesh");
   }
   removeFromParent() {
     const e = this.parent;
@@ -14,5 +14,5 @@ class p extends s.Mesh {
   }
 }
 export {
-  p as default
+  p as OpecityMesh
 };

package/libs/shared-utils/CSS3DRender/THREEJS_CSS3DRenderer/index.js

@@ -0,0 +1,74 @@
+import { Matrix4 as w } from "three";
+let D = function(y) {
+  let v = this, x, S, c, u, n = new w(), o = {
+    camera: { fov: 0, style: "" },
+    objects: /* @__PURE__ */ new WeakMap()
+  }, s = document.createElement("div");
+  s.style.overflow = "hidden", this.domElement = s;
+  let i = document.createElement("div");
+  i.style.WebkitTransformStyle = "preserve-3d", i.style.transformStyle = "preserve-3d", i.style.pointerEvents = "none", s.appendChild(i), this.getSize = function() {
+    return {
+      width: x,
+      height: S
+    };
+  }, this.setSize = function(t, e) {
+    x = t, S = e, c = x / 2, u = S / 2, s.style.width = t + "px", s.style.height = e + "px", i.style.width = t + "px", i.style.height = e + "px";
+  };
+  function r(t) {
+    return Math.abs(t) < 1e-10 ? 0 : t;
+  }
+  function C(t) {
+    let e = t.elements;
+    return "matrix3d(" + r(e[0]) + "," + r(-e[1]) + "," + r(e[2]) + "," + r(e[3]) + "," + r(e[4]) + "," + r(-e[5]) + "," + r(e[6]) + "," + r(e[7]) + "," + r(e[8]) + "," + r(-e[9]) + "," + r(e[10]) + "," + r(e[11]) + "," + r(e[12]) + "," + r(-e[13]) + "," + r(e[14]) + "," + r(e[15]) + ")";
+  }
+  function M(t, e) {
+    let l = t.elements;
+    return "translate(-50%,-50%)" + ("matrix3d(" + r(l[0]) + "," + r(l[1]) + "," + r(l[2]) + "," + r(l[3]) + "," + r(-l[4]) + "," + r(-l[5]) + "," + r(-l[6]) + "," + r(-l[7]) + "," + r(l[8]) + "," + r(l[9]) + "," + r(l[10]) + "," + r(l[11]) + "," + r(l[12]) + "," + r(l[13]) + "," + r(l[14]) + "," + r(l[15]) + ")");
+  }
+  function W(t) {
+    var e;
+    if (t.isCSS3DObject) {
+      const l = (e = t.mode) != null ? e : "front";
+      (!y || l === y) && (t.element.style.display = "none");
+    }
+    for (let l = 0, m = t.children.length; l < m; l++)
+      W(t.children[l]);
+  }
+  function g(t, e, l, m) {
+    var h;
+    if (t.visible === !1) {
+      W(t);
+      return;
+    }
+    if (t.isCSS3DObject) {
+      const d = (h = t.mode) != null ? h : "front";
+      if (y && d !== y)
+        return;
+      const a = t.layers.test(l.layers) === !0, f = t.element;
+      if (f.style.display = a === !0 ? "" : "none", a) {
+        t.onBeforeRender(v, e, l);
+        let p;
+        t.isCSS3DSprite ? (n.copy(l.matrixWorldInverse), n.transpose(), n.copyPosition(t.matrixWorld), n.scale(t.scale), n.elements[3] = 0, n.elements[7] = 0, n.elements[11] = 0, n.elements[15] = 1, p = M(n)) : p = M(t.matrixWorld);
+        let O = o.objects.get(t);
+        if (O === void 0 || O.style !== p) {
+          f.style.WebkitTransform = p, f.style.transform = p;
+          let k = { style: p };
+          o.objects.set(t, k);
+        }
+        f.style.display = t.visible ? "" : "none", f.parentNode !== i && i.appendChild(f), t.onAfterRender(v, e, l);
+      }
+    }
+    for (let d = 0, a = t.children.length; d < a; d++)
+      g(t.children[d], e, l);
+  }
+  this.render = function(t, e) {
+    let l = e.projectionMatrix.elements[5] * u;
+    if (o.camera.fov !== l && (e.isPerspectiveCamera ? (s.style.WebkitPerspective = l + "px", s.style.perspective = l + "px") : (s.style.WebkitPerspective = "", s.style.perspective = ""), o.camera.fov = l), t.autoUpdate === !0 && t.updateMatrixWorld(), e.parent === null && e.updateMatrixWorld(), e.isOrthographicCamera)
+      var m = -(e.right + e.left) / 2, h = (e.top + e.bottom) / 2;
+    let a = (e.isOrthographicCamera ? "scale(" + l + ")translate(" + r(m) + "px," + r(h) + "px)" + C(e.matrixWorldInverse) : "translateZ(" + l + "px)" + C(e.matrixWorldInverse)) + "translate(" + c + "px," + u + "px)";
+    o.camera.style !== a && (i.style.WebkitTransform = a, i.style.transform = a, o.camera.style = a), g(t, t, e);
+  };
+};
+export {
+  D as CSS3DRenderer
+};

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

@@ -0,0 +1,2 @@
+import { Five } from '@realsee/five';
+export declare function initialCSS3DRender(five: Five): () => any;

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

@@ -0,0 +1,31 @@
+import { ICSS3DRenderer as p } from "./CSS3DRenderer.js";
+import { waitFiveModelLoaded as a } from "../five/fiveModelLoad.js";
+import m from "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+let r = [null, null, () => null];
+function E(e) {
+  var s;
+  if (r) {
+    if (r[0] === e)
+      return r[2];
+    (s = r[1]) == null || s.dispose();
+  }
+  const n = new p("front");
+  n.domElementWrapper.style.zIndex = "1";
+  const t = new p("behind");
+  a(e).then(() => {
+    var d;
+    const l = (d = e.getElement()) == null ? void 0 : d.parentElement, i = m(e);
+    if (!l)
+      return console.error("initialCSS3DRender: five element is not exist"), () => null;
+    if (n.appendToElement(l), n.renderEveryFrame(e.scene, e.camera), !i)
+      return console.error("initialCSS3DRender: behindWrapper is not exist"), () => null;
+    t.appendToElement(i), t.renderEveryFrame(e.scene, e.camera);
+  });
+  const o = () => {
+    n.dispose(), t.dispose();
+  };
+  return r = [e, n, o], o;
+}
+export {
+  E as initialCSS3DRender
+};

package/libs/{CSS3DRenderPlugin/utils → shared-utils}/createResizeObserver.js

@@ -18,5 +18,5 @@ function u(e, i, n = !0) {
   };
 }
 export {
-  u as default
+  u as createResizeObserver
 };

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

@@ -1,4 +1,4 @@
-import m from "../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
+import { ICSS3DRenderer as m } from "../CSS3DRender/CSS3DRenderer.js";
 const d = "CSS3DRenderer-dshauidwahdslkadnmsla";
 function a(n) {
   var t;

package/libs/shared-utils/logger.js

@@ -1,6 +1,6 @@
 function A() {
   console.debug(
-    "%c %c@realsee/dnalogel %cv3.59.7",
+    "%c %c@realsee/dnalogel %cv3.59.8",
     [
       "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/three/PointSelector/index.js

@@ -19,7 +19,7 @@ import { getIntersectByRaycaster as D, getVirtualIntersectByRaycaster as L } fro
 import { getRaycasterByNdcPosition as T } from "../../five/getRaycasterByNdcPosition.js";
 import { CURSOR_NOT_ALLOW_URL as P } from "./utils/contents.js";
 const N = new d.Vector3(), c = () => !1;
-class X extends y {
+class V extends y {
   constructor(e, t) {
     var a, l, n;
     super();
@@ -88,7 +88,7 @@ class X extends y {
       if (!this._mouseDownInfo)
         return;
       const { clientX: t, clientY: o, timestamp: h } = this._mouseDownInfo;
-      console.log(e.clientX, e.clientY, t, o, performance.now(), h), Math.abs(e.clientX - t) < 2 && Math.abs(e.clientY - o) < 2 && performance.now() - h < 500 ? this.select() : this._mouseDownInfo = null;
+      Math.abs(e.clientX - t) < 2 && Math.abs(e.clientY - o) < 2 && performance.now() - h < 500 ? this.select() : this._mouseDownInfo = null;
     });
     s(this, "onTouchStart", (e) => {
       this.setPressDown = setTimeout(() => {
@@ -259,5 +259,5 @@ class X extends y {
   }
 }
 export {
-  X as PointSelector
+  V as PointSelector
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@realsee/dnalogel",
-  "version": "3.59.7",
+  "version": "3.59.8",
   "main": "./dist/index.js",
   "module": "./libs/index.js",
   "types": "./libs/index.d.ts",
@@ -81,7 +81,7 @@
     "three": "0.117.1",
     "type-fest": "4.13.1",
     "typedoc": "^0.26.11",
-    "typescript": "5.5.4",
+    "typescript": "5.6.3",
     "vite": "4.3.2",
     "vite-plugin-dts": "^2.3.0"
   },

package/libs/CSS3DRenderPlugin/utils/three/THREEJS_CSS3DRenderer.js

@@ -1,66 +0,0 @@
-import { Matrix4 as M } from "three";
-let k = function() {
-  let x = this, f, m, S, y, n = new M(), p = {
-    camera: { fov: 0, style: "" },
-    objects: /* @__PURE__ */ new WeakMap()
-  }, a = document.createElement("div");
-  a.style.overflow = "hidden", this.domElement = a;
-  let s = document.createElement("div");
-  s.style.WebkitTransformStyle = "preserve-3d", s.style.transformStyle = "preserve-3d", s.style.pointerEvents = "none", a.appendChild(s), this.getSize = function() {
-    return {
-      width: f,
-      height: m
-    };
-  }, this.setSize = function(t, e) {
-    f = t, m = e, S = f / 2, y = m / 2, a.style.width = t + "px", a.style.height = e + "px", s.style.width = t + "px", s.style.height = e + "px";
-  };
-  function l(t) {
-    return Math.abs(t) < 1e-10 ? 0 : t;
-  }
-  function u(t) {
-    let e = t.elements;
-    return "matrix3d(" + l(e[0]) + "," + l(-e[1]) + "," + l(e[2]) + "," + l(e[3]) + "," + l(e[4]) + "," + l(-e[5]) + "," + l(e[6]) + "," + l(e[7]) + "," + l(e[8]) + "," + l(-e[9]) + "," + l(e[10]) + "," + l(e[11]) + "," + l(e[12]) + "," + l(-e[13]) + "," + l(e[14]) + "," + l(e[15]) + ")";
-  }
-  function v(t, e) {
-    let i = t.elements;
-    return "translate(-50%,-50%)" + ("matrix3d(" + l(i[0]) + "," + l(i[1]) + "," + l(i[2]) + "," + l(i[3]) + "," + l(-i[4]) + "," + l(-i[5]) + "," + l(-i[6]) + "," + l(-i[7]) + "," + l(i[8]) + "," + l(i[9]) + "," + l(i[10]) + "," + l(i[11]) + "," + l(i[12]) + "," + l(i[13]) + "," + l(i[14]) + "," + l(i[15]) + ")");
-  }
-  function c(t) {
-    t.isCSS3DObject && (t.element.style.display = "none");
-    for (let e = 0, i = t.children.length; e < i; e++)
-      c(t.children[e]);
-  }
-  function C(t, e, i, h) {
-    if (t.visible === !1) {
-      c(t);
-      return;
-    }
-    if (t.isCSS3DObject) {
-      const o = t.layers.test(i.layers) === !0, d = t.element;
-      if (d.style.display = o === !0 ? "" : "none", o) {
-        t.onBeforeRender(x, e, i);
-        let r;
-        t.isCSS3DSprite ? (n.copy(i.matrixWorldInverse), n.transpose(), n.copyPosition(t.matrixWorld), n.scale(t.scale), n.elements[3] = 0, n.elements[7] = 0, n.elements[11] = 0, n.elements[15] = 1, r = v(n)) : r = v(t.matrixWorld);
-        let W = p.objects.get(t);
-        if (W === void 0 || W.style !== r) {
-          d.style.WebkitTransform = r, d.style.transform = r;
-          let g = { style: r };
-          p.objects.set(t, g);
-        }
-        d.style.display = t.visible ? "" : "none", d.parentNode !== s && s.appendChild(d), t.onAfterRender(x, e, i);
-      }
-    }
-    for (let o = 0, d = t.children.length; o < d; o++)
-      C(t.children[o], e, i);
-  }
-  this.render = function(t, e) {
-    let i = e.projectionMatrix.elements[5] * y;
-    if (p.camera.fov !== i && (e.isPerspectiveCamera ? (a.style.WebkitPerspective = i + "px", a.style.perspective = i + "px") : (a.style.WebkitPerspective = "", a.style.perspective = ""), p.camera.fov = i), t.autoUpdate === !0 && t.updateMatrixWorld(), e.parent === null && e.updateMatrixWorld(), e.isOrthographicCamera)
-      var h = -(e.right + e.left) / 2, o = (e.top + e.bottom) / 2;
-    let r = (e.isOrthographicCamera ? "scale(" + i + ")translate(" + l(h) + "px," + l(o) + "px)" + u(e.matrixWorldInverse) : "translateZ(" + i + "px)" + u(e.matrixWorldInverse)) + "translate(" + S + "px," + y + "px)";
-    p.camera.style !== r && (s.style.WebkitTransform = r, s.style.transform = r, p.camera.style = r), C(t, t, e);
-  };
-};
-export {
-  k as CSS3DRenderer
-};