@splnlss/3d-story-viewer 0.8.1 → 0.8.2

package/build/{main-CY1MzgxV.js → main-BUCkukV4.js}

@@ -2,7 +2,7 @@ var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 var _a2;
-import { S as ShaderChunk, M as Matrix4, V as Vector3, O as Object3D, a as Vector2, b as Mesh, P as PlaneGeometry, c as ShaderMaterial, R as Ray, E as EventDispatcher$1, d as Plane, e as Raycaster, C as Clock, Q as Quaternion, f as MathUtils, T as TrianglesDrawMode, g as TriangleFanDrawMode, h as TriangleStripDrawMode, L as Loader, i as LoaderUtils, F as FileLoader, j as MeshPhysicalMaterial, k as Color, l as LinearSRGBColorSpace, m as SRGBColorSpace, n as SpotLight, o as PointLight, D as DirectionalLight, I as InstancedMesh, p as InstancedBufferAttribute, B as BufferGeometry, q as TextureLoader, r as ImageBitmapLoader, s as BufferAttribute, t as InterleavedBuffer, u as LinearMipmapLinearFilter, N as NearestMipmapLinearFilter, v as LinearMipmapNearestFilter, w as NearestMipmapNearestFilter, x as LinearFilter, y as NearestFilter, z as RepeatWrapping, A as MirroredRepeatWrapping, G as ClampToEdgeWrapping, H as PointsMaterial, J as Material, K as LineBasicMaterial, U as MeshStandardMaterial, W as DoubleSide, X as MeshBasicMaterial, Y as PropertyBinding, Z as SkinnedMesh, _ as LineSegments, $ as Line, a0 as LineLoop, a1 as Points, a2 as Group$1, a3 as PerspectiveCamera, a4 as OrthographicCamera, a5 as Skeleton, a6 as AnimationClip, a7 as Bone, a8 as InterpolateDiscrete, a9 as InterpolateLinear, aa as InterleavedBufferAttribute, ab as Texture, ac as VectorKeyframeTrack, ad as NumberKeyframeTrack, ae as QuaternionKeyframeTrack, af as ColorManagement, ag as FrontSide, ah as Interpolant, ai as Box3, aj as Sphere, ak as Euler, al as Spherical, am as LoadingManager, an as Frustum, ao as DefaultLoadingManager, ap as Matrix3, aq as TextureUtils, ar as CompressedCubeTexture, as as CompressedArrayTexture, at as CompressedTexture, au as NoColorSpace, av as RGBA_PVRTC_2BPPV1_Format, aw as RGBA_PVRTC_4BPPV1_Format, ax as RGBA_BPTC_Format, ay as RED_GREEN_RGTC2_Format, az as SIGNED_RED_GREEN_RGTC2_Format, aA as RED_RGTC1_Format, aB as SIGNED_RED_RGTC1_Format, aC as RGBA_S3TC_DXT5_Format, aD as RGB_S3TC_DXT1_Format, aE as RGBA_S3TC_DXT1_Format, aF as RGBA_ASTC_6x6_Format, aG as RGBA_ASTC_4x4_Format, aH as SIGNED_RG11_EAC_Format, aI as RG11_EAC_Format, aJ as SIGNED_R11_EAC_Format, aK as R11_EAC_Format, aL as RGB_ETC2_Format, aM as RGBA_ETC2_EAC_Format, aN as RGBFormat, aO as RedFormat, aP as RGFormat, aQ as RGBAFormat, aR as UnsignedByteType, aS as HalfFloatType, aT as UnsignedInt101111Type, aU as UnsignedInt5999Type, aV as UnsignedShortType, aW as FloatType, aX as DataTexture, aY as Data3DTexture, aZ as RGB_PVRTC_4BPPV1_Format, a_ as RGB_ETC1_Format, a$ as RGB_BPTC_UNSIGNED_Format, b0 as Float32BufferAttribute, b1 as LinearMipMapLinearFilter, b2 as Triangle, b3 as CanvasTexture, b4 as WebGLRenderer, b5 as WebGLRenderTarget, b6 as OneFactor, b7 as ZeroFactor, b8 as CustomBlending, b9 as Box2, ba as Matrix2, bb as Vector4, bc as DataTextureLoader, bd as DataUtils, be as REVISION, bf as TextureSource, bg as ImageUtils, bh as Scene, bi as ecefToGeodeticPosition, bj as getEnuBasis, bk as BackSide, bl as BoxGeometry, bm as normalizeLayerOffset, bn as geodeticOffsetToEcefDelta, bo as validateGeodeticPosition, bp as validateTuple, bq as validateScale, br as geodeticToEcefPosition, bs as AgXToneMapping, bt as EquirectangularReflectionMapping, bu as validateRotation, bv as requireFiniteNumber } from "./index-DaqGSC4W.js";
+import { S as ShaderChunk, M as Matrix4, V as Vector3, O as Object3D, a as Vector2, b as Mesh, P as PlaneGeometry, c as ShaderMaterial, R as Ray, E as EventDispatcher$1, d as Plane, e as Raycaster, C as Clock, Q as Quaternion, f as MathUtils, T as TrianglesDrawMode, g as TriangleFanDrawMode, h as TriangleStripDrawMode, L as Loader, i as LoaderUtils, F as FileLoader, j as MeshPhysicalMaterial, k as Color, l as LinearSRGBColorSpace, m as SRGBColorSpace, n as SpotLight, o as PointLight, D as DirectionalLight, I as InstancedMesh, p as InstancedBufferAttribute, B as BufferGeometry, q as TextureLoader, r as ImageBitmapLoader, s as BufferAttribute, t as InterleavedBuffer, u as LinearMipmapLinearFilter, N as NearestMipmapLinearFilter, v as LinearMipmapNearestFilter, w as NearestMipmapNearestFilter, x as LinearFilter, y as NearestFilter, z as RepeatWrapping, A as MirroredRepeatWrapping, G as ClampToEdgeWrapping, H as PointsMaterial, J as Material, K as LineBasicMaterial, U as MeshStandardMaterial, W as DoubleSide, X as MeshBasicMaterial, Y as PropertyBinding, Z as SkinnedMesh, _ as LineSegments, $ as Line, a0 as LineLoop, a1 as Points, a2 as Group$1, a3 as PerspectiveCamera, a4 as OrthographicCamera, a5 as Skeleton, a6 as AnimationClip, a7 as Bone, a8 as InterpolateDiscrete, a9 as InterpolateLinear, aa as InterleavedBufferAttribute, ab as Texture, ac as VectorKeyframeTrack, ad as NumberKeyframeTrack, ae as QuaternionKeyframeTrack, af as ColorManagement, ag as FrontSide, ah as Interpolant, ai as Box3, aj as Sphere, ak as Euler, al as Spherical, am as LoadingManager, an as Frustum, ao as DefaultLoadingManager, ap as Matrix3, aq as TextureUtils, ar as CompressedCubeTexture, as as CompressedArrayTexture, at as CompressedTexture, au as NoColorSpace, av as RGBA_PVRTC_2BPPV1_Format, aw as RGBA_PVRTC_4BPPV1_Format, ax as RGBA_BPTC_Format, ay as RED_GREEN_RGTC2_Format, az as SIGNED_RED_GREEN_RGTC2_Format, aA as RED_RGTC1_Format, aB as SIGNED_RED_RGTC1_Format, aC as RGBA_S3TC_DXT5_Format, aD as RGB_S3TC_DXT1_Format, aE as RGBA_S3TC_DXT1_Format, aF as RGBA_ASTC_6x6_Format, aG as RGBA_ASTC_4x4_Format, aH as SIGNED_RG11_EAC_Format, aI as RG11_EAC_Format, aJ as SIGNED_R11_EAC_Format, aK as R11_EAC_Format, aL as RGB_ETC2_Format, aM as RGBA_ETC2_EAC_Format, aN as RGBFormat, aO as RedFormat, aP as RGFormat, aQ as RGBAFormat, aR as UnsignedByteType, aS as HalfFloatType, aT as UnsignedInt101111Type, aU as UnsignedInt5999Type, aV as UnsignedShortType, aW as FloatType, aX as DataTexture, aY as Data3DTexture, aZ as RGB_PVRTC_4BPPV1_Format, a_ as RGB_ETC1_Format, a$ as RGB_BPTC_UNSIGNED_Format, b0 as Float32BufferAttribute, b1 as LinearMipMapLinearFilter, b2 as Triangle, b3 as CanvasTexture, b4 as WebGLRenderer, b5 as WebGLRenderTarget, b6 as OneFactor, b7 as ZeroFactor, b8 as CustomBlending, b9 as Box2, ba as Matrix2, bb as Vector4, bc as DataTextureLoader, bd as DataUtils, be as REVISION, bf as TextureSource, bg as ImageUtils, bh as Scene, bi as ecefToGeodeticPosition, bj as getEnuBasis, bk as BackSide, bl as BoxGeometry, bm as normalizeLayerOffset, bn as geodeticOffsetToEcefDelta, bo as validateGeodeticPosition, bp as validateTuple, bq as validateScale, br as geodeticToEcefPosition, bs as enuToEcefDelta, bt as RingGeometry, bu as AgXToneMapping, bv as EquirectangularReflectionMapping, bw as validateRotation, bx as requireFiniteNumber } from "./index-BgprA821.js";
 var bayer_dither_hash_pars_default$1 = "#ifdef USE_HASH\nuniform float hashOpacity;varying float vCameraDistance;float bayerDitherPattern(vec2 p){float bayerMatrix[16];bayerMatrix[0]=0.0;bayerMatrix[1]=8.0;bayerMatrix[2]=2.0;bayerMatrix[3]=10.0;bayerMatrix[4]=12.0;bayerMatrix[5]=4.0;bayerMatrix[6]=14.0;bayerMatrix[7]=6.0;bayerMatrix[8]=3.0;bayerMatrix[9]=11.0;bayerMatrix[10]=1.0;bayerMatrix[11]=9.0;bayerMatrix[12]=15.0;bayerMatrix[13]=7.0;bayerMatrix[14]=13.0;bayerMatrix[15]=5.0;int x=int(mod(p.x,4.0));int y=int(mod(p.y,4.0));int index=x+y*4;return bayerMatrix[index]/16.0;}\n#endif\n";
 var bayer_dither_hash_default$1 = "#ifdef USE_HASH\nfloat hashAmount=smoothstep(5e4,1e2,vCameraDistance)*0.75+0.1;float ditherValue=bayerDitherPattern(gl_FragCoord.xy);if(hashAmount<ditherValue){discard;}\n#endif\n";
 var bayer_dither_hash_pars_default = "#ifdef USE_HASH\nvarying float vCameraDistance;\n#endif\n";
