@lumiscaphe/viewer 4.1.16 → 4.2.0

package/dist/lib/index.js

@@ -1,5 +1,5 @@
 (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".ls-viewer-container{display:block;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none;width:100%;height:100%}.ls-viewer-container-image,.ls-viewer-container-video{cursor:default;pointer-events:none}.ls-viewer-container-vrcube{cursor:pointer;cursor:grab}.ls-viewer-container-vrcube-grabbing{cursor:move;cursor:grabbing}.ls-viewer-container-vrobject{cursor:move;cursor:grab}.ls-viewer-container-vrobject-grabbing{cursor:move;cursor:grabbing}.ls-viewer-container-loading{cursor:progress}.ls-viewer-canvas{position:absolute;opacity:0;transition:opacity .5s}.ls-viewer-video{position:absolute}")),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
-import k from "debounce-promise";
+import C from "debounce-promise";
 import * as P from "twgl.js";
 import { v3 as h, m4 as c } from "twgl.js";
 import $ from "regression";
@@ -20,34 +20,34 @@ class p {
   }
   static fit(t, e, i) {
     const s = t.aspect, r = e.aspect;
-    let n = 0, a = 0;
+    let a = 0, n = 0;
     switch (i) {
       case "contain":
-        n = r < s ? e.width : e.height * s, a = r < s ? e.width / s : e.height;
+        a = r < s ? e.width : e.height * s, n = r < s ? e.width / s : e.height;
         break;
       case "cover":
       default:
-        n = r < s ? e.height * s : e.width, a = r < s ? e.height : e.width / s;
+        a = r < s ? e.height * s : e.width, n = r < s ? e.height : e.width / s;
         break;
       case "fill":
-        n = e.width, a = e.height;
+        a = e.width, n = e.height;
         break;
     }
-    const o = (e.height - a) / 2, l = (e.width - n) / 2;
-    return new p(o, l, n, a);
+    const o = (e.height - n) / 2, u = (e.width - a) / 2;
+    return new p(o, u, a, n);
   }
   static project(t, e, i, s) {
-    const r = p.fit(t, e, i), n = r.width / t.width, a = r.height / t.height;
+    const r = p.fit(t, e, i), a = r.width / t.width, n = r.height / t.height;
     return {
-      x: Math.round(r.left + s.x * n),
-      y: Math.round(r.top + s.y * a)
+      x: Math.round(r.left + s.x * a),
+      y: Math.round(r.top + s.y * n)
     };
   }
   static unproject(t, e, i, s) {
-    const r = p.fit(t, e, i), n = r.width / t.width, a = r.height / t.height;
+    const r = p.fit(t, e, i), a = r.width / t.width, n = r.height / t.height;
     return {
-      x: Math.round((s.x - r.left) / n),
-      y: Math.round((s.y - r.top) / a)
+      x: Math.round((s.x - r.left) / a),
+      y: Math.round((s.y - r.top) / n)
     };
   }
   static getStandardAspectRatio(t, e) {
@@ -55,8 +55,8 @@ class p {
       return 0;
     const i = t / e;
     if (t < e) {
-      const n = Math.abs(0.75 - i), a = Math.abs(9 / 16 - i);
-      return n < a ? 3 / 4 : 9 / 16;
+      const a = Math.abs(0.75 - i), n = Math.abs(9 / 16 - i);
+      return a < n ? 3 / 4 : 9 / 16;
     }
     const s = Math.abs(4 / 3 - i), r = Math.abs(16 / 9 - i);
     return s < r ? 4 / 3 : 16 / 9;
@@ -73,7 +73,7 @@ class p {
     return new b(Math.round(s * i), Math.round(s));
   }
   static getStandardQuality(t) {
-    return t <= 240 ? 240 : t <= 360 ? 360 : t <= 480 ? 480 : t <= 720 ? 720 : 1080;
+    return t <= 720 ? 720 : 1080;
   }
 }
 class U {
@@ -145,41 +145,41 @@ class w {
     return t - e * Math.floor(t / e);
   }
   static perspectiveWithFovX(t, e, i, s, r) {
-    const n = Math.tan(t / 2), a = n / e;
-    return this.perspectiveWithLeft(-n, n, -a, a, i, s, r);
+    const a = Math.tan(t / 2), n = a / e;
+    return this.perspectiveWithLeft(-a, a, -n, n, i, s, r);
   }
   static perspectiveWithFovY(t, e, i, s, r) {
-    const n = i * Math.tan(t / 2), a = n * e;
-    return this.perspectiveWithLeft(-a, a, -n, n, i, s, r);
+    const a = i * Math.tan(t / 2), n = a * e;
+    return this.perspectiveWithLeft(-n, n, -a, a, i, s, r);
   }
-  static perspectiveWithLeft(t, e, i, s, r, n, a) {
-    a = a || new Float32Array(16);
-    const o = e + t, l = e - t, u = s + i, f = s - i, d = n - r;
-    return a[0] = 2 * r / l, a[1] = 0, a[2] = 0, a[3] = 0, a[4] = 0, a[5] = 2 * r / f, a[6] = 0, a[7] = 0, a[8] = o / l, a[9] = u / f, a[10] = -n / d, a[11] = -1, a[12] = 0, a[13] = 0, a[14] = -n * r / d, a[15] = 0, a;
+  static perspectiveWithLeft(t, e, i, s, r, a, n) {
+    n = n || new Float32Array(16);
+    const o = e + t, u = e - t, m = s + i, f = s - i, d = a - r;
+    return n[0] = 2 * r / u, n[1] = 0, n[2] = 0, n[3] = 0, n[4] = 0, n[5] = 2 * r / f, n[6] = 0, n[7] = 0, n[8] = o / u, n[9] = m / f, n[10] = -a / d, n[11] = -1, n[12] = 0, n[13] = 0, n[14] = -a * r / d, n[15] = 0, n;
   }
 }
 const A = class A {
   static initCubeFace(t, e, i) {
     let s = [0, 0, 0];
-    const r = h.subtract(e, t), n = h.mulScalar([0, 1, 0], h.length(r)), a = h.mulScalar(h.normalize(h.cross(r, n)), h.length(r)), o = h.mulScalar(h.normalize(h.cross(n, a)), h.length(r));
+    const r = h.subtract(e, t), a = h.mulScalar([0, 1, 0], h.length(r)), n = h.mulScalar(h.normalize(h.cross(r, a)), h.length(r)), o = h.mulScalar(h.normalize(h.cross(a, n)), h.length(r));
     switch (i) {
       case "front":
-        e = h.add(t, o), s = h.normalize(n);
+        e = h.add(t, o), s = h.normalize(a);
         break;
       case "right":
-        e = h.add(t, a), s = h.normalize(n);
+        e = h.add(t, n), s = h.normalize(a);
         break;
       case "back":
-        e = h.subtract(t, o), s = h.normalize(n);
+        e = h.subtract(t, o), s = h.normalize(a);
         break;
       case "left":
-        e = h.subtract(t, a), s = h.normalize(n);
+        e = h.subtract(t, n), s = h.normalize(a);
         break;
       case "up":
-        e = h.add(t, n), s = h.normalize(h.mulScalar(o, -1));
+        e = h.add(t, a), s = h.normalize(h.mulScalar(o, -1));
         break;
       case "down":
-        e = h.subtract(t, n), s = h.normalize(o);
+        e = h.subtract(t, a), s = h.normalize(o);
         break;
     }
     return new A(e, t, s);
@@ -214,12 +214,12 @@ class B {
   }
   pointOfView(t) {
     const e = c.rotationY(this.longitude), i = c.rotationX(-this.latitude), s = c.rotationZ(0), r = c.multiply(e, c.multiply(i, s));
-    let n = [0, 0, -1];
-    n = c.transformPoint(r, n);
-    let a = [0, 1, 0];
+    let a = [0, 0, -1];
     a = c.transformPoint(r, a);
-    const o = h.subtract(t, h.mulScalar(n, this.distance));
-    return new L(t, o, a);
+    let n = [0, 1, 0];
+    n = c.transformPoint(r, n);
+    const o = h.subtract(t, h.mulScalar(a, this.distance));
+    return new L(t, o, n);
   }
 }
 class X {
@@ -315,7 +315,7 @@ const g = class g {
     return Object.entries(t).filter(([e, i]) => i != null).map(([e, i]) => `${e}=${i}`).join("&");
   }
   static sceneParameters(t) {
-    const e = t.scene, i = e.length > 1 ? e.find((n) => n.accessory) : null, s = e.length > 1 ? e.find((n) => n.decor) : null, r = e.find((n) => n !== i && n !== s);
+    const e = t.scene, i = e.length > 1 ? e.find((a) => a.accessory) : null, s = e.length > 1 ? e.find((a) => a.decor) : null, r = e.find((a) => a !== i && a !== s);
     return {
       databaseId: r.database,
       configuration: r?.configuration,
@@ -416,7 +416,7 @@ const g = class g {
 };
 g.xmlRegex = /directUrl="([^"]*)"/g;
 let S = g;
-class m {
+class l {
   constructor(t) {
     this.server = t;
   }
@@ -482,29 +482,29 @@ class m {
   }
   async image(t) {
     const e = {
-      scene: m.scene(t),
+      scene: l.scene(t),
       mode: {
         image: {
           camera: t.view.camera
         }
       },
-      renderParameters: m.renderParameters(t),
-      encoder: m.encoder(t)
+      renderParameters: l.renderParameters(t),
+      encoder: l.encoder(t)
     };
-    return m.fetchFrame(`${this.server}/Snapshot`, e);
+    return l.fetchFrame(`${this.server}/Snapshot`, e);
   }
   async vrCube(t) {
     const e = {
-      scene: m.scene(t),
+      scene: l.scene(t),
       mode: {
         vrCube: {
           camera: t.view.camera
         }
       },
-      renderParameters: m.renderParameters(t),
-      encoder: m.encoder(t)
+      renderParameters: l.renderParameters(t),
+      encoder: l.encoder(t)
     };
-    return e.renderParameters.width = Math.max(e.renderParameters.width, e.renderParameters.height), e.renderParameters.height = Math.max(e.renderParameters.width, e.renderParameters.height), m.fetchFrameArray(`${this.server}/Snapshot`, e);
+    return e.renderParameters.width = Math.max(e.renderParameters.width, e.renderParameters.height), e.renderParameters.height = Math.max(e.renderParameters.width, e.renderParameters.height), l.fetchFrameArray(`${this.server}/Snapshot`, e);
   }
   async vrObject(t) {
     let e;
@@ -531,16 +531,16 @@ class m {
       }
     };
     const i = {
-      scene: m.scene(t),
+      scene: l.scene(t),
       mode: e,
-      renderParameters: m.renderParameters(t),
-      encoder: m.encoder(t)
+      renderParameters: l.renderParameters(t),
+      encoder: l.encoder(t)
     };
-    return m.fetchFrameArray(`${this.server}/Snapshot`, i);
+    return l.fetchFrameArray(`${this.server}/Snapshot`, i);
   }
   async animation(t) {
     const e = {
-      scene: m.scene(t),
+      scene: l.scene(t),
       mode: {
         animation: {
           id: t.view.animation,
@@ -548,45 +548,45 @@ class m {
           fps: t.view.fps
         }
       },
-      renderParameters: m.renderParameters(t),
-      encoder: m.encoder(t)
+      renderParameters: l.renderParameters(t),
+      encoder: l.encoder(t)
     };
-    return m.fetchFrameArray(`${this.server}/Snapshot`, e);
+    return l.fetchFrameArray(`${this.server}/Snapshot`, e);
   }
   async imageHotspots(t, e) {
     const i = {
-      scene: m.scene(t),
+      scene: l.scene(t),
       mode: {
         image: {
           camera: t.view.camera
         }
       },
-      renderParameters: m.renderParameters(t),
+      renderParameters: l.renderParameters(t),
       ...this.hotspotsBody(e)
     };
-    return await m.fetchHotspots(`${this.server}/Hotspot`, i);
+    return await l.fetchHotspots(`${this.server}/Hotspot`, i);
   }
   async imagePick(t, e) {
     const i = {
-      scene: m.scene(t),
+      scene: l.scene(t),
       camera: t.view.camera,
-      renderParameters: m.renderParameters(t),
+      renderParameters: l.renderParameters(t),
       positions: [e]
     };
-    return await m.fetchPick(`${this.server}/Pick`, i);
+    return await l.fetchPick(`${this.server}/Pick`, i);
   }
   async vrCubeHotspots(t, e) {
     const i = {
-      scene: m.scene(t),
+      scene: l.scene(t),
       mode: {
         vrCube: {
           camera: t.view.camera
         }
       },
-      renderParameters: m.renderParameters(t),
+      renderParameters: l.renderParameters(t),
       ...this.hotspotsBody(e)
     };
-    return i.renderParameters.width = Math.max(i.renderParameters.width, i.renderParameters.height), i.renderParameters.height = Math.max(i.renderParameters.width, i.renderParameters.height), await m.fetchHotspotsArray(`${this.server}/Hotspot`, i);
+    return i.renderParameters.width = Math.max(i.renderParameters.width, i.renderParameters.height), i.renderParameters.height = Math.max(i.renderParameters.width, i.renderParameters.height), await l.fetchHotspotsArray(`${this.server}/Hotspot`, i);
   }
   async vrObjectHotspots(t, e) {
     let i;
@@ -613,12 +613,12 @@ class m {
       }
     };
     const s = {
-      scene: m.scene(t),
+      scene: l.scene(t),
       mode: i,
-      renderParameters: m.renderParameters(t),
+      renderParameters: l.renderParameters(t),
       ...this.hotspotsBody(e)
     };
-    return await m.fetchHotspotsArray(`${this.server}/Hotspot`, s);
+    return await l.fetchHotspotsArray(`${this.server}/Hotspot`, s);
   }
   hotspotsBody(t) {
     return {
@@ -634,13 +634,13 @@ class D {
         this.webrender = new X();
         break;
       case "v1":
-        this.webrender = new S(t), this.webrenderV2 = new m(t);
+        this.webrender = new S(t), this.webrenderV2 = new l(t);
         break;
       case "v2":
-        this.webrender = new m(t), this.webrenderV2 = new m(t);
+        this.webrender = new l(t), this.webrenderV2 = new l(t);
         break;
       default:
-        this.webrender = new S(t), this.webrenderV2 = new m(t);
+        this.webrender = new S(t), this.webrenderV2 = new l(t);
         break;
     }
     this.delegate = i, this.loadingId = 0, this.loaded = 0, this.total = 0, this.databases = [], this.onLoadStart = i && i.onLoadStart ? i.onLoadStart : () => {
@@ -678,7 +678,7 @@ class D {
   async loadImage(t, e) {
     const i = new Image();
     i.crossOrigin = location.protocol === "file:" && !D.isValidHttpUrl(t) ? null : "anonymous";
-    const s = new Promise((r, n) => {
+    const s = new Promise((r, a) => {
       i.addEventListener(
         "load",
         () => {
@@ -687,8 +687,8 @@ class D {
         { once: !0 }
       ), i.addEventListener(
         "error",
-        (a) => {
-          e === this.loadingId && n(`${a.type} : ${t}`);
+        (n) => {
+          e === this.loadingId && a(`${n.type} : ${t}`);
         },
         { once: !0 }
       );
@@ -697,27 +697,27 @@ class D {
   }
   loadImageFrames(t, e, i, s) {
     this.total = t.length;
-    const r = new Array(t.length), n = i || 0;
-    for (let a = 0, o = t.length; a < o; a += 1) {
-      const l = Math.ceil(a / 2) * (a % 2 === 0 ? 1 : -1), u = e ? w.mod(n + l, o) : a;
-      r[u] = this.loadImage(t[u], s);
+    const r = new Array(t.length), a = i || 0;
+    for (let n = 0, o = t.length; n < o; n += 1) {
+      const u = Math.ceil(n / 2) * (n % 2 === 0 ? 1 : -1), m = e ? w.mod(a + u, o) : n;
+      r[m] = this.loadImage(t[m], s);
     }
     return Promise.all(r).then(() => this.onLoadEnd(this.progress)).catch(() => {
     }), r;
   }
   async loadVideo(t, e, i, s) {
     t.loop = i;
-    const r = new Promise((n, a) => {
+    const r = new Promise((a, n) => {
       t.addEventListener(
         "canplaythrough",
         () => {
-          s === this.loadingId && (this.loaded += 1, this.onLoadProgress(this.progress), n());
+          s === this.loadingId && (this.loaded += 1, this.onLoadProgress(this.progress), a());
         },
         { once: !0 }
       ), t.addEventListener(
         "error",
         (o) => {
-          s === this.loadingId && a(`${o.type} : ${e}`);
+          s === this.loadingId && n(`${o.type} : ${e}`);
         },
         { once: !0 }
       );
@@ -725,24 +725,24 @@ class D {
     return t.src = e, t.load(), r;
   }
   async loadVideoFrame(t, e, i, s, r) {
-    let n = 0;
-    return new Promise((a, o) => {
-      const l = () => {
+    let a = 0;
+    return new Promise((n, o) => {
+      const u = () => {
         if (r !== this.loadingId) return;
-        if (n !== s) {
-          n += 1;
+        if (a !== s) {
+          a += 1;
           return;
         }
-        t.removeEventListener("seeked", l);
-        const u = document.createElement("canvas");
-        u.width = t.videoWidth, u.height = t.videoHeight, u.getContext("2d").drawImage(t, 0, 0);
+        t.removeEventListener("seeked", u);
+        const m = document.createElement("canvas");
+        m.width = t.videoWidth, m.height = t.videoHeight, m.getContext("2d").drawImage(t, 0, 0);
         const d = new Image();
-        d.src = u.toDataURL(), a(d), this.loaded += 1, this.onLoadProgress(this.progress), s !== i - 1 && (t.currentTime += 1 / e);
+        d.src = m.toDataURL(), n(d), this.loaded += 1, this.onLoadProgress(this.progress), s !== i - 1 && (t.currentTime += 1 / e);
       };
-      t.addEventListener("seeked", l), t.addEventListener(
+      t.addEventListener("seeked", u), t.addEventListener(
         "error",
-        (u) => {
-          r === this.loadingId && o(u);
+        (m) => {
+          r === this.loadingId && o(m);
         },
         { once: !0 }
       );
@@ -750,16 +750,16 @@ class D {
   }
   loadVideoFrames(t, e, i, s) {
     this.total = e;
-    const r = new Array(e), n = document.createElement("video");
-    for (let a = 0, o = e; a < o; a += 1)
-      r[a] = this.loadVideoFrame(n, i, e, a, s);
-    return n.addEventListener(
+    const r = new Array(e), a = document.createElement("video");
+    for (let n = 0, o = e; n < o; n += 1)
+      r[n] = this.loadVideoFrame(a, i, e, n, s);
+    return a.addEventListener(
       "canplaythrough",
       () => {
-        s === this.loadingId && (n.currentTime = 1 / i / 2);
+        s === this.loadingId && (a.currentTime = 1 / i / 2);
       },
       { once: !0 }
-    ), n.src = t, n.load(), Promise.all(r).then(() => this.onLoadEnd(this.progress)).catch(() => {
+    ), a.src = t, a.load(), Promise.all(r).then(() => this.onLoadEnd(this.progress)).catch(() => {
     }), r;
   }
   async loadImageHotspots(t, e) {
@@ -781,47 +781,48 @@ class D {
     return this.webrenderV2 ? await this.webrenderV2.imagePick(await this.vrCubeFrameSnapshot(t, i), e) : Promise.reject(new Error("Picking only available with api V2"));
   }
   async convert(t) {
-    if (!this.webrenderV2 || this.webrender instanceof m || !t.view.camera)
+    if (!this.webrenderV2 || this.webrender instanceof l || !t.view.camera)
       return t;
     const e = t.scene.find((o) => !o.decor && !o.accessory);
     if (!e)
       return t;
     let i = this.databases.find((o) => o.id === e.database);
     (!i || !i.xmlDoc) && (i = await this.webrender.database(e.database), this.databases.push(i));
-    const s = t.view.camera?.split("/"), r = s.length === 2 ? s[0] : void 0, n = s.length === 2 ? s[1] : s[0], a = i.getCameraId(n, r);
-    if (a)
-      return { ...t, view: { ...t.view, camera: a } };
+    const s = t.view.camera.split("/"), r = s.length === 2 ? s[0] : void 0, a = s.length === 2 ? s[1] : s[0], n = i.getCameraId(a, r);
+    if (n)
+      return { ...t, view: { ...t.view, camera: n } };
     {
-      const o = i.getCameraGroupId(n);
+      const o = i.getCameraGroupId(a);
       return o ? { ...t, view: { ...t.view, cameraGroup: o } } : t;
     }
   }
   async vrObjectFrameSnapshot(t, e, i) {
     if (!this.webrenderV2)
       return t;
-    const s = t.scene.find((n) => !n.decor && !n.accessory);
+    const s = t.scene.find((a) => !a.decor && !a.accessory);
     if (!s)
       return t;
-    let r = this.databases.find((n) => n.id === s.database);
+    let r = this.databases.find((a) => a.id === s.database);
     if (r || (r = await this.webrender.database(s.database), this.databases.push(r)), this.webrender instanceof S) {
       if (!t.view.camera)
         return t;
-      const n = r.getCameraGroupId(t.view.camera);
-      if (!n)
-        return t;
-      const a = r.getCameraGroupById(n);
+      const a = r.getCameraGroupId(t.view.camera);
       if (!a)
         return t;
-      const o = a.cameras[e];
+      const n = r.getCameraGroupById(a);
+      if (!n)
+        return t;
+      const o = n.cameras[e];
       return o ? { ...t, view: { ...t.view, camera: o.id } } : t;
-    } else if (this.webrender instanceof m)
-      if (t.view.camera) {
-        const n = r.getCameraById(t.view.camera);
+    } else if (this.webrender instanceof l) {
+      const a = typeof t.view.camera == "string" ? t.view.camera : t.view.camera?.id;
+      if (a) {
+        const n = r.getCameraById(a);
         if (!n)
           return t;
-        const a = new B(n.pointOfView), o = 2 * Math.PI / i;
-        a.longitude += e * o % (2 * Math.PI);
-        const l = a.pointOfView(n.pointOfView.target);
+        const o = new B(n.pointOfView), u = 2 * Math.PI / i;
+        o.longitude += e * u % (2 * Math.PI);
+        const m = o.pointOfView(n.pointOfView.target);
         return {
           ...t,
           view: {
@@ -830,19 +831,19 @@ class D {
               id: n.id,
               pov: {
                 target: {
-                  x: l.target[0],
-                  y: l.target[1],
-                  z: l.target[2]
+                  x: m.target[0],
+                  y: m.target[1],
+                  z: m.target[2]
                 },
                 eye: {
-                  x: l.eye[0],
-                  y: l.eye[1],
-                  z: l.eye[2]
+                  x: m.eye[0],
+                  y: m.eye[1],
+                  z: m.eye[2]
                 },
                 up: {
-                  x: l.up[0],
-                  y: l.up[1],
-                  z: l.up[2]
+                  x: m.up[0],
+                  y: m.up[1],
+                  z: m.up[2]
                 }
               }
             }
@@ -852,11 +853,11 @@ class D {
         const n = r.getCameraGroupById(t.view.cameraGroup);
         if (!n)
           return t;
-        const a = n.cameras[e];
-        return a ? { ...t, view: { ...t.view, camera: a.id } } : t;
+        const o = n.cameras[e];
+        return o ? { ...t, view: { ...t.view, camera: o.id } } : t;
       } else
         return t;
-    else
+    } else
       return t;
   }
   async vrCubeFrameSnapshot(t, e) {
@@ -868,36 +869,36 @@ class D {
       return t;
     let r;
     if (this.webrender instanceof S) {
-      const o = t.view.camera.split("/"), l = o.length === 2 ? o[0] : void 0, u = o.length === 2 ? o[1] : o[0];
-      r = s.getCameraId(u, l);
-    } else this.webrender instanceof m && (r = t.view.camera);
+      const o = t.view.camera.split("/"), u = o.length === 2 ? o[0] : void 0, m = o.length === 2 ? o[1] : o[0];
+      r = s.getCameraId(m, u);
+    } else this.webrender instanceof l && (r = typeof t.view.camera == "string" ? t.view.camera : t.view.camera.id);
     if (!r)
       return t;
-    const n = s.getCameraById(r);
-    if (!n)
+    const a = s.getCameraById(r);
+    if (!a)
       return t;
-    const a = L.initCubeFace(n.pointOfView.eye, n.pointOfView.target, e);
+    const n = L.initCubeFace(a.pointOfView.eye, a.pointOfView.target, e);
     return {
       ...t,
       view: {
         ...t.view,
         camera: {
-          id: n.id,
+          id: a.id,
           pov: {
             target: {
-              x: a.target[0],
-              y: a.target[1],
-              z: a.target[2]
+              x: n.target[0],
+              y: n.target[1],
+              z: n.target[2]
             },
             eye: {
-              x: a.eye[0],
-              y: a.eye[1],
-              z: a.eye[2]
+              x: n.eye[0],
+              y: n.eye[1],
+              z: n.eye[2]
             },
             up: {
-              x: a.up[0],
-              y: a.up[1],
-              z: a.up[2]
+              x: n.up[0],
+              y: n.up[1],
+              z: n.up[2]
             }
           },
           lens: {
@@ -960,18 +961,18 @@ class J {
   }
   async load(t, e, i, s) {
     let r = Promise.resolve();
-    const n = JSON.stringify(t);
-    n === this.snapshotHash && this.image ? r = r.then(() => this.canvas.draw(this.image, s, 0.05)) : r = r.then(
+    const a = JSON.stringify(t);
+    a === this.snapshotHash && this.image ? r = r.then(() => this.canvas.draw(this.image, s, 0.05)) : r = r.then(
       () => this.loader.loadImageSnapshot(t).then((o) => {
         this.canvas.draw(o, s, 0.05), this.image = o;
       })
     );
-    const a = JSON.stringify(e);
-    return (n !== this.snapshotHash || a !== this.hotspotsHash) && (e.length ? r = r.then(
+    const n = JSON.stringify(e);
+    return (a !== this.snapshotHash || n !== this.hotspotsHash) && (e.length ? r = r.then(
       () => this.loader.loadImageHotspots(t, e).then((o) => {
         this.hotspotList = o;
       })
-    ) : this.hotspotList = []), this.hotspotsHash = a, this.snapshotHash = n, r;
+    ) : this.hotspotList = []), this.hotspotsHash = n, this.snapshotHash = a, r;
   }
   async pick(t, e) {
     const i = new b(t.parameters.width, t.parameters.height), s = p.unproject(i, this.canvas.resolution, this.canvas.fit, e);
@@ -1072,8 +1073,8 @@ class Q {
   get orientedPov() {
     const t = h.normalize(h.cross(this.pov.up, this.pov.target)), e = new V(t, [0, 1, 0], this.pov.eye), i = c.identity();
     c.multiply(i, e.localToGlobalMatrix, i), c.multiply(i, this.orientationMatrix, i), c.multiply(i, e.globalToLocalMatrix, i);
-    const s = c.transformDirection(i, this.pov.target), r = this.pov.eye, n = c.transformDirection(i, this.pov.up);
-    return new L(s, r, n);
+    const s = c.transformDirection(i, this.pov.target), r = this.pov.eye, a = c.transformDirection(i, this.pov.up);
+    return new L(s, r, a);
   }
   reset() {
     this.pov = this.initPov.clone(), this.fov = this.initFov;
@@ -1086,17 +1087,17 @@ class Q {
     const e = {
       x: t.x - this.previousPoint.x,
       y: t.y - this.previousPoint.y
-    }, i = w.accelerate(e.x, 1.3) / this.startSize.width * 0.2 * Math.PI * 1.5, s = w.accelerate(e.y, 1.3) / this.startSize.height * 0.2 * Math.PI, r = c.multiply(c.rotationY(i), c.rotationX(-s)), n = h.normalize(h.cross(this.pov.up, this.pov.target)), a = new V(n, [0, 1, 0], this.pov.eye), o = c.identity();
-    c.multiply(o, a.localToGlobalMatrix, o), c.multiply(o, r, o), c.multiply(o, a.globalToLocalMatrix, o);
-    const l = c.transformPoint(o, this.pov.target), u = c.transformDirection(o, this.pov.up);
-    h.cross(u, [0, 0, 1])[0] >= 0 && (this.pov.target = l, this.pov.up = u), this.previousPoint = t, this.onMotion();
+    }, i = w.accelerate(e.x, 1.3) / this.startSize.width * 0.2 * Math.PI * 1.5, s = w.accelerate(e.y, 1.3) / this.startSize.height * 0.2 * Math.PI, r = c.multiply(c.rotationY(i), c.rotationX(-s)), a = h.normalize(h.cross(this.pov.up, this.pov.target)), n = new V(a, [0, 1, 0], this.pov.eye), o = c.identity();
+    c.multiply(o, n.localToGlobalMatrix, o), c.multiply(o, r, o), c.multiply(o, n.globalToLocalMatrix, o);
+    const u = c.transformPoint(o, this.pov.target), m = c.transformDirection(o, this.pov.up);
+    h.cross(m, [0, 0, 1])[0] >= 0 && (this.pov.target = u, this.pov.up = m), this.previousPoint = t, this.onMotion();
   }
   end(t, e) {
     this.isStarted = !1, e && (this.inertia.track(t), this.inertia.start());
   }
   orientation(t, e, i) {
-    const s = w.degreesToRadians(window.orientation) || 0, r = w.degreesToRadians(t), n = w.degreesToRadians(-e), a = w.degreesToRadians(-i), o = c.rotationX(w.degreesToRadians(90));
-    c.rotateZ(o, this.initOrientation, o), c.rotateZ(o, r, o), c.rotateX(o, n, o), c.rotateY(o, a, o), c.rotateZ(o, -s, o), this.orientationMatrix = o, this.onMotion();
+    const s = w.degreesToRadians(window.orientation) || 0, r = w.degreesToRadians(t), a = w.degreesToRadians(-e), n = w.degreesToRadians(-i), o = c.rotationX(w.degreesToRadians(90));
+    c.rotateZ(o, this.initOrientation, o), c.rotateZ(o, r, o), c.rotateX(o, a, o), c.rotateY(o, n, o), c.rotateZ(o, -s, o), this.orientationMatrix = o, this.onMotion();
   }
 }
 var W = `precision mediump float;
@@ -1124,8 +1125,8 @@ void main() {
 class K {
   constructor(t, e, i, s) {
     this.container = t, this.canvas = e, this.loader = i, this.images = [], this.hotspotsList = [[]];
-    const r = new L([0, 0, 1], [0, 0, 0], [0, 1, 0]), n = 60, a = c.rotationX(w.degreesToRadians(15));
-    c.transformDirection(a, r.target, r.target), c.transformDirection(a, r.up, r.up), this.interaction = new Q(r, n, () => {
+    const r = new L([0, 0, 1], [0, 0, 0], [0, 1, 0]), a = 60, n = c.rotationX(w.degreesToRadians(15));
+    c.transformDirection(n, r.target, r.target), c.transformDirection(n, r.up, r.up), this.interaction = new Q(r, a, () => {
       this.animationFrameId = requestAnimationFrame(this.render), this.onInteraction({
         pov: this.interaction.pov.clone(),
         fov: this.interaction.fov
@@ -1176,8 +1177,8 @@ class K {
       const o = this.gl.getExtension("WEBGL_debug_renderer_info");
       o && navigator.platform === "MacIntel" && navigator.userAgent.includes("Chrome") && this.gl.getParameter(o.UNMASKED_RENDERER_WEBGL).includes("OpenGL") && (t.parameters.width = Math.min(t.parameters.width, 1812), t.parameters.height = Math.min(t.parameters.height, 1812));
     }
-    const n = JSON.stringify(t);
-    n === this.snapshotHash ? r = r.then(() => (this.animationFrameId = requestAnimationFrame(this.render), Promise.resolve())) : (this.images = [], this.animationFrameId = requestAnimationFrame(this.render), r = r.then(
+    const a = JSON.stringify(t);
+    a === this.snapshotHash ? r = r.then(() => (this.animationFrameId = requestAnimationFrame(this.render), Promise.resolve())) : (this.images = [], this.animationFrameId = requestAnimationFrame(this.render), r = r.then(
       () => this.loader.loadVRCubeSnapshot(t).then((o) => {
         this.images = o, P.createTexture(
           this.gl,
@@ -1196,21 +1197,21 @@ class K {
             ],
             src: o
           },
-          (l, u) => {
-            l || (i && this.interaction.reset(), this.uniforms.u_mix = s ? 0 : 1, this.uniforms.u_texture_back = this.uniforms.u_texture, this.uniforms.u_texture = u, this.animationFrameId = requestAnimationFrame(this.render));
+          (u, m) => {
+            u || (i && this.interaction.reset(), this.uniforms.u_mix = s ? 0 : 1, this.uniforms.u_texture_back = this.uniforms.u_texture, this.uniforms.u_texture = m, this.animationFrameId = requestAnimationFrame(this.render));
           }
         );
       })
     ));
-    const a = JSON.stringify(e);
-    return (n !== this.snapshotHash || a !== this.hotspotsHash) && (e.length ? r = r.then(
+    const n = JSON.stringify(e);
+    return (a !== this.snapshotHash || n !== this.hotspotsHash) && (e.length ? r = r.then(
       () => this.loader.loadVRCubeHotspots(t, e).then((o) => {
         this.hotspotsList = o;
       })
-    ) : this.hotspotsList = [[]]), this.hotspotsHash = a, this.snapshotHash = n, r;
+    ) : this.hotspotsList = [[]]), this.hotspotsHash = n, this.snapshotHash = a, r;
   }
   async pick(t, e) {
-    const i = this.canvas.element.clientWidth, s = this.canvas.element.clientHeight, r = e.x, n = s - e.y, a = 2 * r / i - 1, o = 2 * n / s - 1, l = [a, o, 0], u = this.modelViewProjectionMatrix, f = c.inverse(u), d = h.normalize(c.transformPoint(f, l)), T = Math.max(Math.abs(d[0]), Math.abs(d[1]), Math.abs(d[2]));
+    const i = this.canvas.element.clientWidth, s = this.canvas.element.clientHeight, r = e.x, a = s - e.y, n = 2 * r / i - 1, o = 2 * a / s - 1, u = [n, o, 0], m = this.modelViewProjectionMatrix, f = c.inverse(m), d = h.normalize(c.transformPoint(f, u)), T = Math.max(Math.abs(d[0]), Math.abs(d[1]), Math.abs(d[2]));
     let F = "";
     Math.abs(d[0]) === T ? F = d[0] > 0 ? "XPOS" : "XNEG" : Math.abs(d[1]) === T ? F = d[1] > 0 ? "YPOS" : "YNEG" : F = d[2] > 0 ? "ZPOS" : "ZNEG";
     let x = 0, M = 0, E = "";
@@ -1234,11 +1235,11 @@ class K {
         x = (-d[0] / Math.abs(d[2]) + 1) / 2, M = (-d[1] / Math.abs(d[2]) + 1) / 2, E = "back";
         break;
     }
-    const C = {
+    const O = {
       x: Math.round(x * Math.max(t.parameters.width, t.parameters.height)),
       y: Math.round(M * Math.max(t.parameters.width, t.parameters.height))
     };
-    return this.loader.loadVRCubePick(t, C, E);
+    return this.loader.loadVRCubePick(t, O, E);
   }
   hotspots() {
     const t = [];
@@ -1249,33 +1250,33 @@ class K {
       const r = this.hotspotsList.findIndex((R) => R[s].visibility !== "OutOfFrustum");
       if (r === -1)
         continue;
-      const n = { ...this.hotspotsList[r][s] }, a = n.position2D.x / this.images[0].width, o = n.position2D.y / this.images[0].height;
-      let l = 0, u = 0, f = 0;
+      const a = { ...this.hotspotsList[r][s] }, n = a.position2D.x / this.images[0].width, o = a.position2D.y / this.images[0].height;
+      let u = 0, m = 0, f = 0;
       switch (r) {
         case 0:
-          this.pov.target[2] < 0 && (n.visibility = "OutOfFrustum"), l = 2 * a - 1, u = 1 - 2 * o, f = 1;
+          this.pov.target[2] < 0 && (a.visibility = "OutOfFrustum"), u = 2 * n - 1, m = 1 - 2 * o, f = 1;
           break;
         case 1:
-          this.pov.target[0] > 0 && (n.visibility = "OutOfFrustum"), l = 1, u = 1 - 2 * o, f = 1 - 2 * a;
+          this.pov.target[0] > 0 && (a.visibility = "OutOfFrustum"), u = 1, m = 1 - 2 * o, f = 1 - 2 * n;
           break;
         case 2:
-          this.pov.target[2] > 0 && (n.visibility = "OutOfFrustum"), l = 1 - 2 * a, u = 1 - 2 * o, f = -1;
+          this.pov.target[2] > 0 && (a.visibility = "OutOfFrustum"), u = 1 - 2 * n, m = 1 - 2 * o, f = -1;
           break;
         case 3:
-          this.pov.target[0] < 0 && (n.visibility = "OutOfFrustum"), l = -1, u = 1 - 2 * o, f = 2 * a - 1;
+          this.pov.target[0] < 0 && (a.visibility = "OutOfFrustum"), u = -1, m = 1 - 2 * o, f = 2 * n - 1;
           break;
         case 4:
-          this.pov.target[1] < 0 && (n.visibility = "OutOfFrustum"), l = 2 * a - 1, u = 1, f = 2 * o - 1;
+          this.pov.target[1] < 0 && (a.visibility = "OutOfFrustum"), u = 2 * n - 1, m = 1, f = 2 * o - 1;
           break;
         case 5:
-          this.pov.target[1] > 0 && (n.visibility = "OutOfFrustum"), l = 2 * a - 1, u = -1, f = 1 - 2 * o;
+          this.pov.target[1] > 0 && (a.visibility = "OutOfFrustum"), u = 2 * n - 1, m = -1, f = 1 - 2 * o;
           break;
       }
-      const d = h.normalize([l, u, f]), T = c.transformPoint(i, d), F = this.canvas.element.clientWidth, x = this.canvas.element.clientHeight, M = 0.5 * F * (T[0] + 1), E = 0.5 * x * (T[1] + 1), C = {
+      const d = h.normalize([u, m, f]), T = c.transformPoint(i, d), F = this.canvas.element.clientWidth, x = this.canvas.element.clientHeight, M = 0.5 * F * (T[0] + 1), E = 0.5 * x * (T[1] + 1), O = {
         x: Math.round(M),
         y: Math.round(x - E)
-      }, G = new b(F, x), z = p.contains(G, C) ? n.visibility : "OutOfFrustum";
-      t.push({ ...n, position2D: C, visibility: z });
+      }, G = new b(F, x), z = p.contains(G, O) ? a.visibility : "OutOfFrustum";
+      t.push({ ...a, position2D: O, visibility: z });
     }
     return t;
   }
@@ -1283,8 +1284,8 @@ class K {
     return this.canvas.element.toDataURL(t, e);
   }
   get modelViewProjectionMatrix() {
-    const t = this.canvas.element.clientWidth, e = this.canvas.element.clientHeight, i = t > e ? t / e : e / t, s = p.getStandardAspectRatio(t, e), r = this.interaction.fov * (s / i), n = c.setAxis(c.identity(), [-1, 0, 0], 0), a = t > e ? w.perspectiveWithFovY(r, t / e, 0.5, 100) : w.perspectiveWithFovX(r, t / e, 0.5, 100), o = this.interaction.orientedPov, l = c.inverse(c.lookAt(o.eye, o.target, o.up));
-    return c.multiply(c.multiply(a, l), n);
+    const t = this.canvas.element.clientWidth, e = this.canvas.element.clientHeight, i = t > e ? t / e : e / t, s = p.getStandardAspectRatio(t, e), r = this.interaction.fov * (s / i), a = c.setAxis(c.identity(), [-1, 0, 0], 0), n = t > e ? w.perspectiveWithFovY(r, t / e, 0.5, 100) : w.perspectiveWithFovX(r, t / e, 0.5, 100), o = this.interaction.orientedPov, u = c.inverse(c.lookAt(o.eye, o.target, o.up));
+    return c.multiply(c.multiply(n, u), a);
   }
   render() {
     this.gl.viewport(0, 0, this.gl.canvas.width, this.gl.canvas.height), this.uniforms.u_mvpi = c.inverse(this.modelViewProjectionMatrix), this.gl.useProgram(this.programInfo.program), P.setBuffersAndAttributes(this.gl, this.programInfo, this.quad), P.setUniforms(this.programInfo, this.uniforms), P.drawBufferInfo(this.gl, this.quad), this.uniforms.u_mix < 1 && (this.uniforms.u_mix = Math.min(this.uniforms.u_mix + 0.05, 1), this.animationFrameId = requestAnimationFrame(this.render));
@@ -1349,21 +1350,21 @@ class tt {
       const s = w.accelerate(t.x - this.startPoint.x, 1.3) / this.startSize.width * (this.frames / 4);
       let r = this.startPosition.x - Math.round(s);
       r = this.loop ? w.mod(r, this.frames) : Math.max(0, Math.min(r, this.frames - 1)), r !== this.position.x && (this.position.x = r, this.onMotion());
-      const n = Math.min(...this.lastPoints.map((o) => o.x));
-      Math.max(...this.lastPoints.map((o) => o.x)) - n > i && (this.startPoint.y = t.y, this.startPosition.y = this.position.y);
+      const a = Math.min(...this.lastPoints.map((o) => o.x));
+      Math.max(...this.lastPoints.map((o) => o.x)) - a > i && (this.startPoint.y = t.y, this.startPosition.y = this.position.y);
     } else {
       const s = w.accelerate(t.y - this.startPoint.y, 1.7) / this.startSize.height * (this.rows / 4);
       let r = this.startPosition.y + Math.round(s);
       r = Math.max(0, Math.min(r, this.rows - 1)), r !== this.position.y && (this.position.y = r, this.onMotion());
-      const n = Math.min(...this.lastPoints.map((o) => o.y));
-      Math.max(...this.lastPoints.map((o) => o.y)) - n > i && (this.startPoint.x = t.x, this.startPosition.x = this.position.x);
+      const a = Math.min(...this.lastPoints.map((o) => o.y));
+      Math.max(...this.lastPoints.map((o) => o.y)) - a > i && (this.startPoint.x = t.x, this.startPosition.x = this.position.x);
     }
   }
   end(t, e) {
     this.isStarted = !1, e && (this.inertia.track(t), this.inertia.start());
   }
 }
-class O {
+class k {
   constructor(t, e, i, s) {
     this.container = t, this.canvas = e, this.loader = i, this.images = [], this.frames = 24, this.hotspotsList = [[]], this.interaction = new tt({ x: 0, y: 0 }, 1, 1, !1, () => {
       this.canvas.draw(this.image, !0, 0.5), this.onInteraction({
@@ -1406,24 +1407,24 @@ class O {
   async load(t, e, i, s) {
     let r = Promise.resolve();
     i && this.interaction.reset();
-    const n = JSON.stringify(t);
-    n === this.snapshotHash && this.image ? r = r.then(() => this.canvas.draw(this.image, s, 0.05)) : (this.images = [], r = r.then(
+    const a = JSON.stringify(t);
+    a === this.snapshotHash && this.image ? r = r.then(() => this.canvas.draw(this.image, s, 0.05)) : (this.images = [], r = r.then(
       () => this.loader.loadVRObjectSnapshot(t, this.interaction.positionIndex).then((o) => {
-        const l = o.length;
-        return this.images = new Array(l), this.interaction.frames = t.view.frames ?? t.view.panFrames ?? this.frames, this.interaction.rows = l / this.interaction.frames, this.interaction.loop = !!t.view.loop, i && this.interaction.reset(), o.forEach((u, f) => {
-          u.then((d) => {
+        const u = o.length;
+        return this.images = new Array(u), this.interaction.frames = t.view.frames ?? t.view.panFrames ?? this.frames, this.interaction.rows = u / this.interaction.frames, this.interaction.loop = !!t.view.loop, i && this.interaction.reset(), o.forEach((m, f) => {
+          m.then((d) => {
             this.images[f] = d, d === this.image && this.canvas.draw(this.image, s, 0.05);
           }).catch(() => {
           });
         }), o[this.interaction.positionIndex].then(() => Promise.resolve());
       })
     ));
-    const a = JSON.stringify(e);
-    return (n !== this.snapshotHash || a !== this.hotspotsHash) && (e.length ? r = r.then(
+    const n = JSON.stringify(e);
+    return (a !== this.snapshotHash || n !== this.hotspotsHash) && (e.length ? r = r.then(
       () => this.loader.loadVRObjectHotspots(t, e).then((o) => {
         this.hotspotsList = o;
       })
-    ) : this.hotspotsList = [[]]), this.hotspotsHash = a, this.snapshotHash = n, r;
+    ) : this.hotspotsList = [[]]), this.hotspotsHash = n, this.snapshotHash = a, r;
   }
   async pick(t, e) {
     const i = new b(t.parameters.width, t.parameters.height), s = p.unproject(i, this.canvas.resolution, this.canvas.fit, e);
@@ -1518,7 +1519,7 @@ class et {
   onDeviceOrientation(t) {
   }
 }
-class nt {
+class at {
   constructor(t, e) {
     this.checkResize = this.checkResize.bind(this), this.onDeviceOrientation = this.onDeviceOrientation.bind(this), this.onResize = this.onResize.bind(this), this.onMouseDown = this.onMouseDown.bind(this), this.onMouseMove = this.onMouseMove.bind(this), this.onMouseUp = this.onMouseUp.bind(this), this.onMouseEnter = this.onMouseEnter.bind(this), this.onTouchStart = this.onTouchStart.bind(this), this.onTouchMove = this.onTouchMove.bind(this), this.onTouchEnd = this.onTouchEnd.bind(this), this.onLoadStart = this.onLoadStart.bind(this), this.onLoadProgress = this.onLoadProgress.bind(this), this.onLoadEnd = this.onLoadEnd.bind(this), this.onLoadError = this.onLoadError.bind(this), this.onHotspotsChange = this.onHotspotsChange.bind(this), this.onVrcubeInteraction = this.onVrcubeInteraction.bind(this), this.onVrobjectInteraction = this.onVrobjectInteraction.bind(this), this.options = {
       server: "localhost",
@@ -1549,7 +1550,7 @@ class nt {
       onHotspotsChange: () => {
       },
       ...e.events
-    }, this.options.events.onLoadError = k(this.options.events.onLoadError, 10), this.container = t, this.container.classList.add("ls-viewer-container"), this.containerWidth = 0, this.containerHeight = 0, this.canvas2D = new U(this.options.fit), this.container.prepend(this.canvas2D.element), this.canvas3D = new N(), this.container.prepend(this.canvas3D.element), this.video = new Y(), this.container.prepend(this.video.element), this.loader = new D(this.options.server, this.options.api, this), this.resolution = new b(0, 0), this.parameters = {
+    }, this.options.events.onLoadError = C(this.options.events.onLoadError, 10), this.container = t, this.container.classList.add("ls-viewer-container"), this.containerWidth = 0, this.containerHeight = 0, this.canvas2D = new U(this.options.fit), this.container.prepend(this.canvas2D.element), this.canvas3D = new N(), this.container.prepend(this.canvas3D.element), this.video = new Y(), this.container.prepend(this.video.element), this.loader = new D(this.options.server, this.options.api, this), this.resolution = new b(0, 0), this.parameters = {
       width: 0,
       height: 0,
       antialiasing: !1,
@@ -1557,14 +1558,14 @@ class nt {
     }, this.encoder = {
       format: "jpeg",
       quality: 80
-    }, this.hotspots = [], this.widgetImage = new J(t, this.canvas2D, this.loader), this.widgetVideo = new et(t, this.video, this.loader), this.widgetVRObject = new O(t, this.canvas2D, this.loader, this.onVrobjectInteraction), this.canvas3D.context && (this.widgetVRCube = new K(t, this.canvas3D, this.loader, this.onVrcubeInteraction)), this.widget = this.widgetImage, this.isDestroyed = !1, this.container.addEventListener("mousedown", this.onMouseDown), this.container.addEventListener("mouseenter", this.onMouseEnter), this.container.addEventListener("touchstart", this.onTouchStart), document.addEventListener("mousemove", this.onMouseMove, { passive: !1 }), document.addEventListener("mouseup", this.onMouseUp), document.addEventListener("touchmove", this.onTouchMove, { passive: !1 }), document.addEventListener("touchend", this.onTouchEnd), this.loadWidget = k(this.loadWidget, 10), this.onResize = k(this.onResize, 250), requestAnimationFrame(this.checkResize);
+    }, this.hotspots = [], this.widgetImage = new J(t, this.canvas2D, this.loader), this.widgetVideo = new et(t, this.video, this.loader), this.widgetVRObject = new k(t, this.canvas2D, this.loader, this.onVrobjectInteraction), this.canvas3D.context && (this.widgetVRCube = new K(t, this.canvas3D, this.loader, this.onVrcubeInteraction)), this.widget = this.widgetImage, this.isDestroyed = !1, this.container.addEventListener("mousedown", this.onMouseDown), this.container.addEventListener("mouseenter", this.onMouseEnter), this.container.addEventListener("touchstart", this.onTouchStart), document.addEventListener("mousemove", this.onMouseMove, { passive: !1 }), document.addEventListener("mouseup", this.onMouseUp), document.addEventListener("touchmove", this.onTouchMove, { passive: !1 }), document.addEventListener("touchend", this.onTouchEnd), this.loadWidget = C(this.loadWidget, 10), this.onResize = C(this.onResize, 250), requestAnimationFrame(this.checkResize);
   }
   destroy() {
     this.canvas2D.destroy(), this.container.removeEventListener("mousedown", this.onMouseDown), this.container.removeEventListener("mouseenter", this.onMouseEnter), this.container.removeEventListener("touchstart", this.onTouchStart), document.removeEventListener("mousemove", this.onMouseMove), document.removeEventListener("mouseup", this.onMouseUp), document.removeEventListener("touchmove", this.onTouchMove), document.removeEventListener("touchend", this.onTouchEnd), this.isDestroyed = !0;
   }
   async load(t, e) {
     let i = Promise.resolve();
-    return e?.animation && (i = i.then(() => this.loadAnimation(e.animation))), this.view && e?.fromPosition !== void 0 && this.viewWidget instanceof O && (this.view.mode, i = i.then(() => this.viewWidget.goto(e.fromPosition))), e?.animation && (i = i.then(() => this.widgetVideo.play())), i = i.then(() => (this.scene = Array.isArray(t) ? [...t] : [t], this.loadWidget(!1, !(e && e.animation)))), i.catch((s) => {
+    return e?.animation && (i = i.then(() => this.loadAnimation(e.animation))), this.view && e?.fromPosition !== void 0 && this.viewWidget instanceof k && (this.view.mode, i = i.then(() => this.viewWidget.goto(e.fromPosition))), e?.animation && (i = i.then(() => this.widgetVideo.play())), i = i.then(() => (this.scene = Array.isArray(t) ? [...t] : [t], this.loadWidget(!1, !(e && e.animation)))), i.catch((s) => {
       this.onLoadError(s);
     }), i;
   }
@@ -1587,9 +1588,9 @@ class nt {
   }
   async setView(t, e) {
     let i = Promise.resolve();
-    return e?.animation && (i = i.then(() => this.loadAnimation(e.animation))), this.view && e?.fromPosition !== void 0 && this.viewWidget instanceof O && (i = i.then(() => this.viewWidget.goto(e.fromPosition))), e?.animation && (i = i.then(() => this.widgetVideo.play())), i = i.then(() => {
+    return e?.animation && (i = i.then(() => this.loadAnimation(e.animation))), this.view && e?.fromPosition !== void 0 && this.viewWidget instanceof k && (i = i.then(() => this.viewWidget.goto(e.fromPosition))), e?.animation && (i = i.then(() => this.widgetVideo.play())), i = i.then(() => {
       let s = !0;
-      return this.view = { ...t }, this.view && this.viewWidget instanceof O && e?.toPosition !== void 0 && (s = !1, this.viewWidget.position = e.toPosition), this.loadWidget(s, !(e && e.animation));
+      return this.view = { ...t }, this.view && this.viewWidget instanceof k && e?.toPosition !== void 0 && (s = !1, this.viewWidget.position = e.toPosition), this.loadWidget(s, !(e && e.animation));
     }), i.catch((s) => {
       this.onLoadError(s);
     }), i;
@@ -1747,16 +1748,16 @@ var j;
   })(v.SunShadowQualityMode || (v.SunShadowQualityMode = {})), ((t) => {
     t.None = "none", t.Weak = "weak", t.Normal = "normal", t.Fine = "fine", t.UltraFine = "ultraFine", t.Max = "max";
   })(v.SunShadowSmoothnessMode || (v.SunShadowSmoothnessMode = {})), ((t) => {
-    t.Manual = "manual", t.ExtractedFromEnv = "extractedFromEnv";
+    t.Manual = "manual", t.TimeAndLoc = "timeAndLoc", t.ExtractedFromEnv = "extractedFromEnv";
   })(v.SunUseCaseMode || (v.SunUseCaseMode = {})), ((t) => {
     t.ShowOnly = "showOnly", t.HideOnly = "hideOnly";
   })(v.SurfacesFilterMode || (v.SurfacesFilterMode = {}));
 })(j || (j = {}));
 export {
-  nt as Viewer,
+  at as Viewer,
   j as WRAPIv2,
   J as WidgetImage,
   K as WidgetVRCube,
-  O as WidgetVRObject,
+  k as WidgetVRObject,
   et as WidgetVideo
 };