@shopware-ag/dive 2.0.1-beta.9 → 2.0.2

package/build/dive.mjs

@@ -1,47 +1,48 @@
-var G = Object.defineProperty;
-var S = (r, s, t) => s in r ? G(r, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[s] = t;
-var i = (r, s, t) => S(r, typeof s != "symbol" ? s + "" : s, t);
-import { A as b, a as I, b as y } from "./chunks/FileTypes-Cu4s3c_0.mjs";
-import { g as nt, f as ot, e as ht, d as lt, l as ct, s as dt, c as _t, x as pt, i as ut, j as gt, k as ft, o as mt, p as Et, m as Dt, q as Mt, u as wt, t as xt, v as bt, r as It, w as yt, n as Pt, E as Ht, F as Vt, G as zt, h as vt, S as Gt, y as St } from "./chunks/FileTypes-Cu4s3c_0.mjs";
-import { U as d } from "./chunks/PerspectiveCamera-DUiWJJIj.mjs";
-import { C as jt, b as Ot, D as Rt, a as Tt, H as Yt, P as Lt } from "./chunks/PerspectiveCamera-DUiWJJIj.mjs";
-import { Object3D as u, Color as P, Vector3 as h, TorusGeometry as H, MeshBasicMaterial as f, Mesh as _, MathUtils as z, Euler as A, CylinderGeometry as m, BoxGeometry as j, PlaneGeometry as D } from "three";
-import { g as Xt, i as Nt } from "./chunks/isFileTypeSupported-BSpswPHU.mjs";
+var S = Object.defineProperty;
+var A = (r, s, t) => s in r ? S(r, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[s] = t;
+var i = (r, s, t) => A(r, typeof s != "symbol" ? s + "" : s, t);
+import { A as P, b as I, c as H } from "./chunks/FileTypes-C8pTXmiC.mjs";
+import { g as ot, f as ht, e as lt, d as ct, l as dt, r as pt, D as ut, w as ft, i as _t, j as gt, k as mt, o as Et, m as Dt, p as wt, t as yt, s as Mt, u as xt, q as Pt, v as It, n as Ht, E as bt, F as Vt, G as zt, h as vt, S as Ot, x as St } from "./chunks/FileTypes-C8pTXmiC.mjs";
+import { U as d } from "./chunks/VisibilityLayerMask-CXgt1fJc.mjs";
+import { C as Gt, D as Rt, H as Tt, P as Yt } from "./chunks/VisibilityLayerMask-CXgt1fJc.mjs";
+import { Object3D as f, Color as b, Vector3 as c, TorusGeometry as V, MeshBasicMaterial as g, Mesh as p, MathUtils as v, Euler as G, CylinderGeometry as E, BoxGeometry as R, PlaneGeometry as w } from "three";
+import { D as Ct } from "./chunks/OrbitController-BQ6SV1O_.mjs";
+import { D as Nt, a as Xt } from "./chunks/PerspectiveCamera-PMJPzAn3.mjs";
 import { f as Zt, i as qt } from "./chunks/findInterface-DbJ5qzbc.mjs";
-import { F as Ut, N as Wt } from "./chunks/network-error-BONfHWQq.mjs";
-import { F as Kt } from "./chunks/file-type-error-aWHfMumr.mjs";
-import { P as Jt } from "./chunks/parse-error-IryNa_oq.mjs";
-import { i as te, a as ee } from "./chunks/PovSchema-DWWvr_ED.mjs";
-class M extends u {
-  constructor(t, e, a, n, o) {
+import { g as Wt, i as kt } from "./chunks/isFileTypeSupported-BSpswPHU.mjs";
+import { F as Kt, N as Bt } from "./chunks/network-error-BONfHWQq.mjs";
+import { F as $t, P as te } from "./chunks/parse-error-DfOPyLWM.mjs";
+import { i as re, a as se } from "./chunks/PovSchema-DWWvr_ED.mjs";
+class y extends f {
+  constructor(t, e, n, o, a) {
     super();
     i(this, "isHoverable", !0);
     i(this, "isDraggable", !0);
     i(this, "parent", null);
     i(this, "axis");
-    i(this, "_color", new P(16711935));
+    i(this, "_color", new b(16711935));
     i(this, "_colorHover");
     i(this, "_hovered");
     i(this, "_highlight");
     i(this, "_lineMaterial");
     i(this, "_colliderMesh");
-    this.name = "DIVERadialHandle", this.axis = t, this._color.set(o), this._colorHover = this._color.clone().multiplyScalar(2), this._hovered = !1, this._highlight = !1;
-    const c = new H(e, 0.01, 13, 48, a);
-    this._lineMaterial = new f({
-      color: o,
+    this.name = "DIVERadialHandle", this.axis = t, this._color.set(a), this._colorHover = this._color.clone().multiplyScalar(2), this._hovered = !1, this._highlight = !1;
+    const h = new V(e, 0.01, 13, 48, n);
+    this._lineMaterial = new g({
+      color: a,
       depthTest: !1,
       depthWrite: !1
     });
-    const l = new _(c, this._lineMaterial);
+    const l = new p(h, this._lineMaterial);
     l.layers.mask = d, l.renderOrder = 1 / 0, this.add(l);
-    const g = new H(e, 0.1, 3, 48, a), E = new f({
+    const _ = new V(e, 0.1, 3, 48, n), D = new g({
       color: 16711935,
       transparent: !0,
       opacity: 0.15,
       depthTest: !1,
       depthWrite: !1
     });
-    this._colliderMesh = new _(g, E), this._colliderMesh.visible = !1, this._colliderMesh.layers.mask = d, this._colliderMesh.renderOrder = 1 / 0, this.add(this._colliderMesh), this.lookAt(n);
+    this._colliderMesh = new p(_, D), this._colliderMesh.visible = !1, this._colliderMesh.layers.mask = d, this._colliderMesh.renderOrder = 1 / 0, this.add(this._colliderMesh), this.lookAt(o);
   }
   set debug(t) {
     this._colliderMesh.visible = t;
@@ -53,13 +54,13 @@ class M extends u {
     this._highlight = t, this._lineMaterial.color = this._highlight || this._hovered ? this._colorHover : this._color;
   }
   get forwardVector() {
-    return new h(0, 0, 1).applyQuaternion(this.quaternion).normalize();
+    return new c(0, 0, 1).applyQuaternion(this.quaternion).normalize();
   }
   get rightVector() {
-    return new h(1, 0, 0).applyQuaternion(this.quaternion).normalize();
+    return new c(1, 0, 0).applyQuaternion(this.quaternion).normalize();
   }
   get upVector() {
-    return new h(0, 1, 0).applyQuaternion(this.quaternion).normalize();
+    return new c(0, 1, 0).applyQuaternion(this.quaternion).normalize();
   }
   reset() {
     this._lineMaterial.color = this._color;
@@ -80,82 +81,82 @@ class M extends u {
     this.parent && this.parent.onHandleDragEnd(this);
   }
 }
-function p(r, s) {
+function u(r, s) {
   const t = (r + "e").split("e");
   return +(t[0] + "e" + (+t[1] + (s || 0)));
 }
-function O(r, s = 0) {
-  const t = p(r, +s);
-  return p(Math.ceil(t), -s);
+function T(r, s = 0) {
+  const t = u(r, +s);
+  return u(Math.ceil(t), -s);
 }
-function R(r, s = 0) {
-  const t = p(r, +s);
-  return p(Math.floor(t), -s);
+function Y(r, s = 0) {
+  const t = u(r, +s);
+  return u(Math.floor(t), -s);
 }
-function v(r, s = 0) {
-  if (r < 0) return -v(-r, s);
-  const t = p(r, +s);
-  return p(Math.round(t), -s);
+function O(r, s = 0) {
+  if (r < 0) return -O(-r, s);
+  const t = u(r, +s);
+  return u(Math.round(t), -s);
 }
-function T(r, s, t) {
+function j(r, s, t) {
   return Math.atan2(
     r.clone().cross(s).dot(t),
     s.clone().dot(r)
   );
 }
-function Y(r, s = 0) {
-  const t = p(r, +s);
-  return p(Math.round(t), -s).toFixed(s);
+function C(r, s = 0) {
+  const t = u(r, +s);
+  return u(Math.round(t), -s).toFixed(s);
 }
 function L(r, s = 0) {
-  const t = p(r, +s);
-  return p(Math.trunc(t), -s);
+  const t = u(r, +s);
+  return u(Math.trunc(t), -s);
 }
-function C(r) {
-  return (z.radToDeg(r) + 360) % 360;
+function N(r) {
+  return (v.radToDeg(r) + 360) % 360;
 }
 function X(r) {
-  return z.degToRad(r);
+  return v.degToRad(r);
 }
-const N = {
-  ceilExp: O,
-  floorExp: R,
-  roundExp: v,
-  toFixedExp: Y,
+const F = {
+  ceilExp: T,
+  floorExp: Y,
+  roundExp: O,
+  toFixedExp: C,
   truncateExp: L,
-  signedAngleTo: T,
-  radToDeg: C,
+  signedAngleTo: j,
+  radToDeg: N,
   degToRad: X
 };
-class F extends u {
+class Z extends f {
   constructor(t) {
     super();
     i(this, "children");
     i(this, "_controller");
     i(this, "_startRot");
     this.name = "DIVERotateGizmo", this.children = [], this._startRot = null, this._controller = t, this.add(
-      new M(
+      new y(
         "x",
         1,
         Math.PI / 2,
-        new h(1, 0, 0),
-        b
+        new c(1, 0, 0),
+        P
       )
     ), this.add(
-      new M(
+      new y(
         "y",
         1,
         -Math.PI / 2,
-        new h(0, 1, 0),
+        new c(0, 1, 0),
         I
       )
     ), this.add(
-      new M(
+      new y(
         "z",
         1,
         Math.PI / 2,
-        new h(0, 0, 1),
-        y
+        new c(0, 0, 1),
+        H
       )
     );
   }
@@ -169,9 +170,9 @@ class F extends u {
       t.reset();
     });
   }
-  handleHighlight(t, e, a) {
-    this.children.forEach((n) => {
-      a ? n.highlight = n.axis === t && a : n.highlight = n.axis === t && e;
+  handleHighlight(t, e, n) {
+    this.children.forEach((o) => {
+      n ? o.highlight = o.axis === t && n : o.highlight = o.axis === t && e;
     });
   }
   onHandleHover(t, e) {
@@ -184,51 +185,51 @@ class F extends u {
   }
   onHandleDrag(t, e) {
     if (!this._startRot || !this.parent || !this.parent.parent || !("onChange" in this.parent.parent)) return;
-    const a = e.dragCurrent.clone().sub(this.parent.parent.position).normalize(), n = e.dragStart.clone().sub(this.parent.parent.position).normalize(), o = N.signedAngleTo(
+    const n = e.dragCurrent.clone().sub(this.parent.parent.position).normalize(), o = e.dragStart.clone().sub(this.parent.parent.position).normalize(), a = F.signedAngleTo(
+      o,
       n,
-      a,
       t.forwardVector
-    ), c = new A(
-      this._startRot.x + t.forwardVector.x * o,
-      this._startRot.y + t.forwardVector.y * o,
-      this._startRot.z + t.forwardVector.z * o
+    ), h = new G(
+      this._startRot.x + t.forwardVector.x * a,
+      this._startRot.y + t.forwardVector.y * a,
+      this._startRot.z + t.forwardVector.z * a
     );
-    this.parent.parent.onChange(void 0, c);
+    this.parent.parent.onChange(void 0, h);
   }
   onHandleDragEnd(t) {
     this._startRot = null, this.handleHighlight(t.axis, !1, !1);
   }
 }
-class w extends u {
-  constructor(t, e, a, n) {
+class M extends f {
+  constructor(t, e, n, o) {
     super();
     i(this, "isHoverable", !0);
     i(this, "isDraggable", !0);
     i(this, "parent", null);
     i(this, "axis");
-    i(this, "_color", new P(16711935));
+    i(this, "_color", new b(16711935));
     i(this, "_colorHover");
     i(this, "_hovered");
     i(this, "_highlight");
     i(this, "_lineMaterial");
     i(this, "_colliderMesh");
-    this.name = "DIVEAxisHandle", this.axis = t, this._color.set(n), this._colorHover = this._color.clone().multiplyScalar(2), this._highlight = !1, this._hovered = !1;
-    const o = new m(0.01, 0.01, e, 13);
-    this._lineMaterial = new f({
-      color: n,
+    this.name = "DIVEAxisHandle", this.axis = t, this._color.set(o), this._colorHover = this._color.clone().multiplyScalar(2), this._highlight = !1, this._hovered = !1;
+    const a = new E(0.01, 0.01, e, 13);
+    this._lineMaterial = new g({
+      color: o,
       depthTest: !1,
       depthWrite: !1
     });
-    const c = new _(o, this._lineMaterial);
-    c.layers.mask = d, c.renderOrder = 1 / 0, c.rotateX(Math.PI / 2), c.translateY(e / 2), this.add(c);
-    const l = new m(0.1, 0.1, e, 3), g = new f({
+    const h = new p(a, this._lineMaterial);
+    h.layers.mask = d, h.renderOrder = 1 / 0, h.rotateX(Math.PI / 2), h.translateY(e / 2), this.add(h);
+    const l = new E(0.1, 0.1, e, 3), _ = new g({
       color: 16711935,
       transparent: !0,
       opacity: 0.15,
       depthTest: !1,
       depthWrite: !1
     });
-    this._colliderMesh = new _(l, g), this._colliderMesh.visible = !1, this._colliderMesh.layers.mask = d, this._colliderMesh.renderOrder = 1 / 0, this._colliderMesh.rotateX(Math.PI / 2), this._colliderMesh.translateY(e / 2), this.add(this._colliderMesh), this.rotateX(a.y * -Math.PI / 2), this.rotateY(a.x * Math.PI / 2);
+    this._colliderMesh = new p(l, _), this._colliderMesh.visible = !1, this._colliderMesh.layers.mask = d, this._colliderMesh.renderOrder = 1 / 0, this._colliderMesh.rotateX(Math.PI / 2), this._colliderMesh.translateY(e / 2), this.add(this._colliderMesh), this.rotateX(n.y * -Math.PI / 2), this.rotateY(n.x * Math.PI / 2);
   }
   set debug(t) {
     this._colliderMesh.visible = t;
@@ -240,13 +241,13 @@ class w extends u {
     this._highlight = t, this._lineMaterial.color = this._highlight || this._hovered ? this._colorHover : this._color;
   }
   get forwardVector() {
-    return new h(0, 0, 1).applyQuaternion(this.quaternion).normalize();
+    return new c(0, 0, 1).applyQuaternion(this.quaternion).normalize();
   }
   get rightVector() {
-    return new h(1, 0, 0).applyQuaternion(this.quaternion).normalize();
+    return new c(1, 0, 0).applyQuaternion(this.quaternion).normalize();
   }
   get upVector() {
-    return new h(0, 1, 0).applyQuaternion(this.quaternion).normalize();
+    return new c(0, 1, 0).applyQuaternion(this.quaternion).normalize();
   }
   reset() {
     this._lineMaterial.color = this._color;
@@ -267,18 +268,18 @@ class w extends u {
     this.parent && this.parent.onHandleDragEnd(this);
   }
 }
-class Z extends u {
+class q extends f {
   constructor(t) {
     super();
     i(this, "_controller");
     i(this, "children");
     i(this, "_startPos");
     this.name = "DIVETranslateGizmo", this.children = [], this._startPos = null, this._controller = t, this.add(
-      new w("x", 1, new h(1, 0, 0), b)
+      new M("x", 1, new c(1, 0, 0), P)
     ), this.add(
-      new w("y", 1, new h(0, 1, 0), I)
+      new M("y", 1, new c(0, 1, 0), I)
     ), this.add(
-      new w("z", 1, new h(0, 0, 1), y)
+      new M("z", 1, new c(0, 0, 1), H)
     );
   }
   set debug(t) {
@@ -291,9 +292,9 @@ class Z extends u {
       t.reset();
     });
   }
-  handleHighlight(t, e, a) {
-    this.children.forEach((n) => {
-      a ? n.highlight = n.axis === t && a : n.highlight = n.axis === t && e;
+  handleHighlight(t, e, n) {
+    this.children.forEach((o) => {
+      n ? o.highlight = o.axis === t && n : o.highlight = o.axis === t && e;
     });
   }
   onHandleHover(t, e) {
@@ -310,23 +311,23 @@ class Z extends u {
   }
   onHandleDrag(t, e) {
     if (!this._startPos || !this.parent || !this.parent.parent || !("onChange" in this.parent.parent)) return;
-    const a = e.dragDelta.clone().projectOnVector(t.forwardVector);
+    const n = e.dragDelta.clone().projectOnVector(t.forwardVector);
     this.parent.parent.onChange(
-      this._startPos.clone().add(a)
+      this._startPos.clone().add(n)
     );
   }
   onHandleDragEnd(t) {
     this._startPos = null, this.handleHighlight(t.axis, !1, !1);
   }
 }
-class x extends u {
-  constructor(t, e, a, n, o = 0.05) {
+class x extends f {
+  constructor(t, e, n, o, a = 0.05) {
     super();
     i(this, "isHoverable", !0);
     i(this, "isDraggable", !0);
     i(this, "parent", null);
     i(this, "axis");
-    i(this, "_color", new P(16711935));
+    i(this, "_color", new b(16711935));
     i(this, "_colorHover");
     i(this, "_hovered");
     i(this, "_highlight");
@@ -334,36 +335,36 @@ class x extends u {
     i(this, "_colliderMesh");
     i(this, "_box");
     i(this, "_boxSize");
-    this.name = "DIVEScaleHandle", this.axis = t, this._color.set(n), this._colorHover = this._color.clone().multiplyScalar(2), this._hovered = !1, this._highlight = !1, this._boxSize = o;
-    const c = new m(
+    this.name = "DIVEScaleHandle", this.axis = t, this._color.set(o), this._colorHover = this._color.clone().multiplyScalar(2), this._hovered = !1, this._highlight = !1, this._boxSize = a;
+    const h = new E(
       0.01,
       0.01,
-      e - o / 2,
+      e - a / 2,
       13
     );
-    this._lineMaterial = new f({
-      color: n,
+    this._lineMaterial = new g({
+      color: o,
       depthTest: !1,
       depthWrite: !1
     });
-    const l = new _(c, this._lineMaterial);
-    l.layers.mask = d, l.renderOrder = 1 / 0, l.rotateX(Math.PI / 2), l.translateY(e / 2 - o / 4), this.add(l), this._box = new _(
-      new j(o, o, o),
+    const l = new p(h, this._lineMaterial);
+    l.layers.mask = d, l.renderOrder = 1 / 0, l.rotateX(Math.PI / 2), l.translateY(e / 2 - a / 4), this.add(l), this._box = new p(
+      new R(a, a, a),
       this._lineMaterial
-    ), this._box.layers.mask = d, this._box.renderOrder = 1 / 0, this._box.rotateX(Math.PI / 2), this._box.translateY(e - o / 2), this._box.rotateZ(a.x * Math.PI / 2), this._box.rotateX(a.z * Math.PI / 2), this.add(this._box);
-    const g = new m(
+    ), this._box.layers.mask = d, this._box.renderOrder = 1 / 0, this._box.rotateX(Math.PI / 2), this._box.translateY(e - a / 2), this._box.rotateZ(n.x * Math.PI / 2), this._box.rotateX(n.z * Math.PI / 2), this.add(this._box);
+    const _ = new E(
       0.1,
       0.1,
-      e + o / 2,
+      e + a / 2,
       3
-    ), E = new f({
+    ), D = new g({
       color: 16711935,
       transparent: !0,
       opacity: 0.15,
       depthTest: !1,
       depthWrite: !1
     });
-    this._colliderMesh = new _(g, E), this._colliderMesh.visible = !1, this._colliderMesh.layers.mask = d, this._colliderMesh.renderOrder = 1 / 0, this._colliderMesh.rotateX(Math.PI / 2), this._colliderMesh.translateY(e / 2), this.add(this._colliderMesh), this.rotateX(a.y * -Math.PI / 2), this.rotateY(a.x * Math.PI / 2);
+    this._colliderMesh = new p(_, D), this._colliderMesh.visible = !1, this._colliderMesh.layers.mask = d, this._colliderMesh.renderOrder = 1 / 0, this._colliderMesh.rotateX(Math.PI / 2), this._colliderMesh.translateY(e / 2), this.add(this._colliderMesh), this.rotateX(n.y * -Math.PI / 2), this.rotateY(n.x * Math.PI / 2);
   }
   set debug(t) {
     this._colliderMesh.visible = t;
@@ -375,20 +376,20 @@ class x extends u {
     this._highlight = t, this._lineMaterial.color = this._highlight || this._hovered ? this._colorHover : this._color;
   }
   get forwardVector() {
-    return new h(0, 0, 1).applyQuaternion(this.quaternion).normalize();
+    return new c(0, 0, 1).applyQuaternion(this.quaternion).normalize();
   }
   get rightVector() {
-    return new h(1, 0, 0).applyQuaternion(this.quaternion).normalize();
+    return new c(1, 0, 0).applyQuaternion(this.quaternion).normalize();
   }
   get upVector() {
-    return new h(0, 1, 0).applyQuaternion(this.quaternion).normalize();
+    return new c(0, 1, 0).applyQuaternion(this.quaternion).normalize();
   }
   reset() {
     this._lineMaterial.color = this._color;
   }
   update(t) {
     this._box.scale.copy(
-      new h(1, 1, 1).sub(this.forwardVector).add(
+      new c(1, 1, 1).sub(this.forwardVector).add(
         // to then add ...
         t.clone().multiply(this.forwardVector)
         // that is scaled by the forward vector again to get the forward vector as the only direction
@@ -411,7 +412,7 @@ class x extends u {
     this.parent && this.parent.onAxisDragEnd(this);
   }
 }
-class q extends u {
+class Q extends f {
   constructor(t) {
     super();
     i(this, "isHoverable", !0);
@@ -419,11 +420,11 @@ class q extends u {
     i(this, "_controller");
     i(this, "_startScale");
     this.name = "DIVEScaleGizmo", this.children = [], this._startScale = null, this._controller = t, this.add(
-      new x("x", 1, new h(1, 0, 0), b)
+      new x("x", 1, new c(1, 0, 0), P)
     ), this.add(
-      new x("y", 1, new h(0, 1, 0), I)
+      new x("y", 1, new c(0, 1, 0), I)
     ), this.add(
-      new x("z", 1, new h(0, 0, 1), y)
+      new x("z", 1, new c(0, 0, 1), H)
     );
   }
   set debug(t) {
@@ -441,9 +442,9 @@ class q extends u {
       e.update(t);
     });
   }
-  handleHighlight(t, e, a) {
-    this.children.forEach((n) => {
-      a ? n.highlight = n.axis === t && a : n.highlight = n.axis === t && e;
+  handleHighlight(t, e, n) {
+    this.children.forEach((o) => {
+      n ? o.highlight = o.axis === t && n : o.highlight = o.axis === t && e;
     });
   }
   onHoverAxis(t, e) {
@@ -460,36 +461,36 @@ class q extends u {
   }
   onAxisDrag(t, e) {
     if (!this._startScale || !this.parent || !this.parent.parent || !("onChange" in this.parent.parent)) return;
-    const a = e.dragDelta.clone().projectOnVector(t.forwardVector);
+    const n = e.dragDelta.clone().projectOnVector(t.forwardVector);
     this.parent.parent.onChange(
       void 0,
       void 0,
-      this._startScale.clone().add(a)
+      this._startScale.clone().add(n)
     );
   }
   onAxisDragEnd(t) {
     this._startScale = null, this.handleHighlight(t.axis, !1, !1);
   }
 }
-class Q extends u {
+class W extends f {
   constructor() {
     super();
     i(this, "_meshX");
     i(this, "_meshY");
     i(this, "_meshZ");
     this.name = "DIVEGizmoPlane";
-    const t = new f({
+    const t = new g({
       transparent: !0,
       opacity: 0.15,
       depthTest: !1,
       depthWrite: !1,
       side: 2
-    }), e = new D(100, 100, 2, 2), a = t.clone();
-    a.color.set(16711680), this._meshX = new _(e, a), this._meshX.layers.mask = d, this._meshX.rotateY(Math.PI / 2);
-    const n = new D(100, 100, 2, 2), o = t.clone();
-    o.color.set(65280), this._meshY = new _(n, o), this._meshY.layers.mask = d, this._meshY.rotateX(-Math.PI / 2);
-    const c = new D(100, 100, 2, 2), l = t.clone();
-    l.color.set(255), this._meshZ = new _(c, l), this._meshZ.layers.mask = d;
+    }), e = new w(100, 100, 2, 2), n = t.clone();
+    n.color.set(16711680), this._meshX = new p(e, n), this._meshX.layers.mask = d, this._meshX.rotateY(Math.PI / 2);
+    const o = new w(100, 100, 2, 2), a = t.clone();
+    a.color.set(65280), this._meshY = new p(o, a), this._meshY.layers.mask = d, this._meshY.rotateX(-Math.PI / 2);
+    const h = new w(100, 100, 2, 2), l = t.clone();
+    l.color.set(255), this._meshZ = new p(h, l), this._meshZ.layers.mask = d;
   }
   get XPlane() {
     return this._meshX;
@@ -527,7 +528,7 @@ class Q extends u {
       }
   }
 }
-class B extends u {
+class J extends f {
   constructor(t) {
     super();
     i(this, "_mode");
@@ -541,7 +542,7 @@ class B extends u {
     this.name = "DIVEGizmo", t.addEventListener("change", () => {
       const e = t.getDistance() / 2.5;
       this.scale.set(e, e, e);
-    }), this._mode = "translate", this._gizmoNode = new u(), this.add(this._gizmoNode), this._translateGizmo = new Z(t), this._rotateGizmo = new F(t), this._scaleGizmo = new q(t), this._gizmoPlane = new Q(), this._gizmoPlane.visible = !1, this._object = null;
+    }), this._mode = "translate", this._gizmoNode = new f(), this.add(this._gizmoNode), this._translateGizmo = new q(t), this._rotateGizmo = new Z(t), this._scaleGizmo = new Q(t), this._gizmoPlane = new W(), this._gizmoPlane.visible = !1, this._object = null;
   }
   get mode() {
     return this._mode;
@@ -567,27 +568,116 @@ class B extends u {
   detach() {
     return this._object = null, this.assemble(), this;
   }
-  onHover(t, e, a) {
-    a && this._gizmoPlane.assemble(t, e);
+  onHover(t, e, n) {
+    n && this._gizmoPlane.assemble(t, e);
   }
-  onChange(t, e, a) {
-    this.object !== null && (t && (this.position.copy(t), this.object.position.copy(t)), e && this.object.rotation.copy(e), a && (this.object.scale.copy(a), this._scaleGizmo.update(a)));
+  onChange(t, e, n) {
+    this.object !== null && (t && (this.position.copy(t), this.object.position.copy(t)), e && this.object.rotation.copy(e), n && (this.object.scale.copy(n), this._scaleGizmo.update(n)));
   }
   assemble() {
     this._gizmoNode.clear(), this._gizmoPlane.clear(), this._translateGizmo.reset(), this._rotateGizmo.reset(), this._scaleGizmo.reset(), this.object !== null && (this._mode === "translate" && this._gizmoNode.add(this._translateGizmo), this._mode === "rotate" && this._gizmoNode.add(this._rotateGizmo), this._mode === "scale" && this._gizmoNode.add(this._scaleGizmo), this.add(this._gizmoPlane));
   }
 }
-class J {
+class $ {
   constructor() {
     i(this, "isMovable", !0);
   }
 }
-class $ {
+class tt {
   constructor() {
     i(this, "isSelectable", !0);
   }
 }
-const V = (r, s) => {
+function et(r, s) {
+  return s.forEach((t) => {
+    Object.getOwnPropertyNames(t.prototype).forEach((n) => {
+      if (n === "constructor")
+        return;
+      const o = Object.getOwnPropertyDescriptor(
+        t.prototype,
+        n
+      );
+      Object.defineProperty(r.prototype, n, o);
+    });
+    const e = new t();
+    Object.getOwnPropertyNames(e).forEach((n) => {
+      const o = Object.getOwnPropertyDescriptor(
+        e,
+        n
+      );
+      Object.defineProperty(r.prototype, n, o);
+    });
+  }), r;
+}
+function m(r, s = /* @__PURE__ */ new WeakMap()) {
+  if (r === null || typeof r != "object")
+    return r;
+  if (s.has(r))
+    return s.get(r);
+  if (r instanceof Date)
+    return new Date(r.getTime());
+  if (r instanceof RegExp)
+    return new RegExp(r.source, r.flags);
+  if (Array.isArray(r)) {
+    const a = [];
+    s.set(r, a);
+    for (let h = 0; h < r.length; h++)
+      a[h] = m(r[h], s);
+    return a;
+  }
+  if (r instanceof Map) {
+    const a = /* @__PURE__ */ new Map();
+    s.set(r, a);
+    for (const [
+      h,
+      l
+    ] of r)
+      a.set(m(h, s), m(l, s));
+    return a;
+  }
+  if (r instanceof Set) {
+    const a = /* @__PURE__ */ new Set();
+    s.set(r, a);
+    for (const h of r)
+      a.add(m(h, s));
+    return a;
+  }
+  const t = r;
+  if (typeof t.clone == "function") {
+    const a = t.clone();
+    return s.set(r, a), a;
+  }
+  const e = Object.create(Object.getPrototypeOf(r));
+  s.set(r, e);
+  const n = Object.getOwnPropertyNames(r);
+  for (const a of n) {
+    const h = Object.getOwnPropertyDescriptor(r, a);
+    if (h)
+      if (h.value !== void 0) {
+        const l = m(h.value, s);
+        Object.defineProperty(e, a, {
+          ...h,
+          value: l
+        });
+      } else
+        Object.defineProperty(e, a, h);
+  }
+  const o = Object.getOwnPropertySymbols(r);
+  for (const a of o) {
+    const h = Object.getOwnPropertyDescriptor(r, a);
+    if (h)
+      if (h.value !== void 0) {
+        const l = m(h.value, s);
+        Object.defineProperty(e, a, {
+          ...h,
+          value: l
+        });
+      } else
+        Object.defineProperty(e, a, h);
+  }
+  return e;
+}
+const z = (r, s) => {
   if (Object.keys(r).length === 0 && Object.keys(s).length === 0)
     return {};
   if (typeof r != "object" || typeof s != "object")
@@ -603,24 +693,24 @@ const V = (r, s) => {
         t = { ...t, [e]: s[e] };
         return;
       }
-      const a = r[e], n = s[e];
-      if (a.length === 0 && n.length === 0) {
+      const n = r[e], o = s[e];
+      if (n.length === 0 && o.length === 0) {
         t = { ...t };
         return;
       }
-      if (a.length !== n.length) {
+      if (n.length !== o.length) {
         t = { ...t, [e]: s[e] };
         return;
       }
-      const o = [];
-      if (n.forEach((c, l) => {
-        const g = V(
-          a[l],
-          n[l]
+      const a = [];
+      if (o.forEach((h, l) => {
+        const _ = z(
+          n[l],
+          o[l]
         );
-        Object.keys(g).length && o.push(n[l]);
-      }), Object.keys(o).length) {
-        t = { ...t, [e]: o };
+        Object.keys(_).length && a.push(o[l]);
+      }), Object.keys(a).length) {
+        t = { ...t, [e]: a };
         return;
       }
       return;
@@ -630,103 +720,83 @@ const V = (r, s) => {
         t = { ...t, [e]: s[e] };
         return;
       }
-      const a = V(
+      const n = z(
         r[e],
         s[e]
       );
-      if (Object.keys(a).length) {
-        t = { ...t, [e]: a };
+      if (Object.keys(n).length) {
+        t = { ...t, [e]: n };
         return;
       }
     }
     r[e] !== s[e] && (t = { ...t, [e]: s[e] });
   }), t;
 };
-function tt(r, s) {
-  return s.forEach((t) => {
-    Object.getOwnPropertyNames(t.prototype).forEach((a) => {
-      if (a === "constructor")
-        return;
-      const n = Object.getOwnPropertyDescriptor(
-        t.prototype,
-        a
-      );
-      Object.defineProperty(r.prototype, a, n);
-    });
-    const e = new t();
-    Object.getOwnPropertyNames(e).forEach((a) => {
-      const n = Object.getOwnPropertyDescriptor(
-        e,
-        a
-      );
-      Object.defineProperty(r.prototype, a, n);
-    });
-  }), r;
-}
-function et(r) {
+function rt(r) {
   return r.entityType === "group";
 }
-function rt(r) {
+function st(r) {
   return r.entityType === "light";
 }
 function it(r) {
   return r.entityType === "primitive";
 }
 export {
-  y as AxesColorBlue,
-  nt as AxesColorBlueLetter,
+  H as AxesColorBlue,
+  ot as AxesColorBlueLetter,
   I as AxesColorGreen,
-  ot as AxesColorGreenLetter,
-  b as AxesColorRed,
-  ht as AxesColorRedLetter,
-  jt as COORDINATE_LAYER_MASK,
-  Ot as DEFAULT_LAYER_MASK,
-  lt as DIVE,
-  ct as DIVEAmbientLight,
-  dt as DIVEClock,
-  _t as DIVEDefaultSettings,
-  pt as DIVEEngine,
-  ut as DIVEFloor,
-  B as DIVEGizmo,
+  ht as AxesColorGreenLetter,
+  P as AxesColorRed,
+  lt as AxesColorRedLetter,
+  Gt as COORDINATE_LAYER_MASK,
+  Rt as DEFAULT_LAYER_MASK,
+  ct as DIVE,
+  dt as DIVEAmbientLight,
+  pt as DIVEClock,
+  ut as DIVEDefaultSettings,
+  ft as DIVEEngine,
+  _t as DIVEFloor,
+  J as DIVEGizmo,
   gt as DIVEGrid,
-  ft as DIVEGroup,
-  N as DIVEMath,
-  mt as DIVEModel,
-  J as DIVEMovable,
-  Et as DIVENode,
-  Rt as DIVEPerspectiveCamera,
-  Tt as DIVEPerspectiveCameraDefaultSettings,
+  mt as DIVEGroup,
+  F as DIVEMath,
+  Et as DIVEModel,
+  $ as DIVEMovable,
+  Ct as DIVENode,
+  Nt as DIVEPerspectiveCamera,
+  Xt as DIVEPerspectiveCameraDefaultSettings,
   Dt as DIVEPointLight,
-  Mt as DIVEPrimitive,
-  wt as DIVERenderPipeline,
-  xt as DIVERenderPipelineDefaultSettings,
-  bt as DIVEResizeManager,
-  It as DIVERoot,
-  yt as DIVEScene,
-  Pt as DIVESceneLight,
-  $ as DIVESelectable,
-  Ht as EngineDefaultSettings,
+  wt as DIVEPrimitive,
+  yt as DIVERenderPipeline,
+  Mt as DIVERenderPipelineDefaultSettings,
+  xt as DIVEResizeManager,
+  Pt as DIVERoot,
+  It as DIVEScene,
+  Ht as DIVESceneLight,
+  tt as DIVESelectable,
+  bt as EngineDefaultSettings,
   Vt as FILE_TYPES,
-  Ut as FileContentError,
-  Kt as FileTypeError,
+  Kt as FileContentError,
+  $t as FileTypeError,
   zt as GRID_CENTER_LINE_COLOR,
   vt as GRID_SIDE_LINE_COLOR,
-  Yt as HELPER_LAYER_MASK,
-  Wt as NetworkError,
-  Lt as PRODUCT_LAYER_MASK,
-  Jt as ParseError,
-  Gt as SUPPORTED_FILE_TYPES,
+  Tt as HELPER_LAYER_MASK,
+  Bt as NetworkError,
+  Yt as PRODUCT_LAYER_MASK,
+  te as ParseError,
+  Ot as SUPPORTED_FILE_TYPES,
   d as UI_LAYER_MASK,
-  tt as applyMixins,
+  et as applyMixins,
+  m as deepClone,
   Zt as findInterface,
   St as findSceneRecursive,
-  Xt as getFileTypeFromUri,
-  V as getObjectDelta,
+  Wt as getFileTypeFromUri,
+  z as getObjectDelta,
   qt as implementsInterface,
-  Nt as isFileTypeSupported,
-  et as isGroupSchema,
-  rt as isLightSchema,
-  te as isModelSchema,
-  ee as isPovSchema,
+  kt as isFileTypeSupported,
+  rt as isGroupSchema,
+  st as isLightSchema,
+  re as isModelSchema,
+  se as isPovSchema,
   it as isPrimitiveSchema
 };