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

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

@@ -139564,11 +139564,15 @@ fn fragmentMain(input: FragmentInput) -> FragmentOutput {
 	}
 	/**
 	 * 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;
@@ -140459,6 +140463,10 @@ fn fragmentMain(input: FragmentInput) -> FragmentOutput {
 	        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
@@ -140496,6 +140504,19 @@ fn fragmentMain(input: FragmentInput) -> FragmentOutput {
 	            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 &&
@@ -140512,12 +140533,13 @@ fn fragmentMain(input: FragmentInput) -> FragmentOutput {
 	            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');
 	        }
@@ -140565,7 +140587,7 @@ fn fragmentMain(input: FragmentInput) -> FragmentOutput {
 	        }
 	    };
 	    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 &&
@@ -142701,6 +142723,10 @@ bool initCenter(SplatSource source, vec3 modelCenter, out SplatCenter center) {
 	        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;
@@ -143809,6 +143835,10 @@ bool initCenter(SplatSource source, vec3 modelCenter, out SplatCenter center) {
 	        };
 	        // 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 = [];
@@ -143915,13 +143945,13 @@ bool initCenter(SplatSource source, vec3 modelCenter, out SplatCenter center) {
 	                    (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);
 	                }
 	            }
@@ -143932,7 +143962,9 @@ bool initCenter(SplatSource source, vec3 modelCenter, out SplatCenter center) {
 	                    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)];
@@ -143941,8 +143973,12 @@ bool initCenter(SplatSource source, vec3 modelCenter, out SplatCenter center) {
 	                    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;
@@ -143960,16 +143996,20 @@ bool initCenter(SplatSource source, vec3 modelCenter, out SplatCenter center) {
 	                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();
 	        };
@@ -144037,6 +144077,14 @@ bool initCenter(SplatSource source, vec3 modelCenter, out SplatCenter center) {
 	                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;
+	        };
 	    }
 	}
 
@@ -147341,6 +147389,26 @@ bool initCenter(SplatSource source, vec3 modelCenter, out SplatCenter center) {
 	            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).
@@ -147799,9 +147867,9 @@ bool initCenter(SplatSource source, vec3 modelCenter, out SplatCenter center) {
 	        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) {
@@ -150014,11 +150082,12 @@ bool initCenter(SplatSource source, vec3 modelCenter, out SplatCenter center) {
 	                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);