@preference-sl/pref-viewer 2.14.0-beta.0 → 2.14.0-beta.2

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@preference-sl/pref-viewer",
-    "version": "2.14.0-beta.0",
+    "version": "2.14.0-beta.2",
     "description": "Web Component to preview GLTF models with Babylon.js",
     "author": "Alex Moreno Palacio <amoreno@preference.es>",
     "scripts": {

package/src/pref-viewer-3d.js

@@ -594,6 +594,11 @@ export default class PrefViewer3D extends HTMLElement {
 
         const loadDetail = await this.#babylonJSController.load(forceReload);
 
+        // Apply initial render settings if provided in options
+        if (config.options?.render) {
+            await this.applyRenderSettings(config.options.render);
+        }
+
         return { ...loadDetail, load: this.#onLoaded() };
     }
 
@@ -622,6 +627,12 @@ export default class PrefViewer3D extends HTMLElement {
         if (needUpdateIBL) {
             someSetted = someSetted || (await this.#babylonJSController.setIBLOptions());
         }
+        
+        // Apply render settings if provided
+        if (options.render) {
+            await this.applyRenderSettings(options.render);
+        }
+        
         const detail = this.#onSetOptions();
         return { success: someSetted, detail: detail };
     }

package/src/pref-viewer.js

@@ -106,7 +106,7 @@ export default class PrefViewer extends HTMLElement {
      * @returns {string[]} Array of attribute names to observe.
      */
     static get observedAttributes() {
-        return ["config", "culture", "drawing", "materials", "mode", "model", "scene", "options", "show-model", "show-scene"];
+        return ["config", "culture", "drawing", "materials", "mode", "model", "scene", "options", "show-model", "show-scene", "show-menu"];
     }
 
     /**
@@ -174,6 +174,10 @@ export default class PrefViewer extends HTMLElement {
                 const showScene = value.toLowerCase() === "true";
                 showScene ? this.showScene() : this.hideScene();
                 break;
+            case "show-menu":
+                // Recreate menu to apply show/hide setting
+                this.#createMenu3D();
+                break;
         }
     }
 
@@ -271,6 +275,7 @@ export default class PrefViewer extends HTMLElement {
     /**
      * Creates (or recreates) the PrefViewerMenu3D element, wires hover/apply handlers, and syncs it with the 3D component.
      * When a menu already exists it is removed so the DOM stays clean.
+     * Respects the "show-menu" attribute to determine if menu should be visible.
      * @private
      * @returns {void}
      */
@@ -282,6 +287,16 @@ export default class PrefViewer extends HTMLElement {
             this.#menu3D.removeEventListener("pref-viewer-menu-3d-apply", this.#handlers.onMenuApply);
             this.#menu3D.remove();
         }
+        
+        // Check if menu should be shown (default: true if not specified)
+        const showMenuAttr = this.getAttribute("show-menu");
+        const showMenu = showMenuAttr === null || showMenuAttr === "true";
+        
+        if (!showMenu) {
+            this.#menu3D = null;
+            return;
+        }
+        
         this.#menu3D = document.createElement("pref-viewer-menu-3d");
         if (typeof this.#menu3D.setCulture === "function") {
             this.#menu3D.setCulture(this.#culture);