@needle-tools/engine 3.36.3-beta → 3.36.3-beta.1

package/CHANGELOG.md

@@ -4,6 +4,11 @@ All notable changes to this package will be documented in this file.
 The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
 and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
 
+## [3.36.3-beta.1] - 2023-04-04
+- Fix: Needle Menu not visible in AR overlay
+- Fix: Contact Shadows should not render transparent objects
+- Fix: API docs warnings (internal)
+
 ## [3.36.3-beta] - 2023-04-04
 - Add: More API documentation for progressive loading, USDZExporter, getComponent methods etc
 - Add: Needle Menu CSS for disabled buttons

package/dist/needle-engine.js

@@ -30221,13 +30221,13 @@ class tw {
 }
 r(tw, "eventListeners", /* @__PURE__ */ new Map());
 const pT = IA("debugdefines");
-xE('if(!globalThis[""3.36.3-beta""]) globalThis[""3.36.3-beta""] = "0.0.0";');
+xE('if(!globalThis[""3.36.3-beta.1""]) globalThis[""3.36.3-beta.1""] = "0.0.0";');
 xE('if(!globalThis[""undefined""]) globalThis[""undefined""] = "unknown";');
-xE('if(!globalThis[""Thu Apr 04 2024 16:21:31 GMT+0200 (Central European Summer Time)""]) globalThis[""Thu Apr 04 2024 16:21:31 GMT+0200 (Central European Summer Time)""] = "unknown";');
-xE('globalThis["__NEEDLE_ENGINE_VERSION__"] = "3.36.3-beta";');
+xE('if(!globalThis[""Thu Apr 04 2024 21:19:21 GMT+0200 (Central European Summer Time)""]) globalThis[""Thu Apr 04 2024 21:19:21 GMT+0200 (Central European Summer Time)""] = "unknown";');
+xE('globalThis["__NEEDLE_ENGINE_VERSION__"] = "3.36.3-beta.1";');
 xE('globalThis["__NEEDLE_ENGINE_GENERATOR__"] = "undefined";');
-xE('globalThis["__NEEDLE_PROJECT_BUILD_TIME__"] = "Thu Apr 04 2024 16:21:31 GMT+0200 (Central European Summer Time)";');
-const BC = "3.36.3-beta", eU = "undefined", fT = "Thu Apr 04 2024 16:21:31 GMT+0200 (Central European Summer Time)";
+xE('globalThis["__NEEDLE_PROJECT_BUILD_TIME__"] = "Thu Apr 04 2024 21:19:21 GMT+0200 (Central European Summer Time)";');
+const BC = "3.36.3-beta.1", eU = "undefined", fT = "Thu Apr 04 2024 21:19:21 GMT+0200 (Central European Summer Time)";
 pT && console.log(`Engine version: ${BC} (generator: ${eU})
 Project built at ${fT}`);
 const ma = "needle_isActiveInHierarchy", DQ = "builtin_components", of = "needle_editor_guid";
