@heliguy-xyz/splat-viewer 1.0.0-rc.26 → 1.0.0-rc.27

package/dist/web-component/splat-viewer.esm.js

@@ -139557,11 +139557,15 @@ function parseJsonSafely(jsonString) {
 }
 /**
  * Convert a string to a boolean value
+ * For HTML boolean attributes, an empty string means the attribute is present (true)
  */
 function parseBoolean(value) {
     if (typeof value === 'boolean')
         return value;
     if (typeof value === 'string') {
+        // Empty string means attribute is present without value (should be true for boolean attributes)
+        if (value === '')
+            return true;
         return value.toLowerCase() === 'true' || value === '1';
     }
     return false;
@@ -140452,6 +140456,10 @@ function registerOrbitCameraScript() {
         this.isPanning = false;
         // Allow host to temporarily disable camera input (e.g., while dragging gizmos)
         this._inputEnabled = true;
+        // Granular control over specific input types
+        this._orbitEnabled = true;
+        this._panEnabled = true;
+        this._zoomEnabled = true;
         // Setup context menu prevention
         this.setupContextMenuPrevention();
         // Use PlayCanvas mouse events for reliable input handling
@@ -140489,6 +140497,19 @@ function registerOrbitCameraScript() {
             this.isPanning = false;
         }
     };
+    OrbitCamera.prototype.setInputControls = function (options) {
+        if (options.orbit !== undefined)
+            this._orbitEnabled = !!options.orbit;
+        if (options.pan !== undefined)
+            this._panEnabled = !!options.pan;
+        if (options.zoom !== undefined)
+            this._zoomEnabled = !!options.zoom;
+        // Clear any in-progress interactions if being disabled
+        if (this._orbitEnabled === false)
+            this.isOrbiting = false;
+        if (this._panEnabled === false)
+            this.isPanning = false;
+    };
     OrbitCamera.prototype.update = function (dt) {
         // Update navigation cube if enabled
         if (this.navigationCube &&
@@ -140505,12 +140526,13 @@ function registerOrbitCameraScript() {
             typeof this.navigationCube.cancelTransition === 'function') {
             this.navigationCube.cancelTransition('manual-interaction');
         }
-        if (event.button === MOUSEBUTTON_LEFT) {
+        if (event.button === MOUSEBUTTON_LEFT && this._orbitEnabled !== false) {
             this.isOrbiting = true;
             this.emitInteractionEvent?.('interaction-start', 'rotate');
         }
-        else if (event.button === MOUSEBUTTON_RIGHT ||
-            event.button === MOUSEBUTTON_MIDDLE) {
+        else if ((event.button === MOUSEBUTTON_RIGHT ||
+            event.button === MOUSEBUTTON_MIDDLE) &&
+            this._panEnabled !== false) {
             this.isPanning = true;
             this.emitInteractionEvent?.('interaction-start', 'pan');
         }
@@ -140558,7 +140580,7 @@ function registerOrbitCameraScript() {
         }
     };
     OrbitCamera.prototype.onMouseWheel = function (event) {
-        if (this._inputEnabled === false)
+        if (this._inputEnabled === false || this._zoomEnabled === false)
             return;
         // Cancel any ongoing navigation cube transition when manual zoom interaction starts
         if (this.navigationCube &&
@@ -142694,6 +142716,10 @@ class Splat extends Element$1 {
         this.entity.setEulerAngles(orientation);
         this.entity.addComponent('gsplat', { asset });
         const instance = this.entity.gsplat.instance;
+        // Check if the gsplat component initialized properly
+        if (!instance || !instance.meshInstance) {
+            throw new Error('Failed to initialize gsplat component. The file may not contain valid Gaussian Splatting data.');
+        }
         // use custom render order distance calculation for splats
         instance.meshInstance.calculateSortDistance = (meshInstance, pos, dir) => {
             const bound = this.localBound;
@@ -143802,6 +143828,10 @@ class PointerController {
         };
         // Allow temporarily disabling camera controls (e.g. while dragging gizmos).
         let enabled = true;
+        // Granular control over specific input types
+        let orbitEnabled = true;
+        let panEnabled = true;
+        let zoomEnabled = true;
         const resetState = () => {
             pressedButton = -1;
             touches = [];
@@ -143908,13 +143938,13 @@ class PointerController {
                     (event.shiftKey || event.ctrlKey ? 'orbit' :
                         (event.altKey || event.metaKey ? 'zoom' : null)) :
                     null;
-                if (mod === 'orbit' || (mod === null && pressedButton === 0)) {
+                if ((mod === 'orbit' || (mod === null && pressedButton === 0)) && orbitEnabled) {
                     orbit(dx, dy);
                 }
-                else if (mod === 'zoom' || (mod === null && pressedButton === 1)) {
+                else if ((mod === 'zoom' || (mod === null && pressedButton === 1)) && zoomEnabled) {
                     zoom(dy * -0.02);
                 }
-                else if (mod === 'pan' || (mod === null && pressedButton === 2)) {
+                else if ((mod === 'pan' || (mod === null && pressedButton === 2)) && panEnabled) {
                     pan(x, y, dx, dy);
                 }
             }
@@ -143925,7 +143955,9 @@ class PointerController {
                     const dy = event.offsetY - touch.y;
                     touch.x = event.offsetX;
                     touch.y = event.offsetY;
-                    orbit(dx, dy);
+                    if (orbitEnabled) {
+                        orbit(dx, dy);
+                    }
                 }
                 else if (touches.length === 2) {
                     const touch = touches[touches.map(t => t.id).indexOf(event.pointerId)];
@@ -143934,8 +143966,12 @@ class PointerController {
                     const mx = (touches[0].x + touches[1].x) * 0.5;
                     const my = (touches[0].y + touches[1].y) * 0.5;
                     const ml = dist(touches[0].x, touches[0].y, touches[1].x, touches[1].y);
-                    pan(mx, my, (mx - midx), (my - midy));
-                    zoom((ml - midlen) * 0.01);
+                    if (panEnabled) {
+                        pan(mx, my, (mx - midx), (my - midy));
+                    }
+                    if (zoomEnabled) {
+                        zoom((ml - midlen) * 0.01);
+                    }
                     midx = mx;
                     midy = my;
                     midlen = ml;
@@ -143953,16 +143989,20 @@ class PointerController {
                 return;
             const { deltaX, deltaY } = event;
             if (isMouseEvent(deltaX, deltaY)) {
-                zoom(deltaY * -2e-3);
+                if (zoomEnabled)
+                    zoom(deltaY * -2e-3);
             }
             else if (event.ctrlKey || event.metaKey) {
-                zoom(deltaY * -0.02);
+                if (zoomEnabled)
+                    zoom(deltaY * -0.02);
             }
             else if (event.shiftKey) {
-                pan(event.offsetX, event.offsetY, deltaX, deltaY);
+                if (panEnabled)
+                    pan(event.offsetX, event.offsetY, deltaX, deltaY);
             }
             else {
-                orbit(deltaX, deltaY);
+                if (orbitEnabled)
+                    orbit(deltaX, deltaY);
             }
             event.preventDefault();
         };
@@ -144030,6 +144070,14 @@ class PointerController {
                 resetState();
             }
         };
+        this.setInputControls = (options) => {
+            if (options.orbit !== undefined)
+                orbitEnabled = !!options.orbit;
+            if (options.pan !== undefined)
+                panEnabled = !!options.pan;
+            if (options.zoom !== undefined)
+                zoomEnabled = !!options.zoom;
+        };
     }
 }
 
@@ -147334,6 +147382,26 @@ class SupersplatAdapter {
             console.warn('SupersplatAdapter: Failed to toggle camera controls', e);
         }
     }
+    /**
+     * Configure granular control over specific camera input types.
+     * Allows enabling/disabling orbit, pan, and zoom independently.
+     */
+    setCameraInputControls(options) {
+        const controller = this.scene?.camera?.controller;
+        if (!controller)
+            return;
+        try {
+            if (typeof controller.setInputControls === 'function') {
+                controller.setInputControls(options);
+            }
+            else {
+                console.warn('SupersplatAdapter: Camera controller does not support setInputControls');
+            }
+        }
+        catch (e) {
+            console.warn('SupersplatAdapter: Failed to set camera input controls', e);
+        }
+    }
     /**
      * Enable/disable supersplat-core camera auto-update (orbit tweens).
      * When enabled, the camera entity transform may be driven by an external controller (fly mode).
@@ -147792,9 +147860,9 @@ class SplatViewerCore {
         this._supersplatReady = this._supersplat.init();
         this._supersplatReady
             ?.then(() => {
-            // Disable camera controls in preview mode
+            // In preview mode, enable zoom only (disable orbit and pan)
             if (this.previewMode && this._supersplat) {
-                this._supersplat.setCameraControlsEnabled?.(false);
+                this._supersplat.setCameraInputControls?.({ orbit: false, pan: false, zoom: true });
             }
             // Only set up fly camera if not in preview mode
             if (!this.previewMode) {
@@ -150007,11 +150075,12 @@ class SplatViewerCore {
                 detail: { type: interactionType },
             });
         };
-        // Disable camera controls in preview mode
+        // In preview mode, enable zoom only (disable orbit and pan)
         if (this.previewMode && this._orbit) {
             const orbitAny = this._orbit;
-            if (typeof orbitAny.setEnabled === 'function') {
-                orbitAny.setEnabled(false);
+            if (typeof orbitAny.setInputControls === 'function') {
+                // Enable zoom, disable orbit and pan
+                orbitAny.setInputControls({ orbit: false, pan: false, zoom: true });
             }
         }
         this.entities.camera.setPosition(0, 0, 10);