@needle-tools/engine 4.11.5-next.d9019e4 → 4.11.5-next.dedc70b

package/dist/{needle-engine.bundle-D4DKOVeW.js → needle-engine.bundle-F4gDjlNg.js}

@@ -1702,9 +1702,9 @@ wo('if(!globalThis["NEEDLE_PROJECT_BUILD_TIME"]) globalThis["NEEDLE_PROJECT_BUIL
 wo('if(!globalThis["NEEDLE_PUBLIC_KEY"]) globalThis["NEEDLE_PUBLIC_KEY"] = "unknown";');
 wo('globalThis["__NEEDLE_ENGINE_VERSION__"] = "4.11.5";');
 wo('globalThis["__NEEDLE_ENGINE_GENERATOR__"] = "undefined";');
-wo('globalThis["__NEEDLE_PROJECT_BUILD_TIME__"] = "Wed Dec 03 2025 10:35:46 GMT+0000 (Coordinated Universal Time)";');
+wo('globalThis["__NEEDLE_PROJECT_BUILD_TIME__"] = "Thu Dec 04 2025 13:06:37 GMT+0000 (Coordinated Universal Time)";');
 wo('globalThis["__NEEDLE_PUBLIC_KEY__"] = "' + NEEDLE_PUBLIC_KEY + '";');
-const Un = "4.11.5", Zm = "undefined", I0 = "Wed Dec 03 2025 10:35:46 GMT+0000 (Coordinated Universal Time)";
+const Un = "4.11.5", Zm = "undefined", I0 = "Thu Dec 04 2025 13:06:37 GMT+0000 (Coordinated Universal Time)";
 A0 && console.log(`Engine version: ${Un} (generator: ${Zm})
 Project built at ${I0}`);
 const Ul = NEEDLE_PUBLIC_KEY, po = "needle_isActiveInHierarchy", ea = "builtin_components", Zh = "needle_editor_guid";
@@ -9587,9 +9587,11 @@ class xv extends HTMLElement {
   _root;
   wrapper;
   logoElement;
+  /** Show or hide the logo element (used by the menu) */
   setLogoVisible(e) {
     this.logoElement.style.display = e ? "block" : "none";
   }
+  /** Switch the logo between full and compact versions */
   setType(e) {
     e === "full" ? (this.logoElement.src = E_, this.logoElement.classList.remove("with-text"), this.logoElement.classList.remove("compact")) : (this.logoElement.src = Ad, this.logoElement.classList.add("with-text"), this.logoElement.classList.add("compact"));
   }
@@ -10478,6 +10480,7 @@ class bu extends HTMLElement {
       i.clientX > t.left && i.clientX < t.right && i.clientY > t.top && i.clientY < t.bottom || this.root.classList.toggle("open", !1);
     }
   };
+  /** @private user preference for logo visibility */
   _userRequestedLogoVisible = void 0;
   showNeedleLogo(e) {
     this._userRequestedLogoVisible = e, !(!e && (!mo() || L_) && (console.warn("[Needle Engine] You need a PRO license to hide the Needle Engine logo in production."), !mn())) && this.___onSetLogoVisible(e);
@@ -10494,6 +10497,7 @@ class bu extends HTMLElement {
       return console.error("NeedleMenu.setPosition: invalid position", e);
     this.root.classList.remove("top", "bottom"), this.root.classList.add(e);
   }
+  /** @private user preference for menu visibility */
   _userRequestedMenuVisible = void 0;
   setVisible(e) {
     this._userRequestedMenuVisible = e, this.style.display = e ? "flex" : "none";
@@ -10505,14 +10509,17 @@ class bu extends HTMLElement {
     this.root.classList.remove("open");
   }
   // private _root: ShadowRoot | null = null;
+  /** @private root container element inside shadow DOM */
   root;
-  /** wraps the whole content */
+  /** @private wraps the whole content (internal layout) */
   wrapper;
-  /** contains the buttons and dynamic elements */
+  /** @private contains the buttons and dynamic elements */
   options;
-  /** contains the needle-logo html element */
+  /** @private contains the needle-logo html element */
   logoContainer;
+  /** @private compact menu button element */
   compactMenuButton;
+  /** @private foldout container used in compact mode */
   foldout;
   append(...e) {
     for (const t of e)
@@ -41666,23 +41673,32 @@ class Jd {
 }
 D0(xx);
 const Pe = x("debugwebcomponent"), zb = "needle-engine", Rx = "vr", Tx = "desktop", WI = [kx, Rx, Tx], Bl = "ar-session-active", Fl = "desktop-session-active", VI = [
-  "public-key",
-  "version",
-  "hash",
+  // MainAttributes
   "src",
+  "hash",
   "camera-controls",
-  "loadstart",
-  "progress",
-  "loadfinished",
   "dracoDecoderPath",
   "dracoDecoderType",
   "ktx2DecoderPath",
+  // keep-alive: effectively observed because read when needed
+  // private
+  "public-key",
+  "version",
+  // RenderingAttributes
   "tone-mapping",
   "tone-mapping-exposure",
   "background-blurriness",
   "background-color",
   "environment-intensity",
-  "focus-rect"
+  // background-image: registered in Skybox.ts
+  // environment-image: registered in Skybox.ts
+  // scene: registered in SceneSwitcher.ts
+  // clickthrough: registered in Clickthrough.ts
+  "focus-rect",
+  // Events
+  "loadstart",
+  "progress",
+  "loadfinished"
 ];
 class Ex extends HTMLElement {
   static get observedAttributes() {
@@ -41743,7 +41759,7 @@ class Ex extends HTMLElement {
   _loadingProgress01 = 0;
   _loadingView;
   _previousSrc = null;
-  /** set to true after <needle-engine> did load completely at least once. Set to false when <needle-engine> is removed from the document */
+  /** @private set to true after <needle-engine> did load completely at least once. Set to false when < to false when <needle-engine> is removed from the document removed from the document */
   _didFullyLoad = !1;
   constructor() {
     super(), this._overlay_ar = new $I(), this.addEventListener("ready", this.onReady), wv(), this.attachShadow({ mode: "open" });
@@ -41851,6 +41867,7 @@ class Ex extends HTMLElement {
   }
   connectedMoveCallback() {
   }
+  // #region attributeChanged
   /**
    * @internal
    */
@@ -41866,7 +41883,7 @@ changed from "`, t, '" to "', i, '"'), this.onLoad();
       case "loadstart":
       case "progress":
       case "loadfinished":
-        typeof i == "string" && i.length > 0 && (Pe && console.log(e + " attribute changed", i), this.registerEventFromAttribute(e, i));
+        typeof i == "string" && i.length > 0 && (Pe && console.log(e + " attribute changed", i), this.registerEventFromAttribute("loadfinished", i));
         break;
       case "dracoDecoderPath":
         Pe && console.log("dracoDecoderPath", i), j_(i);
@@ -41995,6 +42012,7 @@ Needle Engine: finished loading ` + t + `
       }
     }));
   }
+  // #region applyAttributes
   applyAttributes() {
     if (this._context?.renderer) {
       const n = vv(this.toneMapping);
@@ -42150,6 +42168,34 @@ Needle Engine: finished loading ` + t + `
     const i = this.getAttribute("ktx2DecoderPath");
     i && (Pe && console.log("using custom ktx2 decoder path", i), F_(i));
   }
+  // The ones we're using internally:
+  /*
+  setAttribute(name: "tabindex", value: string): void;
+  */
+  setAttribute(e, t) {
+    super.setAttribute(e, t);
+  }
+  // The ones we're using interally:
+  /*
+  getAttribute(name: "autostart"): string | null;
+  getAttribute(name: "tabindex"): string | null;
+  */
+  getAttribute(e) {
+    return super.getAttribute(e);
+  }
+  // This would be better but doesn't completely solve it
+  // addEventListener(type: ({} & string), listener: any, options?: boolean | AddEventListenerOptions): void;
+  // The ones we're using interally:
+  /* 
+  addEventListener(type: "error", listener: (ev: ErrorEvent) => void, options?: boolean | AddEventListenerOptions): void;
+  addEventListener(type: "wheel", listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+  addEventListener(type: "keydown", listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+  addEventListener(type: "drop", listener: (ev: DragEvent) => void, options?: boolean | AddEventListenerOptions): void;
+  addEventListener(type: "dragover", listener: (ev: DragEvent) => void, options?: boolean | AddEventListenerOptions): void;
+  */
+  addEventListener(e, t, i) {
+    return super.addEventListener(e, t, i);
+  }
 }
 typeof window < "u" && !window.customElements.get(zb) && window.customElements.define(zb, Ex);
 function HI(s) {