@evercam/ui 2.0.0-preview-360-viewer-performance-961c4aa21 → 2.0.0-preview-360-viewer-performance-005c08e40

package/dist/components/threeJs/EPanoEcho.vue.d.ts

@@ -0,0 +1,116 @@
+import { PropType } from 'vue';
+import { E3DInitPayload, EVector3 } from '../../types';
+import * as THREE from "three";
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    position: {
+        type: PropType<EVector3 | null>;
+        default: null;
+    };
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: NumberConstructor;
+        default: number;
+    };
+    opacity: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>, {}, {
+    internalId: string;
+    scene: THREE.Scene | null;
+    group: THREE.Group | null;
+    dot: THREE.Mesh<THREE.BufferGeometry, THREE.Material | THREE.Material[]> | null;
+    rings: THREE.Mesh<THREE.BufferGeometry, THREE.Material | THREE.Material[]>[];
+    elapsed: number;
+    arrivedAt: number;
+}, {}, {
+    onInit(payload: E3DInitPayload): void;
+    onDispose(): void;
+    rebuild(): void;
+    applyPosition(): void;
+    applyColor(): void;
+    onFrame({ delta }: {
+        delta: number;
+    }): void;
+    disposeMeshes(): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    position: {
+        type: PropType<EVector3 | null>;
+        default: null;
+    };
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: NumberConstructor;
+        default: number;
+    };
+    opacity: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & Readonly<{}>, {
+    color: string;
+    size: number;
+    opacity: number;
+    position: EVector3 | null;
+}, {}, {
+    E3DObject: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        id: {
+            type: PropType<string>;
+            default: undefined;
+        };
+        clickable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        hoverable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        object3d: {
+            type: PropType<THREE.Object3D<THREE.Event> | null>;
+            default: null;
+        };
+    }>, {}, {
+        initialized: boolean;
+        internalId: string;
+        hasFrameCallback: boolean;
+        hasResizeCallback: boolean;
+    }, {
+        context(): import('../../types').E3DCanvas3DExtended | null;
+        effectiveId(): string;
+    }, {
+        initialize(): void;
+        onFrame(payload: import('../../types').E3DFramePayload): void;
+        onResize(payload: import('../../types').E3DResizePayload): void;
+        cleanup(): void;
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        id: {
+            type: PropType<string>;
+            default: undefined;
+        };
+        clickable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        hoverable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        object3d: {
+            type: PropType<THREE.Object3D<THREE.Event> | null>;
+            default: null;
+        };
+    }>> & Readonly<{}>, {
+        id: string;
+        clickable: boolean;
+        hoverable: boolean;
+        object3d: THREE.Object3D<THREE.Event> | null;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/threeJs/EPanoViewer.vue.d.ts

@@ -362,6 +362,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         y: number;
         z: number;
     } | undefined;
+    echoPosition(): EVector3 | null;
     computedMarkers(): PanoNavMarker[];
     fadeFactors(): number[];
     fadeFactorById(): Record<string, number>;