@@ -156,7 +156,7 @@ class CSS2DRenderer {
 }
 let sparkPromise = null;
 function loadSpark() {
-  sparkPromise ?? (sparkPromise = import("./spark.module-BGYmUUum.js").catch((error) => {
+  sparkPromise ?? (sparkPromise = import("./spark.module-T7c-X7OV.js").catch((error) => {
     sparkPromise = null;
     throw error;
   }));
@@ -7711,8 +7711,14 @@ class TileDecoders {
     this.disposed = false;
   }
   getDraco() {
+    var _a3, _b2;
     if (this.disposed) throw new Error("Tile decoders disposed");
-    return this.draco ?? (this.draco = managedLoader(new DRACOLoader(), "_initDecoder", "decodeGeometry", "decoderPending"));
+    if (!this.draco) {
+      const loader = new DRACOLoader();
+      if ((_b2 = (_a3 = globalThis.navigator) == null ? void 0 : _a3.userAgent) == null ? void 0 : _b2.includes("OculusBrowser/")) loader.decoderConfig.type = "js";
+      this.draco = managedLoader(loader, "_initDecoder", "decodeGeometry", "decoderPending");
+    }
+    return this.draco;
   }
   getKTX2() {
     if (this.disposed) throw new Error("Tile decoders disposed");
@@ -7730,6 +7736,17 @@ class TileDecoders {
     (_b2 = this.ktx2) == null ? void 0 : _b2.dispose();
   }
 }
+function updateTilesCamera(tiles, camera, renderer) {
+  var _a3;
+  tiles.setCamera(camera);
+  const eye = ((_a3 = renderer.xr) == null ? void 0 : _a3.isPresenting) ? renderer.xr.getCamera().cameras[0] : null;
+  const viewport = eye == null ? void 0 : eye.viewport;
+  if (viewport && viewport.width > 0 && viewport.height > 0) {
+    tiles.setResolution(camera, viewport.width, viewport.height);
+  } else {
+    tiles.setResolutionFromRenderer(camera, renderer);
+  }
+}
 var i = class {
   constructor(e = {}) {
     let { apiToken: t2, autoRefreshToken: n2 = false } = e;
@@ -11093,8 +11110,7 @@ class GlobeManager extends EventDispatcher {
       })
     );
     this.scene.add(this.tiles.group);
-    this.tiles.setResolutionFromRenderer(this.camera, this.renderer);
-    this.tiles.setCamera(this.camera);
+    updateTilesCamera(this.tiles, this.camera, this.renderer);
     this.tiles.addEventListener("load-model", ({ scene }) => {
       scene.traverse((c3) => {
         if (Array.isArray(c3.material)) {
@@ -11108,8 +11124,7 @@ class GlobeManager extends EventDispatcher {
   }
   update() {
     if (!this.tiles) return;
-    this.tiles.setResolutionFromRenderer(this.camera, this.renderer);
-    this.tiles.setCamera(this.camera);
+    updateTilesCamera(this.tiles, this.camera, this.renderer);
     this.tiles.errorTarget = 20;
     this.tiles.update();
   }
@@ -14578,8 +14593,7 @@ class TilesLayer extends ContentLayer {
       tiles.parseQueue = this.firstSet.parseQueue;
       tiles.processNodeQueue = this.firstSet.processNodeQueue;
     }
-    tiles.setCamera(this.camera);
-    tiles.setResolutionFromRenderer(this.camera, this.renderer);
+    updateTilesCamera(tiles, this.camera, this.renderer);
     tiles.addEventListener("load-model", (event) => {
       var _a3;
       if (hasOffset && !offsetApplied) {
@@ -14629,7 +14643,10 @@ class TilesLayer extends ContentLayer {
   }
   update() {
     super.update();
-    if (this.visible) this.tiles.update();
+    if (this.visible) {
+      updateTilesCamera(this.tiles, this.camera, this.renderer);
+      this.tiles.update();
+    }
   }
   dispose() {
     super.dispose();
@@ -15167,8 +15184,9 @@ function raycastSurfaces(viewer, raycaster, options = {}) {
       return;
     }
     const hits = [];
-    (_b3 = object.raycast) == null ? void 0 : _b3.call(object, raycaster, hits);
+    const traverseChildren = (_b3 = object.raycast) == null ? void 0 : _b3.call(object, raycaster, hits);
     for (const hit of hits) accept(hit, kind, layerId);
+    if (traverseChildren === false) return;
     for (const child of object.children) visit(child, kind, layerId);
   };
   const previousMask = raycaster.layers.mask;
@@ -15192,6 +15210,653 @@ function raycastSurfaces(viewer, raycaster, options = {}) {
   }
   return nearest;
 }
+const normalizeDegrees = (degrees) => (degrees % 360 + 360) % 360;
+class XRPlayerRig {
+  /** @param {Matrix4} initialCameraWorld @param {XRRigidTransform} initialHeadPose */
+  constructor(initialCameraWorld, initialHeadPose) {
+    this.headLocal = new Matrix4().fromArray(initialHeadPose.matrix);
+    const cameraPosition = new Vector3().setFromMatrixPosition(initialCameraWorld);
+    const geo = ecefToGeodeticPosition(...cameraPosition.toArray());
+    const { east, north, up } = getEnuBasis(geo.lon, geo.lat);
+    const eastAxis = new Vector3().fromArray(east);
+    const northAxis = new Vector3().fromArray(north);
+    const cameraForward = new Vector3(0, 0, -1).transformDirection(initialCameraWorld);
+    const desktopHeading = Math.atan2(cameraForward.dot(eastAxis), cameraForward.dot(northAxis));
+    const trackedForward = new Vector3(0, 0, -1).transformDirection(this.headLocal);
+    const trackedHeading = Math.atan2(trackedForward.x, -trackedForward.z);
+    this.worldFromLocal = new Matrix4().makeBasis(eastAxis, new Vector3().fromArray(up), northAxis.negate()).multiply(new Matrix4().makeRotationY(trackedHeading - desktopHeading));
+    const headOffset = new Vector3().setFromMatrixPosition(this.headLocal).applyMatrix4(this.worldFromLocal);
+    this.worldFromLocal.setPosition(cameraPosition.sub(headOffset));
+    this.anchor = this.getHeadPose().geodetic;
+  }
+  /** @param {XRRigidTransform} pose */
+  updateHeadPose(pose) {
+    this.headLocal.fromArray(pose.matrix);
+  }
+  getWorldFromLocalMatrix() {
+    return this.worldFromLocal.clone();
+  }
+  getWorldHeadMatrix() {
+    return this.worldFromLocal.clone().multiply(this.headLocal);
+  }
+  /** @returns {XRHeadPose} WGS84 degrees, ellipsoidal altitude metres, ECEF metres, local-floor metres. */
+  getHeadPose() {
+    const world = this.getWorldHeadMatrix();
+    const position = new Vector3().setFromMatrixPosition(world);
+    const geo = ecefToGeodeticPosition(...position.toArray());
+    const basis = getEnuBasis(geo.lon, geo.lat);
+    const forward = new Vector3(0, 0, -1).transformDirection(world);
+    const headingDegrees = normalizeDegrees(Math.atan2(forward.dot(new Vector3().fromArray(basis.east)), forward.dot(new Vector3().fromArray(basis.north))) * 180 / Math.PI);
+    return {
+      worldEcef: position.toArray(),
+      geodetic: { longitude: geo.lon, latitude: geo.lat, altitude: geo.alt },
+      headingDegrees,
+      localHeadOffset: new Vector3().setFromMatrixPosition(this.headLocal).toArray()
+    };
+  }
+  getNavigationFrame() {
+    const { longitude, latitude, altitude } = this.anchor;
+    const basis = getEnuBasis(longitude, latitude);
+    const frame = new Matrix4().makeBasis(new Vector3().fromArray(basis.east), new Vector3().fromArray(basis.up), new Vector3().fromArray(basis.north).negate());
+    frame.setPosition(new Vector3().fromArray(geodeticToEcefPosition(longitude, latitude, altitude)));
+    return frame;
+  }
+  /** Convert the copied WebXR target-ray transform to ECEF metres. */
+  getControllerWorldRay(controller) {
+    var _a3, _b2;
+    const ray = controller == null ? void 0 : controller.ray;
+    if (!ray || ((_a3 = ray.position) == null ? void 0 : _a3.length) !== 3 || ((_b2 = ray.orientation) == null ? void 0 : _b2.length) !== 4 || ![...ray.position, ...ray.orientation].every(Number.isFinite)) return null;
+    const orientation = new Quaternion(...ray.orientation);
+    if (orientation.lengthSq() < 1e-12) return null;
+    const world = this.getWorldFromLocalMatrix();
+    const origin = new Vector3(...ray.position).applyMatrix4(world);
+    const direction = new Vector3(0, 0, -1).applyQuaternion(orientation.normalize()).transformDirection(world);
+    return { origin: origin.toArray(), direction: direction.toArray() };
+  }
+  /**
+   * Places the tracked head at a WGS84 ellipsoidal position plus ENU metres.
+   * Heading is clockwise degrees from true north. Physical room-scale motion remains tracked.
+   */
+  setPose({ anchor, east = 0, north = 0, up = 0, headingDegrees }) {
+    const head = this.getHeadPose();
+    const target = new Vector3().fromArray(geodeticToEcefPosition(anchor.longitude, anchor.latitude, anchor.altitude));
+    target.add(new Vector3().fromArray(enuToEcefDelta([east, north, up], anchor.longitude, anchor.latitude)));
+    const delta = target.clone().sub(new Vector3().fromArray(head.worldEcef));
+    this.worldFromLocal.setPosition(new Vector3().setFromMatrixPosition(this.worldFromLocal).add(delta));
+    if (Number.isFinite(headingDegrees)) {
+      let turn = normalizeDegrees(headingDegrees - head.headingDegrees);
+      if (turn > 180) turn -= 360;
+      if (Math.abs(turn) > 1e-10) {
+        const upAxis = new Vector3().fromArray(getEnuBasis(anchor.longitude, anchor.latitude).up);
+        const rotation = new Matrix4().makeRotationFromQuaternion(new Quaternion().setFromAxisAngle(upAxis, -turn * Math.PI / 180));
+        this.worldFromLocal.premultiply(new Matrix4().makeTranslation(-target.x, -target.y, -target.z));
+        this.worldFromLocal.premultiply(rotation);
+        this.worldFromLocal.premultiply(new Matrix4().makeTranslation(target.x, target.y, target.z));
+      }
+    }
+    const anchorEcef = new Vector3().fromArray(geodeticToEcefPosition(this.anchor.longitude, this.anchor.latitude, this.anchor.altitude));
+    if (target.distanceTo(anchorEcef) > 100) this.reanchor(headingDegrees);
+  }
+  reanchor(headingDegrees) {
+    const head = this.getHeadPose();
+    const { longitude, latitude } = head.geodetic;
+    const { east, north, up } = getEnuBasis(longitude, latitude);
+    const trackedForward = new Vector3(0, 0, -1).transformDirection(this.headLocal);
+    const trackedHeading = Math.atan2(trackedForward.x, -trackedForward.z);
+    const worldHeading = (Number.isFinite(headingDegrees) ? headingDegrees : head.headingDegrees) * Math.PI / 180;
+    const frame = new Matrix4().makeBasis(new Vector3().fromArray(east), new Vector3().fromArray(up), new Vector3().fromArray(north).negate()).multiply(new Matrix4().makeRotationY(trackedHeading - worldHeading));
+    const localOffset = new Vector3().setFromMatrixPosition(this.headLocal).applyMatrix4(frame);
+    frame.setPosition(new Vector3(...head.worldEcef).sub(localOffset));
+    this.worldFromLocal.copy(frame);
+    this.anchor = head.geodetic;
+  }
+}
+const HEAD_LOCAL_OFFSET = new Matrix4().makeTranslation(0, 0, -0.5);
+class XRComfortOverlay {
+  constructor() {
+    this.material = new ShaderMaterial({
+      transparent: true,
+      depthTest: false,
+      depthWrite: false,
+      side: DoubleSide,
+      uniforms: { vignette: { value: 0 }, limit: { value: 0 }, fade: { value: 0 } },
+      vertexShader: "varying vec2 uvOut; void main() { uvOut = uv; gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0); }",
+      fragmentShader: "varying vec2 uvOut; uniform float vignette; uniform float limit; uniform float fade; void main() { float edge = smoothstep(0.48, 1.0, length((uvOut - 0.5) * 2.0)); vec3 color = limit > 2.5 ? vec3(0.2, 0.65, 1.0) : limit > 1.5 ? vec3(0.95, 0.65, 0.12) : vec3(0.95, 0.3, 0.08); float alpha = limit > 0.5 ? 0.48 : vignette; gl_FragColor = vec4(mix(limit > 0.5 ? color : vec3(0.0), vec3(0.0), fade), max(edge * alpha, fade)); }"
+    });
+    this.mesh = new Mesh(new PlaneGeometry(2.5, 2.5), this.material);
+    this.mesh.matrixAutoUpdate = false;
+    this.mesh.layers.set(31);
+    this.mesh.renderOrder = 10001;
+    this.mesh.visible = false;
+    this.moving = false;
+    this.navigationLimit = null;
+    this.fade = 0;
+  }
+  setNavigationLimit(reason) {
+    const next = reason === "floor" || reason === "unknown" || reason === "loading" ? reason : null;
+    if (this.navigationLimit === next) return false;
+    this.navigationLimit = next;
+    return true;
+  }
+  setFade(opacity) {
+    this.fade = Number.isFinite(opacity) ? Math.min(1, Math.max(0, opacity)) : 0;
+  }
+  update(headMatrix) {
+    this.mesh.matrix.copy(headMatrix).multiply(HEAD_LOCAL_OFFSET);
+    this.mesh.matrixWorldNeedsUpdate = true;
+    this.material.uniforms.vignette.value = this.moving ? 0.65 : 0;
+    this.material.uniforms.limit.value = this.navigationLimit === "floor" ? 1 : this.navigationLimit === "unknown" ? 2 : this.navigationLimit === "loading" ? 3 : 0;
+    this.material.uniforms.fade.value = this.fade;
+    this.mesh.visible = this.moving || this.navigationLimit !== null || this.fade > 0;
+  }
+  dispose() {
+    this.mesh.geometry.dispose();
+    this.material.dispose();
+  }
+}
+const COLORS = { valid: 5242789, blocked: 16747366, unknown: 16765802 };
+class XRNavigationCue {
+  constructor(scene) {
+    this.scene = scene;
+    this.group = new Group$1();
+    this.group.name = "XRNavigationCue";
+    this.group.matrixAutoUpdate = false;
+    this.group.visible = false;
+    this.scene.add(this.group);
+  }
+  set(cue) {
+    this.clearChildren();
+    if (!cue) {
+      this.group.visible = false;
+      return;
+    }
+    const { anchor, arc, marker, state } = cue;
+    if (!anchor || ![anchor.longitude, anchor.latitude, anchor.altitude].every(Number.isFinite) || !Array.isArray(arc) || arc.length > 17 || !["valid", "blocked", "unknown"].includes(state)) {
+      this.group.visible = false;
+      return;
+    }
+    const basis = getEnuBasis(anchor.longitude, anchor.latitude);
+    const east = new Vector3().fromArray(basis.east);
+    const up = new Vector3().fromArray(basis.up);
+    const south = new Vector3().fromArray(basis.north).negate();
+    this.group.matrix.copy(new Matrix4().makeBasis(east, up, south));
+    this.group.matrix.setPosition(...geodeticToEcefPosition(anchor.longitude, anchor.latitude, anchor.altitude));
+    this.group.updateMatrixWorld(true);
+    const color = COLORS[state];
+    if (arc.length >= 2 && arc.every((point) => (point == null ? void 0 : point.length) === 3 && point.every(Number.isFinite))) {
+      const geometry = new BufferGeometry();
+      geometry.setAttribute("position", new Float32BufferAttribute(arc.flatMap(([e, n2, u2]) => [e, u2, -n2]), 3));
+      const line = new Line(geometry, new LineBasicMaterial({ color, depthTest: true, depthWrite: false }));
+      line.layers.set(0);
+      this.group.add(line);
+    }
+    if ((marker == null ? void 0 : marker.length) === 3 && marker.every(Number.isFinite)) {
+      const ring = new Mesh(new RingGeometry(0.13, 0.19, 24), new MeshBasicMaterial({ color, side: DoubleSide, depthTest: true, depthWrite: false }));
+      ring.rotation.x = -Math.PI / 2;
+      ring.position.set(marker[0], marker[2] + 0.03, -marker[1]);
+      ring.layers.set(0);
+      this.group.add(ring);
+      const stem = new BufferGeometry().setFromPoints([new Vector3(marker[0], marker[2] + 0.03, -marker[1]), new Vector3(marker[0], marker[2] + 0.23, -marker[1])]);
+      const whisker = new Line(stem, new LineBasicMaterial({ color, depthTest: true, depthWrite: false }));
+      whisker.layers.set(0);
+      this.group.add(whisker);
+    }
+    this.group.visible = this.group.children.length > 0;
+  }
+  clearChildren() {
+    var _a3, _b2;
+    for (const child of [...this.group.children]) {
+      this.group.remove(child);
+      (_a3 = child.geometry) == null ? void 0 : _a3.dispose();
+      (_b2 = child.material) == null ? void 0 : _b2.dispose();
+    }
+  }
+  dispose() {
+    this.clearChildren();
+    this.scene.remove(this.group);
+  }
+}
+const cesiumLogoUrl = "data:image/png;base64,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";
+const googleLogoUrl = "data:image/png;base64,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";
+const HEAD_PANEL_OFFSET = new Matrix4().makeTranslation(-0.35, -0.55, -1.2);
+function attributionText(tileAttributions = [], terrainCredits = []) {
+  const values = [
+    ...tileAttributions.filter(({ type, value }) => type === "string" && typeof value === "string").map(({ value }) => value),
+    ...terrainCredits.filter((value) => typeof value === "string")
+  ];
+  return [...new Set(values.map((value) => value.replace(/<[^>]+>/g, "").replace(/&amp;/g, "&").replace(/&nbsp;/g, " ").replace(/&lt;/g, "<").replace(/&gt;/g, ">").trim()).filter(Boolean))];
+}
+function wrap(ctx, value, maxWidth) {
+  const lines = [];
+  let line = "";
+  const words = value.split(/\s+/).flatMap((word) => {
+    if (ctx.measureText(word).width <= maxWidth) return [word];
+    const pieces = [];
+    let piece = "";
+    for (const character of word) {
+      if (piece && ctx.measureText(piece + character).width > maxWidth) {
+        pieces.push(piece);
+        piece = "";
+      }
+      piece += character;
+    }
+    if (piece) pieces.push(piece);
+    return pieces;
+  });
+  for (const word of words) {
+    const candidate = line ? `${line} ${word}` : word;
+    if (line && ctx.measureText(candidate).width > maxWidth) {
+      lines.push(line);
+      line = word;
+    } else line = candidate;
+  }
+  if (line) lines.push(line);
+  return lines;
+}
+function layoutAttributionLines(ctx, values) {
+  const lines = values.flatMap((value) => wrap(ctx, value, 540));
+  const rows = Math.max(1, Math.ceil(lines.length / 2));
+  const lineHeight = Math.min(38, 230 / rows);
+  const fontSize = Math.min(32, lineHeight - 4);
+  return lines.map((text, index) => ({
+    text,
+    x: index < rows ? 30 : 630,
+    y: 120 + index % rows * lineHeight,
+    fontSize
+  }));
+}
+class XRAttributionPanel {
+  constructor() {
+    const canvas = document.createElement("canvas");
+    canvas.width = 1200;
+    canvas.height = 360;
+    this.canvas = canvas;
+    this.context = canvas.getContext("2d");
+    this.texture = new CanvasTexture(canvas);
+    this.texture.colorSpace = SRGBColorSpace;
+    this.mesh = new Mesh(new PlaneGeometry(1.1, 0.33), new MeshBasicMaterial({ map: this.texture, transparent: true, depthTest: false, depthWrite: false, side: DoubleSide, toneMapped: false }));
+    this.mesh.name = "XRAttributionPanel";
+    this.mesh.matrixAutoUpdate = false;
+    this.mesh.layers.set(31);
+    this.mesh.renderOrder = 10002;
+    this.terrainCredits = [];
+    this.lastText = "";
+    this.lastTileCheckMs = -Infinity;
+    this.tileCredits = [];
+    this.logos = [];
+    for (const url of [cesiumLogoUrl, googleLogoUrl]) {
+      const image = new Image();
+      image.onload = () => this.draw();
+      image.src = url;
+      this.logos.push(image);
+    }
+    this.draw();
+  }
+  setTerrainCredits(credits) {
+    this.terrainCredits = Array.isArray(credits) ? credits : [];
+    this.draw();
+  }
+  update(headMatrix, tiles, timeMs) {
+    var _a3;
+    this.mesh.matrix.copy(headMatrix).multiply(HEAD_PANEL_OFFSET);
+    this.mesh.matrixWorldNeedsUpdate = true;
+    if (timeMs - this.lastTileCheckMs >= 1e3) {
+      this.lastTileCheckMs = timeMs;
+      this.tileCredits = ((_a3 = tiles == null ? void 0 : tiles.getAttributions) == null ? void 0 : _a3.call(tiles)) ?? [];
+      this.draw();
+    }
+  }
+  draw() {
+    var _a3, _b2;
+    const ctx = this.context;
+    if (!ctx) return;
+    const lines = attributionText(this.tileCredits, this.terrainCredits);
+    const signature = lines.join("\n") + ":" + this.logos.map((logo) => logo.complete && logo.naturalWidth > 0).join(",");
+    if (signature === this.lastText) return;
+    this.lastText = signature;
+    ctx.clearRect(0, 0, 1200, 360);
+    ctx.fillStyle = "rgba(255,255,255,0.82)";
+    ctx.fillRect(0, 0, 1200, 360);
+    ctx.fillStyle = "#1b2430";
+    ctx.font = "bold 28px Arial, sans-serif";
+    if (((_a3 = this.logos[0]) == null ? void 0 : _a3.complete) && this.logos[0].naturalWidth > 0) ctx.drawImage(this.logos[0], 30, 22, 294, 50);
+    else ctx.fillText("Cesium ion", 30, 61);
+    if (((_b2 = this.logos[1]) == null ? void 0 : _b2.complete) && this.logos[1].naturalWidth > 0) ctx.drawImage(this.logos[1], 390, 28, 272, 50);
+    else ctx.fillText("Google Maps", 390, 61);
+    ctx.font = "32px Arial, sans-serif";
+    for (const line of layoutAttributionLines(ctx, lines.length ? lines : ["Google Maps 3D Tiles"])) {
+      ctx.font = `${line.fontSize}px Arial, sans-serif`;
+      ctx.fillText(line.text, line.x, line.y);
+    }
+    this.texture.needsUpdate = true;
+  }
+  dispose() {
+    this.mesh.geometry.dispose();
+    this.mesh.material.dispose();
+    this.texture.dispose();
+  }
+}
+function createXRRenderBridge(viewer, initialHeadPose, { showAttribution = true } = {}) {
+  const { camera, renderer } = viewer;
+  if (camera.parent !== null) throw new Error("WebXR camera bridge requires an unparented viewer camera");
+  camera.updateMatrixWorld(true);
+  const rig = new XRPlayerRig(camera.matrixWorld, initialHeadPose);
+  const anchor = new Group$1();
+  anchor.matrixAutoUpdate = false;
+  anchor.matrix.copy(rig.getWorldFromLocalMatrix());
+  anchor.updateMatrixWorld(true);
+  viewer.scene.add(anchor);
+  const originalRender = renderer.render;
+  const originalCameraAutoUpdate = renderer.xr.cameraAutoUpdate;
+  let currentHead = camera.matrix.clone().fromArray(initialHeadPose.matrix);
+  let disposed = false;
+  const comfort = new XRComfortOverlay();
+  const attribution = !showAttribution || typeof document === "undefined" || typeof Image === "undefined" ? null : new XRAttributionPanel();
+  const navigationCue = new XRNavigationCue(viewer.scene);
+  anchor.add(comfort.mesh);
+  if (attribution) anchor.add(attribution.mesh);
+  const restoreWorldPose = (world) => {
+    if (camera.parent === anchor) anchor.remove(camera);
+    world.decompose(camera.position, camera.quaternion, camera.scale);
+    camera.updateMatrixWorld(true);
+  };
+  const renderBridge = (scene, renderCamera) => {
+    var _a3;
+    if (disposed || renderCamera !== camera) return originalRender.call(renderer, scene, renderCamera);
+    camera.updateMatrixWorld(true);
+    const worldBeforeRender = camera.matrixWorld.clone();
+    anchor.matrix.copy(rig.getWorldFromLocalMatrix());
+    anchor.updateMatrixWorld(true);
+    comfort.update(currentHead);
+    attribution == null ? void 0 : attribution.update(currentHead, (_a3 = viewer.globeManager) == null ? void 0 : _a3.tiles, performance.now());
+    anchor.add(camera);
+    currentHead.decompose(camera.position, camera.quaternion, camera.scale);
+    camera.updateMatrixWorld(true);
+    try {
+      if (renderer.xr.isPresenting) {
+        renderer.xr.cameraAutoUpdate = false;
+        renderer.xr.updateCamera(camera);
+        const xrCamera = renderer.xr.getCamera();
+        xrCamera.layers.mask = camera.layers.mask;
+        for (const eye of xrCamera.cameras) eye.layers.mask = camera.layers.mask;
+      }
+      return originalRender.call(renderer, scene, renderCamera);
+    } finally {
+      restoreWorldPose(worldBeforeRender);
+    }
+  };
+  renderer.render = renderBridge;
+  return {
+    getHeadPose: () => rig.getHeadPose(),
+    getControllerWorldRay: (controller) => rig.getControllerWorldRay(controller),
+    setNavigationCue: (cue) => navigationCue.set(cue),
+    setTerrainCredits: (credits) => attribution == null ? void 0 : attribution.setTerrainCredits(credits),
+    setPlayerPose(pose) {
+      if (disposed) return;
+      rig.setPose(pose);
+      restoreWorldPose(rig.getWorldHeadMatrix());
+    },
+    hasUi() {
+      return Boolean(attribution) || comfort.moving || comfort.navigationLimit !== null || comfort.fade > 0;
+    },
+    setNavigationLimit(reason) {
+      if (comfort.setNavigationLimit(reason)) comfort.update(currentHead);
+    },
+    setComfortMoving(moving) {
+      comfort.moving = Boolean(moving);
+      comfort.update(currentHead);
+    },
+    setFade(opacity) {
+      comfort.setFade(opacity);
+      comfort.update(currentHead);
+    },
+    updateHeadPose(pose) {
+      if (disposed) return;
+      currentHead = camera.matrix.clone().fromArray(pose.matrix);
+      rig.updateHeadPose(pose);
+      comfort.update(currentHead);
+      restoreWorldPose(rig.getWorldHeadMatrix());
+    },
+    dispose() {
+      if (disposed) return;
+      disposed = true;
+      renderer.xr.cameraAutoUpdate = originalCameraAutoUpdate;
+      if (renderer.render === renderBridge) renderer.render = originalRender;
+      if (camera.parent === anchor) restoreWorldPose(rig.getWorldHeadMatrix());
+      anchor.remove(comfort.mesh);
+      comfort.dispose();
+      if (attribution) {
+        anchor.remove(attribution.mesh);
+        attribution.dispose();
+      }
+      navigationCue.dispose();
+      viewer.scene.remove(anchor);
+    }
+  };
+}
+class WebXRSession {
+  /** @param {import('./index.js').default} viewer @param {{ onFrame?: (input: { time: number, frame: XRFrame, pose: XRViewerPose }) => void, onStateChange?: (active: boolean) => void, showAttribution?: boolean }} [options] */
+  constructor(viewer, options = {}) {
+    this.viewer = viewer;
+    this.onFrame = options.onFrame;
+    this.onStateChange = options.onStateChange;
+    this.showAttribution = options.showAttribution !== false;
+    this.session = null;
+    this.starting = null;
+    this.bridge = null;
+    this.desktop = null;
+    this.sparkProfiles = /* @__PURE__ */ new Map();
+    this.disposed = false;
+    this.stopping = false;
+    this.endRequested = false;
+    this.active = false;
+    this.handleSessionEnd = () => this.cleanup();
+    this.handleFrame = (time, frame) => this.frame(time, frame);
+  }
+  start() {
+    var _a3;
+    if (this.disposed) return Promise.reject(new Error("VR session has been disposed"));
+    if (this.active) return Promise.resolve();
+    if (this.starting) return this.starting;
+    if (!((_a3 = globalThis.navigator) == null ? void 0 : _a3.xr)) return Promise.reject(new Error("Immersive VR is unavailable in this browser"));
+    this.stopping = false;
+    this.endRequested = false;
+    let requested;
+    try {
+      requested = navigator.xr.requestSession("immersive-vr", {
+        requiredFeatures: ["local-floor"],
+        optionalFeatures: ["high-fixed-foveation-level"]
+      });
+    } catch (error) {
+      return Promise.reject(error);
+    }
+    this.starting = this.activate(requested).finally(() => {
+      this.starting = null;
+    });
+    return this.starting;
+  }
+  async activate(requested) {
+    var _a3;
+    const session = await requested;
+    if (this.disposed || this.stopping) {
+      await this.endSessionOnce(session);
+      return;
+    }
+    this.session = session;
+    const { viewer } = this;
+    const { renderer, camera } = viewer;
+    const xr2 = renderer.xr;
+    camera.updateMatrixWorld(true);
+    this.desktop = {
+      cameraWorld: camera.matrixWorld.clone(),
+      near: camera.near,
+      far: camera.far,
+      globeEnabled: viewer.globeControls.enabled,
+      keysEnabled: viewer.keysEnabled,
+      xrEnabled: xr2.enabled,
+      foveation: xr2.getFoveation() ?? 1,
+      referenceSpaceType: xr2.referenceSpaceType ?? "local-floor",
+      framebufferScaleFactor: xr2.framebufferScaleFactor ?? 1,
+      labelRender: viewer.css2DRenderer.render,
+      ensureSparkRenderer: viewer.ensureSparkRenderer,
+      transitionAnimateTo: viewer.transitionControls.animateTo,
+      tilesSchedulerSession: i$1.session
+    };
+    try {
+      viewer.setAnimate(false);
+      viewer.transitionControls.cancel();
+      viewer.transitionControls.animateTo = async () => false;
+      viewer.globeControls.enabled = false;
+      viewer.keysEnabled = false;
+      viewer.css2DRenderer.render = () => void 0;
+      camera.near = 0.25;
+      camera.updateProjectionMatrix();
+      xr2.enabled = true;
+      xr2.setReferenceSpaceType("local-floor");
+      xr2.setFramebufferScaleFactor(0.8);
+      xr2.setFoveation(0.75);
+      xr2.addEventListener("sessionend", this.handleSessionEnd);
+      this.applySparkProfile(viewer.sparkRenderer);
+      const ensureSparkRenderer = this.desktop.ensureSparkRenderer;
+      viewer.ensureSparkRenderer = async () => {
+        const spark = await ensureSparkRenderer.call(viewer);
+        if (this.desktop) this.applySparkProfile(spark);
+        return spark;
+      };
+      await xr2.setSession(session);
+      if (this.disposed || this.stopping || this.session !== session) {
+        await this.endSessionOnce(session);
+        this.cleanup();
+        return;
+      }
+      i$1.setXRSession(session);
+      renderer.setAnimationLoop(this.handleFrame);
+      this.active = true;
+      (_a3 = this.onStateChange) == null ? void 0 : _a3.call(this, true);
+    } catch (error) {
+      try {
+        await this.endSessionOnce(session);
+      } finally {
+        this.cleanup();
+      }
+      throw error;
+    }
+  }
+  frame(time, frame) {
+    var _a3;
+    if (!frame || !this.session || this.stopping) return;
+    try {
+      const referenceSpace = this.viewer.renderer.xr.getReferenceSpace();
+      if (!referenceSpace) return;
+      const pose = frame.getViewerPose(referenceSpace);
+      if (!pose) return;
+      if (!this.bridge) this.bridge = createXRRenderBridge(this.viewer, pose.transform, { showAttribution: this.showAttribution });
+      else this.bridge.updateHeadPose(pose.transform);
+      (_a3 = this.onFrame) == null ? void 0 : _a3.call(this, { time, frame, pose });
+      this.applySparkProfile(this.viewer.sparkRenderer);
+      this.viewer.animate(time);
+      const spark = this.viewer.sparkRenderer;
+      if (spark) this.viewer.renderer.xr.getCamera().layers.mask = spark.layers.mask;
+    } catch (error) {
+      console.error("WebXR frame failed", error);
+      void this.stop();
+    }
+  }
+  applySparkProfile(spark) {
+    if (!spark || typeof spark !== "object") return;
+    if (!this.sparkProfiles.has(spark)) this.sparkProfiles.set(spark, { lodSplatCount: spark.lodSplatCount, lodRenderScale: spark.lodRenderScale });
+    spark.lodSplatCount = 5e4;
+    spark.lodRenderScale = 4;
+  }
+  cleanup() {
+    var _a3, _b2;
+    const desktop = this.desktop;
+    if (!desktop) return;
+    this.desktop = null;
+    const { viewer } = this;
+    const { renderer, camera } = viewer;
+    const xr2 = renderer.xr;
+    xr2.removeEventListener("sessionend", this.handleSessionEnd);
+    renderer.setAnimationLoop(null);
+    i$1.setXRSession(desktop.tilesSchedulerSession);
+    (_a3 = this.bridge) == null ? void 0 : _a3.dispose();
+    this.bridge = null;
+    viewer.ensureSparkRenderer = desktop.ensureSparkRenderer;
+    viewer.transitionControls.animateTo = desktop.transitionAnimateTo;
+    for (const [spark, previous] of this.sparkProfiles) Object.assign(spark, previous);
+    this.sparkProfiles.clear();
+    desktop.cameraWorld.decompose(camera.position, camera.quaternion, camera.scale);
+    camera.updateMatrixWorld(true);
+    camera.near = desktop.near;
+    camera.far = desktop.far;
+    camera.updateProjectionMatrix();
+    viewer.globeControls.enabled = desktop.globeEnabled;
+    viewer.keysEnabled = desktop.keysEnabled;
+    viewer.css2DRenderer.render = desktop.labelRender;
+    xr2.setReferenceSpaceType(desktop.referenceSpaceType);
+    xr2.setFramebufferScaleFactor(desktop.framebufferScaleFactor);
+    xr2.setFoveation(desktop.foveation);
+    xr2.enabled = desktop.xrEnabled;
+    this.session = null;
+    viewer.setAnimate(true);
+    if (this.active) {
+      this.active = false;
+      (_b2 = this.onStateChange) == null ? void 0 : _b2.call(this, false);
+    }
+  }
+  async endSessionOnce(session) {
+    if (this.endRequested) return;
+    this.endRequested = true;
+    try {
+      await session.end();
+    } catch (error) {
+      if (!(error instanceof DOMException && error.name === "InvalidStateError")) throw error;
+    }
+  }
+  async stop() {
+    this.stopping = true;
+    const session = this.session;
+    if (!session) return;
+    try {
+      await this.endSessionOnce(session);
+    } finally {
+      this.cleanup();
+    }
+  }
+  async dispose() {
+    this.disposed = true;
+    this.stopping = true;
+    const ending = this.session ? this.endSessionOnce(this.session) : Promise.resolve();
+    this.cleanup();
+    await ending;
+  }
+}
+function copyTransform(transform) {
+  if (!transform) return null;
+  const { position, orientation } = transform;
+  return {
+    position: [position.x, position.y, position.z],
+    orientation: [orientation.x, orientation.y, orientation.z, orientation.w]
+  };
+}
+function readXRFrameInput(frame, referenceSpace) {
+  var _a3;
+  if (!referenceSpace) return { head: null, controllers: [] };
+  const head = copyTransform((_a3 = frame.getViewerPose(referenceSpace)) == null ? void 0 : _a3.transform);
+  const controllers = [...frame.session.inputSources].map((source) => {
+    var _a4, _b2;
+    const gamepad = source.gamepad;
+    return {
+      handedness: source.handedness,
+      mapping: (gamepad == null ? void 0 : gamepad.mapping) ?? null,
+      axes: gamepad ? [...gamepad.axes] : [],
+      buttons: gamepad ? gamepad.buttons.map((button) => ({ pressed: button.pressed, touched: button.touched, value: button.value })) : [],
+      ray: copyTransform((_a4 = frame.getPose(source.targetRaySpace, referenceSpace)) == null ? void 0 : _a4.transform),
+      grip: source.gripSpace ? copyTransform((_b2 = frame.getPose(source.gripSpace, referenceSpace)) == null ? void 0 : _b2.transform) : null
+    };
+  });
+  return { head, controllers };
+}
 const shadowCanvas = document.createElement("canvas");
 shadowCanvas.width = 128;
 shadowCanvas.height = 128;
@@ -15230,6 +15895,7 @@ class Viewer extends EventDispatcher {
     this.isViewer = true;
     this.type = "viewer";
     this.disposed = false;
+    this.xrSession = null;
     this.sparkRenderer = null;
     this.transparentBackground = options.transparentBackground ?? true;
     Tokens.CESIUM = options.cesiumToken || void 0;
@@ -15361,6 +16027,70 @@ class Viewer extends EventDispatcher {
     window.addEventListener("pointermove", this._onPointerMove);
     this.setAnimate();
   }
+  get xrActive() {
+    var _a3;
+    return ((_a3 = this.xrSession) == null ? void 0 : _a3.active) ?? false;
+  }
+  /** @param {{ onFrame?: (input: { time: number, frame: XRFrame, pose: XRViewerPose }) => void, onStateChange?: (active: boolean) => void, showAttribution?: boolean }} [options] */
+  startXRSession(options = {}) {
+    if (this.disposed) return Promise.reject(new Error("Viewer has been disposed"));
+    if (!this.xrSession) this.xrSession = new WebXRSession(this, options);
+    else {
+      this.xrSession.onFrame = options.onFrame;
+      this.xrSession.onStateChange = options.onStateChange;
+      this.xrSession.showAttribution = options.showAttribution !== false;
+    }
+    return this.xrSession.start();
+  }
+  endXRSession() {
+    var _a3;
+    return ((_a3 = this.xrSession) == null ? void 0 : _a3.stop()) ?? Promise.resolve();
+  }
+  /** @param {XRFrame} frame */
+  getXRFrameInput(frame) {
+    return readXRFrameInput(frame, this.renderer.xr.getReferenceSpace());
+  }
+  /** @param {{ anchor: { longitude: number, latitude: number, altitude: number }, east?: number, north?: number, up?: number, headingDegrees: number }} pose */
+  setXRPlayerPose(pose) {
+    var _a3;
+    if (!((_a3 = this.xrSession) == null ? void 0 : _a3.bridge)) throw new Error("No tracked XR head pose is available");
+    this.xrSession.bridge.setPlayerPose(pose);
+  }
+  /** @returns {import('./XRPlayerRig.js').XRHeadPose | null} */
+  getXRHeadPose() {
+    var _a3, _b2;
+    return ((_b2 = (_a3 = this.xrSession) == null ? void 0 : _a3.bridge) == null ? void 0 : _b2.getHeadPose()) ?? null;
+  }
+  /** @param {{ray: {position: number[], orientation: number[]} | null}} controller @returns {{origin: number[], direction: number[]} | null} */
+  getXRControllerWorldRay(controller) {
+    var _a3, _b2;
+    return ((_b2 = (_a3 = this.xrSession) == null ? void 0 : _a3.bridge) == null ? void 0 : _b2.getControllerWorldRay(controller)) ?? null;
+  }
+  /** @param {boolean} moving */
+  setXRComfortMoving(moving) {
+    var _a3, _b2;
+    (_b2 = (_a3 = this.xrSession) == null ? void 0 : _a3.bridge) == null ? void 0 : _b2.setComfortMoving(moving);
+  }
+  /** @param {'floor' | 'unknown' | 'loading' | null} reason */
+  setXRNavigationLimit(reason) {
+    var _a3, _b2;
+    (_b2 = (_a3 = this.xrSession) == null ? void 0 : _a3.bridge) == null ? void 0 : _b2.setNavigationLimit(reason);
+  }
+  /** @param {{anchor: {longitude: number, latitude: number, altitude: number}, arc: readonly (readonly [number, number, number])[], marker: readonly [number, number, number] | null, state: 'valid' | 'blocked' | 'unknown'} | null} cue */
+  setXRNavigationCue(cue) {
+    var _a3, _b2;
+    (_b2 = (_a3 = this.xrSession) == null ? void 0 : _a3.bridge) == null ? void 0 : _b2.setNavigationCue(cue);
+  }
+  /** @param {readonly string[]} credits Current Cesium World Terrain asset credits. */
+  setXRAttribution(credits) {
+    var _a3, _b2;
+    (_b2 = (_a3 = this.xrSession) == null ? void 0 : _a3.bridge) == null ? void 0 : _b2.setTerrainCredits(credits);
+  }
+  /** @param {number} opacity Black headset fade, 0 to 1. */
+  setXRNavigationFade(opacity) {
+    var _a3, _b2;
+    (_b2 = (_a3 = this.xrSession) == null ? void 0 : _a3.bridge) == null ? void 0 : _b2.setFade(opacity);
+  }
   get keysEnabled() {
     return this._keysEnabled;
   }
@@ -15490,7 +16220,7 @@ class Viewer extends EventDispatcher {
   }
   /** @param {import('../main.js').ContentLayerDefinition[]} content */
   defineContentLayers(content = []) {
-    var _a3, _b2, _c;
+    var _a3, _b2, _c, _d;
     this.topLayerIndex = 0;
     this.clearContentLayers();
     for (let i2 = 0; i2 < content.length; i2++) {
@@ -15549,6 +16279,7 @@ class Viewer extends EventDispatcher {
           default:
             throw new Error(`Unsupported content layer type: ${String(layerData == null ? void 0 : layerData.type)}`);
         }
+        this.content.children.at(-1).xrRenderLayer = layerData.type === "mesh" ? 6 : ((_d = layerData.options) == null ? void 0 : _d.renderOrder) ?? 0;
       } catch (error) {
         this.dispatchEvent({
           type: ViewerEvents.CONTENT_LAYER_ERROR,
@@ -15641,6 +16372,7 @@ class Viewer extends EventDispatcher {
     return label.element;
   }
   animate(time) {
+    var _a3, _b2, _c;
     if (this.stats) this.stats.begin();
     this.transitionControls.update(time);
     this.state.get("time").value = time;
@@ -15677,6 +16409,10 @@ class Viewer extends EventDispatcher {
       }
     }
     for (let i2 = 0; i2 < this.topLayerIndex + 1; i2++) {
+      if (i2 > 0 && ((_a3 = this.xrSession) == null ? void 0 : _a3.active) && !this.content.children.some((layer) => {
+        var _a4;
+        return layer.visible && (layer.xrRenderLayer === i2 || ((_a4 = layer.layers) == null ? void 0 : _a4.isEnabled(i2)));
+      })) continue;
       this.camera.layers.set(i2);
       if (i2 == 0) {
         this.renderer.clear();
@@ -15686,6 +16422,11 @@ class Viewer extends EventDispatcher {
         this.renderer.render(this.scene, this.camera);
       }
     }
+    if (((_b2 = this.xrSession) == null ? void 0 : _b2.active) && ((_c = this.xrSession.bridge) == null ? void 0 : _c.hasUi())) {
+      this.camera.layers.set(31);
+      this.renderer.clearDepth();
+      this.renderer.render(this.scene, this.camera);
+    }
     this.cameraCoords = ecefToGeodeticRotation(this.camera.position.x, this.camera.position.y, this.camera.position.z, this.camera.quaternion);
     this.dispatchEvent({ type: ViewerEvents.ANIMATED, time, deltaTime });
     if (this.stats) this.stats.end();
@@ -15839,6 +16580,10 @@ class Viewer extends EventDispatcher {
     var _a3, _b2, _c, _d, _e, _f, _g, _h, _i2, _j, _k, _l, _m, _n2, _o;
     if (this.disposed) return;
     this.disposed = true;
+    if (this.xrSession) {
+      void this.xrSession.dispose().catch((error) => console.error("WebXR session end failed during viewer disposal", error));
+      this.xrSession = null;
+    }
     this.setAnimate(false);
     this.transitionControls.cancel();
     this.clearContentLayers();