@terraware/web-components 4.3.3 → 5.0.1-rc.0

package/components/VirtualWalkthrough/AnnotationEditPane.d.ts

@@ -1,33 +1,13 @@
 import { AnnotationProps } from './Annotation';
-export interface AnnotationEditPaneStrings {
-    editAnnotation: string;
-    title: string;
-    titleTooltip: string;
-    description: string;
-    descriptionTooltip: string;
-    label: string;
-    labelTooltip: string;
-    images?: {
-        uploadTitle?: string;
-        uploadText?: string;
-        uploadDescription?: string;
-        chooseFileText?: string;
-        replaceFileText?: string;
-        photoSelectedText?: string;
-        existingImagesLabel?: string;
-        newImagesLabel?: string;
-    };
-}
 interface AnnotationEditPaneProps {
     visible: boolean;
     annotation: AnnotationProps | null;
-    strings: AnnotationEditPaneStrings;
     onUpdate: (updates: Partial<AnnotationProps>) => void;
     onTextFieldFocus?: (isFocused: boolean) => void;
     maxImages?: number;
     /** Fires with the current selection on every add/remove, including an initial empty emission on mount. */
     onImagesChange?: (files: File[]) => void;
 }
-declare const AnnotationEditPane: ({ visible, annotation, strings, onUpdate, onTextFieldFocus, maxImages, onImagesChange, }: AnnotationEditPaneProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const AnnotationEditPane: ({ visible, annotation, onUpdate, onTextFieldFocus, maxImages, onImagesChange, }: AnnotationEditPaneProps) => import("react/jsx-runtime").JSX.Element | null;
 export default AnnotationEditPane;
 //# sourceMappingURL=AnnotationEditPane.d.ts.map

package/components/VirtualWalkthrough/AnnotationEditPane.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnnotationEditPane.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualWalkthrough/AnnotationEditPane.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,WAAW,yBAAyB;IACxC,cAAc,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE;QACP,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,cAAc,CAAC,EAAE,MAAM,CAAC;KACzB,CAAC;CACH;AAED,UAAU,uBAAuB;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,eAAe,GAAG,IAAI,CAAC;IACnC,OAAO,EAAE,yBAAyB,CAAC;IACnC,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;IACtD,gBAAgB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0GAA0G;IAC1G,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;CAC1C;AAED,QAAA,MAAM,kBAAkB,GAAI,0FAQzB,uBAAuB,mDA4LzB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"AnnotationEditPane.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualWalkthrough/AnnotationEditPane.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,UAAU,uBAAuB;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,eAAe,GAAG,IAAI,CAAC;IACnC,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;IACtD,gBAAgB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0GAA0G;IAC1G,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;CAC1C;AAED,QAAA,MAAM,kBAAkB,GAAI,iFAOzB,uBAAuB,mDA2LzB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/components/VirtualWalkthrough/AnnotationEditPane.js

@@ -1,5 +1,6 @@
 import { useMemo, useCallback } from 'react';
 import { useTheme, Box, Fade, Typography, Tooltip, ThemeProvider } from '@mui/material';
+import { useStrings } from '../../strings/index.js';
 import PhotoChooser from '../PhotoChooser/index.js';
 import TextField from '../Textfield/Textfield.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -7,13 +8,13 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 const AnnotationEditPane = ({
   visible,
   annotation,
-  strings,
   onUpdate,
   onTextFieldFocus,
   maxImages,
   onImagesChange
 }) => {
   const theme = useTheme();
+  const strings = useStrings();
   const showImageUpload = !!onImagesChange && !!maxImages && maxImages > 0;
   const remainingImageSlots = Math.max(0, (maxImages ?? 0) - (annotation?.imageUrls?.length ?? 0));
 
@@ -106,14 +107,14 @@ const AnnotationEditPane = ({
             sx: {
               fontWeight: 600
             },
-            children: strings.editAnnotation
+            children: strings.EDIT_ANNOTATION
           }), /*#__PURE__*/jsx(Tooltip, {
-            title: strings.titleTooltip,
+            title: strings.ANNOTATION_TITLE_TOOLTIP,
             placement: "top",
             disableFocusListener: true,
             children: /*#__PURE__*/jsx(TextField, {
               id: "annotation-title",
-              label: strings.title,
+              label: strings.TITLE,
               type: "text",
               value: annotation.title,
               onChange: handleTitleChange,
@@ -123,12 +124,12 @@ const AnnotationEditPane = ({
               required: true
             })
           }), /*#__PURE__*/jsx(Tooltip, {
-            title: strings.descriptionTooltip,
+            title: strings.ANNOTATION_DESCRIPTION_TOOLTIP,
             placement: "top",
             disableFocusListener: true,
             children: /*#__PURE__*/jsx(TextField, {
               id: "annotation-body",
-              label: strings.description,
+              label: strings.DESCRIPTION,
               type: "text",
               value: annotation.bodyText ?? '',
               onChange: handleBodyTextChange,
@@ -137,12 +138,12 @@ const AnnotationEditPane = ({
               sx: textFieldSx
             })
           }), /*#__PURE__*/jsx(Tooltip, {
-            title: strings.labelTooltip,
+            title: strings.ANNOTATION_LABEL_TOOLTIP,
             placement: "top",
             disableFocusListener: true,
             children: /*#__PURE__*/jsx(TextField, {
               id: "annotation-label",
-              label: strings.label,
+              label: strings.LABEL,
               type: "text",
               value: annotation.label ?? '',
               onChange: handleLabelChange,
@@ -151,7 +152,7 @@ const AnnotationEditPane = ({
               sx: textFieldSx
             })
           }), showImageUpload && /*#__PURE__*/jsxs(Box, {
-            children: [strings.images?.uploadTitle && /*#__PURE__*/jsx(Typography, {
+            children: [/*#__PURE__*/jsx(Typography, {
               sx: {
                 fontFamily: 'Inter',
                 fontSize: '14px',
@@ -160,22 +161,22 @@ const AnnotationEditPane = ({
                 color: theme.palette.grey[400],
                 marginBottom: 0.5
               },
-              children: strings.images.uploadTitle
+              children: strings.IMAGES
             }), /*#__PURE__*/jsx(ThemeProvider, {
               theme: photoChooserTheme,
               children: /*#__PURE__*/jsx(PhotoChooser, {
-                uploadText: strings.images?.uploadText,
-                uploadDescription: strings.images?.uploadDescription,
-                chooseFileText: strings.images?.chooseFileText,
-                replaceFileText: strings.images?.replaceFileText,
-                photoSelectedText: strings.images?.photoSelectedText,
+                uploadText: strings.UPLOAD_FILES,
+                uploadDescription: strings.UPLOAD_FILES_DESCRIPTION,
+                chooseFileText: strings.CHOOSE_FILE,
+                replaceFileText: strings.REPLACE_FILE,
+                photoSelectedText: strings.FILE_SELECTED,
                 multipleSelection: (maxImages ?? 0) > 1,
                 maxPhotos: remainingImageSlots,
                 onPhotosChanged: files => onImagesChange?.(files),
                 existingPhotos: annotation.imageUrls,
                 onExistingPhotoRemoved: handleRemoveExistingImage,
-                existingImagesLabel: strings.images?.existingImagesLabel,
-                newImagesLabel: strings.images?.newImagesLabel
+                existingImagesLabel: strings.EXISTING,
+                newImagesLabel: strings.NEW
               })
             })]
           })]

package/components/VirtualWalkthrough/BoundaryWall.d.ts

@@ -1,6 +1,5 @@
 import { Vec3 } from 'playcanvas';
 export type BoundaryWallProps = {
-    /** World-space, i.e. already multiplied by the scene scaleFactor. */
     center: Vec3;
     radius: number;
     groundPlane: Vec3[];

package/components/VirtualWalkthrough/BoundaryWall.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BoundaryWall.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualWalkthrough/BoundaryWall.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAIlC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,qEAAqE;IACrE,MAAM,EAAE,IAAI,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,IAAI,EAAE,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,QAAA,MAAM,YAAY,GAAI,wCAAwC,iBAAiB,4CAuB9E,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"BoundaryWall.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualWalkthrough/BoundaryWall.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAIlC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,EAAE,IAAI,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,IAAI,EAAE,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,QAAA,MAAM,YAAY,GAAI,wCAAwC,iBAAiB,4CAuB9E,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/components/VirtualWalkthrough/CameraInfo.d.ts

@@ -1,16 +1,10 @@
-export interface CameraInfoStrings {
-    cameraInfo: string;
-    cameraPosition: string;
-    cameraFocusPoint: string;
-}
 export interface CameraState {
     position: [number, number, number];
     focus: [number, number, number];
 }
 interface CameraInfoProps {
-    strings: CameraInfoStrings;
     getCameraState: () => CameraState | null;
 }
-declare const CameraInfo: ({ strings, getCameraState }: CameraInfoProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const CameraInfo: ({ getCameraState }: CameraInfoProps) => import("react/jsx-runtime").JSX.Element | null;
 export default CameraInfo;
 //# sourceMappingURL=CameraInfo.d.ts.map

package/components/VirtualWalkthrough/CameraInfo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CameraInfo.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualWalkthrough/CameraInfo.tsx"],"names":[],"mappings":"AAWA,MAAM,WAAW,iBAAiB;IAChC,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IACnC,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;CACjC;AAyBD,UAAU,eAAe;IACvB,OAAO,EAAE,iBAAiB,CAAC;IAC3B,cAAc,EAAE,MAAM,WAAW,GAAG,IAAI,CAAC;CAC1C;AAED,QAAA,MAAM,UAAU,GAAI,6BAA6B,eAAe,mDA8C/D,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"CameraInfo.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualWalkthrough/CameraInfo.tsx"],"names":[],"mappings":"AAYA,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IACnC,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;CACjC;AAyBD,UAAU,eAAe;IACvB,cAAc,EAAE,MAAM,WAAW,GAAG,IAAI,CAAC;CAC1C;AAED,QAAA,MAAM,UAAU,GAAI,oBAAoB,eAAe,mDA+CtD,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/components/VirtualWalkthrough/CameraInfo.js

@@ -1,5 +1,6 @@
 import { useState, useEffect } from 'react';
 import { useTheme, Box, Typography } from '@mui/material';
+import { useStrings } from '../../strings/index.js';
 import { getRgbaFromHex } from '../../utils/color.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -29,10 +30,10 @@ const CoordinateDisplay = ({
   }, COORDINATE_LABELS[index]))]
 });
 const CameraInfo = ({
-  strings,
   getCameraState
 }) => {
   const theme = useTheme();
+  const strings = useStrings();
   const [cameraState, setCameraState] = useState(null);
   useEffect(() => {
     const updateCameraState = () => {
@@ -67,7 +68,7 @@ const CameraInfo = ({
         fontWeight: 'bold',
         marginBottom: 1
       },
-      children: strings.cameraInfo
+      children: strings.CAMERA_INFO
     }), /*#__PURE__*/jsxs(Box, {
       sx: {
         display: 'flex',
@@ -75,11 +76,11 @@ const CameraInfo = ({
         gap: 1
       },
       children: [/*#__PURE__*/jsx(CoordinateDisplay, {
-        label: strings.cameraPosition,
+        label: strings.CAMERA_POSITION,
         coordinates: cameraState.position,
         textColor: textColor
       }), /*#__PURE__*/jsx(CoordinateDisplay, {
-        label: strings.cameraFocusPoint,
+        label: strings.CAMERA_FOCUS_POINT,
         coordinates: cameraState.focus,
         textColor: textColor
       })]

package/components/VirtualWalkthrough/ControlsInfoPane.d.ts

@@ -1,37 +1,13 @@
 import React from 'react';
-export interface ControlsInfoPaneStrings {
-    controls: string;
-    annotations: string;
-    autoRotate: string;
-    orbit: string;
-    leftMouse: string;
-    touchDrag: string;
-    pan: string;
-    middleMouse: string;
-    swipe: string;
-    look: string;
-    rightMouse: string;
-    zoom: string;
-    mouseWheel: string;
-    pinch: string;
-    fly: string;
-    arrowKeys: string;
-    flyFaster: string;
-    shift: string;
-    flySlower: string;
-    ctrl: string;
-    resetCamera: string;
-}
 interface ControlsInfoPaneProps {
     visible: boolean;
     paneRef: React.RefObject<HTMLDivElement | null>;
-    strings: ControlsInfoPaneStrings;
     showAnnotations?: boolean;
     onToggleAnnotations?: (show: boolean) => void;
     autoRotate?: boolean;
     onToggleAutoRotate?: (enabled: boolean) => void;
     isFullScreen?: boolean;
 }
-declare const ControlsInfoPane: ({ visible, paneRef, strings, showAnnotations, onToggleAnnotations, autoRotate, onToggleAutoRotate, isFullScreen, }: ControlsInfoPaneProps) => import("react/jsx-runtime").JSX.Element;
+declare const ControlsInfoPane: ({ visible, paneRef, showAnnotations, onToggleAnnotations, autoRotate, onToggleAutoRotate, isFullScreen, }: ControlsInfoPaneProps) => import("react/jsx-runtime").JSX.Element;
 export default ControlsInfoPane;
 //# sourceMappingURL=ControlsInfoPane.d.ts.map

package/components/VirtualWalkthrough/ControlsInfoPane.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ControlsInfoPane.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualWalkthrough/ControlsInfoPane.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAI3C,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,UAAU,qBAAqB;IAC7B,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAChD,OAAO,EAAE,uBAAuB,CAAC;IACjC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,QAAA,MAAM,gBAAgB,GAAI,oHASvB,qBAAqB,4CA8JvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"ControlsInfoPane.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualWalkthrough/ControlsInfoPane.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAM3C,UAAU,qBAAqB;IAC7B,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAChD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,QAAA,MAAM,gBAAgB,GAAI,2GAQvB,qBAAqB,4CA+JvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/components/VirtualWalkthrough/ControlsInfoPane.js

@@ -1,11 +1,11 @@
 import { useCallback } from 'react';
 import { useTheme, Box, Fade, Typography, Checkbox, Divider } from '@mui/material';
+import { useStrings } from '../../strings/index.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 const ControlsInfoPane = ({
   visible,
   paneRef,
-  strings,
   showAnnotations,
   onToggleAnnotations,
   autoRotate,
@@ -13,6 +13,7 @@ const ControlsInfoPane = ({
   isFullScreen = false
 }) => {
   const theme = useTheme();
+  const strings = useStrings();
   const handleAnnotationsChange = useCallback(e => {
     onToggleAnnotations?.(e.target.checked);
   }, [onToggleAnnotations]);
@@ -69,11 +70,11 @@ const ControlsInfoPane = ({
             sx: {
               fontWeight: 600
             },
-            children: strings.controls
+            children: strings.CONTROLS
           }), /*#__PURE__*/jsxs(Box, {
             sx: controlRowSx,
             children: [/*#__PURE__*/jsx(Typography, {
-              children: strings.annotations
+              children: strings.ANNOTATIONS
             }), /*#__PURE__*/jsx(Checkbox, {
               checked: showAnnotations ?? true,
               onChange: handleAnnotationsChange,
@@ -86,7 +87,7 @@ const ControlsInfoPane = ({
           }), /*#__PURE__*/jsxs(Box, {
             sx: controlRowSx,
             children: [/*#__PURE__*/jsx(Typography, {
-              children: strings.autoRotate
+              children: strings.AUTO_ROTATE
             }), /*#__PURE__*/jsx(Checkbox, {
               checked: autoRotate ?? true,
               onChange: handleAutoRotateChange,
@@ -99,13 +100,13 @@ const ControlsInfoPane = ({
           }), /*#__PURE__*/jsxs(Box, {
             sx: controlRowSx,
             children: [/*#__PURE__*/jsx(Typography, {
-              children: strings.orbit
+              children: strings.ORBIT
             }), /*#__PURE__*/jsxs(Box, {
               sx: rightAlignedTextSx,
               children: [/*#__PURE__*/jsx(Typography, {
-                children: strings.leftMouse
+                children: strings.LEFT_MOUSE
               }), /*#__PURE__*/jsx(Typography, {
-                children: strings.touchDrag
+                children: strings.TOUCH_DRAG
               })]
             })]
           }), /*#__PURE__*/jsx(Divider, {
@@ -113,13 +114,13 @@ const ControlsInfoPane = ({
           }), /*#__PURE__*/jsxs(Box, {
             sx: controlRowSx,
             children: [/*#__PURE__*/jsx(Typography, {
-              children: strings.pan
+              children: strings.PAN
             }), /*#__PURE__*/jsxs(Box, {
               sx: rightAlignedTextSx,
               children: [/*#__PURE__*/jsx(Typography, {
-                children: strings.middleMouse
+                children: strings.MIDDLE_MOUSE
               }), /*#__PURE__*/jsx(Typography, {
-                children: strings.swipe
+                children: strings.SWIPE
               })]
             })]
           }), /*#__PURE__*/jsx(Divider, {
@@ -127,22 +128,22 @@ const ControlsInfoPane = ({
           }), /*#__PURE__*/jsxs(Box, {
             sx: controlRowSx,
             children: [/*#__PURE__*/jsx(Typography, {
-              children: strings.look
+              children: strings.LOOK
             }), /*#__PURE__*/jsx(Typography, {
-              children: strings.rightMouse
+              children: strings.RIGHT_MOUSE
             })]
           }), /*#__PURE__*/jsx(Divider, {
             sx: dividerSx
           }), /*#__PURE__*/jsxs(Box, {
             sx: controlRowSx,
             children: [/*#__PURE__*/jsx(Typography, {
-              children: strings.zoom
+              children: strings.ZOOM
             }), /*#__PURE__*/jsxs(Box, {
               sx: rightAlignedTextSx,
               children: [/*#__PURE__*/jsx(Typography, {
-                children: strings.mouseWheel
+                children: strings.MOUSE_WHEEL
               }), /*#__PURE__*/jsx(Typography, {
-                children: strings.pinch
+                children: strings.PINCH
               })]
             })]
           }), /*#__PURE__*/jsx(Divider, {
@@ -150,13 +151,13 @@ const ControlsInfoPane = ({
           }), /*#__PURE__*/jsxs(Box, {
             sx: controlRowSx,
             children: [/*#__PURE__*/jsx(Typography, {
-              children: strings.fly
+              children: strings.FLY
             }), /*#__PURE__*/jsxs(Box, {
               sx: rightAlignedTextSx,
               children: [/*#__PURE__*/jsx(Typography, {
                 children: "WASD"
               }), /*#__PURE__*/jsx(Typography, {
-                children: strings.arrowKeys
+                children: strings.ARROW_KEYS
               })]
             })]
           }), /*#__PURE__*/jsx(Divider, {
@@ -164,25 +165,25 @@ const ControlsInfoPane = ({
           }), /*#__PURE__*/jsxs(Box, {
             sx: controlRowSx,
             children: [/*#__PURE__*/jsx(Typography, {
-              children: strings.flyFaster
+              children: strings.FLY_FASTER
             }), /*#__PURE__*/jsx(Typography, {
-              children: strings.shift
+              children: strings.SHIFT
             })]
           }), /*#__PURE__*/jsx(Divider, {
             sx: dividerSx
           }), /*#__PURE__*/jsxs(Box, {
             sx: controlRowSx,
             children: [/*#__PURE__*/jsx(Typography, {
-              children: strings.flySlower
+              children: strings.FLY_SLOWER
             }), /*#__PURE__*/jsx(Typography, {
-              children: strings.ctrl
+              children: strings.CTRL
             })]
           }), /*#__PURE__*/jsx(Divider, {
             sx: dividerSx
           }), /*#__PURE__*/jsxs(Box, {
             sx: controlRowSx,
             children: [/*#__PURE__*/jsx(Typography, {
-              children: strings.resetCamera
+              children: strings.RESET_CAMERA
             }), /*#__PURE__*/jsx(Typography, {
               children: "R"
             })]

package/components/VirtualWalkthrough/SplatControls.d.ts

@@ -1,24 +1,5 @@
 import { AnnotationProps } from './Annotation';
-import { AnnotationEditPaneStrings } from './AnnotationEditPane';
-import { CameraInfoStrings } from './CameraInfo';
-import { ControlsInfoPaneStrings } from './ControlsInfoPane';
-export interface SplatControlsStrings {
-    addAnnotation: string;
-    deselectAnnotation: string;
-    deleteAnnotation: string;
-    ar: string;
-    vr: string;
-    edit: string;
-    freeFly: string;
-    boundedFly: string;
-    cancel: string;
-    save: string;
-    controlsInfoPane: ControlsInfoPaneStrings;
-    cameraInfo: CameraInfoStrings;
-    annotationEditPane: AnnotationEditPaneStrings;
-}
 export interface SplatControlsProps {
-    strings: SplatControlsStrings;
     defaultCameraPosition?: [number, number, number];
     defaultCameraFocus?: [number, number, number];
     showAnnotations?: boolean;
@@ -48,6 +29,6 @@ export interface SplatControlsProps {
     showFreeFly?: boolean;
     onError?: (error: Error) => void;
 }
-declare const SplatControls: ({ strings, defaultCameraPosition, defaultCameraFocus, showAnnotations, onToggleAnnotations, autoRotate, onToggleAutoRotate, editable, isEdit, onToggleEdit, onSave, onCancel, onAddAnnotation, onDeleteAnnotation, onDeselectAnnotation, hasSelectedAnnotation, selectedAnnotation, selectedAnnotationIndex, onAnnotationUpdate, onTextFieldFocus, maxImagesPerAnnotation, onImagesChange, canSave, isFullScreen, onToggleFullScreen, isFreeFly, onToggleFreeFly, showFreeFly, onError, }: SplatControlsProps) => import("react/jsx-runtime").JSX.Element;
+declare const SplatControls: ({ defaultCameraPosition, defaultCameraFocus, showAnnotations, onToggleAnnotations, autoRotate, onToggleAutoRotate, editable, isEdit, onToggleEdit, onSave, onCancel, onAddAnnotation, onDeleteAnnotation, onDeselectAnnotation, hasSelectedAnnotation, selectedAnnotation, selectedAnnotationIndex, onAnnotationUpdate, onTextFieldFocus, maxImagesPerAnnotation, onImagesChange, canSave, isFullScreen, onToggleFullScreen, isFreeFly, onToggleFreeFly, showFreeFly, onError, }: SplatControlsProps) => import("react/jsx-runtime").JSX.Element;
 export default SplatControls;
 //# sourceMappingURL=SplatControls.d.ts.map

package/components/VirtualWalkthrough/SplatControls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SplatControls.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualWalkthrough/SplatControls.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAA2B,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AACrF,OAAmB,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAyB,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAC;AAE/E,MAAM,WAAW,oBAAoB;IACnC,aAAa,EAAE,MAAM,CAAC;IACtB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,gBAAgB,EAAE,MAAM,CAAC;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,gBAAgB,EAAE,uBAAuB,CAAC;IAC1C,UAAU,EAAE,iBAAiB,CAAC;IAC9B,kBAAkB,EAAE,yBAAyB,CAAC;CAC/C;AAED,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,oBAAoB,CAAC;IAC9B,qBAAqB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IACjD,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9C,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,kBAAkB,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IAC5C,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,kBAAkB,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;IAChE,gBAAgB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAClC;AAED,QAAA,MAAM,aAAa,GAAI,2dA8BpB,kBAAkB,4CAwKpB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"SplatControls.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualWalkthrough/SplatControls.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAK/C,MAAM,WAAW,kBAAkB;IACjC,qBAAqB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IACjD,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9C,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,kBAAkB,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IAC5C,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,kBAAkB,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;IAChE,gBAAgB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAClC;AAED,QAAA,MAAM,aAAa,GAAI,kdA6BpB,kBAAkB,4CAuKpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/components/VirtualWalkthrough/SplatControls.js

@@ -4,6 +4,7 @@ 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';
@@ -14,7 +15,6 @@ import ControlsInfoPane from './ControlsInfoPane.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 const SplatControls = ({
-  strings,
   defaultCameraPosition,
   defaultCameraFocus,
   showAnnotations,
@@ -45,8 +45,10 @@ const SplatControls = ({
   onError
 }) => {
   const theme = useTheme();
+  const strings = useStrings();
   const {
-    isDesktop
+    isDesktop,
+    isMobile
   } = useDeviceInfo();
   const {
     setCamera,
@@ -120,13 +122,13 @@ const SplatControls = ({
         pointerEvents: 'auto'
       },
       children: [!hasSelectedAnnotation && onAddAnnotation && /*#__PURE__*/jsx(Button, {
-        label: strings.addAnnotation,
+        label: strings.ADD_ANNOTATION,
         onClick: onAddAnnotation
       }), hasSelectedAnnotation && onDeselectAnnotation && /*#__PURE__*/jsx(Button, {
-        label: strings.deselectAnnotation,
+        label: strings.DESELECT_ANNOTATION,
         onClick: onDeselectAnnotation
       }), hasSelectedAnnotation && onDeleteAnnotation && /*#__PURE__*/jsx(Button, {
-        label: strings.deleteAnnotation,
+        label: strings.DELETE_ANNOTATION,
         onClick: onDeleteAnnotation
       })]
     }), /*#__PURE__*/jsxs(Box, {
@@ -139,23 +141,23 @@ const SplatControls = ({
         gap: 1,
         pointerEvents: 'auto'
       },
-      children: [isXrAvailable('AR') && !isEdit && /*#__PURE__*/jsx(Button, {
-        label: strings.ar,
+      children: [isMobile && isXrAvailable('AR') && !isEdit && /*#__PURE__*/jsx(Button, {
+        label: strings.AR,
         onClick: () => startXr('AR')
-      }), isXrAvailable('VR') && !isEdit && /*#__PURE__*/jsx(Button, {
-        label: strings.vr,
+      }), !isMobile && isXrAvailable('VR') && !isEdit && /*#__PURE__*/jsx(Button, {
+        label: strings.VR,
         onClick: () => startXr('VR')
       }), isDesktop && editable && !isEdit && onToggleEdit && /*#__PURE__*/jsx(Button, {
-        label: strings.edit,
+        label: strings.EDIT,
         onClick: handleEdit
       }), isDesktop && showFreeFly && !isEdit && onToggleFreeFly && /*#__PURE__*/jsx(Button, {
-        label: isFreeFly ? strings.boundedFly : strings.freeFly,
+        label: isFreeFly ? strings.BOUNDED_FLY : strings.FREE_FLY,
         onClick: onToggleFreeFly
       }), isEdit && onCancel && /*#__PURE__*/jsx(Button, {
-        label: strings.cancel,
+        label: strings.CANCEL,
         onClick: onCancel
       }), isEdit && onSave && /*#__PURE__*/jsx(Button, {
-        label: strings.save,
+        label: strings.SAVE,
         onClick: onSave,
         disabled: !canSave
       })]
@@ -202,7 +204,6 @@ const SplatControls = ({
     }), /*#__PURE__*/jsx(ControlsInfoPane, {
       visible: isInfoVisible,
       paneRef: paneRef,
-      strings: strings.controlsInfoPane,
       showAnnotations: showAnnotations,
       onToggleAnnotations: onToggleAnnotations,
       autoRotate: autoRotate,
@@ -211,13 +212,11 @@ const SplatControls = ({
     }), /*#__PURE__*/jsx(AnnotationEditPane, {
       visible: isEdit === true && hasSelectedAnnotation === true,
       annotation: selectedAnnotation ?? null,
-      strings: strings.annotationEditPane,
       onUpdate: onAnnotationUpdate,
       onTextFieldFocus: onTextFieldFocus,
       maxImages: maxImagesPerAnnotation,
       onImagesChange: onImagesChange
     }, selectedAnnotationIndex), isEdit && /*#__PURE__*/jsx(CameraInfo, {
-      strings: strings.cameraInfo,
       getCameraState: getCameraState
     })]
   });

package/components/VirtualWalkthrough/SplatModel.d.ts

@@ -9,6 +9,11 @@ export interface SplatModelProps {
      */
     splatFormat?: SplatFormat;
     rotation?: [number, number, number];
+    /**
+     * Scale applied to the splat entity. Splat models come out of reconstruction in their own
+     * arbitrary units, so this is what converts them world units.
+     */
+    scaleFactor?: number;
     cropAabbMin?: [number, number, number];
     cropAabbMax?: [number, number, number];
     cropEdgeScaleFactor?: number;
@@ -17,6 +22,6 @@ export interface SplatModelProps {
     revealRain?: boolean;
     onError?: (error: Error) => void;
 }
-declare const _default: React.MemoExoticComponent<({ splatSrc, splatFormat, rotation, cropAabbMin, cropAabbMax, cropEdgeScaleFactor, cropFade, cropFadeDistance, revealRain, onError, }: SplatModelProps) => import("react/jsx-runtime").JSX.Element | null>;
+declare const _default: React.MemoExoticComponent<({ splatSrc, splatFormat, rotation, scaleFactor, cropAabbMin, cropAabbMax, cropEdgeScaleFactor, cropFade, cropFadeDistance, revealRain, onError, }: SplatModelProps) => import("react/jsx-runtime").JSX.Element | null>;
 export default _default;
 //# sourceMappingURL=SplatModel.d.ts.map

package/components/VirtualWalkthrough/SplatModel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SplatModel.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualWalkthrough/SplatModel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAU/C,OAAO,EAAE,WAAW,EAA0C,MAAM,eAAe,CAAC;AAEpF,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IACvC,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IACvC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAClC;yLAaE,eAAe;AAkClB,wBAAgC"}
+{"version":3,"file":"SplatModel.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualWalkthrough/SplatModel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAU/C,OAAO,EAAE,WAAW,EAA0C,MAAM,eAAe,CAAC;AAEpF,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IACvC,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IACvC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAClC;sMAcE,eAAe;AAkClB,wBAAgC"}

package/components/VirtualWalkthrough/SplatModel.js

@@ -13,6 +13,7 @@ const SplatModel = ({
   splatSrc,
   splatFormat,
   rotation,
+  scaleFactor = 1,
   cropAabbMin,
   cropAabbMax,
   cropEdgeScaleFactor,
@@ -47,6 +48,7 @@ const SplatModel = ({
   return /*#__PURE__*/jsxs(Entity, {
     name: "splat",
     rotation: rotation,
+    scale: [scaleFactor, scaleFactor, scaleFactor],
     children: [/*#__PURE__*/jsx(GSplat, {
       asset: asset,
       unified: true

package/components/VirtualWalkthrough/TfAnnotationManager.d.ts

@@ -8,7 +8,6 @@ import { AnnotationIconType } from './Annotation';
 export declare class TfAnnotationManager extends PcAnnotationManager {
     static scriptName: string;
     private _maxWorldSize;
-    private _scratchScale;
     private _customParentDom;
     private _clickHandlersAttached;
     private _hotspotBackgroundColor;
@@ -98,8 +97,8 @@ export declare class TfAnnotationManager extends PcAnnotationManager {
     _updateAnnotationPositions(annotation: any, resources: any, screenPos: any): void;
     /**
      * Override to also disable the hotspot mesh (not just the DOM) when the annotation is behind the
-     * camera. The base implementation leaves the mesh enabled, so a not-yet-scaled plane under a
-     * scaled content-root would stay huge in view until the camera moves the anchor in front.
+     * camera. The base implementation leaves the mesh enabled, so a not-yet-scaled plane would stay
+     * in view at its full unit size until the camera moves the anchor in front.
      * @private
      */
     _hideAnnotationElements(annotation: any, resources: any): void;
@@ -109,12 +108,6 @@ export declare class TfAnnotationManager extends PcAnnotationManager {
      * @private
      */
     _updateAnnotationRotationAndScale(annotation: any): void;
-    /**
-     * World-space uniform scale of the annotation entity's parent (e.g. a scaled
-     * content-root). Returns 1 when there is no parent or it has no scale.
-     * @private
-     */
-    _getParentWorldScale(entity: any): number;
     /**
      * Override to create hotspot texture with custom background color.
      * @private