@@ -51042,31 +51042,38 @@ async function pAA(g) {
         height: 100%;
         pointer-events: all;
         zIndex: 2147483647;
-        background-color: rgba(0,0,0,0.3);
-        backdrop-filter: blur(10px);
-        webkitBackdropFilter: blur(10px);
         line-height: 1.5;
+        backdrop-filter: blur(15px);
         `;
-    const I = document.createElement("div");
-    i.appendChild(I), I.style.cssText = `
+    const I = i.style.cssText, o = document.createElement("div");
+    i.appendChild(o), o.style.cssText = `
         position: absolute;
-        top: 50%;
-        left: 50%;
-        transform: translate(-50%, -50%);
+        left: 0;
+        right: 0;
+        top:0;
+        bottom: 0;
+        padding: 10%;
         color: white;
-        font-size: 24px;
+        font-size: 20px;
         font-family: sans-serif;
         text-align: center;
-        user-select: none;
+        pointer-events: all;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        background-color: rgba(0,0,0,.3);
+        text-shadow: 0 0 2px black;
         `;
-    const o = (dh == null ? void 0 : dh.length) > 1 ? dh : "Needle Engine<br/>This application is not allowed to run on this domain!";
-    return I.innerHTML = o, i;
+    const s = o.style.cssText, n = (dh == null ? void 0 : dh.length) > 1 ? dh : "This web application has been blacklisted. You might be in violation of the Needle Engine terms of use.<br/>Please contact the Needle support if you think this is a mistake.";
+    return o.innerHTML = n, setInterval(() => {
+      o.innerHTML !== n && (o.innerHTML = n), o.parentNode !== i && i.appendChild(o), i.style.cssText !== I && (i.style.cssText = I), o.style.cssText !== s && (o.style.cssText = s);
+    }, 500), i;
   }
   let e = A();
   const t = e.style.cssText;
   setInterval(() => {
     var i;
-    YG === !0 && (e.style.cssText !== t && (e = A()), "isPaused" in g && (g.isPaused = !0), e.parentNode !== g.domElement.shadowRoot && ((i = g.domElement.shadowRoot) == null || i.appendChild(e)));
+    YG === !0 && (e.style.cssText !== t && (e = A()), g.domElement.shadowRoot ? e.parentNode !== g.domElement.shadowRoot && ((i = g.domElement.shadowRoot) == null || i.appendChild(e)) : e.parentNode != document.body && document.body.appendChild(e));
   }, 500);
 }
 async function fAA(g) {
@@ -51684,7 +51691,7 @@ let vAA = class {
     });
     r(this, "_muteButton");
     r(this, "_fullscreenButton");
