@terraware/web-components 5.0.27 → 5.1.0

package/components/VirtualWalkthrough/GradientSky.js

@@ -1,75 +1,74 @@
-import { useMemo, useEffect } from 'react';
-import { Entity } from '@playcanvas/react';
-import { Render } from '@playcanvas/react/components';
-import { useApp } from '@playcanvas/react/hooks';
-import { Texture, PIXELFORMAT_RGBA8, StandardMaterial, Color } from 'playcanvas';
-import { jsx } from 'react/jsx-runtime';
-
-const GradientSky = ({
-  topColor = '#1e90ff',
-  horizonColor = '#87ceeb',
-  groundColor = '#8b7355',
-  resolution = 512
-}) => {
-  const app = useApp();
-  const material = useMemo(() => {
-    if (!app) {
-      return null;
-    }
-    const canvas = document.createElement('canvas');
-    canvas.width = resolution;
-    canvas.height = resolution;
-    const ctx = canvas.getContext('2d');
-    if (!ctx) {
-      return null;
-    }
-    const gradient = ctx.createLinearGradient(0, 0, 0, resolution);
-    gradient.addColorStop(0, topColor);
-    gradient.addColorStop(0.5, horizonColor);
-    gradient.addColorStop(0.5, groundColor);
-    gradient.addColorStop(1, groundColor);
-    ctx.fillStyle = gradient;
-    ctx.fillRect(0, 0, resolution, resolution);
-    const texture = new Texture(app.graphicsDevice, {
-      width: resolution,
-      height: resolution,
-      format: PIXELFORMAT_RGBA8,
-      mipmaps: false
+import { jsx } from "react/jsx-runtime";
+import { useEffect, useMemo } from "react";
+import { Entity } from "@playcanvas/react";
+import { Render } from "@playcanvas/react/components";
+import { useApp } from "@playcanvas/react/hooks";
+import { Color, PIXELFORMAT_RGBA8, StandardMaterial, Texture } from "playcanvas";
+const GradientSky = ({ topColor = '#1e90ff', horizonColor = '#87ceeb', groundColor = '#8b7355', resolution = 512 })=>{
+    const app = useApp();
+    const material = useMemo(()=>{
+        if (!app) return null;
+        const canvas = document.createElement('canvas');
+        canvas.width = resolution;
+        canvas.height = resolution;
+        const ctx = canvas.getContext('2d');
+        if (!ctx) return null;
+        const gradient = ctx.createLinearGradient(0, 0, 0, resolution);
+        gradient.addColorStop(0, topColor);
+        gradient.addColorStop(0.5, horizonColor);
+        gradient.addColorStop(0.5, groundColor);
+        gradient.addColorStop(1, groundColor);
+        ctx.fillStyle = gradient;
+        ctx.fillRect(0, 0, resolution, resolution);
+        const texture = new Texture(app.graphicsDevice, {
+            width: resolution,
+            height: resolution,
+            format: PIXELFORMAT_RGBA8,
+            mipmaps: false
+        });
+        const pixels = ctx.getImageData(0, 0, resolution, resolution);
+        texture.lock().set(new Uint8Array(pixels.data));
+        texture.unlock();
+        const mat = new StandardMaterial();
+        mat.emissiveMap = texture;
+        mat.emissive = new Color(1, 1, 1);
+        mat.useLighting = false;
+        mat.cull = 0;
+        mat.depthWrite = false;
+        mat.update();
+        return mat;
+    }, [
+        app,
+        topColor,
+        horizonColor,
+        groundColor,
+        resolution
+    ]);
+    useEffect(()=>()=>{
+            if (material) material.destroy();
+        }, [
+        material
+    ]);
+    if (!material) return null;
+    return /*#__PURE__*/ jsx(Entity, {
+        name: "gradient-sky",
+        position: [
+            0,
+            0,
+            0
+        ],
+        scale: [
+            500,
+            500,
+            500
+        ],
+        children: /*#__PURE__*/ jsx(Render, {
+            type: "sphere",
+            material: material,
+            castShadows: false,
+            receiveShadows: false
+        })
     });
-    const pixels = ctx.getImageData(0, 0, resolution, resolution);
-    texture.lock().set(new Uint8Array(pixels.data));
-    texture.unlock();
-    const mat = new StandardMaterial();
-    mat.emissiveMap = texture;
-    mat.emissive = new Color(1, 1, 1);
-    mat.useLighting = false;
-    mat.cull = 0;
-    mat.depthWrite = false;
-    mat.update();
-    return mat;
-  }, [app, topColor, horizonColor, groundColor, resolution]);
-  useEffect(() => {
-    // remove material to avoid memory leak
-    return () => {
-      if (material) {
-        material.destroy();
-      }
-    };
-  }, [material]);
-  if (!material) {
-    return null;
-  }
-  return /*#__PURE__*/jsx(Entity, {
-    name: "gradient-sky",
-    position: [0, 0, 0],
-    scale: [500, 500, 500],
-    children: /*#__PURE__*/jsx(Render, {
-      type: "sphere",
-      material: material,
-      castShadows: false,
-      receiveShadows: false
-    })
-  });
 };
-
-export { GradientSky as default };
+const VirtualWalkthrough_GradientSky = GradientSky;
+export default VirtualWalkthrough_GradientSky;

package/components/VirtualWalkthrough/SplatControls.js

@@ -1,225 +1,213 @@
-import { useRef, useEffect, useCallback } from 'react';
-import { FullscreenExit, Fullscreen } from '@mui/icons-material';
-import { useTheme, Box, IconButton } from '@mui/material';
-import useBoolean from '../../hooks/useBoolean.js';
-import { useCameraPosition } from '../../hooks/useCameraPosition.js';
-import useXr from '../../hooks/useXr.js';
-import { useStrings } from '../../strings/index.js';
-import { getRgbaFromHex } from '../../utils/color.js';
-import useDeviceInfo from '../../utils/useDeviceInfo.js';
-import Button from '../Button/Button.js';
-import Icon from '../Icon/Icon.js';
-import AnnotationEditPane from './AnnotationEditPane.js';
-import CameraInfo from './CameraInfo.js';
-import ControlsInfoPane from './ControlsInfoPane.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-const SplatControls = ({
-  defaultCameraPosition,
-  defaultCameraFocus,
-  showAnnotations,
-  onToggleAnnotations,
-  autoRotate,
-  onToggleAutoRotate,
-  editable,
-  isEdit,
-  onToggleEdit,
-  onSave,
-  onCancel,
-  onAddAnnotation,
-  onDeleteAnnotation,
-  onDeselectAnnotation,
-  hasSelectedAnnotation,
-  selectedAnnotation,
-  selectedAnnotationIndex,
-  onAnnotationUpdate,
-  onTextFieldFocus,
-  maxImagesPerAnnotation,
-  onImagesChange,
-  canSave = true,
-  isFullScreen = false,
-  onToggleFullScreen,
-  isFreeFly,
-  onToggleFreeFly,
-  showFreeFly = false,
-  onError
-}) => {
-  const theme = useTheme();
-  const strings = useStrings();
-  const {
-    isDesktop,
-    isMobile
-  } = useDeviceInfo();
-  const {
-    setCamera,
-    getCameraState
-  } = useCameraPosition();
-  const {
-    isXrAvailable,
-    startXr
-  } = useXr({
-    onError
-  });
-  const [isInfoVisible, setIsInfoVisible] = useBoolean(true);
-  const paneRef = useRef(null);
-  const infoButtonRef = useRef(null);
-  useEffect(() => {
-    const handleKeyPress = event => {
-      if (event.key === 'r' || event.key === 'R') {
-        if (defaultCameraFocus && !(isEdit && selectedAnnotation !== null)) {
-          setCamera(defaultCameraFocus, defaultCameraPosition);
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef } from "react";
+import { Fullscreen, FullscreenExit } from "@mui/icons-material";
+import { Box, IconButton, useTheme } from "@mui/material";
+import useBoolean from "../../hooks/useBoolean.js";
+import { useCameraPosition } from "../../hooks/useCameraPosition.js";
+import { useXr } from "../../hooks/useXr.js";
+import { useStrings } from "../../strings/index.js";
+import { getRgbaFromHex } from "../../utils/color.js";
+import useDeviceInfo from "../../utils/useDeviceInfo.js";
+import Button from "../Button/Button.js";
+import Icon from "../Icon/Icon.js";
+import AnnotationEditPane from "./AnnotationEditPane.js";
+import CameraInfo from "./CameraInfo.js";
+import ControlsInfoPane from "./ControlsInfoPane.js";
+const SplatControls = ({ defaultCameraPosition, defaultCameraFocus, showAnnotations, onToggleAnnotations, autoRotate, onToggleAutoRotate, editable, isEdit, onToggleEdit, onSave, onCancel, onAddAnnotation, onDeleteAnnotation, onDeselectAnnotation, hasSelectedAnnotation, selectedAnnotation, selectedAnnotationIndex, onAnnotationUpdate, onTextFieldFocus, maxImagesPerAnnotation, onImagesChange, canSave = true, isFullScreen = false, onToggleFullScreen, isFreeFly, onToggleFreeFly, showFreeFly = false, onError })=>{
+    const theme = useTheme();
+    const strings = useStrings();
+    const { isDesktop, isMobile } = useDeviceInfo();
+    const { setCamera, getCameraState } = useCameraPosition();
+    const { isXrAvailable, startXr } = useXr({
+        onError
+    });
+    const [isInfoVisible, setIsInfoVisible] = useBoolean(true);
+    const paneRef = useRef(null);
+    const infoButtonRef = useRef(null);
+    useEffect(()=>{
+        const handleKeyPress = (event)=>{
+            if ('r' === event.key || 'R' === event.key) {
+                if (defaultCameraFocus && !(isEdit && null !== selectedAnnotation)) setCamera(defaultCameraFocus, defaultCameraPosition);
+            }
+        };
+        window.addEventListener('keydown', handleKeyPress);
+        return ()=>{
+            window.removeEventListener('keydown', handleKeyPress);
+        };
+    }, [
+        isEdit,
+        defaultCameraFocus,
+        defaultCameraPosition,
+        setCamera,
+        selectedAnnotation
+    ]);
+    const handleInfo = useCallback(()=>{
+        setIsInfoVisible((prev)=>!prev);
+    }, [
+        setIsInfoVisible
+    ]);
+    useEffect(()=>{
+        const handleScroll = (event)=>{
+            if (isInfoVisible && paneRef.current && !paneRef.current.contains(event.target)) setIsInfoVisible(false);
+        };
+        const handleMouseDown = (event)=>{
+            const target = event.target;
+            const isClickOnInfoButton = infoButtonRef.current?.contains(target);
+            if (isInfoVisible && paneRef.current && !paneRef.current.contains(target) && !isClickOnInfoButton) setIsInfoVisible(false);
+        };
+        if (isInfoVisible) {
+            window.addEventListener('wheel', handleScroll, true);
+            window.addEventListener('mousedown', handleMouseDown, true);
         }
-      }
-    };
-    window.addEventListener('keydown', handleKeyPress);
-    return () => {
-      window.removeEventListener('keydown', handleKeyPress);
-    };
-  }, [isEdit, defaultCameraFocus, defaultCameraPosition, setCamera, selectedAnnotation]);
-  const handleInfo = useCallback(() => {
-    setIsInfoVisible(prev => !prev);
-  }, [setIsInfoVisible]);
-  useEffect(() => {
-    const handleScroll = event => {
-      if (isInfoVisible && paneRef.current && !paneRef.current.contains(event.target)) {
-        setIsInfoVisible(false);
-      }
-    };
-    const handleMouseDown = event => {
-      const target = event.target;
-      const isClickOnInfoButton = infoButtonRef.current?.contains(target);
-      if (isInfoVisible && paneRef.current && !paneRef.current.contains(target) && !isClickOnInfoButton) {
-        setIsInfoVisible(false);
-      }
-    };
-    if (isInfoVisible) {
-      window.addEventListener('wheel', handleScroll, true);
-      window.addEventListener('mousedown', handleMouseDown, true);
-    }
-    return () => {
-      window.removeEventListener('wheel', handleScroll, true);
-      window.removeEventListener('mousedown', handleMouseDown, true);
-    };
-  }, [isInfoVisible, setIsInfoVisible, infoButtonRef]);
-  const handleEdit = useCallback(() => onToggleEdit?.(true), [onToggleEdit]);
-  return /*#__PURE__*/jsxs(Box, {
-    sx: {
-      position: 'absolute',
-      top: 0,
-      left: 0,
-      right: 0,
-      height: '100%',
-      pointerEvents: 'none'
-    },
-    children: [isEdit && /*#__PURE__*/jsxs(Box, {
-      sx: {
-        position: 'absolute',
-        top: 16,
-        left: '50%',
-        transform: 'translateX(-50%)',
-        display: 'flex',
-        gap: 1,
-        pointerEvents: 'auto'
-      },
-      children: [!hasSelectedAnnotation && onAddAnnotation && /*#__PURE__*/jsx(Button, {
-        label: strings.ADD_ANNOTATION,
-        onClick: onAddAnnotation
-      }), hasSelectedAnnotation && onDeselectAnnotation && /*#__PURE__*/jsx(Button, {
-        label: strings.DESELECT_ANNOTATION,
-        onClick: onDeselectAnnotation
-      }), hasSelectedAnnotation && onDeleteAnnotation && /*#__PURE__*/jsx(Button, {
-        label: strings.DELETE_ANNOTATION,
-        onClick: onDeleteAnnotation
-      })]
-    }), /*#__PURE__*/jsxs(Box, {
-      sx: {
-        position: 'absolute',
-        bottom: 16,
-        left: '50%',
-        transform: 'translateX(-50%)',
-        display: 'flex',
-        gap: 1,
-        pointerEvents: 'auto'
-      },
-      children: [isMobile && isXrAvailable('AR') && !isEdit && /*#__PURE__*/jsx(Button, {
-        label: strings.AR,
-        onClick: () => startXr('AR')
-      }), !isMobile && isXrAvailable('VR') && !isEdit && /*#__PURE__*/jsx(Button, {
-        label: strings.VR,
-        onClick: () => startXr('VR')
-      }), isDesktop && editable && !isEdit && onToggleEdit && /*#__PURE__*/jsx(Button, {
-        label: strings.EDIT,
-        onClick: handleEdit
-      }), isDesktop && showFreeFly && !isEdit && onToggleFreeFly && /*#__PURE__*/jsx(Button, {
-        label: isFreeFly ? strings.BOUNDED_FLY : strings.FREE_FLY,
-        onClick: onToggleFreeFly
-      }), isEdit && onCancel && /*#__PURE__*/jsx(Button, {
-        label: strings.CANCEL,
-        onClick: onCancel
-      }), isEdit && onSave && /*#__PURE__*/jsx(Button, {
-        label: strings.SAVE,
-        onClick: onSave,
-        disabled: !canSave
-      })]
-    }), onToggleFullScreen && /*#__PURE__*/jsx(IconButton, {
-      sx: {
-        position: 'absolute',
-        bottom: 16,
-        right: 72,
-        backgroundColor: getRgbaFromHex(theme.palette.TwClrIcnOnBrand, 0.9),
-        '&:hover': {
-          backgroundColor: getRgbaFromHex(theme.palette.TwClrIcnOnBrand, 1)
-        },
-        pointerEvents: 'auto'
-      },
-      onClick: onToggleFullScreen,
-      "aria-label": isFullScreen ? 'Exit fullscreen' : 'Enter fullscreen',
-      children: isFullScreen ? /*#__PURE__*/jsx(FullscreenExit, {
-        sx: {
-          color: theme.palette.TwClrIcnInfo
-        }
-      }) : /*#__PURE__*/jsx(Fullscreen, {
+        return ()=>{
+            window.removeEventListener('wheel', handleScroll, true);
+            window.removeEventListener('mousedown', handleMouseDown, true);
+        };
+    }, [
+        isInfoVisible,
+        setIsInfoVisible,
+        infoButtonRef
+    ]);
+    const handleEdit = useCallback(()=>onToggleEdit?.(true), [
+        onToggleEdit
+    ]);
+    return /*#__PURE__*/ jsxs(Box, {
         sx: {
-          color: theme.palette.TwClrIcnInfo
-        }
-      })
-    }), /*#__PURE__*/jsx(IconButton, {
-      ref: infoButtonRef,
-      sx: {
-        position: 'absolute',
-        bottom: 16,
-        right: 16,
-        backgroundColor: getRgbaFromHex(theme.palette.TwClrIcnOnBrand, 0.9),
-        '&:hover': {
-          backgroundColor: getRgbaFromHex(theme.palette.TwClrIcnOnBrand, 1)
+            position: 'absolute',
+            top: 0,
+            left: 0,
+            right: 0,
+            height: '100%',
+            pointerEvents: 'none'
         },
-        pointerEvents: 'auto'
-      },
-      onClick: handleInfo,
-      children: /*#__PURE__*/jsx(Icon, {
-        name: "info",
-        size: 'medium',
-        fillColor: theme.palette.TwClrIcnInfo
-      })
-    }), /*#__PURE__*/jsx(ControlsInfoPane, {
-      visible: isInfoVisible,
-      paneRef: paneRef,
-      showAnnotations: showAnnotations,
-      onToggleAnnotations: onToggleAnnotations,
-      autoRotate: autoRotate,
-      onToggleAutoRotate: onToggleAutoRotate,
-      isFullScreen: isFullScreen
-    }), /*#__PURE__*/jsx(AnnotationEditPane, {
-      visible: isEdit === true && hasSelectedAnnotation === true,
-      annotation: selectedAnnotation ?? null,
-      onUpdate: onAnnotationUpdate,
-      onTextFieldFocus: onTextFieldFocus,
-      maxImages: maxImagesPerAnnotation,
-      onImagesChange: onImagesChange
-    }, selectedAnnotationIndex), isEdit && /*#__PURE__*/jsx(CameraInfo, {
-      getCameraState: getCameraState
-    })]
-  });
+        children: [
+            isEdit && /*#__PURE__*/ jsxs(Box, {
+                sx: {
+                    position: 'absolute',
+                    top: 16,
+                    left: '50%',
+                    transform: 'translateX(-50%)',
+                    display: 'flex',
+                    gap: 1,
+                    pointerEvents: 'auto'
+                },
+                children: [
+                    !hasSelectedAnnotation && onAddAnnotation && /*#__PURE__*/ jsx(Button, {
+                        label: strings.ADD_ANNOTATION,
+                        onClick: onAddAnnotation
+                    }),
+                    hasSelectedAnnotation && onDeselectAnnotation && /*#__PURE__*/ jsx(Button, {
+                        label: strings.DESELECT_ANNOTATION,
+                        onClick: onDeselectAnnotation
+                    }),
+                    hasSelectedAnnotation && onDeleteAnnotation && /*#__PURE__*/ jsx(Button, {
+                        label: strings.DELETE_ANNOTATION,
+                        onClick: onDeleteAnnotation
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxs(Box, {
+                sx: {
+                    position: 'absolute',
+                    bottom: 16,
+                    left: '50%',
+                    transform: 'translateX(-50%)',
+                    display: 'flex',
+                    gap: 1,
+                    pointerEvents: 'auto'
+                },
+                children: [
+                    isMobile && isXrAvailable('AR') && !isEdit && /*#__PURE__*/ jsx(Button, {
+                        label: strings.AR,
+                        onClick: ()=>startXr('AR')
+                    }),
+                    !isMobile && isXrAvailable('VR') && !isEdit && /*#__PURE__*/ jsx(Button, {
+                        label: strings.VR,
+                        onClick: ()=>startXr('VR')
+                    }),
+                    isDesktop && editable && !isEdit && onToggleEdit && /*#__PURE__*/ jsx(Button, {
+                        label: strings.EDIT,
+                        onClick: handleEdit
+                    }),
+                    isDesktop && showFreeFly && !isEdit && onToggleFreeFly && /*#__PURE__*/ jsx(Button, {
+                        label: isFreeFly ? strings.BOUNDED_FLY : strings.FREE_FLY,
+                        onClick: onToggleFreeFly
+                    }),
+                    isEdit && onCancel && /*#__PURE__*/ jsx(Button, {
+                        label: strings.CANCEL,
+                        onClick: onCancel
+                    }),
+                    isEdit && onSave && /*#__PURE__*/ jsx(Button, {
+                        label: strings.SAVE,
+                        onClick: onSave,
+                        disabled: !canSave
+                    })
+                ]
+            }),
+            onToggleFullScreen && /*#__PURE__*/ jsx(IconButton, {
+                sx: {
+                    position: 'absolute',
+                    bottom: 16,
+                    right: 72,
+                    backgroundColor: getRgbaFromHex(theme.palette.TwClrIcnOnBrand, 0.9),
+                    '&:hover': {
+                        backgroundColor: getRgbaFromHex(theme.palette.TwClrIcnOnBrand, 1)
+                    },
+                    pointerEvents: 'auto'
+                },
+                onClick: onToggleFullScreen,
+                "aria-label": isFullScreen ? 'Exit fullscreen' : 'Enter fullscreen',
+                children: isFullScreen ? /*#__PURE__*/ jsx(FullscreenExit, {
+                    sx: {
+                        color: theme.palette.TwClrIcnInfo
+                    }
+                }) : /*#__PURE__*/ jsx(Fullscreen, {
+                    sx: {
+                        color: theme.palette.TwClrIcnInfo
+                    }
+                })
+            }),
+            /*#__PURE__*/ jsx(IconButton, {
+                ref: infoButtonRef,
+                sx: {
+                    position: 'absolute',
+                    bottom: 16,
+                    right: 16,
+                    backgroundColor: getRgbaFromHex(theme.palette.TwClrIcnOnBrand, 0.9),
+                    '&:hover': {
+                        backgroundColor: getRgbaFromHex(theme.palette.TwClrIcnOnBrand, 1)
+                    },
+                    pointerEvents: 'auto'
+                },
+                onClick: handleInfo,
+                children: /*#__PURE__*/ jsx(Icon, {
+                    name: "info",
+                    size: 'medium',
+                    fillColor: theme.palette.TwClrIcnInfo
+                })
+            }),
+            /*#__PURE__*/ jsx(ControlsInfoPane, {
+                visible: isInfoVisible,
+                paneRef: paneRef,
+                showAnnotations: showAnnotations,
+                onToggleAnnotations: onToggleAnnotations,
+                autoRotate: autoRotate,
+                onToggleAutoRotate: onToggleAutoRotate,
+                isFullScreen: isFullScreen
+            }),
+            /*#__PURE__*/ jsx(AnnotationEditPane, {
+                visible: true === isEdit && true === hasSelectedAnnotation,
+                annotation: selectedAnnotation ?? null,
+                onUpdate: onAnnotationUpdate,
+                onTextFieldFocus: onTextFieldFocus,
+                maxImages: maxImagesPerAnnotation,
+                onImagesChange: onImagesChange
+            }, selectedAnnotationIndex),
+            isEdit && /*#__PURE__*/ jsx(CameraInfo, {
+                getCameraState: getCameraState
+            })
+        ]
+    });
 };
-
-export { SplatControls as default };
+const VirtualWalkthrough_SplatControls = SplatControls;
+export default VirtualWalkthrough_SplatControls;

package/components/VirtualWalkthrough/SplatCrop.js

@@ -1,20 +1,21 @@
-import 'react';
-import { Script } from '@playcanvas/react/components';
-import { Vec3 } from 'playcanvas';
-import { GSplatCropShaderEffect } from 'playcanvas/scripts/esm/gsplat/shader-effect-crop.mjs';
-import { jsx } from 'react/jsx-runtime';
-
-const SplatCrop = ({
-  aabbMin = [-1, -1, -1],
-  aabbMax = [1, 1, 1],
-  edgeScaleFactor = 0.5
-}) => {
-  return /*#__PURE__*/jsx(Script, {
-    script: GSplatCropShaderEffect,
-    aabbMin: new Vec3(...aabbMin),
-    aabbMax: new Vec3(...aabbMax),
-    edgeScaleFactor: edgeScaleFactor
-  });
-};
-
-export { SplatCrop as default };
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { Script } from "@playcanvas/react/components";
+import { Vec3 } from "playcanvas";
+import { GSplatCropShaderEffect } from "playcanvas/scripts/esm/gsplat/shader-effect-crop.mjs";
+const SplatCrop = ({ aabbMin = [
+    -1,
+    -1,
+    -1
+], aabbMax = [
+    1,
+    1,
+    1
+], edgeScaleFactor = 0.5 })=>/*#__PURE__*/ jsx(Script, {
+        script: GSplatCropShaderEffect,
+        aabbMin: new Vec3(...aabbMin),
+        aabbMax: new Vec3(...aabbMax),
+        edgeScaleFactor: edgeScaleFactor
+    });
+const VirtualWalkthrough_SplatCrop = SplatCrop;
+export default VirtualWalkthrough_SplatCrop;