@@ -794,9 +795,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: boolean;
         };
         animationDuration: {
-            type: (StringConstructor | NumberConstructor)[]; /**
-             * ID of the marker to display initially. Falls back to the first marker if not provided.
-             */
+            type: (StringConstructor | NumberConstructor)[];
             default: number;
         };
         size: {
@@ -832,9 +831,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: boolean;
         };
         animationDuration: {
-            type: (StringConstructor | NumberConstructor)[]; /**
-             * ID of the marker to display initially. Falls back to the first marker if not provided.
-             */
+            type: (StringConstructor | NumberConstructor)[];
             default: number;
         };
         size: {
@@ -1254,7 +1251,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             id: {
                 type: PropType<string>;
                 default: undefined;
-            };
+            }; /**
+             * Position of the performance metrics panel.
+             * @values top-left, top-right, bottom-left, bottom-right
+             */
             clickable: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -1266,7 +1266,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             object3d: {
                 type: PropType<THREE.Object3D<THREE.Event> | null>;
                 default: null;
-            };
+            }; /**
+             * Whether scene-click / scene-pointer-move should raycast against the
+             * pickables (sphere, model). Raycasting a large model or point cloud
+             * tests every triangle/point — disable when no feature consumes the
+             * intersections so click release stays cheap.
+             */
         }>, {}, {
             initialized: boolean;
             internalId: string;
@@ -1284,7 +1289,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             id: {
                 type: PropType<string>;
                 default: undefined;
-            };
+            }; /**
+             * Position of the performance metrics panel.
+             * @values top-left, top-right, bottom-left, bottom-right
+             */
             clickable: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -1296,7 +1304,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             object3d: {
                 type: PropType<THREE.Object3D<THREE.Event> | null>;
                 default: null;
-            };
+            }; /**
+             * Whether scene-click / scene-pointer-move should raycast against the
+             * pickables (sphere, model). Raycasting a large model or point cloud
+             * tests every triangle/point — disable when no feature consumes the
+             * intersections so click release stays cheap.
+             */
         }>> & Readonly<{}>, {
             id: string;
             clickable: boolean;
@@ -1324,7 +1337,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         showDrawCalls: {
             type: BooleanConstructor;
             default: boolean;
-        };
+        }; /**
+         * Show the FPS/performance metrics overlay panel.
+         */
         updateInterval: {
             type: NumberConstructor;
             default: number;
@@ -1334,7 +1349,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: () => {};
         };
     }>, {}, {
-        stats: Stats | null;
+        stats: Stats | null; /**
+         * Optional render-loop FPS cap forwarded to the underlying canvas.
+         * Use `Infinity` (default) or `0` to disable capping.
+         */
         memoryInfo: {
             geometries: number;
             textures: number;
@@ -1376,7 +1394,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         showDrawCalls: {
             type: BooleanConstructor;
             default: boolean;
-        };
+        }; /**
+         * Show the FPS/performance metrics overlay panel.
+         */
         updateInterval: {
             type: NumberConstructor;
             default: number;
@@ -1418,7 +1438,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
         highlightColor: {
             type: StringConstructor;
-            default: string;
+            default: string; /**
+             * Controls how markers and path segments fade based on proximity to the current marker.
+             * @values none, distance, index
+             */
         };
         highlightId: {
             type: StringConstructor;
@@ -1437,7 +1460,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: number;
         };
         opacities: {
-            type: PropType<number[] | null>;
+            type: PropType<number[] | null>; /**
+             * Maximum 3D distance (world units) at which markers fully fade. Only used when `pathFadeMode` is `'distance'`.
+             * Markers closer than this distance interpolate between full opacity and `pathFadeMinOpacity`.
+             */
             default: null;
         };
         hoveredMarkerId: {
@@ -1451,7 +1477,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     }>, {}, {
         internalId: string;
         scene: THREE.Scene | null;
-        instancedMesh: THREE.InstancedMesh<THREE.BufferGeometry, THREE.Material | THREE.Material[]> | null;
+        instancedMesh: THREE.InstancedMesh<THREE.BufferGeometry, THREE.Material | THREE.Material[]> | null; /**
+         * Maximum number of index steps from the current marker at which markers fully fade.
+         * Only used when `pathFadeMode` is `'index'`.
+         */
         sharedGeometry: THREE.CircleGeometry | null;
         sharedMaterial: THREE.MeshBasicMaterial | null;
         instanceAlphaAttr: THREE.InstancedBufferAttribute | null;
@@ -1497,7 +1526,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
         highlightColor: {
             type: StringConstructor;
-            default: string;
+            default: string; /**
+             * Controls how markers and path segments fade based on proximity to the current marker.
+             * @values none, distance, index
+             */
         };
         highlightId: {
             type: StringConstructor;
@@ -1516,7 +1548,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: number;
         };
         opacities: {
-            type: PropType<number[] | null>;
+            type: PropType<number[] | null>; /**
+             * Maximum 3D distance (world units) at which markers fully fade. Only used when `pathFadeMode` is `'distance'`.
+             * Markers closer than this distance interpolate between full opacity and `pathFadeMinOpacity`.
+             */
             default: null;
         };
         hoveredMarkerId: {
@@ -1542,7 +1577,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             id: {
                 type: PropType<string>;
                 default: undefined;
-            };
+            }; /**
+             * Position of the performance metrics panel.
+             * @values top-left, top-right, bottom-left, bottom-right
+             */
             clickable: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -1554,7 +1592,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             object3d: {
                 type: PropType<THREE.Object3D<THREE.Event> | null>;
                 default: null;
-            };
+            }; /**
+             * Whether scene-click / scene-pointer-move should raycast against the
+             * pickables (sphere, model). Raycasting a large model or point cloud
+             * tests every triangle/point — disable when no feature consumes the
+             * intersections so click release stays cheap.
+             */
         }>, {}, {
             initialized: boolean;
             internalId: string;
@@ -1572,7 +1615,100 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             id: {
                 type: PropType<string>;
                 default: undefined;
+            }; /**
+             * Position of the performance metrics panel.
+             * @values top-left, top-right, bottom-left, bottom-right
+             */
+            clickable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            hoverable: {
+                type: BooleanConstructor;
+                default: boolean;
             };
+            object3d: {
+                type: PropType<THREE.Object3D<THREE.Event> | null>;
+                default: null;
+            }; /**
+             * Whether scene-click / scene-pointer-move should raycast against the
+             * pickables (sphere, model). Raycasting a large model or point cloud
+             * tests every triangle/point — disable when no feature consumes the
+             * intersections so click release stays cheap.
+             */
+        }>> & Readonly<{}>, {
+            id: string;
+            clickable: boolean;
+            hoverable: boolean;
+            object3d: THREE.Object3D<THREE.Event> | null;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    EPanoEcho: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        position: {
+            type: PropType<EVector3 | null>;
+            default: null;
+        };
+        color: {
+            type: StringConstructor;
+            default: string;
+        };
+        size: {
+            type: NumberConstructor;
+            default: number;
+        };
+        opacity: {
+            type: NumberConstructor;
+            default: number;
+        };
+    }>, {}, {
+        internalId: string;
+        scene: THREE.Scene | null;
+        group: THREE.Group | null;
+        dot: THREE.Mesh<THREE.BufferGeometry, THREE.Material | THREE.Material[]> | null;
+        rings: THREE.Mesh<THREE.BufferGeometry, THREE.Material | THREE.Material[]>[];
+        elapsed: number;
+        arrivedAt: number;
+    }, {}, {
+        onInit(payload: E3DInitPayload): void;
+        onDispose(): void;
+        rebuild(): void;
+        applyPosition(): void;
+        applyColor(): void;
+        onFrame({ delta }: {
+            delta: number;
+        }): void;
+        disposeMeshes(): void;
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        position: {
+            type: PropType<EVector3 | null>;
+            default: null;
+        };
+        color: {
+            type: StringConstructor;
+            default: string;
+        };
+        size: {
+            type: NumberConstructor;
+            default: number;
+        };
+        opacity: {
+            type: NumberConstructor;
+            default: number;
+        };
+    }>> & Readonly<{}>, {
+        color: string;
+        size: number;
+        opacity: number;
+        position: EVector3 | null;
+    }, {}, {
+        E3DObject: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            id: {
+                type: PropType<string>;
+                default: undefined;
+            }; /**
+             * Position of the performance metrics panel.
+             * @values top-left, top-right, bottom-left, bottom-right
+             */
             clickable: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -1584,7 +1720,50 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             object3d: {
                 type: PropType<THREE.Object3D<THREE.Event> | null>;
                 default: null;
+            }; /**
+             * Whether scene-click / scene-pointer-move should raycast against the
+             * pickables (sphere, model). Raycasting a large model or point cloud
+             * tests every triangle/point — disable when no feature consumes the
+             * intersections so click release stays cheap.
+             */
+        }>, {}, {
+            initialized: boolean;
+            internalId: string;
+            hasFrameCallback: boolean;
+            hasResizeCallback: boolean;
+        }, {
+            context(): E3DCanvas3DExtended | null;
+            effectiveId(): string;
+        }, {
+            initialize(): void;
+            onFrame(payload: import('../../types').E3DFramePayload): void;
+            onResize(payload: import('../../types').E3DResizePayload): void;
+            cleanup(): void;
+        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            id: {
+                type: PropType<string>;
+                default: undefined;
+            }; /**
+             * Position of the performance metrics panel.
+             * @values top-left, top-right, bottom-left, bottom-right
+             */
+            clickable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            hoverable: {
+                type: BooleanConstructor;
+                default: boolean;
             };
+            object3d: {
+                type: PropType<THREE.Object3D<THREE.Event> | null>;
+                default: null;
+            }; /**
+             * Whether scene-click / scene-pointer-move should raycast against the
+             * pickables (sphere, model). Raycasting a large model or point cloud
+             * tests every triangle/point — disable when no feature consumes the
+             * intersections so click release stays cheap.
+             */
         }>> & Readonly<{}>, {
             id: string;
             clickable: boolean;
@@ -1702,7 +1881,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             id: {
                 type: PropType<string>;
                 default: undefined;
-            };
+            }; /**
+             * Position of the performance metrics panel.
+             * @values top-left, top-right, bottom-left, bottom-right
+             */
             clickable: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -1714,7 +1896,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             object3d: {
                 type: PropType<THREE.Object3D<THREE.Event> | null>;
                 default: null;
-            };
+            }; /**
+             * Whether scene-click / scene-pointer-move should raycast against the
+             * pickables (sphere, model). Raycasting a large model or point cloud
+             * tests every triangle/point — disable when no feature consumes the
+             * intersections so click release stays cheap.
+             */
         }>, {}, {
             initialized: boolean;
             internalId: string;
@@ -1732,7 +1919,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             id: {
                 type: PropType<string>;
                 default: undefined;
-            };
+            }; /**
+             * Position of the performance metrics panel.
+             * @values top-left, top-right, bottom-left, bottom-right
+             */
             clickable: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -1744,7 +1934,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             object3d: {
                 type: PropType<THREE.Object3D<THREE.Event> | null>;
                 default: null;
-            };
+            }; /**
+             * Whether scene-click / scene-pointer-move should raycast against the
+             * pickables (sphere, model). Raycasting a large model or point cloud
+             * tests every triangle/point — disable when no feature consumes the
+             * intersections so click release stays cheap.
+             */
         }>> & Readonly<{}>, {
             id: string;
             clickable: boolean;
@@ -1756,9 +1951,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         url: {
             type: StringConstructor;
             required: true;
-        }; /**
-         * When true, clicking a marker emits the event but does not auto-navigate to that marker.
-         */
+        };
         visible: {
             type: BooleanConstructor;
             default: boolean;
@@ -1768,7 +1961,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: string;
         };
         pointSize: {
-            type: NumberConstructor;
+            type: NumberConstructor; /**
+             * When true, clicking a marker emits the event but does not auto-navigate to that marker.
+             */
             default: number;
         };
         pickable: {
@@ -1776,17 +1971,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: boolean;
         };
     }>, {}, {
-        internalId: string; /**
-         * Preserve the drawing buffer for toDataURL() / screenshot support.
-         * Disable for better performance when screenshots are not needed.
-         */
+        internalId: string;
         scene: THREE.Scene | null;
         model: THREE.Object3D<THREE.Event> | null;
         isLoading: boolean;
         loadToken: number;
-        abortController: AbortController | null; /**
-         * External camera state (azimuth, polar, zoom) to apply. Changes are watched and applied immediately.
-         */
+        abortController: AbortController | null;
     }, {
         fileExtension(): string;
     }, {
@@ -1808,9 +1998,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         url: {
             type: StringConstructor;
             required: true;
-        }; /**
-         * When true, clicking a marker emits the event but does not auto-navigate to that marker.
-         */
+        };
         visible: {
             type: BooleanConstructor;
             default: boolean;
@@ -1820,7 +2008,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: string;
         };
         pointSize: {
-            type: NumberConstructor;
+            type: NumberConstructor; /**
+             * When true, clicking a marker emits the event but does not auto-navigate to that marker.
+             */
             default: number;
         };
         pickable: {
@@ -1837,7 +2027,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             id: {
                 type: PropType<string>;
                 default: undefined;
-            };
+            }; /**
+             * Position of the performance metrics panel.
+             * @values top-left, top-right, bottom-left, bottom-right
+             */
             clickable: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -1849,7 +2042,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             object3d: {
                 type: PropType<THREE.Object3D<THREE.Event> | null>;
                 default: null;
-            };
+            }; /**
+             * Whether scene-click / scene-pointer-move should raycast against the
+             * pickables (sphere, model). Raycasting a large model or point cloud
+             * tests every triangle/point — disable when no feature consumes the
+             * intersections so click release stays cheap.
+             */
         }>, {}, {
             initialized: boolean;
             internalId: string;
@@ -1867,7 +2065,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             id: {
                 type: PropType<string>;
                 default: undefined;
-            };
+            }; /**
+             * Position of the performance metrics panel.
+             * @values top-left, top-right, bottom-left, bottom-right
+             */
             clickable: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -1879,7 +2080,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             object3d: {
                 type: PropType<THREE.Object3D<THREE.Event> | null>;
                 default: null;
-            };
+            }; /**
+             * Whether scene-click / scene-pointer-move should raycast against the
+             * pickables (sphere, model). Raycasting a large model or point cloud
+             * tests every triangle/point — disable when no feature consumes the
+             * intersections so click release stays cheap.
+             */
         }>> & Readonly<{}>, {
             id: string;
             clickable: boolean;
@@ -1920,7 +2126,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             id: {
                 type: PropType<string>;
                 default: undefined;
-            };
+            }; /**
+             * Position of the performance metrics panel.
+             * @values top-left, top-right, bottom-left, bottom-right
+             */
             clickable: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -1932,7 +2141,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             object3d: {
                 type: PropType<THREE.Object3D<THREE.Event> | null>;
                 default: null;
-            };
+            }; /**
+             * Whether scene-click / scene-pointer-move should raycast against the
+             * pickables (sphere, model). Raycasting a large model or point cloud
+             * tests every triangle/point — disable when no feature consumes the
+             * intersections so click release stays cheap.
+             */
         }>, {}, {
             initialized: boolean;
             internalId: string;
@@ -1950,7 +2164,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             id: {
                 type: PropType<string>;
                 default: undefined;
-            };
+            }; /**
+             * Position of the performance metrics panel.
+             * @values top-left, top-right, bottom-left, bottom-right
+             */
             clickable: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -1962,7 +2179,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             object3d: {
                 type: PropType<THREE.Object3D<THREE.Event> | null>;
                 default: null;
-            };
+            }; /**
+             * Whether scene-click / scene-pointer-move should raycast against the
+             * pickables (sphere, model). Raycasting a large model or point cloud
+             * tests every triangle/point — disable when no feature consumes the
+             * intersections so click release stays cheap.
+             */
         }>> & Readonly<{}>, {
             id: string;
             clickable: boolean;