-    this._menu = aw.getOrCreate(A.domElement), this._context = A, this._spatialMenu = new JAA(A, this._menu), window.addEventListener("message", this.onPostMessage), CU(this.onStartXR);
+    this._menu = aw.getOrCreate(A.domElement, A), this._context = A, this._spatialMenu = new JAA(A, this._menu), window.addEventListener("message", this.onPostMessage), CU(this.onStartXR);
   }
   /** @ignore internal method */
   onDestroy() {
@@ -51730,9 +51737,10 @@ let vAA = class {
 };
 class aw extends HTMLElement {
   constructor() {
-    var n, C, a, B;
+    var C, a, B, Q;
     super();
     r(this, "_domElement", null);
+    r(this, "_context", null);
     r(this, "_sizeChangeInterval");
     r(this, "_userRequestedLogoVisible");
     // private _root: ShadowRoot | null = null;
@@ -51964,30 +51972,32 @@ class aw extends HTMLElement {
       this.handleSizeChange();
     } }), TG("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=block", { element: t });
     const i = e.content.cloneNode(!0);
-    t == null || t.appendChild(i), this.root = t.querySelector("#root"), this.wrapper = (n = this.root) == null ? void 0 : n.querySelector(".wrapper"), this.options = (C = this.root) == null ? void 0 : C.querySelector(".options"), this.logoContainer = (a = this.root) == null ? void 0 : a.querySelector(".logo"), (B = this.root) == null || B.appendChild(this.wrapper), this.wrapper.classList.add("wrapper");
+    t == null || t.appendChild(i), this.root = t.querySelector("#root"), this.wrapper = (C = this.root) == null ? void 0 : C.querySelector(".wrapper"), this.options = (a = this.root) == null ? void 0 : a.querySelector(".options"), this.logoContainer = (B = this.root) == null ? void 0 : B.querySelector(".logo"), (Q = this.root) == null || Q.appendChild(this.wrapper), this.wrapper.classList.add("wrapper");
     const I = g2.create();
     I.style.minHeight = "1rem", this.logoContainer.append(I), this.logoContainer.addEventListener("click", () => {
       globalThis.open("https://needle.tools", "_blank");
-    }), lAA((Q) => {
-      Q == !0 && rn() && !_q && (this.logoContainer.style.display = this._userRequestedLogoVisible ? "" : "none");
+    }), lAA((E) => {
+      E == !0 && rn() && !_q && (this.logoContainer.style.display = this._userRequestedLogoVisible ? "" : "none");
     });
-    let o = -1;
-    new MutationObserver((Q) => {
-      var c;
-      this.onChangeDetected(Q);
-      const E = this == null ? void 0 : this.parentNode;
-      (this.style.display != "flex" || this.style.visibility != "visible" || this.style.opacity != "1" || E != ((c = this._domElement) == null ? void 0 : c.shadowRoot)) && (rn() || (clearInterval(o), o = setInterval(() => {
-        var d, l, h;
-        E != ((d = this._domElement) == null ? void 0 : d.shadowRoot) && ((h = (l = this._domElement) == null ? void 0 : l.shadowRoot) == null || h.appendChild(this)), this.style.display = "flex", this.style.visibility = "visible", this.style.opacity = "1";
+    let o = this._context;
+    setTimeout(() => o = this._context);
+    let s = -1;
+    new MutationObserver((E) => {
+      var d;
+      this.onChangeDetected(E);
+      const c = this == null ? void 0 : this.parentNode;
+      (this.style.display != "flex" || this.style.visibility != "visible" || this.style.opacity != "1" || c != ((d = this._domElement) == null ? void 0 : d.shadowRoot)) && (rn() || (clearInterval(s), s = setInterval(() => {
+        var l, h, p;
+        o != null && o.isInAR && o.arOverlayElement ? c != o.arOverlayElement && o.arOverlayElement.appendChild(this) : c != ((l = this._domElement) == null ? void 0 : l.shadowRoot) && ((p = (h = this._domElement) == null ? void 0 : h.shadowRoot) == null || p.appendChild(this)), this.style.display = "flex", this.style.visibility = "visible", this.style.opacity = "1";
       }, 5)));
     }).observe(this.root, { childList: !0, subtree: !0, attributes: !0 }), DD && this.___insertDebugOptions();
   }
   static create() {
     return document.createElement(LQ, { is: LQ });
   }
-  static getOrCreate(e) {
-    let t = e.querySelector(LQ);
-    return !t && e.shadowRoot && (t = e.shadowRoot.querySelector(LQ)), t || (t = aw.create(), t._domElement = e, e.shadowRoot ? e.shadowRoot.appendChild(t) : e.appendChild(t)), t;
+  static getOrCreate(e, t) {
+    let i = e.querySelector(LQ);
+    return !i && e.shadowRoot && (i = e.shadowRoot.querySelector(LQ)), i || (i = aw.create(), i._domElement = e, i._context = t, e.shadowRoot ? e.shadowRoot.appendChild(i) : e.appendChild(i)), i;
   }
   connectedCallback() {
     var e;
@@ -73798,7 +73808,9 @@ class UB extends UA {
     const n = i.getClearAlpha();
     i.setClearAlpha(0);
     const C = i.xr.enabled;
-    i.xr.enabled = !1, i.setRenderTarget(this.renderTarget), i.render(t, this.shadowCamera), t.overrideMaterial = null, this.blurShadow(this.blur), this.blurShadow(this.blur * 0.4), this.shadowGroup.visible = !1, this.occluderMesh && (this.occluderMesh.visible = !0), this.plane.visible = o, i.setRenderTarget(I), i.setClearAlpha(n), t.background = s, i.xr.enabled = C;
+    i.xr.enabled = !1;
+    const a = i.renderLists.get(t, 0), B = a.transparent;
+    a.transparent = [], i.setRenderTarget(this.renderTarget), i.clear(), i.render(t, this.shadowCamera), a.transparent = B, t.overrideMaterial = null, this.blurShadow(this.blur), this.blurShadow(this.blur * 0.4), this.shadowGroup.visible = !1, this.occluderMesh && (this.occluderMesh.visible = !0), this.plane.visible = o, i.setRenderTarget(I), i.setClearAlpha(n), t.background = s, i.xr.enabled = C;
   }
   // renderTarget --> blurPlane (horizontalBlur) --> renderTargetBlur --> blurPlane (verticalBlur) --> renderTarget
   blurShadow(e) {