@shopware-ag/dive 3.0.2 → 3.0.4-beta.0

package/build/chunks/{FileTypes-DPbl1FRz.mjs → FileTypes-BWLS6Iwg.mjs}

@@ -1,6 +1,6 @@
 var U = Object.defineProperty;
-var $ = (n, t, A) => t in n ? U(n, t, { enumerable: !0, configurable: !0, writable: !0, value: A }) : n[t] = A;
-var e = (n, t, A) => $(n, typeof t != "symbol" ? t + "" : t, A);
+var $ = (h, t, A) => t in h ? U(h, t, { enumerable: !0, configurable: !0, writable: !0, value: A }) : h[t] = A;
+var e = (h, t, A) => $(h, typeof t != "symbol" ? t + "" : t, A);
 import { PMREMGenerator as F, Scene as W, SphereGeometry as K, MeshBasicMaterial as Y, BackSide as AA, Mesh as u, NoToneMapping as iA, LinearSRGBColorSpace as eA, CubeRenderTarget as tA, HalfFloatType as gA, CubeCamera as sA, EquirectangularReflectionMapping as oA, WebGPURenderer as nA, PCFSoftShadowMap as hA, PCFShadowMap as fA, BasicShadowMap as aA, SRGBColorSpace as rA, LinearToneMapping as BA, MathUtils as y, Object3D as w, AmbientLight as cA, PointLight as PA, FrontSide as N, HemisphereLight as zA, DirectionalLight as IA, Vector3 as f, Box3 as I, Box3Helper as CA, Sphere as uA, MeshStandardMaterial as b, Raycaster as wA, CylinderGeometry as GA, BufferGeometry as k, BufferAttribute as X, BoxGeometry as d, ConeGeometry as DA, LineDashedMaterial as mA, Line as pA, PlaneGeometry as x, Color as C, MeshBasicNodeMaterial as lA, DoubleSide as KA, TOUCH as c, MOUSE as B, EventDispatcher as vA, Spherical as j, Vector2 as r, Quaternion as Z } from "three/webgpu";
 import { HDRLoader as dA } from "three/examples/jsm/loaders/HDRLoader.js";
 import { P, U as HA, H as qA, a as YA, D as yA } from "./PerspectiveCamera-B5TvUzTa.mjs";
