@needle-tools/engine 3.27.1-beta → 3.27.2-beta

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.27.2-beta] - 2023-12-08
+- Fix: don't set font on `<needle-engine>` host styles to prevent leaking into child elements
+- Fix: `AssetReference.loadAsync` being called multiple times should always return the `asset` result
+- Change: register OrbitControls events on the canvas and not the needle engine element to allow child HTML objects to capture input
+
 ## [3.27.1-beta] - 2023-12-06
 - Add `addCustomExtensionPlugin` API to register custom glTF importer and exporter extensions
 - Fix: issue where instanced and animated object was rendered for one frame with a wrong matrix

package/dist/needle-engine.js

@@ -39309,7 +39309,7 @@ const A0 = Symbol("assetReference"), wQ = class {
     if (vC && console.log("loadAssetAsync", this.uri), !this.mustLoad)
       return this.asset;
     if (A && this._progressListeners.push(A), this._loading !== void 0)
-      return this._loading;
+      return this._loading.then((g) => this.asset);
     const e = xe.Current;
     this._rawBinary ? (this._loading = An().parseSync(e, this._rawBinary, this.uri, null), this.raiseProgressEvent(new ProgressEvent("progress", { loaded: this._rawBinary.byteLength, total: this._rawBinary.byteLength }))) : (vC && console.log("Load async", this.uri), this._loading = An().loadSync(e, this._hashedUri, this.uri, null, (g) => {
       this.raiseProgressEvent(g);
@@ -62322,7 +62322,7 @@ class Xt extends NA {
         return;
       }
       t && (this._cameraObject = t);
-      const g = this.targetElement ?? this.context.domElement, I = t == null ? void 0 : t.quaternion.clone();
+      const g = this.targetElement ?? this.context.renderer.domElement, I = t == null ? void 0 : t.quaternion.clone();
       this._controls = new DtA(t, g), t == null || t.quaternion.copy(I), v0 === void 0 && (v0 = { ...this._controls.keys });
     }
     this._controls && (_u && (this.enablePan = !0, this.enableZoom = !0, this.middleClickToFocus = !0, Ra() && (this.doubleClickToFocus = !0)), this._controls.addEventListener("start", this.onControlsChangeStarted), (t == null ? void 0 : t.type) === "PerspectiveCamera" ? _u || (this._controls.minDistance = this.minZoom, this._controls.maxDistance = this.maxZoom) : _u || (this._controls.minZoom = this.minZoom, this._controls.maxZoom = this.maxZoom), this._startedListeningToKeyEvents || (this._startedListeningToKeyEvents = !0, this._controls.listenToKeyEvents(window.document.body))), this._syncedTransform = IA.getComponent(this.gameObject, _r) ?? void 0;
@@ -86005,8 +86005,8 @@ class F2 extends HTMLElement {
         display: block;
         width: max(600px, 100%);
         height: max(300px, 100%);
-        font-family: 'Roboto', sans-serif;
     }
+
     @media (max-width: 600px) {
         :host {
             width: 100%;

package/dist/needle-engine.light.js

@@ -39309,7 +39309,7 @@ const kw = Symbol("assetReference"), ef = class {
     if (yl && console.log("loadAssetAsync", this.uri), !this.mustLoad)
       return this.asset;
     if (e && this._progressListeners.push(e), this._loading !== void 0)
-      return this._loading;
+      return this._loading.then((s) => this.asset);
     const t = Ut.Current;
     this._rawBinary ? (this._loading = Ha().parseSync(t, this._rawBinary, this.uri, null), this.raiseProgressEvent(new ProgressEvent("progress", { loaded: this._rawBinary.byteLength, total: this._rawBinary.byteLength }))) : (yl && console.log("Load async", this.uri), this._loading = Ha().loadSync(t, this._hashedUri, this.uri, null, (s) => {
       this.raiseProgressEvent(s);
@@ -62322,7 +62322,7 @@ class ji extends Ie {
         return;
       }
       i && (this._cameraObject = i);
-      const s = this.targetElement ?? this.context.domElement, r = i == null ? void 0 : i.quaternion.clone();
+      const s = this.targetElement ?? this.context.renderer.domElement, r = i == null ? void 0 : i.quaternion.clone();
       this._controls = new $ee(i, s), i == null || i.quaternion.copy(r), vS === void 0 && (vS = { ...this._controls.keys });
     }
     this._controls && (ay && (this.enablePan = !0, this.enableZoom = !0, this.middleClickToFocus = !0, ah() && (this.doubleClickToFocus = !0)), this._controls.addEventListener("start", this.onControlsChangeStarted), (i == null ? void 0 : i.type) === "PerspectiveCamera" ? ay || (this._controls.minDistance = this.minZoom, this._controls.maxDistance = this.maxZoom) : ay || (this._controls.minZoom = this.minZoom, this._controls.maxZoom = this.maxZoom), this._startedListeningToKeyEvents || (this._startedListeningToKeyEvents = !0, this._controls.listenToKeyEvents(window.document.body))), this._syncedTransform = ne.getComponent(this.gameObject, bu) ?? void 0;
@@ -86005,8 +86005,8 @@ class iG extends HTMLElement {
         display: block;
         width: max(600px, 100%);
         height: max(300px, 100%);
-        font-family: 'Roboto', sans-serif;
     }
+
     @media (max-width: 600px) {
         :host {
             width: 100%;