@lumiscaphe/viewer 4.1.14 → 4.1.16

package/dist/lib/index.js

@@ -1,8 +1,8 @@
 (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 O from "debounce-promise";
-import * as M from "twgl.js";
-import { v3 as h, m4 as m } from "twgl.js";
-import U from "regression";
+import k from "debounce-promise";
+import * as P from "twgl.js";
+import { v3 as h, m4 as c } from "twgl.js";
+import $ from "regression";
 class b {
   constructor(t, e) {
     this.width = t, this.height = e;
@@ -33,8 +33,8 @@ class p {
         n = e.width, a = e.height;
         break;
     }
-    const o = (e.height - a) / 2, d = (e.width - n) / 2;
-    return new p(o, d, n, a);
+    const o = (e.height - a) / 2, l = (e.width - n) / 2;
+    return new p(o, l, n, a);
   }
   static project(t, e, i, s) {
     const r = p.fit(t, e, i), n = r.width / t.width, a = r.height / t.height;
@@ -76,7 +76,7 @@ class p {
     return t <= 240 ? 240 : t <= 360 ? 360 : t <= 480 ? 480 : t <= 720 ? 720 : 1080;
   }
 }
-class N {
+class U {
   constructor(t) {
     this.element = document.createElement("canvas"), this.element.classList.add("ls-viewer-canvas"), this.element.style.opacity = "0", this.element.width = 0, this.element.height = 0, this.context = this.element.getContext("2d"), this.backCanvas = document.createElement("canvas"), this.backContext = this.backCanvas.getContext("2d"), this.fit = t, this.pixelRatio = 1;
   }
@@ -113,9 +113,9 @@ class N {
     });
   }
 }
-class B {
+class N {
   constructor() {
-    this.element = document.createElement("canvas"), this.element.classList.add("ls-viewer-canvas"), this.element.style.opacity = "0", this.element.width = 0, this.element.height = 0, this.context = M.getContext(this.element, { preserveDrawingBuffer: !0 }), M.setDefaultTextureColor([1, 1, 1, 1]);
+    this.element = document.createElement("canvas"), this.element.classList.add("ls-viewer-canvas"), this.element.style.opacity = "0", this.element.width = 0, this.element.height = 0, this.context = P.getContext(this.element, { preserveDrawingBuffer: !0 }), this.context && this.context.isContextLost() && (this.context = void 0), P.setDefaults({ textureColor: [1, 1, 1, 1] });
   }
   show() {
     this.element.style.opacity = "1";
@@ -154,8 +154,8 @@ class w {
   }
   static perspectiveWithLeft(t, e, i, s, r, n, a) {
     a = a || new Float32Array(16);
-    const o = e + t, d = e - t, u = s + i, f = s - i, c = n - r;
-    return a[0] = 2 * r / d, 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 / d, a[9] = u / f, a[10] = -n / c, a[11] = -1, a[12] = 0, a[13] = 0, a[14] = -n * r / c, a[15] = 0, a;
+    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;
   }
 }
 const A = class A {
@@ -194,7 +194,7 @@ const A = class A {
     return h.normalize(h.cross(this.viewVector, this.up));
   }
   get viewMatrix() {
-    return m.inverse(m.lookAt(this.eye, this.target, this.up));
+    return c.inverse(c.lookAt(this.eye, this.target, this.up));
   }
   clone() {
     return new A(h.copy(this.target), h.copy(this.eye), h.copy(this.up));
@@ -202,7 +202,7 @@ const A = class A {
 };
 A.default = new A([0, 0, 0], [2, 2, 2], [0, 1, 0]);
 let L = A;
-class X {
+class B {
   constructor(t) {
     this.target = t.target;
     const e = h.normalize(h.subtract(t.eye, t.target)), i = h.dot(e, [1, 0, 0]), s = h.dot(e, [0, 1, 0]), r = h.dot(e, [0, 0, 1]);
@@ -213,16 +213,16 @@ class X {
     return [i, e, s];
   }
   pointOfView(t) {
-    const e = m.rotationY(this.longitude), i = m.rotationX(-this.latitude), s = m.rotationZ(0), r = m.multiply(e, m.multiply(i, s));
+    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 = m.transformPoint(r, n);
+    n = c.transformPoint(r, n);
     let a = [0, 1, 0];
-    a = m.transformPoint(r, a);
+    a = c.transformPoint(r, a);
     const o = h.subtract(t, h.mulScalar(n, this.distance));
     return new L(t, o, a);
   }
 }
-class Y {
+class X {
   constructor() {
   }
   async animation(t) {
@@ -244,17 +244,15 @@ class Y {
     return t.scene;
   }
 }
-class q {
+class H {
   constructor(t) {
     this.xmlDoc = t;
   }
   get id() {
-    var t;
-    return (t = this.xmlDoc.getElementsByTagName("Database")[0]) == null ? void 0 : t.getAttribute("id");
+    return this.xmlDoc.getElementsByTagName("Database")[0]?.getAttribute("id");
   }
   getCameraId(t, e) {
-    var i, s;
-    return e ? (i = this.xmlDoc.querySelector(`RootCameraGroup Group[name="${e}"] Camera[name="${t}"]`)) == null ? void 0 : i.getAttribute("id") : (s = this.xmlDoc.querySelector(`RootCameraGroup Camera[name="${t}"]`)) == null ? void 0 : s.getAttribute("id");
+    return e ? this.xmlDoc.querySelector(`RootCameraGroup Group[name="${e}"] Camera[name="${t}"]`)?.getAttribute("id") : this.xmlDoc.querySelector(`RootCameraGroup Camera[name="${t}"]`)?.getAttribute("id");
   }
   getCameraById(t, e) {
     let i;
@@ -265,8 +263,7 @@ class q {
     return e && t ? i = this.xmlDoc.querySelector(`RootCameraGroup Group[name="${e}"] Camera[name="${t}"]`) : i = this.xmlDoc.querySelector(`RootCameraGroup Camera[name="${t}"]`), i ? this.mapElementToCamera(i) : null;
   }
   getCameraGroupId(t) {
-    var e;
-    return (e = this.xmlDoc.querySelector(`RootCameraGroup Group[name="${t}"]`)) == null ? void 0 : e.getAttribute("id");
+    return this.xmlDoc.querySelector(`RootCameraGroup Group[name="${t}"]`)?.getAttribute("id");
   }
   getCameraGroupById(t) {
     const e = this.xmlDoc.querySelector(`RootCameraGroup Group[id="${t}"]`);
@@ -310,7 +307,7 @@ class q {
     };
   }
 }
-const v = class v {
+const g = class g {
   constructor(t) {
     this.server = t;
   }
@@ -318,15 +315,14 @@ const v = class v {
     return Object.entries(t).filter(([e, i]) => i != null).map(([e, i]) => `${e}=${i}`).join("&");
   }
   static sceneParameters(t) {
-    var n, a;
-    const e = t.scene, i = e.length > 1 ? e.find((o) => o.accessory) : null, s = e.length > 1 ? e.find((o) => o.decor) : null, r = e.find((o) => o !== i && o !== s);
+    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);
     return {
       databaseId: r.database,
-      configuration: r == null ? void 0 : r.configuration,
-      animations: (n = r == null ? void 0 : r.animations) == null ? void 0 : n.join("/"),
-      accessoryDatabaseId: i == null ? void 0 : i.database,
-      decorDatabaseId: s == null ? void 0 : s.database,
-      decorDeltaAltitude: (a = s == null ? void 0 : s.translation) == null ? void 0 : a.y
+      configuration: r?.configuration,
+      animations: r?.animations?.join("/"),
+      accessoryDatabaseId: i?.database,
+      decorDatabaseId: s?.database,
+      decorDeltaAltitude: s?.translation?.y
     };
   }
   static renderParameters(t) {
@@ -354,36 +350,36 @@ const v = class v {
   }
   async animation(t) {
     const e = {
-      ...v.sceneParameters(t),
+      ...g.sceneParameters(t),
       animation: t.view.animation,
       bookmarkSet: t.view.camera.split("/")[0],
       bookmark: t.view.camera.split("/")[1],
       frames: t.view.frames,
       loop: !!t.view.loop,
-      ...v.renderParameters(t),
-      ...v.encoderParameters(t)
-    }, i = v.buildQuery(e);
-    return v.fetch(`${this.server}/ImagesFromAnimation?${i}`);
+      ...g.renderParameters(t),
+      ...g.encoderParameters(t)
+    }, i = g.buildQuery(e);
+    return g.fetch(`${this.server}/ImagesFromAnimation?${i}`);
   }
   async database(t) {
     return fetch(`${this.server}/Database?databaseId=${t}`).then((e) => e.text()).then((e) => {
       const i = new DOMParser().parseFromString(e, "application/xml");
-      return new q(i);
+      return new H(i);
     });
   }
   async image(t) {
     const e = {
-      ...v.sceneParameters(t),
+      ...g.sceneParameters(t),
       bookmarkSet: t.view.camera.split("/")[0],
       bookmark: t.view.camera.split("/")[1],
-      ...v.renderParameters(t),
-      ...v.encoderParameters(t)
-    }, i = v.buildQuery(e);
+      ...g.renderParameters(t),
+      ...g.encoderParameters(t)
+    }, i = g.buildQuery(e);
     return Promise.resolve(`${this.server}/ImageFromBookmark?${i}`);
   }
   async video(t) {
     const e = {
-      ...v.sceneParameters(t),
+      ...g.sceneParameters(t),
       animation: t.view.animation,
       bookmarkSet: t.view.camera.split("/")[0],
       bookmark: t.view.camera.split("/")[1],
@@ -391,36 +387,36 @@ const v = class v {
       frames: t.view.frames,
       loop: !!t.view.loop,
       reverse: !!t.view.reverse,
-      ...v.renderParameters(t),
-      ...v.encoderParameters(t)
-    }, i = v.buildQuery(e);
+      ...g.renderParameters(t),
+      ...g.encoderParameters(t)
+    }, i = g.buildQuery(e);
     return Promise.resolve(`${this.server}/ImagesFromAnimation?${i}`);
   }
   async vrCube(t) {
     const e = {
-      ...v.sceneParameters(t),
+      ...g.sceneParameters(t),
       bookmarkSet: t.view.camera.split("/")[0],
       bookmark: t.view.camera.split("/")[1],
-      ...v.renderParameters(t),
-      ...v.encoderParameters(t)
+      ...g.renderParameters(t),
+      ...g.encoderParameters(t)
     };
     e.width = Math.max(e.width, e.height), e.height = Math.max(e.width, e.height);
-    const i = v.buildQuery(e);
-    return v.fetch(`${this.server}/CubeFromBookmark?${i}`);
+    const i = g.buildQuery(e);
+    return g.fetch(`${this.server}/CubeFromBookmark?${i}`);
   }
   async vrObject(t) {
     const e = {
-      ...v.sceneParameters(t),
+      ...g.sceneParameters(t),
       bookmarkSet: t.view.camera,
-      ...v.renderParameters(t),
-      ...v.encoderParameters(t)
-    }, i = v.buildQuery(e);
-    return v.fetch(`${this.server}/ImagesFromBookmarkSet?${i}`);
+      ...g.renderParameters(t),
+      ...g.encoderParameters(t)
+    }, i = g.buildQuery(e);
+    return g.fetch(`${this.server}/ImagesFromBookmarkSet?${i}`);
   }
 };
-v.xmlRegex = /directUrl="([^"]*)"/g;
-let S = v;
-class l {
+g.xmlRegex = /directUrl="([^"]*)"/g;
+let S = g;
+class m {
   constructor(t) {
     this.server = t;
   }
@@ -481,34 +477,34 @@ class l {
   async database(t) {
     return fetch(`${this.server}/Database?databaseId=${t}`).then((e) => e.text()).then((e) => {
       const i = new DOMParser().parseFromString(e, "application/xml");
-      return new q(i);
+      return new H(i);
     });
   }
   async image(t) {
     const e = {
-      scene: l.scene(t),
+      scene: m.scene(t),
       mode: {
         image: {
           camera: t.view.camera
         }
       },
-      renderParameters: l.renderParameters(t),
-      encoder: l.encoder(t)
+      renderParameters: m.renderParameters(t),
+      encoder: m.encoder(t)
     };
-    return l.fetchFrame(`${this.server}/Snapshot`, e);
+    return m.fetchFrame(`${this.server}/Snapshot`, e);
   }
   async vrCube(t) {
     const e = {
-      scene: l.scene(t),
+      scene: m.scene(t),
       mode: {
         vrCube: {
           camera: t.view.camera
         }
       },
-      renderParameters: l.renderParameters(t),
-      encoder: l.encoder(t)
+      renderParameters: m.renderParameters(t),
+      encoder: m.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), l.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), m.fetchFrameArray(`${this.server}/Snapshot`, e);
   }
   async vrObject(t) {
     let e;
@@ -535,16 +531,16 @@ class l {
       }
     };
     const i = {
-      scene: l.scene(t),
+      scene: m.scene(t),
       mode: e,
-      renderParameters: l.renderParameters(t),
-      encoder: l.encoder(t)
+      renderParameters: m.renderParameters(t),
+      encoder: m.encoder(t)
     };
-    return l.fetchFrameArray(`${this.server}/Snapshot`, i);
+    return m.fetchFrameArray(`${this.server}/Snapshot`, i);
   }
   async animation(t) {
     const e = {
-      scene: l.scene(t),
+      scene: m.scene(t),
       mode: {
         animation: {
           id: t.view.animation,
@@ -552,45 +548,45 @@ class l {
           fps: t.view.fps
         }
       },
-      renderParameters: l.renderParameters(t),
-      encoder: l.encoder(t)
+      renderParameters: m.renderParameters(t),
+      encoder: m.encoder(t)
     };
-    return l.fetchFrameArray(`${this.server}/Snapshot`, e);
+    return m.fetchFrameArray(`${this.server}/Snapshot`, e);
   }
   async imageHotspots(t, e) {
     const i = {
-      scene: l.scene(t),
+      scene: m.scene(t),
       mode: {
         image: {
           camera: t.view.camera
         }
       },
-      renderParameters: l.renderParameters(t),
+      renderParameters: m.renderParameters(t),
       ...this.hotspotsBody(e)
     };
-    return await l.fetchHotspots(`${this.server}/Hotspot`, i);
+    return await m.fetchHotspots(`${this.server}/Hotspot`, i);
   }
   async imagePick(t, e) {
     const i = {
-      scene: l.scene(t),
+      scene: m.scene(t),
       camera: t.view.camera,
-      renderParameters: l.renderParameters(t),
+      renderParameters: m.renderParameters(t),
       positions: [e]
     };
-    return await l.fetchPick(`${this.server}/Pick`, i);
+    return await m.fetchPick(`${this.server}/Pick`, i);
   }
   async vrCubeHotspots(t, e) {
     const i = {
-      scene: l.scene(t),
+      scene: m.scene(t),
       mode: {
         vrCube: {
           camera: t.view.camera
         }
       },
-      renderParameters: l.renderParameters(t),
+      renderParameters: m.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 l.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 m.fetchHotspotsArray(`${this.server}/Hotspot`, i);
   }
   async vrObjectHotspots(t, e) {
     let i;
@@ -617,12 +613,12 @@ class l {
       }
     };
     const s = {
-      scene: l.scene(t),
+      scene: m.scene(t),
       mode: i,
-      renderParameters: l.renderParameters(t),
+      renderParameters: m.renderParameters(t),
       ...this.hotspotsBody(e)
     };
-    return await l.fetchHotspotsArray(`${this.server}/Hotspot`, s);
+    return await m.fetchHotspotsArray(`${this.server}/Hotspot`, s);
   }
   hotspotsBody(t) {
     return {
@@ -635,16 +631,16 @@ class D {
   constructor(t, e, i) {
     switch (e) {
       case "static":
-        this.webrender = new Y();
+        this.webrender = new X();
         break;
       case "v1":
-        this.webrender = new S(t), this.webrenderV2 = new l(t);
+        this.webrender = new S(t), this.webrenderV2 = new m(t);
         break;
       case "v2":
-        this.webrender = new l(t), this.webrenderV2 = new l(t);
+        this.webrender = new m(t), this.webrenderV2 = new m(t);
         break;
       default:
-        this.webrender = new S(t), this.webrenderV2 = new l(t);
+        this.webrender = new S(t), this.webrenderV2 = new m(t);
         break;
     }
     this.delegate = i, this.loadingId = 0, this.loaded = 0, this.total = 0, this.databases = [], this.onLoadStart = i && i.onLoadStart ? i.onLoadStart : () => {
@@ -675,10 +671,9 @@ class D {
     }).then((i) => (this.onLoadEnd(this.progress), i));
   }
   async loadVRObjectSnapshot(t, e) {
-    var s;
     this.loadingId += 1, this.loaded = 0, this.total = 0, this.onLoadStart(this.progress);
     const { loadingId: i } = this;
-    return t.view.animation ? ((s = t.encoder) == null ? void 0 : s.format) === "mp4" ? this.webrender.video(t).then((r) => this.loadVideoFrames(r, t.view.frames, 30, i)) : this.webrender.animation(t).then((r) => this.loadImageFrames(r, t.view.loop, e, i)) : this.webrender.vrObject(t).then((r) => this.loadImageFrames(r, t.view.loop, e, i));
+    return t.view.animation ? t.encoder?.format === "mp4" ? this.webrender.video(t).then((s) => this.loadVideoFrames(s, t.view.frames, 30, i)) : this.webrender.animation(t).then((s) => this.loadImageFrames(s, t.view.loop, e, i)) : this.webrender.vrObject(t).then((s) => this.loadImageFrames(s, t.view.loop, e, i));
   }
   async loadImage(t, e) {
     const i = new Image();
@@ -704,7 +699,7 @@ class D {
     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 d = Math.ceil(a / 2) * (a % 2 === 0 ? 1 : -1), u = e ? w.mod(n + d, o) : a;
+      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);
     }
     return Promise.all(r).then(() => this.onLoadEnd(this.progress)).catch(() => {
@@ -732,19 +727,19 @@ class D {
   async loadVideoFrame(t, e, i, s, r) {
     let n = 0;
     return new Promise((a, o) => {
-      const d = () => {
+      const l = () => {
         if (r !== this.loadingId) return;
         if (n !== s) {
           n += 1;
           return;
         }
-        t.removeEventListener("seeked", d);
+        t.removeEventListener("seeked", l);
         const u = document.createElement("canvas");
         u.width = t.videoWidth, u.height = t.videoHeight, u.getContext("2d").drawImage(t, 0, 0);
-        const c = new Image();
-        c.src = u.toDataURL(), a(c), this.loaded += 1, this.onLoadProgress(this.progress), s !== i - 1 && (t.currentTime += 1 / e);
+        const d = new Image();
+        d.src = u.toDataURL(), a(d), this.loaded += 1, this.onLoadProgress(this.progress), s !== i - 1 && (t.currentTime += 1 / e);
       };
-      t.addEventListener("seeked", d), t.addEventListener(
+      t.addEventListener("seeked", l), t.addEventListener(
         "error",
         (u) => {
           r === this.loadingId && o(u);
@@ -786,20 +781,19 @@ 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) {
-    var o;
-    if (!this.webrenderV2 || this.webrender instanceof l || !t.view.camera)
+    if (!this.webrenderV2 || this.webrender instanceof m || !t.view.camera)
       return t;
-    const e = t.scene.find((d) => !d.decor && !d.accessory);
+    const e = t.scene.find((o) => !o.decor && !o.accessory);
     if (!e)
       return t;
-    let i = this.databases.find((d) => d.id === e.database);
+    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 = (o = t.view.camera) == null ? void 0 : o.split("/"), r = s.length === 2 ? s[0] : void 0, n = s.length === 2 ? s[1] : s[0], a = i.getCameraId(n, r);
+    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 d = i.getCameraGroupId(n);
-      return d ? { ...t, view: { ...t.view, cameraGroup: d } } : t;
+      const o = i.getCameraGroupId(n);
+      return o ? { ...t, view: { ...t.view, cameraGroup: o } } : t;
     }
   }
   async vrObjectFrameSnapshot(t, e, i) {
@@ -820,14 +814,14 @@ class D {
         return t;
       const o = a.cameras[e];
       return o ? { ...t, view: { ...t.view, camera: o.id } } : t;
-    } else if (this.webrender instanceof l)
+    } else if (this.webrender instanceof m)
       if (t.view.camera) {
         const n = r.getCameraById(t.view.camera);
         if (!n)
           return t;
-        const a = new X(n.pointOfView), o = 2 * Math.PI / i;
+        const a = new B(n.pointOfView), o = 2 * Math.PI / i;
         a.longitude += e * o % (2 * Math.PI);
-        const d = a.pointOfView(n.pointOfView.target);
+        const l = a.pointOfView(n.pointOfView.target);
         return {
           ...t,
           view: {
@@ -836,19 +830,19 @@ class D {
               id: n.id,
               pov: {
                 target: {
-                  x: d.target[0],
-                  y: d.target[1],
-                  z: d.target[2]
+                  x: l.target[0],
+                  y: l.target[1],
+                  z: l.target[2]
                 },
                 eye: {
-                  x: d.eye[0],
-                  y: d.eye[1],
-                  z: d.eye[2]
+                  x: l.eye[0],
+                  y: l.eye[1],
+                  z: l.eye[2]
                 },
                 up: {
-                  x: d.up[0],
-                  y: d.up[1],
-                  z: d.up[2]
+                  x: l.up[0],
+                  y: l.up[1],
+                  z: l.up[2]
                 }
               }
             }
@@ -874,9 +868,9 @@ class D {
       return t;
     let r;
     if (this.webrender instanceof S) {
-      const o = t.view.camera.split("/"), d = o.length === 2 ? o[0] : void 0, u = o.length === 2 ? o[1] : o[0];
-      r = s.getCameraId(u, d);
-    } else this.webrender instanceof l && (r = t.view.camera);
+      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);
     if (!r)
       return t;
     const n = s.getCameraById(r);
@@ -937,7 +931,7 @@ class D {
     return e.protocol === "http:" || e.protocol === "https:";
   }
 }
-class W {
+class Y {
   constructor() {
     this.element = document.createElement("video"), this.element.classList.add("ls-viewer-video"), this.element.style.opacity = "0", this.element.width = 0, this.element.height = 0, this.element.setAttribute("muted", ""), this.element.setAttribute("playsinline", ""), this.element.setAttribute("preload", "auto");
   }
@@ -1023,7 +1017,7 @@ class y {
     return new I(e.screenX, e.screenY);
   }
 }
-class j {
+class V {
   constructor(...t) {
     t.length === 3 ? ({ 0: this.u, 1: this.v, 2: this.o } = t, this.w = h.cross(this.u, this.v)) : t.length === 4 ? { 0: this.u, 1: this.v, 2: this.w, 3: this.o } = t : (this.u = [1, 0, 0], this.v = [0, 1, 0], this.w = [0, 0, 1], this.o = [0, 0, 0]);
   }
@@ -1032,7 +1026,7 @@ class j {
     return [...t, ...e, ...i, ...s];
   }
   get globalToLocalMatrix() {
-    return m.inverse(this.localToGlobalMatrix);
+    return c.inverse(this.localToGlobalMatrix);
   }
 }
 class Z {
@@ -1040,7 +1034,7 @@ class Z {
     this.x = t, this.y = e, this.time = i;
   }
 }
-class G {
+class q {
   constructor(t) {
     this.points = [], this.onMotion = t, this.lastPoint = new I(0, 0), this.velocity = new I(0, 0), this.loop = this.loop.bind(this);
   }
@@ -1070,15 +1064,15 @@ class G {
 }
 class Q {
   constructor(t, e, i) {
-    this.isStarted = !1, this.pov = t, this.fov = w.degreesToRadians(e), this.orientationMatrix = m.identity(), this.inertia = new G(this.motion.bind(this)), this.onMotion = i, this.initPov = this.pov, this.initFov = this.fov, this.initOrientation = w.degreesToRadians(window.orientation) || 0, this.startPov = new L([0, 0, 1], [0, 0, 0], [0, 1, 0]), this.startSize = { width: 0, height: 0 }, this.previousPoint = new I(0, 0);
+    this.isStarted = !1, this.pov = t, this.fov = w.degreesToRadians(e), this.orientationMatrix = c.identity(), this.inertia = new q(this.motion.bind(this)), this.onMotion = i, this.initPov = this.pov, this.initFov = this.fov, this.initOrientation = w.degreesToRadians(window.orientation) || 0, this.startPov = new L([0, 0, 1], [0, 0, 0], [0, 1, 0]), this.startSize = { width: 0, height: 0 }, this.previousPoint = new I(0, 0);
   }
   destroy() {
     this.inertia.destroy();
   }
   get orientedPov() {
-    const t = h.normalize(h.cross(this.pov.up, this.pov.target)), e = new j(t, [0, 1, 0], this.pov.eye), i = m.identity();
-    m.multiply(i, e.localToGlobalMatrix, i), m.multiply(i, this.orientationMatrix, i), m.multiply(i, e.globalToLocalMatrix, i);
-    const s = m.transformDirection(i, this.pov.target), r = this.pov.eye, n = m.transformDirection(i, this.pov.up);
+    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);
   }
   reset() {
@@ -1092,20 +1086,20 @@ 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 = m.multiply(m.rotationY(i), m.rotationX(-s)), n = h.normalize(h.cross(this.pov.up, this.pov.target)), a = new j(n, [0, 1, 0], this.pov.eye), o = m.identity();
-    m.multiply(o, a.localToGlobalMatrix, o), m.multiply(o, r, o), m.multiply(o, a.globalToLocalMatrix, o);
-    const d = m.transformPoint(o, this.pov.target), u = m.transformDirection(o, this.pov.up);
-    h.cross(u, [0, 0, 1])[0] >= 0 && (this.pov.target = d, 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)), 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();
   }
   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 = m.rotationX(w.degreesToRadians(90));
-    m.rotateZ(o, this.initOrientation, o), m.rotateZ(o, r, o), m.rotateX(o, n, o), m.rotateY(o, a, o), m.rotateZ(o, -s, o), this.orientationMatrix = o, this.onMotion();
+    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();
   }
 }
-var _ = `precision mediump float;
+var W = `precision mediump float;
 
 uniform float u_mix;
 uniform samplerCube u_texture;
@@ -1117,7 +1111,7 @@ void main() {
   vec4 backColor = textureCube(u_texture_back, direction);
   vec4 color = textureCube(u_texture, direction);
   gl_FragColor = mix(backColor, color, u_mix);
-}`, K = `attribute vec4 position;
+}`, _ = `attribute vec4 position;
 
 uniform mat4 u_mvpi;
 
@@ -1127,27 +1121,27 @@ void main() {
   direction = (u_mvpi * position).xyz;
   gl_Position = position;
 }`;
-class tt {
+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 = m.rotationX(w.degreesToRadians(15));
-    m.transformDirection(a, r.target, r.target), m.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]), 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, () => {
       this.animationFrameId = requestAnimationFrame(this.render), this.onInteraction({
         pov: this.interaction.pov.clone(),
         fov: this.interaction.fov
       });
-    }), this.onInteraction = s, this.gl = this.canvas.context, this.programInfo = M.createProgramInfo(this.gl, [`${K}
-`, `${_}
-`]), this.quad = M.primitives.createXYQuadBufferInfo(this.gl), this.uniforms = {
-      u_mvpi: m.identity(),
+    }), this.onInteraction = s, this.gl = this.canvas.context, this.programInfo = P.createProgramInfo(this.gl, [`${_}
+`, `${W}
+`]), this.quad = P.primitives.createXYQuadBufferInfo(this.gl), this.uniforms = {
+      u_mvpi: c.identity(),
       u_mix: 0,
-      u_texture_back: M.createTexture(this.gl, {
+      u_texture_back: P.createTexture(this.gl, {
         target: this.gl.TEXTURE_CUBE_MAP,
         minMag: this.gl.LINEAR,
         width: 1,
         height: 1
       }),
-      u_texture: M.createTexture(this.gl, {
+      u_texture: P.createTexture(this.gl, {
         target: this.gl.TEXTURE_CUBE_MAP,
         minMag: this.gl.LINEAR,
         width: 1,
@@ -1185,7 +1179,7 @@ class tt {
     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(
       () => this.loader.loadVRCubeSnapshot(t).then((o) => {
-        this.images = o, M.createTexture(
+        this.images = o, P.createTexture(
           this.gl,
           {
             target: this.gl.TEXTURE_CUBE_MAP,
@@ -1202,8 +1196,8 @@ class tt {
             ],
             src: o
           },
-          (d, u) => {
-            d || (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));
+          (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));
           }
         );
       })
@@ -1216,73 +1210,72 @@ class tt {
     ) : this.hotspotsList = [[]]), this.hotspotsHash = a, this.snapshotHash = n, 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, d = [a, o, 0], u = this.modelViewProjectionMatrix, f = m.inverse(u), c = h.normalize(m.transformPoint(f, d)), T = Math.max(Math.abs(c[0]), Math.abs(c[1]), Math.abs(c[2]));
+    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]));
     let F = "";
-    Math.abs(c[0]) === T ? F = c[0] > 0 ? "XPOS" : "XNEG" : Math.abs(c[1]) === T ? F = c[1] > 0 ? "YPOS" : "YNEG" : F = c[2] > 0 ? "ZPOS" : "ZNEG";
-    let x = 0, P = 0, E = "";
+    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 = "";
     switch (F) {
       case "XPOS":
-        x = (-c[2] / Math.abs(c[0]) + 1) / 2, P = (-c[1] / Math.abs(c[0]) + 1) / 2, E = "right";
+        x = (-d[2] / Math.abs(d[0]) + 1) / 2, M = (-d[1] / Math.abs(d[0]) + 1) / 2, E = "right";
         break;
       case "XNEG":
-        x = (c[2] / Math.abs(c[0]) + 1) / 2, P = (-c[1] / Math.abs(c[0]) + 1) / 2, E = "left";
+        x = (d[2] / Math.abs(d[0]) + 1) / 2, M = (-d[1] / Math.abs(d[0]) + 1) / 2, E = "left";
         break;
       case "YPOS":
-        x = (c[0] / Math.abs(c[1]) + 1) / 2, P = (c[2] / Math.abs(c[1]) + 1) / 2, E = "up";
+        x = (d[0] / Math.abs(d[1]) + 1) / 2, M = (d[2] / Math.abs(d[1]) + 1) / 2, E = "up";
         break;
       case "YNEG":
-        x = (c[0] / Math.abs(c[1]) + 1) / 2, P = (-c[2] / Math.abs(c[1]) + 1) / 2, E = "down";
+        x = (d[0] / Math.abs(d[1]) + 1) / 2, M = (-d[2] / Math.abs(d[1]) + 1) / 2, E = "down";
         break;
       case "ZPOS":
-        x = (c[0] / Math.abs(c[2]) + 1) / 2, P = (-c[1] / Math.abs(c[2]) + 1) / 2, E = "front";
+        x = (d[0] / Math.abs(d[2]) + 1) / 2, M = (-d[1] / Math.abs(d[2]) + 1) / 2, E = "front";
         break;
       case "ZNEG":
-        x = (-c[0] / Math.abs(c[2]) + 1) / 2, P = (-c[1] / Math.abs(c[2]) + 1) / 2, E = "back";
+        x = (-d[0] / Math.abs(d[2]) + 1) / 2, M = (-d[1] / Math.abs(d[2]) + 1) / 2, E = "back";
         break;
     }
     const C = {
       x: Math.round(x * Math.max(t.parameters.width, t.parameters.height)),
-      y: Math.round(P * 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);
   }
   hotspots() {
-    var s;
     const t = [];
     if (this.hotspotsList.length === 0)
       return [];
-    const e = ((s = this.hotspotsList[0]) == null ? void 0 : s.length) ?? 0, i = this.modelViewProjectionMatrix;
-    for (let r = 0; r < e; r++) {
-      const n = this.hotspotsList.findIndex(($) => $[r].visibility !== "OutOfFrustum");
-      if (n === -1)
+    const e = this.hotspotsList[0]?.length ?? 0, i = this.modelViewProjectionMatrix;
+    for (let s = 0; s < e; s++) {
+      const r = this.hotspotsList.findIndex((R) => R[s].visibility !== "OutOfFrustum");
+      if (r === -1)
         continue;
-      const a = { ...this.hotspotsList[n][r] }, o = a.position2D.x / this.images[0].width, d = a.position2D.y / this.images[0].height;
-      let u = 0, f = 0, c = 0;
-      switch (n) {
+      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;
+      switch (r) {
         case 0:
-          this.pov.target[2] < 0 && (a.visibility = "OutOfFrustum"), u = 2 * o - 1, f = 1 - 2 * d, c = 1;
+          this.pov.target[2] < 0 && (n.visibility = "OutOfFrustum"), l = 2 * a - 1, u = 1 - 2 * o, f = 1;
           break;
         case 1:
-          this.pov.target[0] > 0 && (a.visibility = "OutOfFrustum"), u = 1, f = 1 - 2 * d, c = 1 - 2 * o;
+          this.pov.target[0] > 0 && (n.visibility = "OutOfFrustum"), l = 1, u = 1 - 2 * o, f = 1 - 2 * a;
           break;
         case 2:
-          this.pov.target[2] > 0 && (a.visibility = "OutOfFrustum"), u = 1 - 2 * o, f = 1 - 2 * d, c = -1;
+          this.pov.target[2] > 0 && (n.visibility = "OutOfFrustum"), l = 1 - 2 * a, u = 1 - 2 * o, f = -1;
           break;
         case 3:
-          this.pov.target[0] < 0 && (a.visibility = "OutOfFrustum"), u = -1, f = 1 - 2 * d, c = 2 * o - 1;
+          this.pov.target[0] < 0 && (n.visibility = "OutOfFrustum"), l = -1, u = 1 - 2 * o, f = 2 * a - 1;
           break;
         case 4:
-          this.pov.target[1] < 0 && (a.visibility = "OutOfFrustum"), u = 2 * o - 1, f = 1, c = 2 * d - 1;
+          this.pov.target[1] < 0 && (n.visibility = "OutOfFrustum"), l = 2 * a - 1, u = 1, f = 2 * o - 1;
           break;
         case 5:
-          this.pov.target[1] > 0 && (a.visibility = "OutOfFrustum"), u = 2 * o - 1, f = -1, c = 1 - 2 * d;
+          this.pov.target[1] > 0 && (n.visibility = "OutOfFrustum"), l = 2 * a - 1, u = -1, f = 1 - 2 * o;
           break;
       }
-      const T = h.normalize([u, f, c]), F = m.transformPoint(i, T), x = this.canvas.element.clientWidth, P = this.canvas.element.clientHeight, E = 0.5 * x * (F[0] + 1), C = 0.5 * P * (F[1] + 1), V = {
-        x: Math.round(E),
-        y: Math.round(P - C)
-      }, R = new b(x, P), z = p.contains(R, V) ? a.visibility : "OutOfFrustum";
-      t.push({ ...a, position2D: V, visibility: z });
+      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 = {
+        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 });
     }
     return t;
   }
@@ -1290,11 +1283,11 @@ class tt {
     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 = m.setAxis(m.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, d = m.inverse(m.lookAt(o.eye, o.target, o.up));
-    return m.multiply(m.multiply(a, d), 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), 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);
   }
   render() {
-    this.gl.viewport(0, 0, this.gl.canvas.width, this.gl.canvas.height), this.uniforms.u_mvpi = m.inverse(this.modelViewProjectionMatrix), this.gl.useProgram(this.programInfo.program), M.setBuffersAndAttributes(this.gl, this.programInfo, this.quad), M.setUniforms(this.programInfo, this.uniforms), M.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));
+    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));
   }
   onMouseDown(t) {
     this.container.classList.add("ls-viewer-container-vrcube-grabbing"), this.interaction.start(y.pointFromMouseEvent(t), {
@@ -1327,9 +1320,9 @@ class tt {
     this.interaction.orientation(t.alpha, t.beta, t.gamma);
   }
 }
-class et {
+class tt {
   constructor(t, e, i, s, r) {
-    this.isStarted = !1, this.position = t, this.frames = e, this.rows = i, this.loop = s, this.onMotion = r, this.inertia = new G(this.motion.bind(this)), this.initPosition = { ...this.position }, this.startPosition = { x: 0, y: 0 }, this.startPoint = new I(0, 0), this.startSize = { width: 0, height: 0 }, this.lastPoints = [], this.lastPointsNumber = 20;
+    this.isStarted = !1, this.position = t, this.frames = e, this.rows = i, this.loop = s, this.onMotion = r, this.inertia = new q(this.motion.bind(this)), this.initPosition = { ...this.position }, this.startPosition = { x: 0, y: 0 }, this.startPoint = new I(0, 0), this.startSize = { width: 0, height: 0 }, this.lastPoints = [], this.lastPointsNumber = 20;
   }
   destroy() {
     this.inertia.destroy();
@@ -1351,7 +1344,7 @@ class et {
   }
   motion(t) {
     this.isStarted && this.inertia.track(t), this.lastPoints.push({ x: t.x, y: t.y }), this.lastPoints.splice(0, this.lastPoints.length - this.lastPointsNumber);
-    const e = U.linear(this.lastPoints.map((s) => [s.x, s.y])), i = 25;
+    const e = $.linear(this.lastPoints.map((s) => [s.x, s.y])), i = 25;
     if (Math.abs(e.equation[0]) < 1) {
       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);
@@ -1370,9 +1363,9 @@ class et {
     this.isStarted = !1, e && (this.inertia.track(t), this.inertia.start());
   }
 }
-class k {
+class O {
   constructor(t, e, i, s) {
-    this.container = t, this.canvas = e, this.loader = i, this.images = [], this.frames = 24, this.hotspotsList = [[]], this.interaction = new et({ x: 0, y: 0 }, 1, 1, !1, () => {
+    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({
         position: this.interaction.positionIndex
       });
@@ -1416,10 +1409,10 @@ class k {
     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(
       () => this.loader.loadVRObjectSnapshot(t, this.interaction.positionIndex).then((o) => {
-        const d = o.length;
-        return this.images = new Array(d), this.interaction.frames = t.view.frames ?? t.view.panFrames ?? this.frames, this.interaction.rows = d / this.interaction.frames, this.interaction.loop = !!t.view.loop, i && this.interaction.reset(), o.forEach((u, f) => {
-          u.then((c) => {
-            this.images[f] = c, c === this.image && this.canvas.draw(this.image, s, 0.05);
+        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) => {
+            this.images[f] = d, d === this.image && this.canvas.draw(this.image, s, 0.05);
           }).catch(() => {
           });
         }), o[this.interaction.positionIndex].then(() => Promise.resolve());
@@ -1472,7 +1465,7 @@ class k {
   onDeviceOrientation(t) {
   }
 }
-class it {
+class et {
   constructor(t, e, i) {
     this.container = t, this.loader = i, this.video = e;
   }
@@ -1556,7 +1549,7 @@ class nt {
       onHotspotsChange: () => {
       },
       ...e.events
-    }, this.options.events.onLoadError = O(this.options.events.onLoadError, 10), this.container = t, this.container.classList.add("ls-viewer-container"), this.containerWidth = 0, this.containerHeight = 0, this.canvas2D = new N(this.options.fit), this.container.prepend(this.canvas2D.element), this.canvas3D = new B(), this.container.prepend(this.canvas3D.element), this.video = new W(), 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 = 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 = {
       width: 0,
       height: 0,
       antialiasing: !1,
@@ -1564,14 +1557,14 @@ class nt {
     }, this.encoder = {
       format: "jpeg",
       quality: 80
-    }, this.hotspots = [], this.widgetImage = new J(t, this.canvas2D, this.loader), this.widgetVideo = new it(t, this.video, this.loader), this.widgetVRObject = new k(t, this.canvas2D, this.loader, this.onVrobjectInteraction), this.canvas3D.context && (this.widgetVRCube = new tt(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 = O(this.loadWidget, 10), this.onResize = O(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 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);
   }
   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 != null && e.animation && (i = i.then(() => this.loadAnimation(e.animation))), this.view && (e == null ? void 0 : e.fromPosition) !== void 0 && this.viewWidget instanceof k && (this.view.mode, i = i.then(() => this.viewWidget.goto(e.fromPosition))), e != null && 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 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) => {
       this.onLoadError(s);
     }), i;
   }
@@ -1594,9 +1587,9 @@ class nt {
   }
   async setView(t, e) {
     let i = Promise.resolve();
-    return e != null && e.animation && (i = i.then(() => this.loadAnimation(e.animation))), this.view && (e == null ? void 0 : e.fromPosition) !== void 0 && this.viewWidget instanceof k && (i = i.then(() => this.viewWidget.goto(e.fromPosition))), e != null && 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 O && (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 k && (e == null ? void 0 : 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 O && e?.toPosition !== void 0 && (s = !1, this.viewWidget.position = e.toPosition), this.loadWidget(s, !(e && e.animation));
     }), i.catch((s) => {
       this.onLoadError(s);
     }), i;
@@ -1608,7 +1601,6 @@ class nt {
     Object.assign(this.widgetVRObject, t);
   }
   async loadAnimation(t) {
-    var i;
     const e = {
       scene: this.scene,
       view: {
@@ -1623,7 +1615,7 @@ class nt {
         format: "mp4"
       }
     };
-    return (i = e.view) != null && i.background || (e.view.background = "product"), this.widgetVideo.load(e).then(() => Promise.resolve());
+    return e.view?.background || (e.view.background = "product"), this.widgetVideo.load(e).then(() => Promise.resolve());
   }
   async playAnimation(t) {
     return this.loadAnimation(t).then(() => this.widgetVideo.play()).catch((e) => {
@@ -1672,8 +1664,7 @@ class nt {
     });
   }
   get viewWidget() {
-    var t;
-    switch ((t = this.view) == null ? void 0 : t.mode) {
+    switch (this.view?.mode) {
       case "image":
         return this.widgetImage;
       case "video":
@@ -1747,21 +1738,25 @@ class nt {
     this.container.classList.remove("ls-viewer-container-loading"), this.options.events.onLoadError(...t);
   }
 }
-var H;
-((g) => {
+var j;
+((v) => {
   ((t) => {
+    t.Visible = "Visible", t.Occluded = "Occluded", t.Clipped = "Clipped", t.OutOfFrustum = "OutOfFrustum";
+  })(v.HotspotVisibility || (v.HotspotVisibility = {})), ((t) => {
     t.VeryLow = "veryLow", t.Low = "low", t.Medium = "medium", t.Fine = "fine", t.Ultra = "ultra";
-  })(g.SunShadowQualityMode || (g.SunShadowQualityMode = {})), ((t) => {
+  })(v.SunShadowQualityMode || (v.SunShadowQualityMode = {})), ((t) => {
     t.None = "none", t.Weak = "weak", t.Normal = "normal", t.Fine = "fine", t.UltraFine = "ultraFine", t.Max = "max";
-  })(g.SunShadowSmoothnessMode || (g.SunShadowSmoothnessMode = {})), ((t) => {
+  })(v.SunShadowSmoothnessMode || (v.SunShadowSmoothnessMode = {})), ((t) => {
     t.Manual = "manual", t.ExtractedFromEnv = "extractedFromEnv";
-  })(g.SunUseCaseMode || (g.SunUseCaseMode = {}));
-})(H || (H = {}));
+  })(v.SunUseCaseMode || (v.SunUseCaseMode = {})), ((t) => {
+    t.ShowOnly = "showOnly", t.HideOnly = "hideOnly";
+  })(v.SurfacesFilterMode || (v.SurfacesFilterMode = {}));
+})(j || (j = {}));
 export {
   nt as Viewer,
-  H as WRAPIv2,
+  j as WRAPIv2,
   J as WidgetImage,
-  tt as WidgetVRCube,
-  k as WidgetVRObject,
-  it as WidgetVideo
+  K as WidgetVRCube,
+  O as WidgetVRObject,
+  et as WidgetVideo
 };