@@ -110,12 +110,12 @@ class LA {
     g.scale.set(1, 1, -1), g.rotation.y = this.options.rotateY ?? 0, t.add(g);
     const s = this.renderer.toneMapping, o = this.renderer.outputColorSpace;
     this.renderer.toneMapping = iA, this.renderer.outputColorSpace = eA;
-    const h = new tA(1024, {
+    const n = new tA(1024, {
       type: gA
     });
-    new sA(0.1, 1e3, h).update(this.renderer, t), this.renderer.toneMapping = s, this.renderer.outputColorSpace = o;
-    const z = this.pmrem.fromCubemap(h.texture);
-    this.currentEnvRT && (this.currentEnvRT.texture.dispose(), this.currentEnvRT.dispose(), this.currentEnvRT = null), this.currentBackgroundCube && (this.currentBackgroundCube.texture.dispose(), this.currentBackgroundCube.dispose(), this.currentBackgroundCube = null), this.currentEnvRT = z, this.scene.environment = z.texture, this.options.useAsBackground ? (this.scene.background = h.texture, this.currentBackgroundCube = h) : (this.scene.background = this.originalBackground, h.texture.dispose(), h.dispose());
+    new sA(0.1, 1e3, n).update(this.renderer, t), this.renderer.toneMapping = s, this.renderer.outputColorSpace = o;
+    const z = this.pmrem.fromCubemap(n.texture);
+    this.currentEnvRT && (this.currentEnvRT.texture.dispose(), this.currentEnvRT.dispose(), this.currentEnvRT = null), this.currentBackgroundCube && (this.currentBackgroundCube.texture.dispose(), this.currentBackgroundCube.dispose(), this.currentBackgroundCube = null), this.currentEnvRT = z, this.scene.environment = z.texture, this.options.useAsBackground ? (this.scene.background = n.texture, this.currentBackgroundCube = n) : (this.scene.background = this.originalBackground, n.texture.dispose(), n.dispose());
   }
   /**
    * Sets the renderer and rebinds the PMREM generator. Use this only when rebuilding the renderer.
@@ -258,13 +258,13 @@ class XA {
     e(this, "_pendingStableLayout", null);
     e(this, "_healthyCanvasPromise", null);
     e(this, "_resolveHealthyCanvas", null);
-    this._onResize = A, this._canvas = t, this._resizeObserver = new ResizeObserver((i) => {
-      const g = i[0], { width: s, height: o } = g.contentRect;
-      if (!this._hasHealthySize(s, o)) {
-        this._width = s, this._height = o, this._invalidateCanvasHealth();
+    this._onResize = A, this._canvas = t, this._resizeObserver = new ResizeObserver(() => {
+      const { width: i, height: g } = this._getCanvasLayout(this._canvas);
+      if (!this._hasHealthySize(i, g)) {
+        this._width = i, this._height = g, this._invalidateCanvasHealth();
         return;
       }
-      this._applyResize(s, o);
+      this._applyResize(i, g);
     });
   }
   tick() {
@@ -276,51 +276,47 @@ class XA {
   async waitForHealthyCanvas(t = this._canvas, A) {
     if (this._disposed || A != null && A.aborted || t !== this._canvas)
       return null;
-    if (this._isCanvasHealthy && t.parentElement !== null && t.parentElement === this._observedParent && this._hasHealthySize(this._width, this._height))
-      return {
-        width: this._width,
-        height: this._height
-      };
-    this._healthyCanvasPromise || (this._healthyCanvasPromise = new Promise((g) => {
-      this._resolveHealthyCanvas = g;
+    const i = this._getCanvasLayout(t);
+    if (this._isCanvasHealthy && t.parentElement !== null && t.parentElement === this._observedParent && this._hasHealthySize(i.width, i.height) && i.width === this._width && i.height === this._height)
+      return i;
+    this._healthyCanvasPromise || (this._healthyCanvasPromise = new Promise((s) => {
+      this._resolveHealthyCanvas = s;
     }));
-    const i = this._healthyCanvasPromise;
-    return A ? await new Promise((g) => {
-      const s = () => {
-        A.removeEventListener("abort", s), g(null);
+    const g = this._healthyCanvasPromise;
+    return A ? await new Promise((s) => {
+      const o = () => {
+        A.removeEventListener("abort", o), s(null);
       };
-      A.addEventListener("abort", s, { once: !0 }), i.then((o) => {
-        if (A.removeEventListener("abort", s), this._disposed || A.aborted || t !== this._canvas) {
-          g(null);
+      A.addEventListener("abort", o, { once: !0 }), g.then((n) => {
+        if (A.removeEventListener("abort", o), this._disposed || A.aborted || t !== this._canvas) {
+          s(null);
           return;
         }
-        g(o);
+        s(n);
       });
-    }) : await i;
+    }) : await g;
   }
   dispose() {
     this._disposed = !0, this._isCanvasHealthy = !1, this._resolvePendingWaiters(null), this._resizeObserver.disconnect();
   }
   _checkCanvasHealth() {
-    const t = this._canvas, A = t.parentElement;
+    const t = this._canvas, A = t.parentElement, i = this._getCanvasLayout(t);
     if (this._isCanvasHealthy) {
-      if (A === this._observedParent && this._hasHealthySize(this._width, this._height))
+      if (A === this._observedParent && this._hasHealthySize(i.width, i.height) && i.width === this._width && i.height === this._height)
         return;
       this._invalidateCanvasHealth();
     }
-    if (!A)
-      return;
-    A !== this._observedParent && (this._observedParent = A, this._pendingStableLayout = null);
-    const i = this._getCanvasLayout(t);
-    if (!this._hasHealthySize(i.width, i.height)) {
-      this._pendingStableLayout = null;
-      return;
-    }
-    if (this._pendingStableLayout === null || this._pendingStableLayout.width !== i.width || this._pendingStableLayout.height !== i.height) {
-      this._pendingStableLayout = i;
-      return;
+    if (A) {
+      if (A !== this._observedParent && (this._observedParent = A, this._pendingStableLayout = null), !this._hasHealthySize(i.width, i.height)) {
+        this._pendingStableLayout = null;
+        return;
+      }
+      if (this._pendingStableLayout === null || this._pendingStableLayout.width !== i.width || this._pendingStableLayout.height !== i.height) {
+        this._pendingStableLayout = i;
+        return;
+      }
+      this._resizeObserver.observe(this._observedParent), this._applyResize(i.width, i.height), this._isCanvasHealthy = !0, this._resolvePendingWaiters(i);
     }
-    this._resizeObserver.observe(t), this._applyResize(i.width, i.height), this._isCanvasHealthy = !0, this._resolvePendingWaiters(i);
   }
   _applyResize(t, A) {
     t === this._width && A === this._height || (this._width = t, this._height = A, this._onResize(t, A));
@@ -329,14 +325,26 @@ class XA {
     return t >= 1 && A >= 1;
   }
   _getCanvasLayout(t) {
-    var i;
-    const A = ((i = t.getBoundingClientRect) == null ? void 0 : i.call(t)) ?? {
+    var g, s;
+    const A = t.parentElement;
+    if (A) {
+      const o = ((g = A.getBoundingClientRect) == null ? void 0 : g.call(A)) ?? {
+        width: 0,
+        height: 0
+      }, n = {
+        width: Math.max(o.width, A.clientWidth),
+        height: Math.max(o.height, A.clientHeight)
+      };
+      if (this._hasHealthySize(n.width, n.height))
+        return n;
+    }
+    const i = ((s = t.getBoundingClientRect) == null ? void 0 : s.call(t)) ?? {
       width: 0,
       height: 0
     };
     return {
-      width: Math.max(A.width, t.clientWidth),
-      height: Math.max(A.height, t.clientHeight)
+      width: Math.max(i.width, t.clientWidth),
+      height: Math.max(i.height, t.clientHeight)
     };
   }
   _invalidateCanvasHealth() {
@@ -358,7 +366,7 @@ class jA {
     e(this, "_initPromise", null);
     e(this, "_initAbortController", null);
     e(this, "_handleCanvasResize", (t, A) => {
-      this.onResize(t, A), this._renderer.render();
+      this.onResize(t, A), this._renderer.tick();
     });
     this._scene = t, this._camera = A, this._settings = i, this._renderer = new FA(
       this._scene,
@@ -518,7 +526,7 @@ class QA extends w {
     this._hemiLight.visible = A, this._dirLight.visible = A;
   }
 }
-const T = (n) => n.parent ? T(n.parent) : n;
+const T = (h) => h.parent ? T(h.parent) : h;
 class O extends w {
   constructor() {
     super();
@@ -629,9 +637,9 @@ class q extends O {
     /** The dimensions (width, height, depth) of the bounding box */
     e(this, "_size");
     const s = new I();
-    i ? s.setFromObject(A) : (A.updateWorldMatrix(!0, !0), A.traverse((h) => {
-      if (!("isMesh" in h) || !h.isMesh) return;
-      const a = h;
+    i ? s.setFromObject(A) : (A.updateWorldMatrix(!0, !0), A.traverse((n) => {
+      if (!("isMesh" in n) || !n.isMesh) return;
+      const a = n;
       a.geometry.computeBoundingBox(), a.geometry.boundingBox && s.union(
         a.geometry.boundingBox.clone().applyMatrix4(a.matrixWorld)
       );
@@ -756,8 +764,8 @@ class _ extends O {
     });
     const s = -g.min.y;
     Math.abs(s) < 1e-9 || (A.y += s, A.y !== i.y && (this.setPosition(A), import("../plugins/state/index.mjs").then(({ State: o }) => {
-      var h;
-      (h = o.get(this.userData.id)) == null || h.performAction("UPDATE_OBJECT", {
+      var n;
+      (n = o.get(this.userData.id)) == null || n.performAction("UPDATE_OBJECT", {
         id: this.userData.id,
         position: A,
         rotation: this.rotation,
@@ -781,12 +789,12 @@ class _ extends O {
     s.y = g.min.y;
     const o = new wA(s, new f(0, -1, 0));
     o.layers.mask = P;
-    const h = o.intersectObjects(
+    const n = o.intersectObjects(
       T(this).root.children,
       !0
     );
-    if (h.length > 0) {
-      const a = h[0].object, m = new I().setFromObject(a).max.y - g.min.y;
+    if (n.length > 0) {
+      const a = n[0].object, m = new I().setFromObject(a).max.y - g.min.y;
       if (Math.abs(m) < 1e-9 || (A.y += m, A.y === i.y)) return;
       this.setPosition(A), import("../plugins/state/index.mjs").then(({ State: v }) => {
         var p;
@@ -1280,9 +1288,9 @@ class E extends w {
       depthWrite: !1,
       side: KA,
       outputNode: new bA(this._uniforms)
-    }), this._mesh = new u(g, this._material), this._mesh.layers.mask = qA, this._mesh.frustumCulled = !1, this._mesh.renderOrder = -1, this._mesh.onBeforeRender = (s, o, h) => {
+    }), this._mesh = new u(g, this._material), this._mesh.layers.mask = qA, this._mesh.frustumCulled = !1, this._mesh.renderOrder = -1, this._mesh.onBeforeRender = (s, o, n) => {
       const a = this._gridSize;
-      this._mesh.position.x = Math.round(h.position.x / a) * a, this._mesh.position.z = Math.round(h.position.z / a) * a, this._mesh.updateMatrixWorld(!0);
+      this._mesh.position.x = Math.round(n.position.x / a) * a, this._mesh.position.z = Math.round(n.position.z / a) * a, this._mesh.updateMatrixWorld(!0);
     }, this.add(this._mesh);
   }
   setVisibility(A) {
@@ -1669,7 +1677,7 @@ const RA = {
     this.removeDomElements(...this.domElements), this.domElements = [], this.addDomElements(...A);
   }
   computeEncompassingView(A, i = 0) {
-    const g = A.center, o = A.sphere.radius, h = this.object.fov * (Math.PI / 180), a = this.object.aspect, z = h / 2, M = Math.atan(Math.tan(z) * a), m = o / Math.sin(z), v = o / Math.sin(M), p = Math.max(m, v) * (1 + i), L = this.object.position.clone().sub(this.target).normalize(), R = L.length() > 1e-3 ? L : new f(0, 0, 1);
+    const g = A.center, o = A.sphere.radius, n = this.object.fov * (Math.PI / 180), a = this.object.aspect, z = n / 2, M = Math.atan(Math.tan(z) * a), m = o / Math.sin(z), v = o / Math.sin(M), p = Math.max(m, v) * (1 + i), L = this.object.position.clone().sub(this.target).normalize(), R = L.length() > 1e-3 ? L : new f(0, 0, 1);
     return {
       position: g.clone().add(R.multiplyScalar(p)),
       target: g
@@ -1728,14 +1736,14 @@ const RA = {
     if ("isPerspectiveCamera" in this.object) {
       const o = this.object.position;
       s.copy(o).sub(this.target);
-      let h = s.length();
-      h *= Math.tan(
+      let n = s.length();
+      n *= Math.tan(
         this.object.fov / 2 * Math.PI / 180
       ), this.panLeft(
-        2 * A * h / g.clientHeight,
+        2 * A * n / g.clientHeight,
         this.object.matrix
       ), this.panUp(
-        2 * i * h / g.clientHeight,
+        2 * i * n / g.clientHeight,
         this.object.matrix
       );
     } else "isOrthographicCamera" in this.object ? (this.panLeft(
@@ -1971,7 +1979,7 @@ class ni {
         ), this._clock.addTicker(this._orientationDisplay));
       }
     ), this._settings.autoStart && this.start(), console.log(
-      "DIVE 3.0.2 initialized successfully!"
+      "DIVE 3.0.4-beta.0 initialized successfully!"
     ), console.log(UA), window.DIVE.instances.push(this);
   }
   get views() {
@@ -2061,7 +2069,7 @@ const $A = {
     extension: "igs"
   }
 }, hi = Object.values($A).map(
-  (n) => n.extension
+  (h) => h.extension
 );
 export {
   q as B,