@evercam/ui 2.0.0-preview-360-viewer-performance-core-32cb184d4 → 2.0.0-preview-360-viewer-performance-e6e682f76

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

@@ -86,16 +86,37 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: PropType<number[] | null>;
         default: null;
     };
+    /**
+     * Outline colour along the ribbon's edges; empty draws none.
+     */
+    outlineColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Outline thickness in world units.
+     */
+    outlineWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * Mesh name, for looking the ribbon up in the scene.
+     */
+    name: {
+        type: StringConstructor;
+        default: string;
+    };
 }>, {}, {
     mesh: Mesh<BufferGeometry, import('three').Material | import('three').Material[]> | null;
     scene: Scene | null;
-    useShaderMaterial: boolean;
     colorFrame: number;
 }, {}, {
     onInit(payload: E3DInitPayload): void;
     onDispose(): void;
     createMesh(): void;
-    buildRibbonGeometry(perMarkerAlphas?: number[]): BufferGeometry | null;
+    buildRibbonGeometry(): BufferGeometry | null;
+    fillAlpha(alphaArray: Float32Array, capRows: number): void;
     rebuildGeometry(): void;
     fadeToColor(): void;
     materialColor(): Color | null;
@@ -178,8 +199,30 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: PropType<number[] | null>;
         default: null;
     };
