viral-viewer-2 6.4.6 → 6.4.8

package/dist/components/custom-objects/viral-avatar.d.ts

@@ -19,6 +19,7 @@ export declare class ViralAvatar {
     idle(): void;
     walk(): void;
     talk(content: string): void;
+    teleport(point: Vector3): void;
     render(delta: number): void;
     updateDestination(point: Vector3): void;
     dispose(): void;

package/dist/components/event-handler/mouse/viral-mouse.d.ts

@@ -10,6 +10,7 @@ export declare class ViralMouse {
     private mouseUpLeftQueuedEvents;
     private mouseDownRightQueuedEvents;
     private mouseUpRightQueuedEvents;
+    private mouseDoubleClickQueuedEvents;
     constructor(viralViewerApi: ViralViewerApi);
     private setupMousePositionUpdate;
     /**
@@ -28,4 +29,6 @@ export declare class ViralMouse {
     private handleClick;
     private setupMouseUp;
     private handleMouseUp;
+    private setupMouseDoubleClick;
+    private handleMouseDoubleClick;
 }

package/dist/index.mjs

@@ -23,7 +23,7 @@ class na {
     this.X = 0, this.Y = 0, this.Z = 0;
   }
 }
-var Mn = /* @__PURE__ */ ((n) => (n[n.ON_MOUSE_MOVE = 0] = "ON_MOUSE_MOVE", n[n.ON_MOUSE_DOWN_LEFT = 1] = "ON_MOUSE_DOWN_LEFT", n[n.ON_MOUSE_UP_LEFT = 2] = "ON_MOUSE_UP_LEFT", n[n.ON_MOUSE_DOWN_RIGHT = 3] = "ON_MOUSE_DOWN_RIGHT", n[n.ON_MOUSE_UP_RIGHT = 4] = "ON_MOUSE_UP_RIGHT", n))(Mn || {}), oa = /* @__PURE__ */ ((n) => (n[n.ON_WAKE = 0] = "ON_WAKE", n[n.ON_SLEEP = 1] = "ON_SLEEP", n))(oa || {}), _o = /* @__PURE__ */ ((n) => (n[n.KEYDOWN = 0] = "KEYDOWN", n[n.KEYUP = 1] = "KEYUP", n))(_o || {}), Pi = /* @__PURE__ */ ((n) => (n[n.LOADED_SCENE = 0] = "LOADED_SCENE", n[n.LOADED_MATERIAL_MANAGER = 1] = "LOADED_MATERIAL_MANAGER", n[n.LOADED_RENDERER = 2] = "LOADED_RENDERER", n[n.LOADED_CAMERA = 3] = "LOADED_CAMERA", n[n.LOADED_CUBE = 4] = "LOADED_CUBE", n[n.LOADED_TOOLS = 5] = "LOADED_TOOLS", n))(Pi || {});
+var vn = /* @__PURE__ */ ((n) => (n[n.ON_MOUSE_MOVE = 0] = "ON_MOUSE_MOVE", n[n.ON_MOUSE_DOWN_LEFT = 1] = "ON_MOUSE_DOWN_LEFT", n[n.ON_MOUSE_UP_LEFT = 2] = "ON_MOUSE_UP_LEFT", n[n.ON_MOUSE_DOWN_RIGHT = 3] = "ON_MOUSE_DOWN_RIGHT", n[n.ON_MOUSE_UP_RIGHT = 4] = "ON_MOUSE_UP_RIGHT", n[n.ON_MOUSE_DOUBLE_CLICK = 5] = "ON_MOUSE_DOUBLE_CLICK", n))(vn || {}), oa = /* @__PURE__ */ ((n) => (n[n.ON_WAKE = 0] = "ON_WAKE", n[n.ON_SLEEP = 1] = "ON_SLEEP", n))(oa || {}), _o = /* @__PURE__ */ ((n) => (n[n.KEYDOWN = 0] = "KEYDOWN", n[n.KEYUP = 1] = "KEYUP", n))(_o || {}), Pi = /* @__PURE__ */ ((n) => (n[n.LOADED_SCENE = 0] = "LOADED_SCENE", n[n.LOADED_MATERIAL_MANAGER = 1] = "LOADED_MATERIAL_MANAGER", n[n.LOADED_RENDERER = 2] = "LOADED_RENDERER", n[n.LOADED_CAMERA = 3] = "LOADED_CAMERA", n[n.LOADED_CUBE = 4] = "LOADED_CUBE", n[n.LOADED_TOOLS = 5] = "LOADED_TOOLS", n))(Pi || {});
 class Pl {
   constructor() {
     this.items = {};
@@ -4234,7 +4234,7 @@ class K1 extends Fr {
     this.dispatchEvent({ type: "dispose" });
   }
 }
-class bn extends K1 {
+class wn extends K1 {
   constructor(e = 1, t = 1, i = {}) {
     super(e, t, i), this.isWebGLRenderTarget = !0;
   }
@@ -4249,7 +4249,7 @@ class $1 extends Oi {
     super(null), this.isData3DTexture = !0, this.image = { data: e, width: t, height: i, depth: s }, this.magFilter = mi, this.minFilter = mi, this.wrapR = Hn, this.generateMipmaps = !1, this.flipY = !1, this.unpackAlignment = 1;
   }
 }
-class J1 extends bn {
+class J1 extends wn {
   constructor(e = 1, t = 1, i = 1, s = {}) {
     super(e, t, s), this.isWebGLMultipleRenderTargets = !0;
     const r = this.texture;
@@ -7108,7 +7108,7 @@ function Oo(n) {
   }
   return e;
 }
-function _n(n) {
+function Mn(n) {
   const e = {};
   for (let t = 0; t < n.length; t++) {
     const i = Oo(n[t]);
@@ -7126,7 +7126,7 @@ function d_(n) {
 function sx(n) {
   return n.getRenderTarget() === null ? n.outputColorSpace : ui.workingColorSpace;
 }
-const Ul = { clone: Oo, merge: _n };
+const Ul = { clone: Oo, merge: Mn };
 var f_ = `void main() {
 	gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
 }`, p_ = `void main() {
@@ -7381,7 +7381,7 @@ class qf extends Oi {
     this.image = e;
   }
 }
-class g_ extends bn {
+class g_ extends wn {
   constructor(e = 1, t = {}) {
     super(e, e, t), this.isWebGLCubeRenderTarget = !0;
     const i = { width: e, height: e, depth: 1 }, s = [i, i, i, i, i, i];
@@ -11514,7 +11514,7 @@ void main() {
   }
 }, ys = {
   basic: {
-    uniforms: /* @__PURE__ */ _n([
+    uniforms: /* @__PURE__ */ Mn([
       tt.common,
       tt.specularmap,
       tt.envmap,
@@ -11526,7 +11526,7 @@ void main() {
     fragmentShader: Wt.meshbasic_frag
   },
   lambert: {
-    uniforms: /* @__PURE__ */ _n([
+    uniforms: /* @__PURE__ */ Mn([
       tt.common,
       tt.specularmap,
       tt.envmap,
@@ -11546,7 +11546,7 @@ void main() {
     fragmentShader: Wt.meshlambert_frag
   },
   phong: {
-    uniforms: /* @__PURE__ */ _n([
+    uniforms: /* @__PURE__ */ Mn([
       tt.common,
       tt.specularmap,
       tt.envmap,
@@ -11568,7 +11568,7 @@ void main() {
     fragmentShader: Wt.meshphong_frag
   },
   standard: {
-    uniforms: /* @__PURE__ */ _n([
+    uniforms: /* @__PURE__ */ Mn([
       tt.common,
       tt.envmap,
       tt.aomap,
@@ -11593,7 +11593,7 @@ void main() {
     fragmentShader: Wt.meshphysical_frag
   },
   toon: {
-    uniforms: /* @__PURE__ */ _n([
+    uniforms: /* @__PURE__ */ Mn([
       tt.common,
       tt.aomap,
       tt.lightmap,
@@ -11612,7 +11612,7 @@ void main() {
     fragmentShader: Wt.meshtoon_frag
   },
   matcap: {
-    uniforms: /* @__PURE__ */ _n([
+    uniforms: /* @__PURE__ */ Mn([
       tt.common,
       tt.bumpmap,
       tt.normalmap,
@@ -11626,7 +11626,7 @@ void main() {
     fragmentShader: Wt.meshmatcap_frag
   },
   points: {
-    uniforms: /* @__PURE__ */ _n([
+    uniforms: /* @__PURE__ */ Mn([
       tt.points,
       tt.fog
     ]),
@@ -11634,7 +11634,7 @@ void main() {
     fragmentShader: Wt.points_frag
   },
   dashed: {
-    uniforms: /* @__PURE__ */ _n([
+    uniforms: /* @__PURE__ */ Mn([
       tt.common,
       tt.fog,
       {
@@ -11647,7 +11647,7 @@ void main() {
     fragmentShader: Wt.linedashed_frag
   },
   depth: {
-    uniforms: /* @__PURE__ */ _n([
+    uniforms: /* @__PURE__ */ Mn([
       tt.common,
       tt.displacementmap
     ]),
@@ -11655,7 +11655,7 @@ void main() {
     fragmentShader: Wt.depth_frag
   },
   normal: {
-    uniforms: /* @__PURE__ */ _n([
+    uniforms: /* @__PURE__ */ Mn([
       tt.common,
       tt.bumpmap,
       tt.normalmap,
@@ -11668,7 +11668,7 @@ void main() {
     fragmentShader: Wt.meshnormal_frag
   },
   sprite: {
-    uniforms: /* @__PURE__ */ _n([
+    uniforms: /* @__PURE__ */ Mn([
       tt.sprite,
       tt.fog
     ]),
@@ -11711,7 +11711,7 @@ void main() {
     fragmentShader: Wt.equirect_frag
   },
   distanceRGBA: {
-    uniforms: /* @__PURE__ */ _n([
+    uniforms: /* @__PURE__ */ Mn([
       tt.common,
       tt.displacementmap,
       {
@@ -11724,7 +11724,7 @@ void main() {
     fragmentShader: Wt.distanceRGBA_frag
   },
   shadow: {
-    uniforms: /* @__PURE__ */ _n([
+    uniforms: /* @__PURE__ */ Mn([
       tt.lights,
       tt.fog,
       {
@@ -11737,7 +11737,7 @@ void main() {
   }
 };
 ys.physical = {
-  uniforms: /* @__PURE__ */ _n([
+  uniforms: /* @__PURE__ */ Mn([
     ys.standard.uniforms,
     {
       clearcoat: { value: 0 },
@@ -12511,7 +12511,7 @@ function rA(n) {
   return { lodPlanes: e, sizeLods: t, sigmas: i };
 }
 function bg(n, e, t) {
-  const i = new bn(n, e, t);
+  const i = new wn(n, e, t);
   return i.texture.mapping = lc, i.texture.name = "PMREM.cubeUv", i.scissorTest = !0, i;
 }
 function jc(n, e, t, i, s) {
@@ -14822,7 +14822,7 @@ function VT(n, e, t) {
       const ge = me.getFrameExtents();
       if (s.multiply(ge), r.copy(me.mapSize), (s.x > f || s.y > f) && (s.x > f && (r.x = Math.floor(f / ge.x), s.x = r.x * ge.x, me.mapSize.x = r.x), s.y > f && (r.y = Math.floor(f / ge.y), s.y = r.y * ge.y, me.mapSize.y = r.y)), me.map === null || he === !0 || J === !0) {
         const De = this.type !== Zs ? { minFilter: mi, magFilter: mi } : {};
-        me.map !== null && me.map.dispose(), me.map = new bn(s.x, s.y, De), me.map.texture.name = xe.name + ".shadowMap", me.camera.updateProjectionMatrix();
+        me.map !== null && me.map.dispose(), me.map = new wn(s.x, s.y, De), me.map.texture.name = xe.name + ".shadowMap", me.camera.updateProjectionMatrix();
       }
       n.setRenderTarget(me.map), n.clear();
       const Ie = me.getViewportCount();
@@ -14841,7 +14841,7 @@ function VT(n, e, t) {
   };
   function C(z, F) {
     const Q = e.update(E);
-    g.defines.VSM_SAMPLES !== z.blurSamples && (g.defines.VSM_SAMPLES = z.blurSamples, x.defines.VSM_SAMPLES = z.blurSamples, g.needsUpdate = !0, x.needsUpdate = !0), z.mapPass === null && (z.mapPass = new bn(s.x, s.y)), g.uniforms.shadow_pass.value = z.map.texture, g.uniforms.resolution.value = z.mapSize, g.uniforms.radius.value = z.radius, n.setRenderTarget(z.mapPass), n.clear(), n.renderBufferDirect(F, null, Q, g, E, null), x.uniforms.shadow_pass.value = z.mapPass.texture, x.uniforms.resolution.value = z.mapSize, x.uniforms.radius.value = z.radius, n.setRenderTarget(z.map), n.clear(), n.renderBufferDirect(F, null, Q, x, E, null);
+    g.defines.VSM_SAMPLES !== z.blurSamples && (g.defines.VSM_SAMPLES = z.blurSamples, x.defines.VSM_SAMPLES = z.blurSamples, g.needsUpdate = !0, x.needsUpdate = !0), z.mapPass === null && (z.mapPass = new wn(s.x, s.y)), g.uniforms.shadow_pass.value = z.map.texture, g.uniforms.resolution.value = z.mapSize, g.uniforms.radius.value = z.radius, n.setRenderTarget(z.mapPass), n.clear(), n.renderBufferDirect(F, null, Q, g, E, null), x.uniforms.shadow_pass.value = z.mapPass.texture, x.uniforms.resolution.value = z.mapSize, x.uniforms.radius.value = z.radius, n.setRenderTarget(z.map), n.clear(), n.renderBufferDirect(F, null, Q, x, E, null);
   }
   function T(z, F, Q, $) {
     let O = null;
@@ -16133,7 +16133,7 @@ class KT extends Fr {
             stencil: b.stencil,
             framebufferScaleFactor: r
           };
-          x = new XRWebGLLayer(s, t, we), s.updateRenderState({ baseLayer: x }), e.setPixelRatio(1), e.setSize(x.framebufferWidth, x.framebufferHeight, !1), C = new bn(
+          x = new XRWebGLLayer(s, t, we), s.updateRenderState({ baseLayer: x }), e.setPixelRatio(1), e.setSize(x.framebufferWidth, x.framebufferHeight, !1), C = new wn(
             x.framebufferWidth,
             x.framebufferHeight,
             {
@@ -16151,7 +16151,7 @@ class KT extends Fr {
             depthFormat: We,
             scaleFactor: r
           };
-          p = new XRWebGLBinding(s, t), g = p.createProjectionLayer(at), s.updateRenderState({ layers: [g] }), e.setPixelRatio(1), e.setSize(g.textureWidth, g.textureHeight, !1), C = new bn(
+          p = new XRWebGLBinding(s, t), g = p.createProjectionLayer(at), s.updateRenderState({ layers: [g] }), e.setPixelRatio(1), e.setSize(g.textureWidth, g.textureHeight, !1), C = new wn(
             g.textureWidth,
             g.textureHeight,
             {
@@ -16761,7 +16761,7 @@ class Kf {
       if ((re.isScene === !0 ? re.overrideMaterial : null) !== null)
         return;
       const Pe = He.isWebGL2;
-      qe === null && (qe = new bn(1, 1, {
+      qe === null && (qe = new wn(1, 1, {
         generateMipmaps: !0,
         type: Me.has("EXT_color_buffer_half_float") ? rr : Ir,
         minFilter: bs,
@@ -17077,7 +17077,7 @@ class ep {
     };
   }
 }
-const wn = /* @__PURE__ */ new G();
+const _n = /* @__PURE__ */ new G();
 class _a {
   constructor(e, t, i, s = !1) {
     this.isInterleavedBufferAttribute = !0, this.name = "", this.data = e, this.itemSize = t, this.offset = i, this.normalized = s;
@@ -17093,17 +17093,17 @@ class _a {
   }
   applyMatrix4(e) {
     for (let t = 0, i = this.data.count; t < i; t++)
-      wn.fromBufferAttribute(this, t), wn.applyMatrix4(e), this.setXYZ(t, wn.x, wn.y, wn.z);
+      _n.fromBufferAttribute(this, t), _n.applyMatrix4(e), this.setXYZ(t, _n.x, _n.y, _n.z);
     return this;
   }
   applyNormalMatrix(e) {
     for (let t = 0, i = this.count; t < i; t++)
-      wn.fromBufferAttribute(this, t), wn.applyNormalMatrix(e), this.setXYZ(t, wn.x, wn.y, wn.z);
+      _n.fromBufferAttribute(this, t), _n.applyNormalMatrix(e), this.setXYZ(t, _n.x, _n.y, _n.z);
     return this;
   }
   transformDirection(e) {
     for (let t = 0, i = this.count; t < i; t++)
-      wn.fromBufferAttribute(this, t), wn.transformDirection(e), this.setXYZ(t, wn.x, wn.y, wn.z);
+      _n.fromBufferAttribute(this, t), _n.transformDirection(e), this.setXYZ(t, _n.x, _n.y, _n.z);
     return this;
   }
   getComponent(e, t) {
@@ -23342,7 +23342,7 @@ class O2 {
 }
 class N2 {
   constructor(e) {
-    this.viralViewerApi = e, this.position = new Se(), this.rawPosition = new Se(), this.mouseMoveQueuedEvents = [], this.mouseDownLeftQueuedEvents = [], this.mouseUpLeftQueuedEvents = [], this.mouseDownRightQueuedEvents = [], this.mouseUpRightQueuedEvents = [], this.hoverMeshes = [], this.handleClick = async (t) => {
+    this.viralViewerApi = e, this.position = new Se(), this.rawPosition = new Se(), this.mouseMoveQueuedEvents = [], this.mouseDownLeftQueuedEvents = [], this.mouseUpLeftQueuedEvents = [], this.mouseDownRightQueuedEvents = [], this.mouseUpRightQueuedEvents = [], this.mouseDoubleClickQueuedEvents = [], this.hoverMeshes = [], this.handleClick = async (t) => {
       var i, s;
       if (this.viralViewerApi) {
         if (t.button == 0) {
@@ -23383,9 +23383,14 @@ class N2 {
           r(t);
         });
       }
+    }, this.handleMouseDoubleClick = async (t) => {
+      this.mouseDoubleClickQueuedEvents.length > 0 && this.mouseDoubleClickQueuedEvents.forEach((i) => {
+        const [s, r] = i;
+        r(t);
+      });
     }, this.setupMousePositionUpdate(
       this.viralViewerApi.viralRenderer.renderer.domElement
-    ), this.setupMouseDown(this.viralViewerApi.viralRenderer.renderer.domElement), this.setupMouseUp(this.viralViewerApi.viralRenderer.renderer.domElement);
+    ), this.setupMouseDown(this.viralViewerApi.viralRenderer.renderer.domElement), this.setupMouseUp(this.viralViewerApi.viralRenderer.renderer.domElement), this.setupMouseDoubleClick(this.viralViewerApi.viralRenderer.renderer.domElement);
   }
   setupMousePositionUpdate(e) {
     e.onmousemove = (t) => {
@@ -23410,32 +23415,35 @@ class N2 {
    */
   addEventListener(e, t, i) {
     switch (e) {
-      case Mn.ON_MOUSE_MOVE:
+      case vn.ON_MOUSE_MOVE:
         this.mouseMoveQueuedEvents.push([t, i]);
         break;
-      case Mn.ON_MOUSE_DOWN_LEFT:
+      case vn.ON_MOUSE_DOWN_LEFT:
         this.mouseDownLeftQueuedEvents.push([t, i]);
         break;
-      case Mn.ON_MOUSE_UP_LEFT:
+      case vn.ON_MOUSE_UP_LEFT:
         this.mouseUpLeftQueuedEvents.push([t, i]);
         break;
-      case Mn.ON_MOUSE_DOWN_RIGHT:
+      case vn.ON_MOUSE_DOWN_RIGHT:
         this.mouseDownRightQueuedEvents.push([t, i]);
         break;
-      case Mn.ON_MOUSE_UP_RIGHT:
+      case vn.ON_MOUSE_UP_RIGHT:
         this.mouseUpRightQueuedEvents.push([t, i]);
         break;
+      case vn.ON_MOUSE_DOUBLE_CLICK:
+        this.mouseDoubleClickQueuedEvents.push([t, i]);
+        break;
     }
   }
   removeEventListener(e, t) {
     switch (e) {
-      case Mn.ON_MOUSE_MOVE:
+      case vn.ON_MOUSE_MOVE:
         {
           let i = this.mouseMoveQueuedEvents.findIndex((s) => s[0] == t);
           this.mouseMoveQueuedEvents.splice(i, 1);
         }
         break;
-      case Mn.ON_MOUSE_DOWN_LEFT:
+      case vn.ON_MOUSE_DOWN_LEFT:
         {
           let i = this.mouseDownLeftQueuedEvents.findIndex(
             (s) => s[0] == t
@@ -23443,7 +23451,7 @@ class N2 {
           this.mouseDownLeftQueuedEvents.splice(i, 1);
         }
         break;
-      case Mn.ON_MOUSE_UP_LEFT:
+      case vn.ON_MOUSE_UP_LEFT:
         {
           let i = this.mouseUpLeftQueuedEvents.findIndex(
             (s) => s[0] == t
@@ -23451,7 +23459,7 @@ class N2 {
           this.mouseUpLeftQueuedEvents.splice(i, 1);
         }
         break;
-      case Mn.ON_MOUSE_DOWN_RIGHT:
+      case vn.ON_MOUSE_DOWN_RIGHT:
         {
           let i = this.mouseDownRightQueuedEvents.findIndex(
             (s) => s[0] == t
@@ -23459,7 +23467,7 @@ class N2 {
           this.mouseDownRightQueuedEvents.splice(i, 1);
         }
         break;
-      case Mn.ON_MOUSE_UP_RIGHT:
+      case vn.ON_MOUSE_UP_RIGHT:
         {
           let i = this.mouseUpRightQueuedEvents.findIndex(
             (s) => s[0] == t
@@ -23505,6 +23513,11 @@ class N2 {
     e.onmouseup = this.handleMouseUp;
   }
   //#endregion
+  //#region Double click
+  setupMouseDoubleClick(e) {
+    e.ondblclick = this.handleMouseDoubleClick;
+  }
+  //#endregion
 }
 const Jr = new fc(), xn = new G(), gr = new G(), Ii = new Ui(), v0 = {
   X: new G(1, 0, 0),
@@ -24009,7 +24022,7 @@ class G2 {
   }
   addPivotPoint() {
     const e = new hc(1, 32, 32), t = new Ln({
-      color: vn.hexToThreejsColor(kt.primary),
+      color: bn.hexToThreejsColor(kt.primary),
       transparent: !0,
       opacity: 0.5
     }), i = new fe(e, t);
@@ -24260,7 +24273,7 @@ var Nx = class Bx {
   dispose() {
     for (const e of Object.keys(this)) {
       const t = this[e];
-      (t instanceof bn || t instanceof $i || t instanceof Oi || t instanceof Bx) && this[e].dispose();
+      (t instanceof wn || t instanceof $i || t instanceof Oi || t instanceof Bx) && this[e].dispose();
     }
   }
 }, T0 = /* @__PURE__ */ new ut(), K2 = class extends Nx {
@@ -25656,14 +25669,14 @@ class rP extends pc {
         const h = r[a];
         return r[a] = l, a === "aoSamples" && h !== l && this.configureAOPass(this.configuration.logarithmicDepthBuffer), a === "denoiseSamples" && h !== l && this.configureDenoisePass(this.configuration.logarithmicDepthBuffer), a === "halfRes" && h !== l && (this.configureAOPass(this.configuration.logarithmicDepthBuffer), this.configureHalfResTargets(), this.configureEffectCompositer(this.configuration.logarithmicDepthBuffer), this.setSize(this.width, this.height)), a === "depthAwareUpsampling" && h !== l && this.configureEffectCompositer(this.configuration.logarithmicDepthBuffer), !0;
       }
-    }), this.samples = [], this.samplesR = [], this.samplesDenoise = [], this.configureEffectCompositer(this.configuration.logarithmicDepthBuffer), this.configureSampleDependentPasses(), this.configureHalfResTargets(), this.beautyRenderTarget = new bn(this.width, this.height, {
+    }), this.samples = [], this.samplesR = [], this.samplesDenoise = [], this.configureEffectCompositer(this.configuration.logarithmicDepthBuffer), this.configureSampleDependentPasses(), this.configureHalfResTargets(), this.beautyRenderTarget = new wn(this.width, this.height, {
       minFilter: Di,
       magFilter: mi
-    }), this.beautyRenderTarget.depthTexture = new jf(this.width, this.height, er), this.beautyRenderTarget.depthTexture.format = Dr, this.writeTargetInternal = new bn(this.width, this.height, {
+    }), this.beautyRenderTarget.depthTexture = new jf(this.width, this.height, er), this.beautyRenderTarget.depthTexture.format = Dr, this.writeTargetInternal = new wn(this.width, this.height, {
       minFilter: Di,
       magFilter: Di,
       depthBuffer: !1
-    }), this.readTargetInternal = new bn(this.width, this.height, {
+    }), this.readTargetInternal = new wn(this.width, this.height, {
       minFilter: Di,
       magFilter: Di,
       depthBuffer: !1
@@ -25875,7 +25888,7 @@ class lP {
   constructor(e, t) {
     if (this.renderer = e, this._pixelRatio = e.getPixelRatio(), t === void 0) {
       const i = e.getSize(new Se());
-      this._width = i.width, this._height = i.height, t = new bn(this._width * this._pixelRatio, this._height * this._pixelRatio, { type: rr }), t.texture.name = "EffectComposer.rt1";
+      this._width = i.width, this._height = i.height, t = new wn(this._width * this._pixelRatio, this._height * this._pixelRatio, { type: rr }), t.texture.name = "EffectComposer.rt1";
     } else
       this._width = t.width, this._height = t.height;
     this.renderTarget1 = t, this.renderTarget2 = t.clone(), this.renderTarget2.texture.name = "EffectComposer.rt2", this.writeBuffer = this.renderTarget1, this.readBuffer = this.renderTarget2, this.renderToScreen = !0, this.passes = [], this.copyPass = new kx(aP), this.copyPass.material.blending = As, this.clock = new Ix();
@@ -26383,10 +26396,10 @@ const wh = {
 };
 class cP extends pc {
   constructor(e, t) {
-    super(), this.edgesRT = new bn(e, t, {
+    super(), this.edgesRT = new wn(e, t, {
       depthBuffer: !1,
       type: rr
-    }), this.edgesRT.texture.name = "SMAAPass.edges", this.weightsRT = new bn(e, t, {
+    }), this.edgesRT.texture.name = "SMAAPass.edges", this.weightsRT = new wn(e, t, {
       depthBuffer: !1,
       type: rr
     }), this.weightsRT.texture.name = "SMAAPass.weights";
@@ -26505,7 +26518,7 @@ class Sn {
     );
   }
 }
-class vn {
+class bn {
   static middlePoint(e, t) {
     return new G(
       (e.x + t.x) / 2,
@@ -26801,7 +26814,7 @@ class yP {
         this.viralViewerApi.viralDraggableModal.show(), this.viralViewerApi.viralContextMenu.hideContextMenu();
       }
     )), this.viralViewerApi.viralMouse && (this.viralViewerApi.viralMouse.addEventListener(
-      Mn.ON_MOUSE_DOWN_RIGHT,
+      vn.ON_MOUSE_DOWN_RIGHT,
       "ShowContextMenu",
       (e) => {
         this.viralViewerApi.viralContextMenu.showContextMenu(
@@ -26811,7 +26824,7 @@ class yP {
         );
       }
     ), this.viralViewerApi.viralMouse.addEventListener(
-      Mn.ON_MOUSE_DOWN_LEFT,
+      vn.ON_MOUSE_DOWN_LEFT,
       "HideContextMenu",
       (e) => {
         this.viralViewerApi.viralContextMenu.hideContextMenu();
@@ -26877,7 +26890,7 @@ class yP {
       }
     );
     this.viralViewerApi.viralMouse.addEventListener(
-      Mn.ON_MOUSE_MOVE,
+      vn.ON_MOUSE_MOVE,
       "HoverElement",
       (t) => {
         this._hoverElementEnable && e.handleEvent(t);
@@ -26889,7 +26902,7 @@ class yP {
   }
   selectElementHandler() {
     this.viralViewerApi.viralMouse.addEventListener(
-      Mn.ON_MOUSE_DOWN_LEFT,
+      vn.ON_MOUSE_DOWN_LEFT,
       "SelectElement",
       (e) => {
         var i;
@@ -27870,7 +27883,7 @@ Kn.d = (n, e) => {
 var ni = {};
 (() => {
   Kn.d(ni, { HY: () => u, K8: () => i, vF: () => b, jM: () => v, st: () => C, J7: () => yt, KV: () => at, Tl: () => We, gv: () => ae, LR: () => _e, C9: () => Ae, zF: () => je, XL: () => st, uv: () => q, vs: () => V, YJ: () => Ne, i9: () => h, uD: () => l, lV: () => r, Sp: () => s, RJ: () => Pn, SB: () => Cs, TL: () => T, oe: () => S, AB: () => a, dZ: () => B, Gf: () => Je, gK: () => z, BT: () => $, bt: () => F, sX: () => Q });
-  const n = (e = { AdditiveBlending: () => af, Box3: () => di, BufferAttribute: () => Zt, BufferGeometry: () => Xt, CanvasTexture: () => yf, Color: () => ut, DataTexture: () => ma, EventDispatcher: () => Fr, Frustum: () => cc, GLSL3: () => uf, LessEqualDepth: () => jl, LineBasicMaterial: () => ns, LineSegments: () => Ma, LinearFilter: () => Di, Matrix4: () => nt, NearestFilter: () => mi, NoBlending: () => As, Object3D: () => oi, Points: () => sp, RGBAFormat: () => An, RawShaderMaterial: () => Sx, Scene: () => wa, ShaderMaterial: () => Ci, Sphere: () => Qi, Texture: () => Oi, Uint8BufferAttribute: () => c_, Vector2: () => Se, Vector3: () => G, Vector4: () => ai, WebGLRenderTarget: () => bn }, t = {}, Kn.d(t, e), t);
+  const n = (e = { AdditiveBlending: () => af, Box3: () => di, BufferAttribute: () => Zt, BufferGeometry: () => Xt, CanvasTexture: () => yf, Color: () => ut, DataTexture: () => ma, EventDispatcher: () => Fr, Frustum: () => cc, GLSL3: () => uf, LessEqualDepth: () => jl, LineBasicMaterial: () => ns, LineSegments: () => Ma, LinearFilter: () => Di, Matrix4: () => nt, NearestFilter: () => mi, NoBlending: () => As, Object3D: () => oi, Points: () => sp, RGBAFormat: () => An, RawShaderMaterial: () => Sx, Scene: () => wa, ShaderMaterial: () => Ci, Sphere: () => Qi, Texture: () => Oi, Uint8BufferAttribute: () => c_, Vector2: () => Se, Vector3: () => G, Vector4: () => ai, WebGLRenderTarget: () => wn }, t = {}, Kn.d(t, e), t);
   var e, t, i, s, r, a, l, h;
   class u extends n.ShaderMaterial {
     constructor() {
@@ -33504,7 +33517,7 @@ class PP {
   initial(e) {
     for (let t = 0; t < e.length; t++) {
       const i = e[t];
-      let s = vn.rgbToThreejsColor(
+      let s = bn.rgbToThreejsColor(
         i.Red,
         i.Green,
         i.Blue
@@ -33696,7 +33709,7 @@ class IP {
   initial(e) {
     for (let t = 0; t < e.length; t++) {
       const i = e[t];
-      let s = vn.rgbToThreejsColor(
+      let s = bn.rgbToThreejsColor(
         i.Red,
         i.Green,
         i.Blue
@@ -37647,7 +37660,7 @@ class zP {
   initial(e) {
     for (let t = 0; t < e.length; t++) {
       const i = e[t];
-      let s = vn.rgbToThreejsColor(
+      let s = bn.rgbToThreejsColor(
         i.Red,
         i.Green,
         i.Blue
@@ -37750,7 +37763,7 @@ class UP {
       a.push(-E.X), a.push(E.Z), a.push(E.Y);
     }
     const l = new Float32Array(a);
-    let h = vn.rgbToThreejsColor(
+    let h = bn.rgbToThreejsColor(
       s.Red,
       s.Green,
       s.Blue
@@ -37776,7 +37789,7 @@ class UP {
       l.push(-x.X), l.push(x.Z), l.push(x.Y);
     }
     const h = new Float32Array(l);
-    let u = vn.rgbToThreejsColor(
+    let u = bn.rgbToThreejsColor(
       s.Red,
       s.Green,
       s.Blue
@@ -37917,7 +37930,7 @@ class UP {
         -g.CameraData.box.max.X,
         g.CameraData.box.max.Z,
         g.CameraData.box.max.Y
-      ), E = vn.middlePoint(x, w), b = Math.abs(
+      ), E = bn.middlePoint(x, w), b = Math.abs(
         g.CameraData.box.max.X - g.CameraData.box.min.X
       ), v = Math.abs(
         g.CameraData.box.max.Y - g.CameraData.box.min.Y
@@ -41303,21 +41316,21 @@ class PR {
 class CR {
   constructor(e) {
     this.viralViewerApi = e, this.hoverMaterial = new Nr({
-      color: vn.hexToThreejsColor(kt.secondary),
+      color: bn.hexToThreejsColor(kt.secondary),
       opacity: 0.7,
       transparent: !0,
       depthTest: !1,
       name: "Render Material",
       flatShading: !0
     }), this.selectedMaterial = new Nr({
-      color: vn.hexToThreejsColor(kt.secondary),
+      color: bn.hexToThreejsColor(kt.secondary),
       opacity: 0.7,
       transparent: !0,
       name: "Render Material",
       depthTest: !1,
       flatShading: !0
     }), this.lineMaterial = new ns({
-      color: vn.hexToThreejsColor(kt.accent),
+      color: bn.hexToThreejsColor(kt.accent),
       linewidth: 500
       // depthTest: false,
     }), this.vertexShader = `
@@ -41836,7 +41849,7 @@ class WR {
           let s = this.defaultSprite.clone();
           s.position.copy(this.point1), this.tempMeasure.add(s);
         } else if (this.point1 && !this.point2) {
-          this.point2 = i, vn.clearChildren(this.tempMeasure);
+          this.point2 = i, bn.clearChildren(this.tempMeasure);
           let s = this.defaultSprite.clone();
           s.position.copy(this.point1), this.measureObject.add(s);
           let r = this.defaultSprite.clone();
@@ -41871,7 +41884,7 @@ class WR {
   }
   makeLine(e, t) {
     let i = new ns({
-      color: vn.hexToThreejsColor(kt.primary),
+      color: bn.hexToThreejsColor(kt.primary),
       linewidth: 20
     });
     const s = [e, t], r = new Xt().setFromPoints(s);
@@ -41892,14 +41905,14 @@ class WR {
       sizeAttenuation: !1
     }));
     h.scale.set(2e-3 * s.width * 0.5, 25e-4 * s.height * 0.5, 1);
-    let u = vn.middlePoint(e, t);
+    let u = bn.middlePoint(e, t);
     return h.position.copy(u), h;
   }
   dispose() {
-    this.resetPickedPoints(), vn.clearChildren(this.measureObject), vn.clearChildren(this.tempMeasure), this.viralTools.viralViewerApi.viralRenderer.render();
+    this.resetPickedPoints(), bn.clearChildren(this.measureObject), bn.clearChildren(this.tempMeasure), this.viralTools.viralViewerApi.viralRenderer.render();
   }
   onKeyPress(e) {
-    e.code == "Escape" && (vn.clearChildren(this.tempMeasure), this.point1 = null, this.point2 = null, this.tempPoint2 = null, this.viralTools.viralViewerApi.viralRenderer.render());
+    e.code == "Escape" && (bn.clearChildren(this.tempMeasure), this.point1 = null, this.point2 = null, this.tempPoint2 = null, this.viralTools.viralViewerApi.viralRenderer.render());
   }
 }
 class QR {
@@ -42466,10 +42479,10 @@ class n3 {
   constructor(e, t, i, s, r = 2, a = 1, l, h) {
     this.viralViewerApi = e, this.scaleRatio = r, this.mixer = null, this.idleAnimation = null, this.walkAnimation = null, this.avatar = null, this.destination = null, this.isReady = !1, this.name = "", this.id = t3.generateRandomString(10), this.MOVEMENT_SPEED = 0.032, this.talkContent = "", l && (this.id = l), h && (this.name = h, this.nameDiv = document.createElement("div"), this.nameDiv.setAttribute(
       "style",
-      "position: absolute; top:0; left:0;transform: translateX(-50%); cursor-pointer:none; user-select: none; background-color:rgba(226, 230, 220,1); color:rgb(23, 49, 44); padding: 5px ; border-radius:5px; font-size:x-small"
+      "position: absolute; top:0; left:0;transform: translateX(-50%); pointer-events: none; background-color:rgba(226, 230, 220,1); color:rgb(23, 49, 44); padding: 5px ; border-radius:5px; font-size:x-small"
     ), this.nameDiv.id = this.id, this.nameDiv.append(this.name), this.viralViewerApi.targetElement.appendChild(this.nameDiv)), this.chatDiv = document.createElement("div"), this.chatDiv.setAttribute(
       "style",
-      "position: absolute;display:none; top:0; left:0;transform: translateX(-50%); cursor-pointer:none; user-select: none; background-color:rgba(226, 230, 220,1); color:rgb(23, 49, 44); padding: 5px ; border-radius:5px; font-size:x-small"
+      "position: absolute;display:none; top:0; left:0;transform: translate(-50%, -100%); pointer-events: none; background-color:rgba(226, 230, 220,1); color:rgb(23, 49, 44); padding: 5px ; border-radius:5px; font-size:x-small"
     ), this.viralViewerApi.targetElement.appendChild(this.chatDiv), this.MOVEMENT_SPEED = i3 * a, this.viralViewerApi.viralLoader.threeLoader.loadGLTF(
       t,
       (u) => {
@@ -42502,6 +42515,10 @@ class n3 {
       this.talkContent = "", this.chatDiv.firstChild && this.chatDiv.removeChild(this.chatDiv.firstChild);
     }, 4e3);
   }
+  teleport(e) {
+    var t;
+    (t = this.avatar) == null || t.position.copy(e);
+  }
   render(e) {
     if (this.avatar && this.mixer) {
       let t = this.avatar.getObjectByName("Hips");
@@ -42586,11 +42603,11 @@ export {
   a3 as Fragment,
   fu as HTMLUtil,
   Sn as LogUtil,
-  vn as THREEUtil,
+  bn as THREEUtil,
   oa as ViralCameraEventType,
   EP as ViralInstancedMesh,
   _o as ViralKeyboardEventType,
-  Mn as ViralMouseEventType,
+  vn as ViralMouseEventType,
   na as ViralPoint,
   v3 as ViralViewerApi,
   l3 as ViralViewerRevitGeometry,

package/dist/types.d.ts

@@ -78,7 +78,8 @@ export declare enum ViralMouseEventType {
     ON_MOUSE_DOWN_LEFT = 1,
     ON_MOUSE_UP_LEFT = 2,
     ON_MOUSE_DOWN_RIGHT = 3,
-    ON_MOUSE_UP_RIGHT = 4
+    ON_MOUSE_UP_RIGHT = 4,
+    ON_MOUSE_DOUBLE_CLICK = 5
 }
 export declare enum ViralCameraEventType {
     ON_WAKE = 0,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "viral-viewer-2",
-    "version": "6.4.6",
+    "version": "6.4.8",
     "description": "",
     "main": "dist/index.mjs",
     "types": "dist/index.d.ts",