@terraware/web-components 5.0.27-rc.0 → 5.0.27

package/components/VirtualWalkthrough/GradientSky.js

@@ -1,74 +1,75 @@
-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
-        })
+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
     });
+    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
+    })
+  });
 };
-const VirtualWalkthrough_GradientSky = GradientSky;
-export default VirtualWalkthrough_GradientSky;
+
+export { GradientSky as default };

package/components/VirtualWalkthrough/SplatControls.js

@@ -1,213 +1,225 @@
-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);
+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);
         }
-        return ()=>{
-            window.removeEventListener('wheel', handleScroll, true);
-            window.removeEventListener('mousedown', handleMouseDown, true);
-        };
-    }, [
-        isInfoVisible,
-        setIsInfoVisible,
-        infoButtonRef
-    ]);
-    const handleEdit = useCallback(()=>onToggleEdit?.(true), [
-        onToggleEdit
-    ]);
-    return /*#__PURE__*/ jsxs(Box, {
+      }
+    };
+    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, {
         sx: {
-            position: 'absolute',
-            top: 0,
-            left: 0,
-            right: 0,
-            height: '100%',
-            pointerEvents: 'none'
+          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)
         },
-        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
-            })
-        ]
-    });
+        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
+    })]
+  });
 };
-const VirtualWalkthrough_SplatControls = SplatControls;
-export default VirtualWalkthrough_SplatControls;
+
+export { SplatControls as default };

package/components/VirtualWalkthrough/SplatCrop.js

@@ -1,21 +1,20 @@
-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;
+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 };