+    /**
+     * Outline colour along the ribbon's edges; empty draws none.
+     */
+    outlineColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Outline thickness in world units.
+     */
+    outlineWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * Mesh name, for looking the ribbon up in the scene.
+     */
+    name: {
+        type: StringConstructor;
+        default: string;
+    };
 }>> & Readonly<{}>, {
     color: string;
+    name: string;
     width: number;
     opacity: number;
     closed: boolean;
@@ -188,6 +231,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     renderOrder: number;
     smoothingFactor: number;
     markerOpacities: number[] | null;
+    outlineColor: string;
+    outlineWidth: number;
 }, {}, {
     E3DObject: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         id: {

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

@@ -80,10 +80,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: number;
     };
     /**
-     * Timestamp (from performance.now()) when navigation started.
-     * Used to synchronize crossfade duration with camera movement.
+     * Texture width cap while crossfading (0 = maxTextureWidth); the full one follows.
      */
-    navigationStartTime: {
+    transitionTextureWidth: {
         type: NumberConstructor;
         default: number;
     };
@@ -131,7 +130,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     displayedWidth: number;
     nativeWidth: number | null;
     isUpgrading: boolean;
+    settleTimer: number;
+    settleViewKey: string;
+    settleStillSince: number;
 }, {
+    transitionWidth(): number;
     zoomedWidth(): number;
 }, {
     onInit(payload: E3DInitPayload): void;
@@ -150,6 +153,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     animateTransition(newUrl: string, token: number): void;
     onFrame(): void;
     upgradeWhenZoomedIn(): Promise<void>;
+    settleWhenStill(): void;
+    checkSettle(): void;
+    settleTexture(): void;
+    upgradeTexture(url: string, width: number): Promise<void>;
+    emitTextureQuality(): void;
     completeTransition(newUrl: string): void;
     getSphereGeometry(): THREE.SphereGeometry;
     rebuildGeometry(): void;
@@ -160,7 +168,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     updateRotation(): void;
     disposeMesh(mesh: THREE.Mesh | null): void;
     dispose(): void;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("ready" | "texture-load-start" | "texture-load-end" | "texture-load-error" | "transition-start" | "transition-end")[], "ready" | "texture-load-start" | "texture-load-end" | "texture-load-error" | "transition-start" | "transition-end", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("ready" | "texture-load-start" | "texture-load-end" | "texture-load-error" | "transition-start" | "transition-end" | "crossfade-start" | "texture-quality")[], "ready" | "texture-load-start" | "texture-load-end" | "texture-load-error" | "transition-start" | "transition-end" | "crossfade-start" | "texture-quality", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /**
      * URL of the equirectangular panorama image to display.
      */
@@ -233,10 +241,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: number;
     };
     /**
-     * Timestamp (from performance.now()) when navigation started.
-     * Used to synchronize crossfade duration with camera movement.
+     * Texture width cap while crossfading (0 = maxTextureWidth); the full one follows.
      */
-    navigationStartTime: {
+    transitionTextureWidth: {
         type: NumberConstructor;
         default: number;
     };
@@ -275,6 +282,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     "onTexture-load-error"?: ((...args: any[]) => any) | undefined;
     "onTransition-start"?: ((...args: any[]) => any) | undefined;
     "onTransition-end"?: ((...args: any[]) => any) | undefined;
+    "onCrossfade-start"?: ((...args: any[]) => any) | undefined;
+    "onTexture-quality"?: ((...args: any[]) => any) | undefined;
 }>, {
     transitionDuration: number;
     position: EVector3;
@@ -285,7 +294,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     heightSegments: number;
     transitionStrategy: "none" | "crossfade" | "preview";
     sphereOpacity: number;
-    navigationStartTime: number;
+    transitionTextureWidth: number;
     maxTextureWidth: number;
     fullResolutionFov: number;
     zoomTextureWidth: number;

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

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { E3DCanvas3DExtended, E3DControlsConfig, E3DControlsInstance, E3DInitPayload, E3DPerformanceMetricsPanelPosition, EPanoFadeMode, EPanoViewerMode, EVector3, PanoMarker, PanoViewerCameraEvent, PanoViewerCameraState, PanoViewerConfig, Size } from '../../types';
+import { E3DCanvas3DExtended, E3DControlsConfig, E3DControlsInstance, E3DInitPayload, E3DPerformanceMetricsPanelPosition, EPanoFadeMode, EPanoViewerMode, EVector3, PanoExtraPath, PanoMarker, PanoViewerCameraEvent, PanoViewerCameraState, PanoViewerConfig, Size } from '../../types';
 import { E3DOrbitControls } from './controls/E3DOrbitControls';
 import * as THREE from "three";
 type PanoNavMarker = {
@@ -185,6 +185,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: NumberConstructor;
         default: number;
     };
+    /**
+     * Other paths drawn with the walk's fade, without markers.
+     */
+    extraPaths: {
+        type: PropType<PanoExtraPath[]>;
+        default: () => never[];
+    };
     /**
      * Width of the path ribbon in world units.
      */
@@ -296,7 +303,25 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     currentMarkerId: string | null;
     previousMarkerId: string | null;
     isJumping: boolean;
-    navigationStartTime: number;
+    pendingCameraMove: {
+        from: {
+            x: number;
+            y: number;
+            z: number;
+        };
+        to: {
+            x: number;
+            y: number;
+            z: number;
+        };
+        duration: number;
+    } | null;
+    moveFallbackTimer: number;
+    prepareHoverTimer: number;
+    textureQuality: {
+        width: number;
+        nativeWidth: number | null;
+    };
     isLoading: boolean;
     isTransitioning: boolean;
     Size: typeof Size;
@@ -356,6 +381,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     effectiveSphereOpacity(): number;
     effectivePickables(): THREE.Object3D[];
     containerClasses(): Record<string, boolean>;
+    transitionTextureWidth(): number;
+    textureQualityLabel(): string;
     mergedConfig(): Required<PanoViewerConfig>;
     controlsConfig(): E3DControlsConfig;
     currentMarker(): PanoMarker | null;
@@ -371,7 +398,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     fadeFactorById(): Record<string, number>;
     markerFadeOpacities(): number[] | null;
     pathMarkerOpacities(): number[] | null;
+    extraPathOutlineWidth(): number;
+    extraPathLayers(): Array<{
+        id: string;
+        color: string;
+        opacity: number;
+        outlineColor: string;
+        markers: PanoMarker[];
+        opacities: number[] | null;
+    }>;
 }, {
+    pathOpacityFor(fadeFactor: number, basePathOpacity?: number): number;
     onCanvasReady(ctx: E3DInitPayload & {
         context: E3DCanvas3DExtended;
         container: HTMLElement;
@@ -408,6 +445,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
      */
     preparePanorama(url: string): Promise<void>;
     navigate(markerId: string): void;
+    startCameraMove(): void;
     getCameraState(): PanoViewerCameraEvent;
     setCameraRotation(rotation: {
         x: number;
@@ -645,6 +683,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: NumberConstructor;
         default: number;
     };
+    /**
+     * Other paths drawn with the walk's fade, without markers.
+     */
+    extraPaths: {
+        type: PropType<PanoExtraPath[]>;
+        default: () => never[];
+    };
     /**
      * Width of the path ribbon in world units.
      */
@@ -799,6 +844,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     pathFadeIndexRange: number;
     pathFadeMinOpacity: number;
     pathSmoothingFactor: number;
+    extraPaths: PanoExtraPath[];
     pathWidth: number;
     disableAutoNavigation: boolean;
     disableCursorChange: boolean;
@@ -1153,7 +1199,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: NumberConstructor;
             default: number;
         };
-        navigationStartTime: {
+        transitionTextureWidth: {
             type: NumberConstructor;
             default: number;
         };
@@ -1189,7 +1235,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         displayedWidth: number;
         nativeWidth: number | null;
         isUpgrading: boolean;
+        settleTimer: number;
+        settleViewKey: string;
+        settleStillSince: number;
     }, {
+        transitionWidth(): number;
         zoomedWidth(): number;
     }, {
         onInit(payload: E3DInitPayload): void;
@@ -1208,6 +1258,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         animateTransition(newUrl: string, token: number): void;
         onFrame(): void;
         upgradeWhenZoomedIn(): Promise<void>;
+        settleWhenStill(): void;
+        checkSettle(): void;
+        settleTexture(): void;
+        upgradeTexture(url: string, width: number): Promise<void>;
+        emitTextureQuality(): void;
         completeTransition(newUrl: string): void;
         getSphereGeometry(): THREE.SphereGeometry;
         rebuildGeometry(): void;
@@ -1218,7 +1273,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         updateRotation(): void;
         disposeMesh(mesh: THREE.Mesh<THREE.BufferGeometry, THREE.Material | THREE.Material[]> | null): void;
         dispose(): void;
-    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("ready" | "texture-load-start" | "texture-load-end" | "texture-load-error" | "transition-start" | "transition-end")[], "ready" | "texture-load-start" | "texture-load-end" | "texture-load-error" | "transition-start" | "transition-end", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("ready" | "texture-load-start" | "texture-load-end" | "texture-load-error" | "transition-start" | "transition-end" | "crossfade-start" | "texture-quality")[], "ready" | "texture-load-start" | "texture-load-end" | "texture-load-error" | "transition-start" | "transition-end" | "crossfade-start" | "texture-quality", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         imageUrl: {
             type: StringConstructor;
             required: true;
@@ -1263,7 +1318,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: NumberConstructor;
             default: number;
         };
-        navigationStartTime: {
+        transitionTextureWidth: {
             type: NumberConstructor;
             default: number;
         };
@@ -1290,6 +1345,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         "onTexture-load-error"?: ((...args: any[]) => any) | undefined;
         "onTransition-start"?: ((...args: any[]) => any) | undefined;
         "onTransition-end"?: ((...args: any[]) => any) | undefined;
+        "onCrossfade-start"?: ((...args: any[]) => any) | undefined;
+        "onTexture-quality"?: ((...args: any[]) => any) | undefined;
     }>, {
         transitionDuration: number;
         position: EVector3;
@@ -1300,7 +1357,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         heightSegments: number;
         transitionStrategy: "none" | "crossfade" | "preview";
         sphereOpacity: number;
-        navigationStartTime: number;
+        transitionTextureWidth: number;
         maxTextureWidth: number;
         fullResolutionFov: number;
         zoomTextureWidth: number;
@@ -1943,16 +2000,28 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: PropType<number[] | null>;
             default: null;
         };
+        outlineColor: {
+            type: StringConstructor;
+            default: string;
+        };
+        outlineWidth: {
+            type: NumberConstructor;
+            default: number;
+        };
+        name: {
+            type: StringConstructor;
+            default: string;
+        };
     }>, {}, {
         mesh: THREE.Mesh<THREE.BufferGeometry, THREE.Material | THREE.Material[]> | null;
         scene: THREE.Scene | null;
-        useShaderMaterial: boolean;
         colorFrame: number;
     }, {}, {
         onInit(payload: E3DInitPayload): void;
         onDispose(): void;
         createMesh(): void;
-        buildRibbonGeometry(perMarkerAlphas?: number[] | undefined): THREE.BufferGeometry | null;
+        buildRibbonGeometry(): THREE.BufferGeometry | null;
+        fillAlpha(alphaArray: Float32Array, capRows: number): void;
         rebuildGeometry(): void;
         fadeToColor(): void;
         materialColor(): THREE.Color | null;
@@ -2000,8 +2069,21 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: PropType<number[] | null>;
             default: null;
         };
+        outlineColor: {
+            type: StringConstructor;
+            default: string;
+        };
+        outlineWidth: {
+            type: NumberConstructor;
+            default: number;
+        };
+        name: {
+            type: StringConstructor;
+            default: string;
+        };
     }>> & Readonly<{}>, {
         color: string;
+        name: string;
         width: number;
         opacity: number;
         closed: boolean;
@@ -2010,6 +2092,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         renderOrder: number;
         smoothingFactor: number;
         markerOpacities: number[] | null;
+        outlineColor: string;
+        outlineWidth: number;
     }, {}, {
         E3DObject: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             id: {