@lumiscaphe/viewer 4.2.2 → 4.3.1

package/dist/lib/index.js

@@ -1,1778 +1,1688 @@
-(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 V from "debounce-promise";
-import * as M from "twgl.js";
-import { v3 as h, m4 as c } from "twgl.js";
-import U from "regression";
-class y {
-  constructor(t, e) {
-    this.width = t, this.height = e;
-  }
-  get aspect() {
-    return this.width / this.height;
-  }
-}
-const P = class P {
-  constructor(t, e, i, s) {
-    this.top = t, this.left = e, this.width = i, this.height = s;
-  }
-  static contains(t, e) {
-    return e.x >= 0 && e.x < t.width && e.y >= 0 && e.y < t.height;
-  }
-  static fit(t, e, i) {
-    const s = t.aspect, r = e.aspect;
-    let a = 0, n = 0;
-    switch (i) {
-      case "contain":
-        a = r < s ? e.width : e.height * s, n = r < s ? e.width / s : e.height;
-        break;
-      case "cover":
-      default:
-        a = r < s ? e.height * s : e.width, n = r < s ? e.height : e.width / s;
-        break;
-      case "fill":
-        a = e.width, n = e.height;
-        break;
-    }
-    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), a = r.width / t.width, n = r.height / t.height;
-    return {
-      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), a = r.width / t.width, n = r.height / t.height;
-    return {
-      x: Math.round((s.x - r.left) / a),
-      y: Math.round((s.y - r.top) / n)
-    };
-  }
-  static getStandardAspectRatio(t, e, i) {
-    if (t === 0 || e === 0)
-      return 0;
-    if (i)
-      return i;
-    const s = t / e;
-    return t < e ? s < P.PORTRAIT_ASPECT_BOUNDARY ? 9 / 16 : 3 / 4 : s < P.LANDSCAPE_ASPECT_BOUNDARY ? 4 / 3 : 16 / 9;
-  }
-  static getStandardResolution(t, e, i) {
-    if (t === 0 || e === 0)
-      return new y(0, 0);
-    const s = P.getStandardAspectRatio(t, e, i);
-    if (i) {
-      const a = P.getStandardQuality(Math.min(t, e));
-      return new y(Math.round(a * s), Math.round(a));
-    }
-    if (t < e) {
-      const a = P.getStandardQuality(Math.max(e * s, t));
-      return new y(Math.round(a), Math.round(a / s));
-    }
-    const r = P.getStandardQuality(Math.max(t / s, e));
-    return new y(Math.round(r * s), Math.round(r));
-  }
-  static getStandardQuality(t) {
-    return t <= 720 ? 720 : 1080;
-  }
-};
-P.LANDSCAPE_ASPECT_BOUNDARY = Math.sqrt(4 / 3 * (16 / 9)), P.PORTRAIT_ASPECT_BOUNDARY = Math.sqrt(3 / 4 * (9 / 16));
-let b = P;
-class N {
-  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.context.imageSmoothingQuality = "high", this.backCanvas = document.createElement("canvas"), this.backContext = this.backCanvas.getContext("2d"), this.backContext.imageSmoothingQuality = "high", this.fit = t;
-  }
-  destroy() {
-    this.requestAnimationId && (cancelAnimationFrame(this.requestAnimationId), this.requestAnimationId = void 0);
-  }
-  show(t) {
-    t ? this.element.style.display = "block" : this.element.style.opacity = "1";
-  }
-  hide(t) {
-    t ? this.element.style.display = "none" : this.element.style.opacity = "0";
-  }
-  resize(t, e, i) {
-    const s = Math.floor(t * i), r = Math.floor(e * i);
-    this.element.style.width = `${t}px`, this.element.style.height = `${e}px`, !(this.element.width === s && this.element.height === r) && (this.element.width = s, this.element.height = r, this.context.imageSmoothingQuality = "high", this.backCanvas.width = s, this.backCanvas.height = r, this.backContext.imageSmoothingQuality = "high", this.image && this.draw(this.image, !1));
-  }
-  draw(t, e, i) {
-    if (!t)
-      return;
-    this.requestAnimationId && (cancelAnimationFrame(this.requestAnimationId), this.requestAnimationId = void 0);
-    const s = b.fit(new y(t.width, t.height), new y(this.element.width, this.element.height), this.fit);
-    e ? (this.backContext.drawImage(this.element, 0, 0), this.context.globalAlpha = 0, this.fadeLoop(t, i || 0)) : (this.context.globalAlpha = 1, this.context.drawImage(t, s.left, s.top, s.width, s.height)), this.image = t;
-  }
-  fadeLoop(t, e) {
-    if (this.context.globalAlpha >= 1) {
-      cancelAnimationFrame(this.requestAnimationId), this.requestAnimationId = void 0;
-      return;
-    }
-    const i = Math.min(this.context.globalAlpha + e, 1), s = b.fit(new y(t.width, t.height), new y(this.element.width, this.element.height), this.fit);
-    this.context.clearRect(0, 0, this.element.width, this.element.height), this.context.globalAlpha = 1, this.context.drawImage(this.backCanvas, 0, 0), this.context.globalAlpha = i, this.context.drawImage(t, s.left, s.top, s.width, s.height), this.requestAnimationId = requestAnimationFrame(() => {
-      this.fadeLoop(t, e);
-    });
-  }
-}
-class B {
-  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 }), this.context && this.context.isContextLost() && (this.context = void 0), M.setDefaults({ textureColor: [1, 1, 1, 1] });
-  }
-  show() {
-    this.element.style.opacity = "1";
-  }
-  hide() {
-    this.element.style.opacity = "0";
-  }
-  resize(t, e, i) {
-    this.element.width = t * i, this.element.height = e * i, this.element.style.width = `${t}px`, this.element.style.height = `${e}px`;
-  }
-}
-class w {
-  static accelerate(t, e) {
-    const i = e || 1.5;
-    return Math.abs(t) ** i * (t > 0 ? 1 : -1);
-  }
-  static clamp(t, e, i) {
-    return Math.max(Math.min(t, i), e);
-  }
-  static degreesToRadians(t) {
-    return t * (Math.PI / 180);
-  }
-  static radiansToDegrees(t) {
-    return t * (180 / Math.PI);
-  }
-  static mod(t, e) {
-    return t - e * Math.floor(t / e);
-  }
-  static perspectiveWithFovX(t, e, 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 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, a, n) {
-    n = n || new Float32Array(16);
-    const o = e + t, u = e - t, l = s + i, p = 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 / p, n[6] = 0, n[7] = 0, n[8] = o / u, n[9] = l / p, n[10] = -a / d, n[11] = -1, n[12] = 0, n[13] = 0, n[14] = -a * r / d, n[15] = 0, n;
-  }
-}
-const O = class O {
-  static initCubeFace(t, e, i) {
-    let s = [0, 0, 0];
-    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(a);
-        break;
-      case "right":
-        e = h.add(t, n), s = h.normalize(a);
-        break;
-      case "back":
-        e = h.subtract(t, o), s = h.normalize(a);
-        break;
-      case "left":
-        e = h.subtract(t, n), s = h.normalize(a);
-        break;
-      case "up":
-        e = h.add(t, a), s = h.normalize(h.mulScalar(o, -1));
-        break;
-      case "down":
-        e = h.subtract(t, a), s = h.normalize(o);
-        break;
-    }
-    return new O(e, t, s);
-  }
-  constructor(t, e, i) {
-    this.target = h.copy(t), this.eye = h.copy(e), this.up = h.copy(i);
-  }
-  get viewVector() {
-    return h.subtract(this.target, this.eye);
-  }
-  get rightVector() {
-    return h.normalize(h.cross(this.viewVector, this.up));
-  }
-  get viewMatrix() {
-    return c.inverse(c.lookAt(this.eye, this.target, this.up));
-  }
-  clone() {
-    return new O(h.copy(this.target), h.copy(this.eye), h.copy(this.up));
-  }
-};
-O.default = new O([0, 0, 0], [2, 2, 2], [0, 1, 0]);
-let S = O;
-class X {
-  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]);
-    this.longitude = Math.atan2(i, r), this.latitude = Math.atan2(s, Math.sqrt(i * i + r * r)), h.dot(t.up, [0, 1, 0]) < 0 && (this.longitude = Math.PI + this.longitude, this.latitude = Math.PI - this.latitude), this.distance = h.length(h.subtract(t.target, t.eye));
-  }
-  get vector() {
-    const t = Math.cos(this.latitude) * this.distance, e = Math.sin(this.latitude) * this.distance, i = Math.cos(this.longitude) * t, s = Math.sin(this.longitude) * t;
-    return [i, e, s];
-  }
-  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 a = [0, 0, -1];
-    a = c.transformPoint(r, a);
-    let n = [0, 1, 0];
-    n = c.transformPoint(r, n);
-    const o = h.subtract(t, h.mulScalar(a, this.distance));
-    return new S(t, o, n);
-  }
-}
-class Y {
-  constructor() {
-  }
-  async animation(t) {
-    return t.scene;
-  }
-  async database(t) {
-    throw new Error("Unavailable");
-  }
-  async image(t) {
-    return t.scene;
-  }
-  async video(t) {
-    return t.scene;
-  }
-  async vrCube(t) {
-    return t.scene;
-  }
-  async vrObject(t) {
-    return t.scene;
-  }
-}
-class H {
-  constructor(t) {
-    this.xmlDoc = t;
-  }
-  get id() {
-    return this.xmlDoc.getElementsByTagName("Database")[0]?.getAttribute("id");
-  }
-  getCameraId(t, e) {
-    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;
-    return t && e ? i = this.xmlDoc.querySelector(`RootCameraGroup Group[id="${e}"] Camera[id="${t}"]`) : i = this.xmlDoc.querySelector(`RootCameraGroup Camera[id="${t}"]`), i ? this.mapElementToCamera(i) : null;
-  }
-  getCameraByName(t, e) {
-    let i;
-    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) {
-    return this.xmlDoc.querySelector(`RootCameraGroup Group[name="${t}"]`)?.getAttribute("id");
-  }
-  getCameraGroupById(t) {
-    const e = this.xmlDoc.querySelector(`RootCameraGroup Group[id="${t}"]`);
-    return e ? this.mapElementToCameraGroup(e) : null;
-  }
-  getCameraGroupByName(t) {
-    const e = this.xmlDoc.querySelector(`RootCameraGroup Group[name="${t}"]`);
-    return e ? this.mapElementToCameraGroup(e) : null;
-  }
-  mapElementToCamera(t) {
-    return {
-      id: t.getAttribute("id"),
-      name: t.getAttribute("name"),
-      pointOfView: new S(
-        [
-          parseFloat(t.querySelector("PointOfView Target").getAttribute("x")),
-          //
-          parseFloat(t.querySelector("PointOfView Target").getAttribute("y")),
-          parseFloat(t.querySelector("PointOfView Target").getAttribute("z"))
-        ],
-        [
-          parseFloat(t.querySelector("PointOfView Eye").getAttribute("x")),
-          //
-          parseFloat(t.querySelector("PointOfView Eye").getAttribute("y")),
-          parseFloat(t.querySelector("PointOfView Eye").getAttribute("z"))
-        ],
-        [
-          parseFloat(t.querySelector("PointOfView Up").getAttribute("x")),
-          //
-          parseFloat(t.querySelector("PointOfView Up").getAttribute("y")),
-          parseFloat(t.querySelector("PointOfView Up").getAttribute("z"))
-        ]
-      )
-    };
-  }
-  mapElementToCameraGroup(t) {
-    return {
-      id: t.getAttribute("id"),
-      name: t.getAttribute("name"),
-      cameras: [...t.querySelectorAll("Camera")].map((e) => this.mapElementToCamera(e))
-    };
-  }
-}
-const g = class g {
-  constructor(t) {
-    this.server = t;
-  }
-  static buildQuery(t) {
-    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((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,
-      animations: r?.animations?.join("/"),
-      accessoryDatabaseId: i?.database,
-      decorDatabaseId: s?.database,
-      decorDeltaAltitude: s?.translation?.y
-    };
-  }
-  static renderParameters(t) {
-    const { parameters: e, view: i } = t;
-    return {
-      background: i.background,
-      width: e.width,
-      height: e.height,
-      softwareAntialiasing: e.antialiasing,
-      superSampling: e.superSampling
-    };
-  }
-  static encoderParameters(t) {
-    const { encoder: e } = t;
-    return {
-      imageFormat: e.format,
-      imageQuality: e.quality
-    };
-  }
-  static async fetch(t) {
-    return fetch(t).then((e) => e.text()).then((e) => {
-      const s = e.replace(/&amp;/g, "&").match(this.xmlRegex);
-      return s ? s.map((r) => r.replace(this.xmlRegex, "$1")) : Promise.reject();
-    });
-  }
-  async animation(t) {
-    const e = {
-      ...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,
-      ...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 H(i);
-    });
-  }
-  async image(t) {
-    const e = {
-      ...g.sceneParameters(t),
-      bookmarkSet: t.view.camera.split("/")[0],
-      bookmark: t.view.camera.split("/")[1],
-      ...g.renderParameters(t),
-      ...g.encoderParameters(t)
-    }, i = g.buildQuery(e);
-    return Promise.resolve(`${this.server}/ImageFromBookmark?${i}`);
-  }
-  async video(t) {
-    const e = {
-      ...g.sceneParameters(t),
-      animation: t.view.animation,
-      bookmarkSet: t.view.camera.split("/")[0],
-      bookmark: t.view.camera.split("/")[1],
-      duration: t.view.duration,
-      frames: t.view.frames,
-      loop: !!t.view.loop,
-      reverse: !!t.view.reverse,
-      ...g.renderParameters(t),
-      ...g.encoderParameters(t)
-    }, i = g.buildQuery(e);
-    return Promise.resolve(`${this.server}/ImagesFromAnimation?${i}`);
-  }
-  async vrCube(t) {
-    const e = {
-      ...g.sceneParameters(t),
-      bookmarkSet: t.view.camera.split("/")[0],
-      bookmark: t.view.camera.split("/")[1],
-      ...g.renderParameters(t),
-      ...g.encoderParameters(t)
-    };
-    e.width = Math.max(e.width, e.height), e.height = Math.max(e.width, e.height);
-    const i = g.buildQuery(e);
-    return g.fetch(`${this.server}/CubeFromBookmark?${i}`);
-  }
-  async vrObject(t) {
-    const e = {
-      ...g.sceneParameters(t),
-      bookmarkSet: t.view.camera,
-      ...g.renderParameters(t),
-      ...g.encoderParameters(t)
-    }, i = g.buildQuery(e);
-    return g.fetch(`${this.server}/ImagesFromBookmarkSet?${i}`);
-  }
-};
-g.xmlRegex = /directUrl="([^"]*)"/g;
-let F = g;
-class m {
-  constructor(t) {
-    this.server = t;
-  }
-  static scene(t) {
-    return t.scene.map((e) => {
-      const { accessory: i, decor: s, ...r } = e;
-      return r;
-    });
-  }
-  static renderParameters(t) {
-    return {
-      ...t.parameters,
-      superSampling: t.parameters.superSampling.toString()
-    };
-  }
-  static encoder(t) {
-    switch (t.encoder.format) {
-      case "jpeg":
-        return {
-          jpeg: {
-            quality: t.encoder.quality
-          }
-        };
-      case "png":
-        return {
-          png: {
-            compression: t.encoder.compression
-          }
-        };
-      case "webp":
-        return {
-          webp: {
-            quality: t.encoder.quality
-          }
-        };
-    }
-    return {
-      jpeg: {
-        quality: 80
-      }
-    };
-  }
-  static async fetchFrame(t, e) {
-    return fetch(t, { method: "POST", body: JSON.stringify(e) }).then((i) => i.json()).then((i) => i.url);
-  }
-  static async fetchFrameArray(t, e) {
-    return fetch(t, { method: "POST", body: JSON.stringify(e) }).then((i) => i.json()).then((i) => i.map((s) => s.url));
-  }
-  static async fetchHotspots(t, e) {
-    return fetch(t, { method: "POST", body: JSON.stringify(e) }).then((i) => i.json());
-  }
-  static async fetchHotspotsArray(t, e) {
-    return fetch(t, { method: "POST", body: JSON.stringify(e) }).then((i) => i.json());
-  }
-  static async fetchPick(t, e) {
-    return fetch(t, { method: "POST", body: JSON.stringify(e) }).then((i) => i.json()).then((i) => i[0]);
-  }
-  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 H(i);
-    });
-  }
-  async image(t) {
-    const e = {
-      scene: m.scene(t),
-      mode: {
-        image: {
-          camera: t.view.camera
-        }
-      },
-      renderParameters: m.renderParameters(t),
-      encoder: m.encoder(t)
-    };
-    return m.fetchFrame(`${this.server}/Snapshot`, e);
-  }
-  async vrCube(t) {
-    const e = {
-      scene: m.scene(t),
-      mode: {
-        vrCube: {
-          camera: t.view.camera
-        }
-      },
-      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), m.fetchFrameArray(`${this.server}/Snapshot`, e);
-  }
-  async vrObject(t) {
-    let e;
-    t.view.cameraGroup ? e = {
-      images: {
-        cameraGroup: t.view.cameraGroup
-      }
-    } : t.view.frames ? e = {
-      vrObject: {
-        camera: t.view.camera,
-        frames: t.view.frames
-      }
-    } : e = {
-      vrObject: {
-        camera: t.view.camera,
-        panFrames: t.view.panFrames || 1,
-        panFrom: t.view.panFrom || 0,
-        panTo: t.view.panTo || 0,
-        panLoop: t.view.panLoop || !1,
-        tiltFrames: t.view.tiltFrames || 1,
-        tiltFrom: t.view.tiltFrom || 0,
-        tiltTo: t.view.tiltTo || 0,
-        tiltLoop: t.view.tiltLoop || !1
-      }
-    };
-    const i = {
-      scene: m.scene(t),
-      mode: e,
-      renderParameters: m.renderParameters(t),
-      encoder: m.encoder(t)
-    };
-    return m.fetchFrameArray(`${this.server}/Snapshot`, i);
-  }
-  async animation(t) {
-    const e = {
-      scene: m.scene(t),
-      mode: {
-        animation: {
-          id: t.view.animation,
-          camera: t.view.camera,
-          fps: t.view.fps
-        }
-      },
-      renderParameters: m.renderParameters(t),
-      encoder: m.encoder(t)
-    };
-    return m.fetchFrameArray(`${this.server}/Snapshot`, e);
-  }
-  async imageHotspots(t, e) {
-    const i = {
-      scene: m.scene(t),
-      mode: {
-        image: {
-          camera: t.view.camera
-        }
-      },
-      renderParameters: m.renderParameters(t),
-      ...this.hotspotsBody(e)
-    };
-    return await m.fetchHotspots(`${this.server}/Hotspot`, i);
-  }
-  async imagePick(t, e) {
-    const i = {
-      scene: m.scene(t),
-      camera: t.view.camera,
-      renderParameters: m.renderParameters(t),
-      positions: [e]
-    };
-    return await m.fetchPick(`${this.server}/Pick`, i);
-  }
-  async vrCubeHotspots(t, e) {
-    const i = {
-      scene: m.scene(t),
-      mode: {
-        vrCube: {
-          camera: t.view.camera
-        }
-      },
-      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 m.fetchHotspotsArray(`${this.server}/Hotspot`, i);
-  }
-  async vrObjectHotspots(t, e) {
-    let i;
-    t.view.cameraGroup ? i = {
-      images: {
-        cameraGroup: t.view.cameraGroup
-      }
-    } : t.view.frames ? i = {
-      vrObject: {
-        camera: t.view.camera,
-        frames: t.view.frames
-      }
-    } : i = {
-      vrObject: {
-        camera: t.view.camera,
-        panFrames: t.view.panFrames || 1,
-        panFrom: t.view.panFrom || 0,
-        panTo: t.view.panTo || 0,
-        panLoop: t.view.panLoop || !1,
-        tiltFrames: t.view.tiltFrames || 1,
-        tiltFrom: t.view.tiltFrom || 0,
-        tiltTo: t.view.tiltTo || 0,
-        tiltLoop: t.view.tiltLoop || !1
-      }
-    };
-    const s = {
-      scene: m.scene(t),
-      mode: i,
-      renderParameters: m.renderParameters(t),
-      ...this.hotspotsBody(e)
-    };
-    return await m.fetchHotspotsArray(`${this.server}/Hotspot`, s);
-  }
-  hotspotsBody(t) {
-    return {
-      positions: t.every((e) => typeof e != "string") ? t : void 0,
-      tags: t.every((e) => typeof e == "string") ? t : void 0
-    };
-  }
-}
-class D {
-  constructor(t, e, i) {
-    switch (e) {
-      case "static":
-        this.webrender = new Y();
-        break;
-      case "v1":
-        this.webrender = new F(t), this.webrenderV2 = new m(t);
-        break;
-      case "v2":
-        this.webrender = new m(t), this.webrenderV2 = new m(t);
-        break;
-      default:
-        this.webrender = new F(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 : () => {
-    }, this.onLoadProgress = i && i.onLoadProgress ? i.onLoadProgress : () => {
-    }, this.onLoadEnd = i && i.onLoadEnd ? i.onLoadEnd : () => {
-    };
-  }
-  get progress() {
-    return this.total ? this.loaded / this.total : 0;
-  }
-  async loadImageSnapshot(t) {
-    this.loadingId += 1, this.loaded = 0, this.total = 1, this.onLoadStart(this.progress);
-    const { loadingId: e } = this;
-    return this.webrender.image(t).then((i) => this.loadImage(i, e)).then((i) => (this.onLoadEnd(this.progress), i));
-  }
-  async loadVideoSnapshot(t, e) {
-    this.loadingId += 1, this.loaded = 0, this.total = 1, this.onLoadStart(this.progress);
-    const { loadingId: i } = this;
-    return this.webrender.video(e).then((s) => this.loadVideo(t, s, !!e.view.loop, i)).then(() => (this.onLoadEnd(this.progress), t));
-  }
-  async loadVRCubeSnapshot(t) {
-    this.loadingId += 1, this.loaded = 0, this.total = 0, this.onLoadStart(this.progress);
-    const { loadingId: e } = this;
-    return this.webrender.vrCube(t).then((i) => {
-      this.total = i.length;
-      const s = i.map((r) => this.loadImage(r, e));
-      return Promise.all(s);
-    }).then((i) => (this.onLoadEnd(this.progress), i));
-  }
-  async loadVRObjectSnapshot(t, e) {
-    this.loadingId += 1, this.loaded = 0, this.total = 0, this.onLoadStart(this.progress);
-    const { loadingId: i } = this;
-    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();
-    i.crossOrigin = location.protocol === "file:" && !D.isValidHttpUrl(t) ? null : "anonymous";
-    const s = new Promise((r, a) => {
-      i.addEventListener(
-        "load",
-        () => {
-          e === this.loadingId && (this.loaded += 1, this.onLoadProgress(this.progress), r(i));
-        },
-        { once: !0 }
-      ), i.addEventListener(
-        "error",
-        (n) => {
-          e === this.loadingId && a(`${n.type} : ${t}`);
-        },
-        { once: !0 }
-      );
-    });
-    return i.src = t, s;
-  }
-  loadImageFrames(t, e, i, s) {
-    this.total = t.length;
-    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), l = e ? w.mod(a + u, o) : n;
-      r[l] = this.loadImage(t[l], 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((a, n) => {
-      t.addEventListener(
-        "canplaythrough",
-        () => {
-          s === this.loadingId && (this.loaded += 1, this.onLoadProgress(this.progress), a());
-        },
-        { once: !0 }
-      ), t.addEventListener(
-        "error",
-        (o) => {
-          s === this.loadingId && n(`${o.type} : ${e}`);
-        },
-        { once: !0 }
-      );
-    });
-    return t.src = e, t.load(), r;
-  }
-  async loadVideoFrame(t, e, i, s, r) {
-    let a = 0;
-    return new Promise((n, o) => {
-      const u = () => {
-        if (r !== this.loadingId) return;
-        if (a !== s) {
-          a += 1;
-          return;
-        }
-        t.removeEventListener("seeked", u);
-        const l = document.createElement("canvas");
-        l.width = t.videoWidth, l.height = t.videoHeight, l.getContext("2d").drawImage(t, 0, 0);
-        const d = new Image();
-        d.src = l.toDataURL(), n(d), this.loaded += 1, this.onLoadProgress(this.progress), s !== i - 1 && (t.currentTime += 1 / e);
-      };
-      t.addEventListener("seeked", u), t.addEventListener(
-        "error",
-        (l) => {
-          r === this.loadingId && o(l);
-        },
-        { once: !0 }
-      );
-    });
-  }
-  loadVideoFrames(t, e, i, s) {
-    this.total = e;
-    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 && (a.currentTime = 1 / i / 2);
-      },
-      { once: !0 }
-    ), a.src = t, a.load(), Promise.all(r).then(() => this.onLoadEnd(this.progress)).catch(() => {
-    }), r;
-  }
-  async loadImageHotspots(t, e) {
-    return this.webrenderV2 ? await this.webrenderV2.imageHotspots(await this.convert(t), e) : Promise.reject(new Error("Hotspots only available with api V2"));
-  }
-  async loadVRCubeHotspots(t, e) {
-    return this.webrenderV2 ? await this.webrenderV2.vrCubeHotspots(await this.convert(t), e) : Promise.reject(new Error("Hotspots only available with api V2"));
-  }
-  async loadVRObjectHotspots(t, e) {
-    return this.webrenderV2 ? await this.webrenderV2.vrObjectHotspots(await this.convert(t), e) : Promise.reject(new Error("Hotspots only available with api V2"));
-  }
-  async loadImagePick(t, e) {
-    return this.webrenderV2 ? await this.webrenderV2.imagePick(await this.convert(t), e) : Promise.reject(new Error("Picking only available with api V2"));
-  }
-  async loadVRObjectPick(t, e, i, s) {
-    return this.webrenderV2 ? await this.webrenderV2.imagePick(await this.vrObjectFrameSnapshot(t, i, s), e) : Promise.reject(new Error("Picking only available with api V2"));
-  }
-  async loadVRCubePick(t, e, i) {
-    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)
-      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, 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(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((a) => !a.decor && !a.accessory);
-    if (!s)
-      return t;
-    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 F) {
-      if (!t.view.camera)
-        return t;
-      const a = r.getCameraGroupId(t.view.camera);
-      if (!a)
-        return t;
-      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) {
-      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 o = new X(n.pointOfView), u = 2 * Math.PI / i;
-        o.longitude += e * u % (2 * Math.PI);
-        const l = o.pointOfView(n.pointOfView.target);
-        return {
-          ...t,
-          view: {
-            ...t.view,
-            camera: {
-              id: n.id,
-              pov: {
-                target: {
-                  x: l.target[0],
-                  y: l.target[1],
-                  z: l.target[2]
-                },
-                eye: {
-                  x: l.eye[0],
-                  y: l.eye[1],
-                  z: l.eye[2]
-                },
-                up: {
-                  x: l.up[0],
-                  y: l.up[1],
-                  z: l.up[2]
-                }
-              }
-            }
-          }
-        };
-      } else if (t.view.cameraGroup) {
-        const n = r.getCameraGroupById(t.view.cameraGroup);
-        if (!n)
-          return t;
-        const o = n.cameras[e];
-        return o ? { ...t, view: { ...t.view, camera: o.id } } : t;
-      } else
-        return t;
-    } else
-      return t;
-  }
-  async vrCubeFrameSnapshot(t, e) {
-    const i = t.scene.find((o) => !o.decor && !o.accessory);
-    if (!i)
-      return t;
-    let s = this.databases.find((o) => o.id === i.database);
-    if (s || (s = await this.webrender.database(i.database), this.databases.push(s)), !t.view.camera)
-      return t;
-    let r;
-    if (this.webrender instanceof F) {
-      const o = t.view.camera.split("/"), u = o.length === 2 ? o[0] : void 0, l = o.length === 2 ? o[1] : o[0];
-      r = s.getCameraId(l, u);
-    } else this.webrender instanceof m && (r = typeof t.view.camera == "string" ? t.view.camera : t.view.camera.id);
-    if (!r)
-      return t;
-    const a = s.getCameraById(r);
-    if (!a)
-      return t;
-    const n = S.initCubeFace(a.pointOfView.eye, a.pointOfView.target, e);
-    return {
-      ...t,
-      view: {
-        ...t.view,
-        camera: {
-          id: a.id,
-          pov: {
-            target: {
-              x: n.target[0],
-              y: n.target[1],
-              z: n.target[2]
-            },
-            eye: {
-              x: n.eye[0],
-              y: n.eye[1],
-              z: n.eye[2]
-            },
-            up: {
-              x: n.up[0],
-              y: n.up[1],
-              z: n.up[2]
-            }
-          },
-          lens: {
-            fov: 90
-          }
-        }
-      },
-      parameters: {
-        ...t.parameters,
-        width: Math.max(t.parameters.width, t.parameters.height),
-        height: Math.max(t.parameters.width, t.parameters.height)
-      }
-    };
-  }
-  onLoadStart(t) {
-    this.delegate && this.delegate.onLoadStart(t);
-  }
-  onLoadProgress(t) {
-    this.delegate && this.delegate.onLoadProgress(t);
-  }
-  onLoadEnd(t) {
-    this.delegate && this.delegate.onLoadEnd(t);
-  }
-  static isValidHttpUrl(t) {
-    let e;
-    try {
-      e = new URL(t);
-    } catch {
-      return !1;
-    }
-    return e.protocol === "http:" || e.protocol === "https:";
-  }
-}
-class Q {
-  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");
-  }
-  show() {
-    this.element.style.opacity = "1";
-  }
-  hide() {
-    this.element.style.opacity = "0";
-  }
-  resize(t, e, i, s) {
-    const r = b.fit(i, new y(t, e), s);
-    this.element.style.top = `${r.top}px`, this.element.style.left = `${r.left}px`, this.element.style.width = `${r.width}px`, this.element.style.height = `${r.height}px`, (i.width !== this.element.width || i.height !== this.element.height) && (this.element.width = i.width, this.element.height = i.height);
-  }
-}
-class J {
-  constructor(t, e, i) {
-    this.container = t, this.canvas = e, this.loader = i, this.hotspotList = [];
-  }
-  destroy() {
-  }
-  show() {
-    this.canvas.show(!1), this.container.classList.add("ls-viewer-container-image");
-  }
-  hide() {
-    this.canvas.hide(!1), this.container.classList.remove("ls-viewer-container-image");
-  }
-  async load(t, e, i, s) {
-    let r = Promise.resolve();
-    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 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 = n, this.snapshotHash = a, r;
-  }
-  async pick(t, e) {
-    const i = new y(t.parameters.width, t.parameters.height), s = b.unproject(i, this.canvas.resolution, this.canvas.fit, e);
-    return this.loader.loadImagePick(t, s);
-  }
-  hotspots(t) {
-    return this.hotspotList.map((e) => ({ ...e, position2D: b.project(t, this.canvas.resolution, this.canvas.fit, e.position2D) })).map((e) => ({ ...e, visibility: b.contains(this.canvas.resolution, e.position2D) ? e.visibility : "OutOfFrustum" }));
-  }
-  snapshot(t, e) {
-    return this.canvas.element.toDataURL(t, e);
-  }
-  onMouseDown(t) {
-  }
-  onMouseMove(t) {
-  }
-  onMouseUp(t) {
-  }
-  onMouseEnter(t) {
-  }
-  onTouchStart(t) {
-  }
-  onTouchMove(t) {
-  }
-  onTouchEnd(t) {
-  }
-  onDeviceOrientation(t) {
-  }
-}
-class L {
-  constructor(t, e) {
-    this.x = t, this.y = e;
-  }
-  clone() {
-    return new L(this.x, this.y);
-  }
-}
-class f {
-  static pointFromMouseEvent(t) {
-    return new L(t.screenX, t.screenY);
-  }
-  static pointFromTouchEvent(t) {
-    const e = t.targetTouches[0] || t.changedTouches[0];
-    return new L(e.screenX, e.screenY);
-  }
-}
-class j {
-  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]);
-  }
-  get localToGlobalMatrix() {
-    const t = [this.u[0], this.u[1], this.u[2], 0], e = [this.v[0], this.v[1], this.v[2], 0], i = [this.w[0], this.w[1], this.w[2], 0], s = [this.o[0], this.o[1], this.o[2], 1];
-    return [...t, ...e, ...i, ...s];
-  }
-  get globalToLocalMatrix() {
-    return c.inverse(this.localToGlobalMatrix);
-  }
-}
-class Z {
-  constructor(t, e, i) {
-    this.x = t, this.y = e, this.time = i;
-  }
-}
-class R {
-  constructor(t) {
-    this.points = [], this.onMotion = t, this.lastPoint = new L(0, 0), this.velocity = new L(0, 0), this.loop = this.loop.bind(this);
-  }
-  destroy() {
-    this.animationFrameId && (cancelAnimationFrame(this.animationFrameId), this.animationFrameId = void 0);
-  }
-  track(t) {
-    const e = Date.now();
-    this.points = this.points.filter((i) => e - i.time <= 100), this.points.push(new Z(t.x, t.y, e)), this.lastPoint = t;
-  }
-  start() {
-    if (this.points.length === 0)
-      return;
-    const t = this.points[0], e = this.points[this.points.length - 1], i = e.x - t.x, s = e.y - t.y, r = e.time - t.time;
-    this.velocity = new L(r === 0 ? 0 : i / (r / 15), r === 0 ? 0 : s / (r / 15)), this.animationFrameId && (cancelAnimationFrame(this.animationFrameId), this.animationFrameId = void 0), this.animationFrameId = requestAnimationFrame(this.loop);
-  }
-  stop() {
-    this.animationFrameId && (cancelAnimationFrame(this.animationFrameId), this.animationFrameId = void 0), this.points = [];
-  }
-  loop() {
-    if (Math.abs(this.velocity.x) < 1 && Math.abs(this.velocity.y) < 1) {
-      this.animationFrameId = void 0, this.points = [];
-      return;
-    }
-    this.lastPoint.x += this.velocity.x, this.lastPoint.y += this.velocity.y, this.velocity.x *= 0.9, this.velocity.y *= 0.9, this.onMotion(this.lastPoint.clone()), this.animationFrameId = requestAnimationFrame(this.loop);
-  }
-}
-class W {
-  constructor(t, e, i) {
-    this.isStarted = !1, this.pov = t, this.fov = w.degreesToRadians(e), this.orientationMatrix = c.identity(), this.inertia = new R(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 S([0, 0, 1], [0, 0, 0], [0, 1, 0]), this.startSize = { width: 0, height: 0 }, this.previousPoint = new L(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 = 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, a = c.transformDirection(i, this.pov.up);
-    return new S(s, r, a);
-  }
-  reset() {
-    this.pov = this.initPov.clone(), this.fov = this.initFov;
-  }
-  start(t, e) {
-    this.isStarted = !0, this.startPov = this.pov, this.startSize = e, this.previousPoint = t, this.inertia.stop();
-  }
-  motion(t) {
-    this.isStarted && this.inertia.track(t);
-    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)), a = h.normalize(h.cross(this.pov.up, this.pov.target)), n = new j(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), l = c.transformDirection(o, this.pov.up);
-    h.cross(l, [0, 0, 1])[0] >= 0 && (this.pov.target = u, this.pov.up = l), 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), 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 _ = `precision mediump float;
-
-uniform float u_mix;
-uniform samplerCube u_texture;
-uniform samplerCube u_texture_back;
-
-varying vec3 direction;
-
-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;
-
-uniform mat4 u_mvpi;
-
-varying vec3 direction;
-
-void main() {
-  direction = (u_mvpi * position).xyz;
-  gl_Position = position;
-}`;
-class tt {
-  constructor(t, e, i, s, r) {
-    this.container = t, this.canvas = e, this.loader = i, this.aspectRatioOverride = r, this.images = [], this.hotspotsList = [[]];
-    const a = new S([0, 0, 1], [0, 0, 0], [0, 1, 0]), n = 60, o = c.rotationX(w.degreesToRadians(15));
-    c.transformDirection(o, a.target, a.target), c.transformDirection(o, a.up, a.up), this.interaction = new W(a, 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: c.identity(),
-      u_mix: 0,
-      u_texture_back: M.createTexture(this.gl, {
-        target: this.gl.TEXTURE_CUBE_MAP,
-        minMag: this.gl.LINEAR,
-        width: 1,
-        height: 1
-      }),
-      u_texture: M.createTexture(this.gl, {
-        target: this.gl.TEXTURE_CUBE_MAP,
-        minMag: this.gl.LINEAR,
-        width: 1,
-        height: 1
-      })
-    }, this.render = this.render.bind(this);
-  }
-  destroy() {
-    this.interaction.destroy(), this.animationFrameId && (cancelAnimationFrame(this.animationFrameId), this.animationFrameId = void 0);
-  }
-  show() {
-    this.canvas.show(), this.container.classList.add("ls-viewer-container-vrcube");
-  }
-  hide() {
-    this.canvas.hide(), this.container.classList.remove("ls-viewer-container-vrcube");
-  }
-  get pov() {
-    return this.interaction.pov;
-  }
-  set pov(t) {
-    this.interaction.pov.eye.every((e, i) => e === t.eye[i]) && this.interaction.pov.target.every((e, i) => e === t.target[i]) && this.interaction.pov.up.every((e, i) => e === t.up[i]) || (this.interaction.pov = t.clone(), this.animationFrameId = requestAnimationFrame(this.render));
-  }
-  get fov() {
-    return w.radiansToDegrees(this.interaction.fov);
-  }
-  set fov(t) {
-    this.interaction.fov !== t && (this.interaction.fov = w.degreesToRadians(t), this.animationFrameId = requestAnimationFrame(this.render));
-  }
-  async load(t, e, i, s) {
-    let r = Promise.resolve();
-    {
-      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 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, M.createTexture(
-          this.gl,
-          {
-            target: this.gl.TEXTURE_CUBE_MAP,
-            min: this.gl.LINEAR_MIPMAP_LINEAR,
-            minMag: this.gl.LINEAR,
-            cubeFaceOrder: [
-              this.gl.TEXTURE_CUBE_MAP_POSITIVE_Z,
-              //
-              this.gl.TEXTURE_CUBE_MAP_POSITIVE_X,
-              this.gl.TEXTURE_CUBE_MAP_NEGATIVE_Z,
-              this.gl.TEXTURE_CUBE_MAP_NEGATIVE_X,
-              this.gl.TEXTURE_CUBE_MAP_POSITIVE_Y,
-              this.gl.TEXTURE_CUBE_MAP_NEGATIVE_Y
-            ],
-            src: o
-          },
-          (u, l) => {
-            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 = l, this.animationFrameId = requestAnimationFrame(this.render));
-          }
-        );
-      })
-    ));
-    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 = n, this.snapshotHash = a, r;
-  }
-  async pick(t, e) {
-    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], l = this.modelViewProjectionMatrix, p = c.inverse(l), d = h.normalize(c.transformPoint(p, u)), C = Math.max(Math.abs(d[0]), Math.abs(d[1]), Math.abs(d[2]));
-    let A = "";
-    Math.abs(d[0]) === C ? A = d[0] > 0 ? "XPOS" : "XNEG" : Math.abs(d[1]) === C ? A = d[1] > 0 ? "YPOS" : "YNEG" : A = d[2] > 0 ? "ZPOS" : "ZNEG";
-    let x = 0, E = 0, I = "";
-    switch (A) {
-      case "XPOS":
-        x = (-d[2] / Math.abs(d[0]) + 1) / 2, E = (-d[1] / Math.abs(d[0]) + 1) / 2, I = "right";
-        break;
-      case "XNEG":
-        x = (d[2] / Math.abs(d[0]) + 1) / 2, E = (-d[1] / Math.abs(d[0]) + 1) / 2, I = "left";
-        break;
-      case "YPOS":
-        x = (d[0] / Math.abs(d[1]) + 1) / 2, E = (d[2] / Math.abs(d[1]) + 1) / 2, I = "up";
-        break;
-      case "YNEG":
-        x = (d[0] / Math.abs(d[1]) + 1) / 2, E = (-d[2] / Math.abs(d[1]) + 1) / 2, I = "down";
-        break;
-      case "ZPOS":
-        x = (d[0] / Math.abs(d[2]) + 1) / 2, E = (-d[1] / Math.abs(d[2]) + 1) / 2, I = "front";
-        break;
-      case "ZNEG":
-        x = (-d[0] / Math.abs(d[2]) + 1) / 2, E = (-d[1] / Math.abs(d[2]) + 1) / 2, I = "back";
-        break;
-    }
-    const T = {
-      x: Math.round(x * Math.max(t.parameters.width, t.parameters.height)),
-      y: Math.round(E * Math.max(t.parameters.width, t.parameters.height))
-    };
-    return this.loader.loadVRCubePick(t, T, I);
-  }
-  hotspots() {
-    const t = [];
-    if (this.hotspotsList.length === 0)
-      return [];
-    const e = this.hotspotsList[0]?.length ?? 0, i = this.modelViewProjectionMatrix;
-    for (let s = 0; s < e; s++) {
-      const r = this.hotspotsList.findIndex(($) => $[s].visibility !== "OutOfFrustum");
-      if (r === -1)
-        continue;
-      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, l = 0, p = 0;
-      switch (r) {
-        case 0:
-          this.pov.target[2] < 0 && (a.visibility = "OutOfFrustum"), u = 2 * n - 1, l = 1 - 2 * o, p = 1;
-          break;
-        case 1:
-          this.pov.target[0] > 0 && (a.visibility = "OutOfFrustum"), u = 1, l = 1 - 2 * o, p = 1 - 2 * n;
-          break;
-        case 2:
-          this.pov.target[2] > 0 && (a.visibility = "OutOfFrustum"), u = 1 - 2 * n, l = 1 - 2 * o, p = -1;
-          break;
-        case 3:
-          this.pov.target[0] < 0 && (a.visibility = "OutOfFrustum"), u = -1, l = 1 - 2 * o, p = 2 * n - 1;
-          break;
-        case 4:
-          this.pov.target[1] < 0 && (a.visibility = "OutOfFrustum"), u = 2 * n - 1, l = 1, p = 2 * o - 1;
-          break;
-        case 5:
-          this.pov.target[1] > 0 && (a.visibility = "OutOfFrustum"), u = 2 * n - 1, l = -1, p = 1 - 2 * o;
-          break;
-      }
-      const d = h.normalize([u, l, p]), C = c.transformPoint(i, d), A = this.canvas.element.clientWidth, x = this.canvas.element.clientHeight, E = 0.5 * A * (C[0] + 1), I = 0.5 * x * (C[1] + 1), T = {
-        x: Math.round(E),
-        y: Math.round(x - I)
-      }, G = new y(A, x), z = b.contains(G, T) ? a.visibility : "OutOfFrustum";
-      t.push({ ...a, position2D: T, visibility: z });
-    }
-    return t;
-  }
-  snapshot(t, e) {
-    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 = b.getStandardAspectRatio(t, e, this.aspectRatioOverride), 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), 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));
-  }
-  onMouseDown(t) {
-    this.container.classList.add("ls-viewer-container-vrcube-grabbing"), this.interaction.start(f.pointFromMouseEvent(t), {
-      width: this.gl.canvas.width,
-      height: this.gl.canvas.height
-    });
-  }
-  onMouseMove(t) {
-    this.interaction.isStarted && (this.interaction.motion(f.pointFromMouseEvent(t)), t.preventDefault());
-  }
-  onMouseUp(t) {
-    this.interaction.isStarted && (this.container.classList.remove("ls-viewer-container-vrcube-grabbing"), this.interaction.end(f.pointFromMouseEvent(t), !0));
-  }
-  onMouseEnter(t) {
-    this.interaction.isStarted && t.buttons === 0 && (this.container.classList.remove("ls-viewer-container-vrcube-grabbing"), this.interaction.end(f.pointFromMouseEvent(t), !1));
-  }
-  onTouchStart(t) {
-    this.container.classList.add("ls-viewer-container-vrcube-grabbing"), this.interaction.start(f.pointFromTouchEvent(t), {
-      width: this.gl.canvas.width,
-      height: this.gl.canvas.height
-    });
-  }
-  onTouchMove(t) {
-    this.interaction.isStarted && (this.interaction.motion(f.pointFromTouchEvent(t)), t.preventDefault());
-  }
-  onTouchEnd(t) {
-    this.interaction.isStarted && (this.container.classList.remove("ls-viewer-container-vrcube-grabbing"), this.interaction.end(f.pointFromTouchEvent(t), !0));
-  }
-  onDeviceOrientation(t) {
-    this.interaction.orientation(t.alpha, t.beta, t.gamma);
-  }
-}
-class et {
-  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 R(this.motion.bind(this)), this.initPosition = { ...this.position }, this.startPosition = { x: 0, y: 0 }, this.startPoint = new L(0, 0), this.startSize = { width: 0, height: 0 }, this.lastPoints = [], this.lastPointsNumber = 20;
-  }
-  destroy() {
-    this.inertia.destroy();
-  }
-  reset() {
-    this.position = { ...this.initPosition };
-  }
-  get positionIndex() {
-    return this.frames * this.position.y + this.position.x;
-  }
-  set positionIndex(t) {
-    if (this.positionIndex === t)
-      return;
-    const e = this.loop ? w.mod(t, this.frames * this.rows) : Math.max(0, Math.min(t, this.frames * this.rows));
-    this.position.x = w.mod(e, this.frames), this.position.y = Math.floor(e / this.frames);
-  }
-  start(t, e) {
-    this.isStarted = !0, this.startPosition = { ...this.position }, this.startPoint = t, this.startSize = e, this.lastPoints = [], this.inertia.stop();
-  }
-  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;
-    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);
-      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 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 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 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 et({ x: 0, y: 0 }, 1, 1, !1, () => {
-      this.canvas.draw(this.image, !0, 0.5), this.onInteraction({
-        position: this.interaction.positionIndex
-      });
-    }), this.onInteraction = s;
-  }
-  destroy() {
-    this.animationFrameId && (cancelAnimationFrame(this.animationFrameId), this.animationFrameId = void 0);
-  }
-  show() {
-    this.canvas.show(!1), this.container.classList.add("ls-viewer-container-vrobject");
-  }
-  hide() {
-    this.canvas.hide(!1), this.container.classList.remove("ls-viewer-container-vrobject");
-  }
-  async goto(t) {
-    return new Promise((e) => {
-      let i = this.interaction.positionIndex;
-      const s = () => {
-        if (this.interaction.positionIndex === t)
-          e();
-        else {
-          let r = i > t ? -1 : 1;
-          this.interaction.loop && this.interaction.frames - i + t < Math.abs(t - i) && (r *= -1), i += 0.5 * r, this.position = Math.floor(i), this.animationFrameId = requestAnimationFrame(s);
-        }
-      };
-      this.animationFrameId = requestAnimationFrame(s);
-    });
-  }
-  get position() {
-    return this.interaction.positionIndex;
-  }
-  set position(t) {
-    this.interaction.positionIndex = t, this.canvas.draw(this.image, !0, 0.5);
-  }
-  get image() {
-    return this.images[this.interaction.positionIndex];
-  }
-  async load(t, e, i, s) {
-    let r = Promise.resolve();
-    i && this.interaction.reset();
-    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 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((l, p) => {
-          l.then((d) => {
-            this.images[p] = d, d === this.image && this.canvas.draw(this.image, s, 0.05);
-          }).catch(() => {
-          });
-        }), o[this.interaction.positionIndex].then(() => Promise.resolve());
-      })
-    ));
-    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 = n, this.snapshotHash = a, r;
-  }
-  async pick(t, e) {
-    const i = new y(t.parameters.width, t.parameters.height), s = b.unproject(i, this.canvas.resolution, this.canvas.fit, e);
-    return this.loader.loadVRObjectPick(t, s, this.position, this.frames);
-  }
-  hotspots(t) {
-    return (this.hotspotsList[this.interaction.positionIndex] || []).map((i) => ({ ...i, position2D: b.project(t, this.canvas.resolution, this.canvas.fit, i.position2D) })).map((i) => ({ ...i, visibility: b.contains(this.canvas.resolution, i.position2D) ? i.visibility : "OutOfFrustum" }));
-  }
-  snapshot(t, e) {
-    return this.canvas.element.toDataURL(t, e);
-  }
-  onMouseDown(t) {
-    this.container.classList.add("ls-viewer-container-vrobject-grabbing"), this.interaction.start(f.pointFromMouseEvent(t), {
-      width: this.canvas.element.width,
-      height: this.canvas.element.height
-    });
-  }
-  onMouseMove(t) {
-    this.interaction.isStarted && (this.interaction.motion(f.pointFromMouseEvent(t)), t.preventDefault());
-  }
-  onMouseUp(t) {
-    this.interaction.isStarted && (this.container.classList.remove("ls-viewer-container-vrobject-grabbing"), this.interaction.end(f.pointFromMouseEvent(t), !0));
-  }
-  onMouseEnter(t) {
-    this.interaction.isStarted && t.buttons === 0 && (this.container.classList.remove("ls-viewer-container-vrobject-grabbing"), this.interaction.end(f.pointFromMouseEvent(t), !1));
-  }
-  onTouchStart(t) {
-    this.container.classList.add("ls-viewer-container-vrobject-grabbing"), this.interaction.start(f.pointFromTouchEvent(t), {
-      width: this.canvas.element.width,
-      height: this.canvas.element.height
-    });
-  }
-  onTouchMove(t) {
-    this.interaction.isStarted && (this.interaction.motion(f.pointFromTouchEvent(t)), t.preventDefault());
-  }
-  onTouchEnd(t) {
-    this.interaction.isStarted && (this.container.classList.remove("ls-viewer-container-vrobject-grabbing"), this.interaction.end(f.pointFromTouchEvent(t), !0));
-  }
-  onDeviceOrientation(t) {
-  }
-}
-class it {
-  constructor(t, e, i) {
-    this.container = t, this.loader = i, this.video = e;
-  }
-  destroy() {
-  }
-  show() {
-    this.video.show(), this.container.classList.add("ls-viewer-container-video");
-  }
-  hide() {
-    this.video.hide(), this.container.classList.remove("ls-viewer-container-video");
-  }
-  async load(t) {
-    const e = JSON.stringify(t);
-    return e === this.hash ? (this.video.element.load(), Promise.resolve()) : (this.hash = e, this.loader.loadVideoSnapshot(this.video.element, t));
-  }
-  async pick(t, e) {
-    return Promise.reject();
-  }
-  hotspots(t) {
-    return [];
-  }
-  snapshot(t, e) {
-    return "data:image/gif;base64,R0lGODlhAQABAIAAAP7//wAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==";
-  }
-  async play() {
-    return new Promise((t, e) => {
-      this.video.element.addEventListener(
-        "ended",
-        () => {
-          t();
-        },
-        { once: !0 }
-      ), this.video.element.play().catch(e), this.show();
-    });
-  }
-  onMouseDown(t) {
-  }
-  onMouseMove(t) {
-  }
-  onMouseUp(t) {
-  }
-  onMouseEnter(t) {
-  }
-  onTouchStart(t) {
-  }
-  onTouchMove(t) {
-  }
-  onTouchEnd(t) {
-  }
-  onDeviceOrientation(t) {
-  }
-}
-class nt {
-  constructor(t, e) {
-    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",
-      api: "v1",
-      autores: !0,
-      fit: "cover",
-      image: {},
-      video: {},
-      vrcube: {},
-      vrobject: {},
-      events: {},
-      ...e
-    }, this.options.events = {
-      onLoadStart: () => {
-      },
-      onLoadProgress: () => {
-      },
-      onLoadEnd: () => {
-      },
-      onLoadError: () => {
-      },
-      onInteraction: () => {
-      },
-      onVrcubeInteraction: () => {
-      },
-      onVrobjectInteraction: () => {
-      },
-      onHotspotsChange: () => {
-      },
-      ...e.events
-    }, this.options.events.onLoadError = V(this.options.events.onLoadError, 10), this.container = t, this.container.classList.add("ls-viewer-container"), 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 Q(), this.container.prepend(this.video.element), this.loader = new D(this.options.server, this.options.api, this), this.resolution = new y(0, 0), this.parameters = {
-      width: 0,
-      height: 0,
-      antialiasing: !1,
-      superSampling: 2
-    }, 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.aspectRatioOverride)), this.widget = this.widgetImage, 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 = V(this.loadWidget, 10), this.resizeObserver = new ResizeObserver(this.onResize), this.resizeObserver.observe(this.container);
-  }
-  destroy() {
-    this.resizeObserver.disconnect(), 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);
-  }
-  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 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;
-  }
-  async setEncoder(t) {
-    this.encoder = { ...t };
-    let e = Promise.resolve();
-    return e = e.then(() => this.loadWidget(!1, !0)), e.catch((i) => {
-      this.onLoadError(i);
-    }), e;
-  }
-  setParameters(t) {
-    if (t.width && t.height) {
-      this.resolution = new y(t.width, t.height);
-      const i = this.container.clientWidth, s = this.container.clientHeight;
-      this.canvas2D.resize(i, s, this.getCanvas2DPixelRatio(i, s));
-    }
-    this.parameters = { ...t }, this.parameters.width = this.resolution.width, this.parameters.height = this.resolution.height;
-    let e = Promise.resolve();
-    return e = e.then(() => this.loadWidget(!1, !0)), e.catch((i) => {
-      this.onLoadError(i);
-    }), e;
-  }
-  setHotspots(t) {
-    this.hotspots = t, this.loadWidget(!1, !1);
-  }
-  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 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 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;
-  }
-  setVrcube(t) {
-    this.widgetVRCube && Object.assign(this.widgetVRCube, t);
-  }
-  setVrobject(t) {
-    Object.assign(this.widgetVRObject, t);
-  }
-  async loadAnimation(t) {
-    const e = {
-      scene: this.scene,
-      view: {
-        animation: t.name,
-        camera: t.camera,
-        duration: t.duration,
-        loop: t.loop,
-        reverse: t.reverse
-      },
-      parameters: this.parameters,
-      encoder: {
-        format: "mp4"
-      }
-    };
-    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) => {
-      this.onLoadError(e);
-    });
-  }
-  stopAnimation() {
-    this.widgetVideo.hide();
-  }
-  async pick(t) {
-    if (!this.scene)
-      throw new Error("No scene set");
-    if (!this.view)
-      throw new Error("No view set");
-    if (!this.view.camera && !this.view.cameraGroup)
-      throw new Error("No camera set");
-    const e = {
-      scene: this.scene,
-      view: this.view,
-      parameters: this.parameters,
-      encoder: this.encoder
-    };
-    return await this.viewWidget.pick(e, t);
-  }
-  async pickHotspot(t) {
-    const e = await this.pick(t), i = Object.values(e.point), s = h.normalize(Object.values(e.normal)), r = h.add(i, h.mulScalar(s, 0.01));
-    return e.point = { x: r[0], y: r[1], z: r[2] }, e;
-  }
-  snapshot(t, e) {
-    return this.viewWidget.snapshot(t, e);
-  }
-  async loadWidget(t, e) {
-    if (!this.scene || !this.view || !this.parameters.width || !this.parameters.height)
-      return Promise.resolve();
-    const i = this.viewWidget;
-    if (!i)
-      return Promise.reject(new Error("Unknown view mode"));
-    const s = {
-      scene: this.scene,
-      view: this.view,
-      parameters: this.parameters,
-      encoder: this.encoder
-    };
-    return s.view.background || (s.view.background = "product"), i.load(s, this.hotspots, t, e).then(() => {
-      this.widget.hide(), this.widget = i, this.widget.show(), this.widgetVideo.hide(), this.onHotspotsChange();
-    });
-  }
-  get aspectRatioOverride() {
-    switch (this.options.aspectRatio) {
-      case "4:3":
-        return 4 / 3;
-      case "16:9":
-        return 16 / 9;
-      default:
-        return;
-    }
-  }
-  get viewWidget() {
-    switch (this.view?.mode) {
-      case "image":
-        return this.widgetImage;
-      case "video":
-        return this.widgetVideo;
-      case "vrcube":
-        return this.widgetVRCube ?? this.widgetImage;
-      case "vrobject":
-        return this.widgetVRObject;
-      default:
-        return this.widgetImage;
-    }
-  }
-  onMouseDown(t) {
-    this.widget.onMouseDown(t);
-  }
-  onMouseEnter(t) {
-    this.widget.onMouseEnter(t);
-  }
-  onMouseMove(t) {
-    this.widget.onMouseMove(t);
-  }
-  onMouseUp(t) {
-    this.widget.onMouseUp(t);
-  }
-  onTouchStart(t) {
-    this.widget.onTouchStart(t);
-  }
-  onTouchMove(t) {
-    this.widget.onTouchMove(t);
-  }
-  onTouchEnd(t) {
-    this.widget.onTouchEnd(t);
-  }
-  onDeviceOrientation(t) {
-    this.widget.onDeviceOrientation(t);
-  }
-  // Cap per-axis so the canvas backing never exceeds the source resolution; otherwise
-  // drawImage upscales the JPEG and looks blurry on iOS / MacOS.
-  getCanvas2DPixelRatio(t, e) {
-    return t <= 0 || e <= 0 || this.resolution.width <= 0 || this.resolution.height <= 0 ? window.devicePixelRatio : Math.min(window.devicePixelRatio, this.resolution.width / t, this.resolution.height / e);
-  }
-  onResize() {
-    const t = this.container.clientWidth, e = this.container.clientHeight;
-    this.options.autores && (this.resolution = b.getStandardResolution(t * window.devicePixelRatio, e * window.devicePixelRatio, this.aspectRatioOverride), this.parameters.width = this.resolution.width, this.parameters.height = this.resolution.height), this.canvas2D.resize(t, e, this.getCanvas2DPixelRatio(t, e)), this.canvas3D.resize(t, e, window.devicePixelRatio), this.video.resize(t, e, this.resolution, this.options.fit), this.loadWidget(!1, !1).then(() => {
-      this.onHotspotsChange();
-    }).catch((i) => {
-      this.onLoadError(i);
-    });
-  }
-  onVrcubeInteraction(...t) {
-    this.onHotspotsChange(), this.options.events.onInteraction(...t), this.options.events.onVrcubeInteraction(...t);
-  }
-  onVrobjectInteraction(t) {
-    this.onHotspotsChange(), this.options.events.onInteraction(t.position), this.options.events.onVrobjectInteraction(t.position);
-  }
-  onHotspotsChange() {
-    const t = this.widget.hotspots(this.resolution);
-    t.length && this.options.events.onHotspotsChange(t);
-  }
-  onLoadStart(...t) {
-    this.container.classList.add("ls-viewer-container-loading"), this.options.events.onLoadStart(...t);
-  }
-  onLoadProgress(...t) {
-    this.options.events.onLoadProgress(...t);
-  }
-  onLoadEnd(...t) {
-    this.container.classList.remove("ls-viewer-container-loading"), this.options.events.onLoadEnd(...t);
-  }
-  onLoadError(...t) {
-    this.container.classList.remove("ls-viewer-container-loading"), this.options.events.onLoadError(...t);
-  }
-}
-var q;
-((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";
-  })(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.TimeAndLoc = "timeAndLoc", t.ExtractedFromEnv = "extractedFromEnv";
-  })(v.SunUseCaseMode || (v.SunUseCaseMode = {})), ((t) => {
-    t.ShowOnly = "showOnly", t.HideOnly = "hideOnly";
-  })(v.SurfacesFilterMode || (v.SurfacesFilterMode = {}));
-})(q || (q = {}));
-export {
-  nt as Viewer,
-  q as WRAPIv2,
-  J as WidgetImage,
-  tt as WidgetVRCube,
-  k as WidgetVRObject,
-  it as WidgetVideo
-};
+(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`.ls-viewer-container{-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:relative;overflow:hidden}.ls-viewer-container-image,.ls-viewer-container-video{cursor:default;pointer-events:none}.ls-viewer-container-vrcube{cursor:pointer;cursor:grab;touch-action:none}.ls-viewer-container-vrcube-grabbing{cursor:move;cursor:grabbing}.ls-viewer-container-vrobject{cursor:move;cursor:grab;touch-action:none}.ls-viewer-container-vrobject-grabbing{cursor:move;cursor:grabbing}.ls-viewer-container-loading{cursor:progress}.ls-viewer-canvas{opacity:0;transition:opacity .5s;position:absolute}.ls-viewer-video{position:absolute}/*$vite$:1*/`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();
+import e from "debounce-promise";
+import * as t from "twgl.js";
+import { m4 as n, v3 as r } from "twgl.js";
+import i from "regression";
+//#region src/lib/Resolution.ts
+var a = class {
+	constructor(e, t) {
+		this.width = e, this.height = t;
+	}
+	get aspect() {
+		return this.width / this.height;
+	}
+}, o = class e {
+	static {
+		this.LANDSCAPE_ASPECT_BOUNDARY = Math.sqrt(4 / 3 * (16 / 9));
+	}
+	static {
+		this.PORTRAIT_ASPECT_BOUNDARY = Math.sqrt(.421875);
+	}
+	constructor(e, t, n, r) {
+		this.top = e, this.left = t, this.width = n, this.height = r;
+	}
+	static contains(e, t) {
+		return t.x >= 0 && t.x < e.width && t.y >= 0 && t.y < e.height;
+	}
+	static fit(t, n, r) {
+		let i = t.aspect, a = n.aspect, o, s;
+		switch (r) {
+			case "contain":
+				o = a < i ? n.width : n.height * i, s = a < i ? n.width / i : n.height;
+				break;
+			case "cover":
+			default:
+				o = a < i ? n.height * i : n.width, s = a < i ? n.height : n.width / i;
+				break;
+			case "fill": o = n.width, s = n.height;
+		}
+		let c = (n.height - s) / 2, l = (n.width - o) / 2;
+		return new e(c, l, o, s);
+	}
+	static project(t, n, r, i) {
+		let a = e.fit(t, n, r), o = a.width / t.width, s = a.height / t.height;
+		return {
+			x: Math.round(a.left + i.x * o),
+			y: Math.round(a.top + i.y * s)
+		};
+	}
+	static unproject(t, n, r, i) {
+		let a = e.fit(t, n, r), o = a.width / t.width, s = a.height / t.height;
+		return {
+			x: Math.round((i.x - a.left) / o),
+			y: Math.round((i.y - a.top) / s)
+		};
+	}
+	static getStandardAspectRatio(t, n, r) {
+		if (t === 0 || n === 0) return 0;
+		if (r) return r;
+		let i = t / n;
+		return t < n ? i < e.PORTRAIT_ASPECT_BOUNDARY ? 9 / 16 : 3 / 4 : i < e.LANDSCAPE_ASPECT_BOUNDARY ? 4 / 3 : 16 / 9;
+	}
+	static getStandardResolution(t, n, r) {
+		if (t === 0 || n === 0) return new a(0, 0);
+		let i = e.getStandardAspectRatio(t, n, r);
+		if (r) {
+			let r = e.getStandardQuality(Math.min(t, n));
+			return new a(Math.round(r * i), Math.round(r));
+		}
+		if (t < n) {
+			let r = e.getStandardQuality(Math.max(n * i, t));
+			return new a(Math.round(r), Math.round(r / i));
+		}
+		let o = e.getStandardQuality(Math.max(t / i, n));
+		return new a(Math.round(o * i), Math.round(o));
+	}
+	static getStandardQuality(e) {
+		return e <= 720 ? 720 : 1080;
+	}
+}, s = class {
+	constructor(e) {
+		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.context.imageSmoothingQuality = "high", this.backCanvas = document.createElement("canvas"), this.backContext = this.backCanvas.getContext("2d"), this.backContext.imageSmoothingQuality = "high", this.fit = e;
+	}
+	destroy() {
+		this.requestAnimationId &&= (cancelAnimationFrame(this.requestAnimationId), void 0);
+	}
+	show(e) {
+		e ? this.element.style.display = "block" : this.element.style.opacity = "1";
+	}
+	hide(e) {
+		e ? this.element.style.display = "none" : this.element.style.opacity = "0";
+	}
+	get resolution() {
+		return new a(this.element.clientWidth, this.element.clientHeight);
+	}
+	resize(e, t, n) {
+		let r = Math.floor(e * n), i = Math.floor(t * n);
+		this.element.style.width = `${e}px`, this.element.style.height = `${t}px`, (this.element.width !== r || this.element.height !== i) && (this.element.width = r, this.element.height = i, this.context.imageSmoothingQuality = "high", this.backCanvas.width = r, this.backCanvas.height = i, this.backContext.imageSmoothingQuality = "high", this.image && this.draw(this.image, !1));
+	}
+	draw(e, t, n) {
+		if (!e) return;
+		this.requestAnimationId &&= (cancelAnimationFrame(this.requestAnimationId), void 0);
+		let r = o.fit(new a(e.width, e.height), new a(this.element.width, this.element.height), this.fit);
+		t ? (this.backContext.drawImage(this.element, 0, 0), this.context.globalAlpha = 0, this.fadeLoop(e, n || 0)) : (this.context.globalAlpha = 1, this.context.drawImage(e, r.left, r.top, r.width, r.height)), this.image = e;
+	}
+	fadeLoop(e, t) {
+		if (this.context.globalAlpha >= 1) {
+			cancelAnimationFrame(this.requestAnimationId), this.requestAnimationId = void 0;
+			return;
+		}
+		let n = Math.min(this.context.globalAlpha + t, 1), r = o.fit(new a(e.width, e.height), new a(this.element.width, this.element.height), this.fit);
+		this.context.clearRect(0, 0, this.element.width, this.element.height), this.context.globalAlpha = 1, this.context.drawImage(this.backCanvas, 0, 0), this.context.globalAlpha = n, this.context.drawImage(e, r.left, r.top, r.width, r.height), this.requestAnimationId = requestAnimationFrame(() => {
+			this.fadeLoop(e, t);
+		});
+	}
+}, c = class {
+	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 = t.getContext(this.element, { preserveDrawingBuffer: !0 }), this.context && this.context.isContextLost() && (this.context = void 0), t.setDefaults({ textureColor: [
+			1,
+			1,
+			1,
+			1
+		] });
+	}
+	show() {
+		this.element.style.opacity = "1";
+	}
+	hide() {
+		this.element.style.opacity = "0";
+	}
+	resize(e, t, n) {
+		this.element.width = e * n, this.element.height = t * n, this.element.style.width = `${e}px`, this.element.style.height = `${t}px`;
+	}
+}, l = class {
+	static accelerate(e, t) {
+		return Math.abs(e) ** (t || 1.5) * (e > 0 ? 1 : -1);
+	}
+	static clamp(e, t, n) {
+		return Math.max(Math.min(e, n), t);
+	}
+	static degreesToRadians(e) {
+		return Math.PI / 180 * e;
+	}
+	static radiansToDegrees(e) {
+		return 180 / Math.PI * e;
+	}
+	static mod(e, t) {
+		return e - t * Math.floor(e / t);
+	}
+	static perspectiveWithFovX(e, t, n, r, i) {
+		let a = Math.tan(e / 2), o = a / t;
+		return this.perspectiveWithLeft(-a, a, -o, o, n, r, i);
+	}
+	static perspectiveWithFovY(e, t, n, r, i) {
+		let a = n * Math.tan(e / 2), o = a * t;
+		return this.perspectiveWithLeft(-o, o, -a, a, n, r, i);
+	}
+	static perspectiveWithLeft(e, t, n, r, i, a, o) {
+		o ||= /* @__PURE__ */ new Float32Array(16);
+		let s = t + e, c = t - e, l = r + n, u = r - n, d = a - i;
+		return o[0] = 2 * i / c, o[1] = 0, o[2] = 0, o[3] = 0, o[4] = 0, o[5] = 2 * i / u, o[6] = 0, o[7] = 0, o[8] = s / c, o[9] = l / u, o[10] = -a / d, o[11] = -1, o[12] = 0, o[13] = 0, o[14] = -a * i / d, o[15] = 0, o;
+	}
+}, u = class e {
+	static {
+		this.default = new e([
+			0,
+			0,
+			0
+		], [
+			2,
+			2,
+			2
+		], [
+			0,
+			1,
+			0
+		]);
+	}
+	static initCubeFace(t, n, i) {
+		let a = [
+			0,
+			0,
+			0
+		], o = r.subtract(n, t), s = r.mulScalar([
+			0,
+			1,
+			0
+		], r.length(o)), c = r.mulScalar(r.normalize(r.cross(o, s)), r.length(o)), l = r.mulScalar(r.normalize(r.cross(s, c)), r.length(o));
+		switch (i) {
+			case "front":
+				n = r.add(t, l), a = r.normalize(s);
+				break;
+			case "right":
+				n = r.add(t, c), a = r.normalize(s);
+				break;
+			case "back":
+				n = r.subtract(t, l), a = r.normalize(s);
+				break;
+			case "left":
+				n = r.subtract(t, c), a = r.normalize(s);
+				break;
+			case "up":
+				n = r.add(t, s), a = r.normalize(r.mulScalar(l, -1));
+				break;
+			case "down": n = r.subtract(t, s), a = r.normalize(l);
+		}
+		return new e(n, t, a);
+	}
+	constructor(e, t, n) {
+		this.target = r.copy(e), this.eye = r.copy(t), this.up = r.copy(n);
+	}
+	get viewVector() {
+		return r.subtract(this.target, this.eye);
+	}
+	get rightVector() {
+		return r.normalize(r.cross(this.viewVector, this.up));
+	}
+	get viewMatrix() {
+		return n.inverse(n.lookAt(this.eye, this.target, this.up));
+	}
+	clone() {
+		return new e(r.copy(this.target), r.copy(this.eye), r.copy(this.up));
+	}
+}, d = class {
+	constructor(e) {
+		this.target = e.target;
+		let t = r.normalize(r.subtract(e.eye, e.target)), n = r.dot(t, [
+			1,
+			0,
+			0
+		]), i = r.dot(t, [
+			0,
+			1,
+			0
+		]), a = r.dot(t, [
+			0,
+			0,
+			1
+		]);
+		this.longitude = Math.atan2(n, a), this.latitude = Math.atan2(i, Math.sqrt(n * n + a * a)), r.dot(e.up, [
+			0,
+			1,
+			0
+		]) < 0 && (this.longitude = Math.PI + this.longitude, this.latitude = Math.PI - this.latitude), this.distance = r.length(r.subtract(e.target, e.eye));
+	}
+	get vector() {
+		let e = Math.cos(this.latitude) * this.distance, t = Math.sin(this.latitude) * this.distance;
+		return [
+			Math.cos(this.longitude) * e,
+			t,
+			Math.sin(this.longitude) * e
+		];
+	}
+	pointOfView(e) {
+		let t = n.rotationY(this.longitude), i = n.rotationX(-this.latitude), a = n.rotationZ(0), o = n.multiply(t, n.multiply(i, a)), s = [
+			0,
+			0,
+			-1
+		];
+		s = n.transformPoint(o, s);
+		let c = [
+			0,
+			1,
+			0
+		];
+		return c = n.transformPoint(o, c), new u(e, r.subtract(e, r.mulScalar(s, this.distance)), c);
+	}
+}, f = class {
+	constructor() {}
+	async animation(e, t) {
+		return e.scene;
+	}
+	async database(e) {
+		throw Error("Unavailable");
+	}
+	async image(e, t) {
+		return e.scene;
+	}
+	async video(e) {
+		return e.scene;
+	}
+	async vrCube(e, t) {
+		return e.scene;
+	}
+	async vrObject(e, t) {
+		return e.scene;
+	}
+}, p = class {
+	constructor(e) {
+		this.xmlDoc = e;
+	}
+	get id() {
+		return this.xmlDoc.getElementsByTagName("Database")[0]?.getAttribute("id");
+	}
+	getCameraId(e, t) {
+		return t ? this.xmlDoc.querySelector(`RootCameraGroup Group[name="${t}"] Camera[name="${e}"]`)?.getAttribute("id") : this.xmlDoc.querySelector(`RootCameraGroup Camera[name="${e}"]`)?.getAttribute("id");
+	}
+	getCameraById(e, t) {
+		let n;
+		return n = e && t ? this.xmlDoc.querySelector(`RootCameraGroup Group[id="${t}"] Camera[id="${e}"]`) : this.xmlDoc.querySelector(`RootCameraGroup Camera[id="${e}"]`), n ? this.mapElementToCamera(n) : null;
+	}
+	getCameraByName(e, t) {
+		let n;
+		return n = t && e ? this.xmlDoc.querySelector(`RootCameraGroup Group[name="${t}"] Camera[name="${e}"]`) : this.xmlDoc.querySelector(`RootCameraGroup Camera[name="${e}"]`), n ? this.mapElementToCamera(n) : null;
+	}
+	getCameraGroupId(e) {
+		return this.xmlDoc.querySelector(`RootCameraGroup Group[name="${e}"]`)?.getAttribute("id");
+	}
+	getCameraGroupById(e) {
+		let t = this.xmlDoc.querySelector(`RootCameraGroup Group[id="${e}"]`);
+		return t ? this.mapElementToCameraGroup(t) : null;
+	}
+	getCameraGroupByName(e) {
+		let t = this.xmlDoc.querySelector(`RootCameraGroup Group[name="${e}"]`);
+		return t ? this.mapElementToCameraGroup(t) : null;
+	}
+	mapElementToCamera(e) {
+		return {
+			id: e.getAttribute("id"),
+			name: e.getAttribute("name"),
+			pointOfView: new u([
+				parseFloat(e.querySelector("PointOfView Target").getAttribute("x")),
+				parseFloat(e.querySelector("PointOfView Target").getAttribute("y")),
+				parseFloat(e.querySelector("PointOfView Target").getAttribute("z"))
+			], [
+				parseFloat(e.querySelector("PointOfView Eye").getAttribute("x")),
+				parseFloat(e.querySelector("PointOfView Eye").getAttribute("y")),
+				parseFloat(e.querySelector("PointOfView Eye").getAttribute("z"))
+			], [
+				parseFloat(e.querySelector("PointOfView Up").getAttribute("x")),
+				parseFloat(e.querySelector("PointOfView Up").getAttribute("y")),
+				parseFloat(e.querySelector("PointOfView Up").getAttribute("z"))
+			])
+		};
+	}
+	mapElementToCameraGroup(e) {
+		return {
+			id: e.getAttribute("id"),
+			name: e.getAttribute("name"),
+			cameras: [...e.querySelectorAll("Camera")].map((e) => this.mapElementToCamera(e))
+		};
+	}
+}, m = class e {
+	static {
+		this.xmlRegex = /directUrl="([^"]*)"/g;
+	}
+	constructor(e) {
+		this.server = e;
+	}
+	static buildQuery(e) {
+		return Object.entries(e).filter(([e, t]) => t != null).map(([e, t]) => `${e}=${t}`).join("&");
+	}
+	static sceneParameters(e) {
+		let t = e.scene, n = t.length > 1 ? t.find((e) => e.accessory) : null, r = t.length > 1 ? t.find((e) => e.decor) : null, i = t.find((e) => e !== n && e !== r);
+		return {
+			databaseId: i.database,
+			configuration: i?.configuration,
+			animations: i?.animations?.join("/"),
+			accessoryDatabaseId: n?.database,
+			decorDatabaseId: r?.database,
+			decorDeltaAltitude: r?.translation?.y
+		};
+	}
+	static renderParameters(e) {
+		let { parameters: t, view: n } = e;
+		return {
+			background: n.background,
+			width: t.width,
+			height: t.height,
+			softwareAntialiasing: t.antialiasing,
+			superSampling: t.superSampling
+		};
+	}
+	static encoderParameters(e) {
+		let { encoder: t } = e;
+		return {
+			imageFormat: t.format,
+			imageQuality: t.quality
+		};
+	}
+	static async fetch(e, t) {
+		return fetch(e, { signal: t }).then((e) => e.text()).then((e) => {
+			let t = e.replace(/&amp;/g, "&").match(this.xmlRegex);
+			return t ? t.map((e) => e.replace(this.xmlRegex, "$1")) : Promise.reject();
+		});
+	}
+	async animation(t, n) {
+		let r = {
+			...e.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,
+			...e.renderParameters(t),
+			...e.encoderParameters(t)
+		}, i = e.buildQuery(r);
+		return e.fetch(`${this.server}/ImagesFromAnimation?${i}`, n);
+	}
+	async database(e) {
+		return fetch(`${this.server}/Database?databaseId=${e}`).then((e) => e.text()).then((e) => new p(new DOMParser().parseFromString(e, "application/xml")));
+	}
+	async image(t, n) {
+		let r = {
+			...e.sceneParameters(t),
+			bookmarkSet: t.view.camera.split("/")[0],
+			bookmark: t.view.camera.split("/")[1],
+			...e.renderParameters(t),
+			...e.encoderParameters(t)
+		}, i = e.buildQuery(r);
+		return Promise.resolve(`${this.server}/ImageFromBookmark?${i}`);
+	}
+	async video(t) {
+		let n = {
+			...e.sceneParameters(t),
+			animation: t.view.animation,
+			bookmarkSet: t.view.camera.split("/")[0],
+			bookmark: t.view.camera.split("/")[1],
+			duration: t.view.duration,
+			frames: t.view.frames,
+			loop: !!t.view.loop,
+			reverse: !!t.view.reverse,
+			...e.renderParameters(t),
+			...e.encoderParameters(t)
+		}, r = e.buildQuery(n);
+		return Promise.resolve(`${this.server}/ImagesFromAnimation?${r}`);
+	}
+	async vrCube(t, n) {
+		let r = {
+			...e.sceneParameters(t),
+			bookmarkSet: t.view.camera.split("/")[0],
+			bookmark: t.view.camera.split("/")[1],
+			...e.renderParameters(t),
+			...e.encoderParameters(t)
+		};
+		r.width = Math.max(r.width, r.height), r.height = Math.max(r.width, r.height);
+		let i = e.buildQuery(r);
+		return e.fetch(`${this.server}/CubeFromBookmark?${i}`, n);
+	}
+	async vrObject(t, n) {
+		let r = {
+			...e.sceneParameters(t),
+			bookmarkSet: t.view.camera,
+			...e.renderParameters(t),
+			...e.encoderParameters(t)
+		}, i = e.buildQuery(r);
+		return e.fetch(`${this.server}/ImagesFromBookmarkSet?${i}`, n);
+	}
+}, h = class e {
+	constructor(e) {
+		this.server = e;
+	}
+	static scene(e) {
+		return e.scene.map((e) => {
+			let { accessory: t, decor: n, ...r } = e;
+			return r;
+		});
+	}
+	static renderParameters(e) {
+		return {
+			...e.parameters,
+			superSampling: e.parameters.superSampling.toString()
+		};
+	}
+	static encoder(e) {
+		switch (e.encoder.format) {
+			case "jpeg": return { jpeg: { quality: e.encoder.quality } };
+			case "png": return { png: { compression: e.encoder.compression } };
+			case "webp": return { webp: { quality: e.encoder.quality } };
+		}
+		return { jpeg: { quality: 80 } };
+	}
+	static async fetchFrame(e, t, n) {
+		return fetch(e, {
+			method: "POST",
+			body: JSON.stringify(t),
+			signal: n
+		}).then((e) => e.json()).then((e) => e.url);
+	}
+	static async fetchFrameArray(e, t, n) {
+		return fetch(e, {
+			method: "POST",
+			body: JSON.stringify(t),
+			signal: n
+		}).then((e) => e.json()).then((e) => e.map((e) => e.url));
+	}
+	static async fetchHotspots(e, t) {
+		return fetch(e, {
+			method: "POST",
+			body: JSON.stringify(t)
+		}).then((e) => e.json());
+	}
+	static async fetchHotspotsArray(e, t) {
+		return fetch(e, {
+			method: "POST",
+			body: JSON.stringify(t)
+		}).then((e) => e.json());
+	}
+	static async fetchPick(e, t) {
+		return fetch(e, {
+			method: "POST",
+			body: JSON.stringify(t)
+		}).then((e) => e.json()).then((e) => e[0]);
+	}
+	async database(e) {
+		return fetch(`${this.server}/Database?databaseId=${e}`).then((e) => e.text()).then((e) => new p(new DOMParser().parseFromString(e, "application/xml")));
+	}
+	async image(t, n) {
+		let r = {
+			scene: e.scene(t),
+			mode: { image: { camera: t.view.camera } },
+			renderParameters: e.renderParameters(t),
+			encoder: e.encoder(t)
+		};
+		return e.fetchFrame(`${this.server}/Snapshot`, r, n);
+	}
+	async vrCube(t, n) {
+		let r = {
+			scene: e.scene(t),
+			mode: { vrCube: { camera: t.view.camera } },
+			renderParameters: e.renderParameters(t),
+			encoder: e.encoder(t)
+		};
+		return r.renderParameters.width = Math.max(r.renderParameters.width, r.renderParameters.height), r.renderParameters.height = Math.max(r.renderParameters.width, r.renderParameters.height), e.fetchFrameArray(`${this.server}/Snapshot`, r, n);
+	}
+	async vrObject(t, n) {
+		let r;
+		r = t.view.cameraGroup ? { images: { cameraGroup: t.view.cameraGroup } } : t.view.frames ? { vrObject: {
+			camera: t.view.camera,
+			frames: t.view.frames
+		} } : { vrObject: {
+			camera: t.view.camera,
+			panFrames: t.view.panFrames || 1,
+			panFrom: t.view.panFrom || 0,
+			panTo: t.view.panTo || 0,
+			panLoop: t.view.panLoop || !1,
+			tiltFrames: t.view.tiltFrames || 1,
+			tiltFrom: t.view.tiltFrom || 0,
+			tiltTo: t.view.tiltTo || 0,
+			tiltLoop: t.view.tiltLoop || !1
+		} };
+		let i = {
+			scene: e.scene(t),
+			mode: r,
+			renderParameters: e.renderParameters(t),
+			encoder: e.encoder(t)
+		};
+		return e.fetchFrameArray(`${this.server}/Snapshot`, i, n);
+	}
+	async animation(t, n) {
+		let r = {
+			scene: e.scene(t),
+			mode: { animation: {
+				id: t.view.animation,
+				camera: t.view.camera,
+				fps: t.view.fps
+			} },
+			renderParameters: e.renderParameters(t),
+			encoder: e.encoder(t)
+		};
+		return e.fetchFrameArray(`${this.server}/Snapshot`, r, n);
+	}
+	async imageHotspots(t, n) {
+		let r = {
+			scene: e.scene(t),
+			mode: { image: { camera: t.view.camera } },
+			renderParameters: e.renderParameters(t),
+			...this.hotspotsBody(n)
+		};
+		return await e.fetchHotspots(`${this.server}/Hotspot`, r);
+	}
+	async imagePick(t, n) {
+		let r = {
+			scene: e.scene(t),
+			camera: t.view.camera,
+			renderParameters: e.renderParameters(t),
+			positions: [n]
+		};
+		return await e.fetchPick(`${this.server}/Pick`, r);
+	}
+	async vrCubeHotspots(t, n) {
+		let r = {
+			scene: e.scene(t),
+			mode: { vrCube: { camera: t.view.camera } },
+			renderParameters: e.renderParameters(t),
+			...this.hotspotsBody(n)
+		};
+		return r.renderParameters.width = Math.max(r.renderParameters.width, r.renderParameters.height), r.renderParameters.height = Math.max(r.renderParameters.width, r.renderParameters.height), await e.fetchHotspotsArray(`${this.server}/Hotspot`, r);
+	}
+	async vrObjectHotspots(t, n) {
+		let r;
+		r = t.view.cameraGroup ? { images: { cameraGroup: t.view.cameraGroup } } : t.view.frames ? { vrObject: {
+			camera: t.view.camera,
+			frames: t.view.frames
+		} } : { vrObject: {
+			camera: t.view.camera,
+			panFrames: t.view.panFrames || 1,
+			panFrom: t.view.panFrom || 0,
+			panTo: t.view.panTo || 0,
+			panLoop: t.view.panLoop || !1,
+			tiltFrames: t.view.tiltFrames || 1,
+			tiltFrom: t.view.tiltFrom || 0,
+			tiltTo: t.view.tiltTo || 0,
+			tiltLoop: t.view.tiltLoop || !1
+		} };
+		let i = {
+			scene: e.scene(t),
+			mode: r,
+			renderParameters: e.renderParameters(t),
+			...this.hotspotsBody(n)
+		};
+		return await e.fetchHotspotsArray(`${this.server}/Hotspot`, i);
+	}
+	hotspotsBody(e) {
+		return {
+			positions: e.every((e) => typeof e != "string") ? e : void 0,
+			tags: e.every((e) => typeof e == "string") ? e : void 0
+		};
+	}
+}, g = class e {
+	constructor(e, t, n) {
+		switch (t) {
+			case "static":
+				this.webrender = new f();
+				break;
+			case "v1":
+				this.webrender = new m(e), this.webrenderV2 = new h(e);
+				break;
+			case "v2":
+				this.webrender = new h(e), this.webrenderV2 = new h(e);
+				break;
+			default: this.webrender = new m(e), this.webrenderV2 = new h(e);
+		}
+		this.delegate = n, this.controller = new AbortController(), this.loaded = 0, this.total = 0, this.databases = [], this.onLoadStart = n && n.onLoadStart ? n.onLoadStart : () => {}, this.onLoadProgress = n && n.onLoadProgress ? n.onLoadProgress : () => {}, this.onLoadEnd = n && n.onLoadEnd ? n.onLoadEnd : () => {};
+	}
+	get progress() {
+		return this.total ? this.loaded / this.total : 0;
+	}
+	renew() {
+		return this.controller.abort(), this.controller = new AbortController(), this.controller.signal;
+	}
+	async loadImageSnapshot(e) {
+		let t = this.renew();
+		return this.loaded = 0, this.total = 1, this.onLoadStart(this.progress), this.webrender.image(e, t).then((e) => this.loadImage(e, t)).then((e) => (this.onLoadEnd(this.progress), e));
+	}
+	async loadVideoSnapshot(e, t) {
+		let n = this.renew();
+		return this.loaded = 0, this.total = 1, this.onLoadStart(this.progress), this.webrender.video(t).then((r) => this.loadVideo(e, r, !!t.view.loop, n)).then(() => (this.onLoadEnd(this.progress), e));
+	}
+	async loadVRCubeSnapshot(e) {
+		let t = this.renew();
+		return this.loaded = 0, this.total = 0, this.onLoadStart(this.progress), this.webrender.vrCube(e, t).then((e) => {
+			this.total = e.length;
+			let n = e.map((e) => this.loadImage(e, t));
+			return Promise.all(n);
+		}).then((e) => (this.onLoadEnd(this.progress), e));
+	}
+	async loadVRObjectSnapshot(e, t) {
+		let n = this.renew();
+		return this.loaded = 0, this.total = 0, this.onLoadStart(this.progress), e.view.animation ? e.encoder?.format === "mp4" ? this.webrender.video(e).then((t) => this.loadVideoFrames(t, e.view.frames, 30, n)) : this.webrender.animation(e, n).then((r) => this.loadImageFrames(r, e.view.loop, t, n)) : this.webrender.vrObject(e, n).then((r) => this.loadImageFrames(r, e.view.loop, t, n));
+	}
+	async loadImage(t, n) {
+		let r = new Image();
+		r.crossOrigin = location.protocol === "file:" && !e.isValidHttpUrl(t) ? null : "anonymous";
+		let i = new Promise((e, i) => {
+			let a = () => {
+				r.src = "", i(new DOMException("Image load aborted", "AbortError"));
+			};
+			if (n.aborted) {
+				a();
+				return;
+			}
+			r.addEventListener("load", () => {
+				n.removeEventListener("abort", a), this.loaded += 1, this.onLoadProgress(this.progress), e(r);
+			}, { once: !0 }), r.addEventListener("error", (e) => {
+				n.removeEventListener("abort", a), i(`${e.type} : ${t}`);
+			}, { once: !0 }), n.addEventListener("abort", a, { once: !0 });
+		});
+		return r.src = t, i;
+	}
+	loadImageFrames(e, t, n, r) {
+		this.total = e.length;
+		let i = Array(e.length), a = n || 0;
+		for (let n = 0, o = e.length; n < o; n += 1) {
+			let s = Math.ceil(n / 2) * (n % 2 == 0 ? 1 : -1), c = t ? l.mod(a + s, o) : n;
+			i[c] = this.loadImage(e[c], r);
+		}
+		return Promise.all(i).then(() => this.onLoadEnd(this.progress)).catch((e) => {
+			e instanceof DOMException && e.name === "AbortError" || this.onLoadEnd(this.progress);
+		}), i;
+	}
+	async loadVideo(e, t, n, r) {
+		e.loop = n;
+		let i = new Promise((n, i) => {
+			let a = () => {
+				e.removeAttribute("src"), e.load(), i(new DOMException("Video load aborted", "AbortError"));
+			};
+			if (r.aborted) {
+				a();
+				return;
+			}
+			e.addEventListener("canplaythrough", () => {
+				r.removeEventListener("abort", a), this.loaded += 1, this.onLoadProgress(this.progress), n();
+			}, { once: !0 }), e.addEventListener("error", (e) => {
+				r.removeEventListener("abort", a), i(`${e.type} : ${t}`);
+			}, { once: !0 }), r.addEventListener("abort", a, { once: !0 });
+		});
+		return e.src = t, e.load(), i;
+	}
+	async loadVideoFrame(e, t, n, r, i) {
+		let a = 0;
+		return new Promise((o, s) => {
+			let c = () => {
+				if (i.aborted) return;
+				if (a !== r) {
+					a += 1;
+					return;
+				}
+				e.removeEventListener("seeked", c), e.removeEventListener("error", l), i.removeEventListener("abort", u);
+				let s = document.createElement("canvas");
+				s.width = e.videoWidth, s.height = e.videoHeight, s.getContext("2d").drawImage(e, 0, 0);
+				let d = new Image();
+				d.src = s.toDataURL(), o(d), this.loaded += 1, this.onLoadProgress(this.progress), r !== n - 1 && (e.currentTime += 1 / t);
+			}, l = (e) => {
+				i.removeEventListener("abort", u), s(e);
+			}, u = () => {
+				e.removeEventListener("seeked", c), e.removeEventListener("error", l), s(new DOMException("Video frame load aborted", "AbortError"));
+			};
+			if (i.aborted) {
+				u();
+				return;
+			}
+			e.addEventListener("seeked", c), e.addEventListener("error", l, { once: !0 }), i.addEventListener("abort", u, { once: !0 });
+		});
+	}
+	loadVideoFrames(e, t, n, r) {
+		this.total = t;
+		let i = Array(t), a = document.createElement("video");
+		for (let e = 0, o = t; e < o; e += 1) i[e] = this.loadVideoFrame(a, n, t, e, r);
+		return a.addEventListener("canplaythrough", () => {
+			r.aborted || (a.currentTime = 1 / n / 2);
+		}, { once: !0 }), r.addEventListener("abort", () => {
+			a.removeAttribute("src"), a.load();
+		}, { once: !0 }), a.src = e, a.load(), Promise.all(i).then(() => this.onLoadEnd(this.progress)).catch((e) => {
+			e instanceof DOMException && e.name === "AbortError" || this.onLoadEnd(this.progress);
+		}), i;
+	}
+	async loadImageHotspots(e, t) {
+		return this.webrenderV2 ? await this.webrenderV2.imageHotspots(await this.convert(e), t) : Promise.reject(/* @__PURE__ */ Error("Hotspots only available with api V2"));
+	}
+	async loadVRCubeHotspots(e, t) {
+		return this.webrenderV2 ? await this.webrenderV2.vrCubeHotspots(await this.convert(e), t) : Promise.reject(/* @__PURE__ */ Error("Hotspots only available with api V2"));
+	}
+	async loadVRObjectHotspots(e, t) {
+		return this.webrenderV2 ? await this.webrenderV2.vrObjectHotspots(await this.convert(e), t) : Promise.reject(/* @__PURE__ */ Error("Hotspots only available with api V2"));
+	}
+	async loadImagePick(e, t) {
+		return this.webrenderV2 ? await this.webrenderV2.imagePick(await this.convert(e), t) : Promise.reject(/* @__PURE__ */ Error("Picking only available with api V2"));
+	}
+	async loadVRObjectPick(e, t, n, r) {
+		return this.webrenderV2 ? await this.webrenderV2.imagePick(await this.vrObjectFrameSnapshot(e, n, r), t) : Promise.reject(/* @__PURE__ */ Error("Picking only available with api V2"));
+	}
+	async loadVRCubePick(e, t, n) {
+		return this.webrenderV2 ? await this.webrenderV2.imagePick(await this.vrCubeFrameSnapshot(e, n), t) : Promise.reject(/* @__PURE__ */ Error("Picking only available with api V2"));
+	}
+	async convert(e) {
+		if (!this.webrenderV2 || this.webrender instanceof h || !e.view.camera) return e;
+		let t = e.scene.find((e) => !e.decor && !e.accessory);
+		if (!t) return e;
+		let n = this.databases.find((e) => e.id === t.database);
+		(!n || !n.xmlDoc) && (n = await this.webrender.database(t.database), this.databases.push(n));
+		let r = e.view.camera.split("/"), i = r.length === 2 ? r[0] : void 0, a = r.length === 2 ? r[1] : r[0], o = n.getCameraId(a, i);
+		if (o) return {
+			...e,
+			view: {
+				...e.view,
+				camera: o
+			}
+		};
+		{
+			let t = n.getCameraGroupId(a);
+			return t ? {
+				...e,
+				view: {
+					...e.view,
+					cameraGroup: t
+				}
+			} : e;
+		}
+	}
+	async vrObjectFrameSnapshot(e, t, n) {
+		if (!this.webrenderV2) return e;
+		let r = e.scene.find((e) => !e.decor && !e.accessory);
+		if (!r) return e;
+		let i = this.databases.find((e) => e.id === r.database);
+		if (i || (i = await this.webrender.database(r.database), this.databases.push(i)), this.webrender instanceof m) {
+			if (!e.view.camera) return e;
+			let n = i.getCameraGroupId(e.view.camera);
+			if (!n) return e;
+			let r = i.getCameraGroupById(n);
+			if (!r) return e;
+			let a = r.cameras[t];
+			return a ? {
+				...e,
+				view: {
+					...e.view,
+					camera: a.id
+				}
+			} : e;
+		}
+		if (this.webrender instanceof h) {
+			let r = typeof e.view.camera == "string" ? e.view.camera : e.view.camera?.id;
+			if (r) {
+				let a = i.getCameraById(r);
+				if (!a) return e;
+				let o = new d(a.pointOfView), s = 2 * Math.PI / n;
+				o.longitude += t * s % (2 * Math.PI);
+				let c = o.pointOfView(a.pointOfView.target);
+				return {
+					...e,
+					view: {
+						...e.view,
+						camera: {
+							id: a.id,
+							pov: {
+								target: {
+									x: c.target[0],
+									y: c.target[1],
+									z: c.target[2]
+								},
+								eye: {
+									x: c.eye[0],
+									y: c.eye[1],
+									z: c.eye[2]
+								},
+								up: {
+									x: c.up[0],
+									y: c.up[1],
+									z: c.up[2]
+								}
+							}
+						}
+					}
+				};
+			}
+			if (e.view.cameraGroup) {
+				let n = i.getCameraGroupById(e.view.cameraGroup);
+				if (!n) return e;
+				let r = n.cameras[t];
+				return r ? {
+					...e,
+					view: {
+						...e.view,
+						camera: r.id
+					}
+				} : e;
+			}
+			return e;
+		}
+		return e;
+	}
+	async vrCubeFrameSnapshot(e, t) {
+		let n = e.scene.find((e) => !e.decor && !e.accessory);
+		if (!n) return e;
+		let r = this.databases.find((e) => e.id === n.database);
+		if (r || (r = await this.webrender.database(n.database), this.databases.push(r)), !e.view.camera) return e;
+		let i;
+		if (this.webrender instanceof m) {
+			let t = e.view.camera.split("/"), n = t.length === 2 ? t[0] : void 0, a = t.length === 2 ? t[1] : t[0];
+			i = r.getCameraId(a, n);
+		} else this.webrender instanceof h && (i = typeof e.view.camera == "string" ? e.view.camera : e.view.camera.id);
+		if (!i) return e;
+		let a = r.getCameraById(i);
+		if (!a) return e;
+		let o = u.initCubeFace(a.pointOfView.eye, a.pointOfView.target, t);
+		return {
+			...e,
+			view: {
+				...e.view,
+				camera: {
+					id: a.id,
+					pov: {
+						target: {
+							x: o.target[0],
+							y: o.target[1],
+							z: o.target[2]
+						},
+						eye: {
+							x: o.eye[0],
+							y: o.eye[1],
+							z: o.eye[2]
+						},
+						up: {
+							x: o.up[0],
+							y: o.up[1],
+							z: o.up[2]
+						}
+					},
+					lens: { fov: 90 }
+				}
+			},
+			parameters: {
+				...e.parameters,
+				width: Math.max(e.parameters.width, e.parameters.height),
+				height: Math.max(e.parameters.width, e.parameters.height)
+			}
+		};
+	}
+	onLoadStart(e) {
+		this.delegate && this.delegate.onLoadStart(e);
+	}
+	onLoadProgress(e) {
+		this.delegate && this.delegate.onLoadProgress(e);
+	}
+	onLoadEnd(e) {
+		this.delegate && this.delegate.onLoadEnd(e);
+	}
+	static isValidHttpUrl(e) {
+		let t;
+		try {
+			t = new URL(e);
+		} catch {
+			return !1;
+		}
+		return t.protocol === "http:" || t.protocol === "https:";
+	}
+}, _ = class {
+	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");
+	}
+	show() {
+		this.element.style.opacity = "1";
+	}
+	hide() {
+		this.element.style.opacity = "0";
+	}
+	resize(e, t, n, r) {
+		let i = o.fit(n, new a(e, t), r);
+		this.element.style.top = `${i.top}px`, this.element.style.left = `${i.left}px`, this.element.style.width = `${i.width}px`, this.element.style.height = `${i.height}px`, (n.width !== this.element.width || n.height !== this.element.height) && (this.element.width = n.width, this.element.height = n.height);
+	}
+}, v = class {
+	constructor(e, t, n) {
+		this.container = e, this.canvas = t, this.loader = n, this.hotspotList = [];
+	}
+	destroy() {}
+	show() {
+		this.canvas.show(!1), this.container.classList.add("ls-viewer-container-image");
+	}
+	hide() {
+		this.canvas.hide(!1), this.container.classList.remove("ls-viewer-container-image");
+	}
+	async load(e, t, n, r) {
+		let i = Promise.resolve(), a = JSON.stringify(e);
+		i = a === this.snapshotHash && this.image ? i.then(() => this.canvas.draw(this.image, r, .05)) : i.then(() => this.loader.loadImageSnapshot(e).then((e) => {
+			this.canvas.draw(e, r, .05), this.image = e;
+		}));
+		let o = JSON.stringify(t);
+		return (a !== this.snapshotHash || o !== this.hotspotsHash) && (t.length ? i = i.then(() => this.loader.loadImageHotspots(e, t).then((e) => {
+			this.hotspotList = e;
+		})) : this.hotspotList = []), this.hotspotsHash = o, this.snapshotHash = a, i;
+	}
+	async pick(e, t) {
+		let n = new a(e.parameters.width, e.parameters.height), r = o.unproject(n, this.canvas.resolution, this.canvas.fit, t);
+		return this.loader.loadImagePick(e, r);
+	}
+	hotspots(e) {
+		return this.hotspotList.map((t) => ({
+			...t,
+			position2D: o.project(e, this.canvas.resolution, this.canvas.fit, t.position2D)
+		})).map((e) => ({
+			...e,
+			visibility: o.contains(this.canvas.resolution, e.position2D) ? e.visibility : "OutOfFrustum"
+		}));
+	}
+	snapshot(e, t) {
+		return this.canvas.element.toDataURL(e, t);
+	}
+	onPointerDown(e) {}
+	onPointerMove(e) {}
+	onPointerUp(e) {}
+	onPointerCancel(e) {}
+	onDeviceOrientation(e) {}
+}, y = class {
+	constructor(...e) {
+		e.length === 3 ? ({0: this.u, 1: this.v, 2: this.o} = e, this.w = r.cross(this.u, this.v)) : e.length === 4 ? {0: this.u, 1: this.v, 2: this.w, 3: this.o} = e : (this.u = [
+			1,
+			0,
+			0
+		], this.v = [
+			0,
+			1,
+			0
+		], this.w = [
+			0,
+			0,
+			1
+		], this.o = [
+			0,
+			0,
+			0
+		]);
+	}
+	get localToGlobalMatrix() {
+		let e = [
+			this.u[0],
+			this.u[1],
+			this.u[2],
+			0
+		], t = [
+			this.v[0],
+			this.v[1],
+			this.v[2],
+			0
+		], n = [
+			this.w[0],
+			this.w[1],
+			this.w[2],
+			0
+		], r = [
+			this.o[0],
+			this.o[1],
+			this.o[2],
+			1
+		];
+		return [
+			...e,
+			...t,
+			...n,
+			...r
+		];
+	}
+	get globalToLocalMatrix() {
+		return n.inverse(this.localToGlobalMatrix);
+	}
+}, b = class {
+	constructor(e, t, n) {
+		this.x = e, this.y = t, this.time = n;
+	}
+}, x = class e {
+	constructor(e, t) {
+		this.x = e, this.y = t;
+	}
+	clone() {
+		return new e(this.x, this.y);
+	}
+}, S = class {
+	constructor(e) {
+		this.loop = () => {
+			if (Math.abs(this.velocity.x) < 1 && Math.abs(this.velocity.y) < 1) {
+				this.animationFrameId = void 0, this.points = [];
+				return;
+			}
+			this.lastPoint.x += this.velocity.x, this.lastPoint.y += this.velocity.y, this.velocity.x *= .9, this.velocity.y *= .9, this.onMotion(this.lastPoint.clone()), this.animationFrameId = requestAnimationFrame(this.loop);
+		}, this.points = [], this.onMotion = e, this.lastPoint = new x(0, 0), this.velocity = new x(0, 0);
+	}
+	destroy() {
+		this.animationFrameId &&= (cancelAnimationFrame(this.animationFrameId), void 0);
+	}
+	track(e) {
+		let t = Date.now();
+		this.points = this.points.filter((e) => t - e.time <= 100), this.points.push(new b(e.x, e.y, t)), this.lastPoint = e;
+	}
+	start() {
+		if (this.points.length === 0) return;
+		let e = this.points[0], t = this.points[this.points.length - 1], n = t.x - e.x, r = t.y - e.y, i = t.time - e.time;
+		this.velocity = new x(i === 0 ? 0 : n / (i / 15), i === 0 ? 0 : r / (i / 15)), this.animationFrameId &&= (cancelAnimationFrame(this.animationFrameId), void 0), this.animationFrameId = requestAnimationFrame(this.loop);
+	}
+	stop() {
+		this.animationFrameId &&= (cancelAnimationFrame(this.animationFrameId), void 0), this.points = [];
+	}
+}, C = class {
+	constructor(e, t, i) {
+		this.motion = (e) => {
+			this.isStarted && this.inertia.track(e);
+			let t = {
+				x: e.x - this.previousPoint.x,
+				y: e.y - this.previousPoint.y
+			}, i = l.accelerate(t.x, 1.3) / this.startSize.width * .2 * Math.PI * 1.5, a = l.accelerate(t.y, 1.3) / this.startSize.height * .2 * Math.PI, o = n.multiply(n.rotationY(i), n.rotationX(-a)), s = new y(r.normalize(r.cross(this.pov.up, this.pov.target)), [
+				0,
+				1,
+				0
+			], this.pov.eye), c = n.identity();
+			n.multiply(c, s.localToGlobalMatrix, c), n.multiply(c, o, c), n.multiply(c, s.globalToLocalMatrix, c);
+			let u = n.transformPoint(c, this.pov.target), d = n.transformDirection(c, this.pov.up);
+			r.cross(d, [
+				0,
+				0,
+				1
+			])[0] >= 0 && (this.pov.target = u, this.pov.up = d), this.previousPoint = e, this.onMotion();
+		}, this.isStarted = !1, this.pov = e, this.fov = l.degreesToRadians(t), this.orientationMatrix = n.identity(), this.inertia = new S(this.motion), this.onMotion = i, this.initPov = this.pov, this.initFov = this.fov, this.initOrientation = l.degreesToRadians(window.orientation) || 0, this.startPov = new u([
+			0,
+			0,
+			1
+		], [
+			0,
+			0,
+			0
+		], [
+			0,
+			1,
+			0
+		]), this.startSize = {
+			width: 0,
+			height: 0
+		}, this.previousPoint = new x(0, 0);
+	}
+	destroy() {
+		this.inertia.destroy();
+	}
+	get orientedPov() {
+		let e = new y(r.normalize(r.cross(this.pov.up, this.pov.target)), [
+			0,
+			1,
+			0
+		], this.pov.eye), t = n.identity();
+		n.multiply(t, e.localToGlobalMatrix, t), n.multiply(t, this.orientationMatrix, t), n.multiply(t, e.globalToLocalMatrix, t);
+		let i = n.transformDirection(t, this.pov.target), a = this.pov.eye;
+		return new u(i, a, n.transformDirection(t, this.pov.up));
+	}
+	reset() {
+		this.pov = this.initPov.clone(), this.fov = this.initFov;
+	}
+	start(e, t) {
+		this.isStarted = !0, this.startPov = this.pov, this.startSize = t, this.previousPoint = e, this.inertia.stop();
+	}
+	end(e, t) {
+		this.isStarted = !1, t && (this.inertia.track(e), this.inertia.start());
+	}
+	orientation(e, t, r) {
+		let i = l.degreesToRadians(window.orientation) || 0, a = l.degreesToRadians(e), o = l.degreesToRadians(-t), s = l.degreesToRadians(-r), c = n.rotationX(l.degreesToRadians(90));
+		n.rotateZ(c, this.initOrientation, c), n.rotateZ(c, a, c), n.rotateX(c, o, c), n.rotateY(c, s, c), n.rotateZ(c, -i, c), this.orientationMatrix = c, this.onMotion();
+	}
+}, w = "precision mediump float;\n\nuniform float u_mix;\nuniform samplerCube u_texture;\nuniform samplerCube u_texture_back;\n\nvarying vec3 direction;\n\nvoid main() {\n  vec4 backColor = textureCube(u_texture_back, direction);\n  vec4 color = textureCube(u_texture, direction);\n  gl_FragColor = mix(backColor, color, u_mix);\n}", T = "attribute vec4 position;\n\nuniform mat4 u_mvpi;\n\nvarying vec3 direction;\n\nvoid main() {\n  direction = (u_mvpi * position).xyz;\n  gl_Position = position;\n}", E = class {
+	constructor(e, r, i, a, o) {
+		this.render = () => {
+			this.gl.viewport(0, 0, this.gl.canvas.width, this.gl.canvas.height), this.uniforms.u_mvpi = n.inverse(this.modelViewProjectionMatrix), this.gl.useProgram(this.programInfo.program), t.setBuffersAndAttributes(this.gl, this.programInfo, this.quad), t.setUniforms(this.programInfo, this.uniforms), t.drawBufferInfo(this.gl, this.quad), this.uniforms.u_mix < 1 && (this.uniforms.u_mix = Math.min(this.uniforms.u_mix + .05, 1), this.animationFrameId = requestAnimationFrame(this.render));
+		}, this.container = e, this.canvas = r, this.loader = i, this.aspectRatioOverride = o, this.images = [], this.hotspotsList = [[]];
+		let s = new u([
+			0,
+			0,
+			1
+		], [
+			0,
+			0,
+			0
+		], [
+			0,
+			1,
+			0
+		]), c = n.rotationX(l.degreesToRadians(15));
+		n.transformDirection(c, s.target, s.target), n.transformDirection(c, s.up, s.up), this.interaction = new C(s, 60, () => {
+			this.animationFrameId = requestAnimationFrame(this.render), this.onInteraction({
+				pov: this.interaction.pov.clone(),
+				fov: this.interaction.fov
+			});
+		}), this.onInteraction = a, this.gl = this.canvas.context, this.programInfo = t.createProgramInfo(this.gl, [`${T}\n`, `${w}\n`]), this.quad = t.primitives.createXYQuadBufferInfo(this.gl), this.uniforms = {
+			u_mvpi: n.identity(),
+			u_mix: 0,
+			u_texture_back: t.createTexture(this.gl, {
+				target: this.gl.TEXTURE_CUBE_MAP,
+				minMag: this.gl.LINEAR,
+				width: 1,
+				height: 1
+			}),
+			u_texture: t.createTexture(this.gl, {
+				target: this.gl.TEXTURE_CUBE_MAP,
+				minMag: this.gl.LINEAR,
+				width: 1,
+				height: 1
+			})
+		};
+	}
+	destroy() {
+		this.interaction.destroy(), this.animationFrameId &&= (cancelAnimationFrame(this.animationFrameId), void 0);
+	}
+	show() {
+		this.canvas.show(), this.container.classList.add("ls-viewer-container-vrcube");
+	}
+	hide() {
+		this.canvas.hide(), this.container.classList.remove("ls-viewer-container-vrcube");
+	}
+	get pov() {
+		return this.interaction.pov;
+	}
+	set pov(e) {
+		this.interaction.pov.eye.every((t, n) => t === e.eye[n]) && this.interaction.pov.target.every((t, n) => t === e.target[n]) && this.interaction.pov.up.every((t, n) => t === e.up[n]) || (this.interaction.pov = e.clone(), this.animationFrameId = requestAnimationFrame(this.render));
+	}
+	get fov() {
+		return l.radiansToDegrees(this.interaction.fov);
+	}
+	set fov(e) {
+		this.interaction.fov !== e && (this.interaction.fov = l.degreesToRadians(e), this.animationFrameId = requestAnimationFrame(this.render));
+	}
+	async load(e, n, r, i) {
+		let a = Promise.resolve();
+		{
+			let t = this.gl.getExtension("WEBGL_debug_renderer_info");
+			t && navigator.platform === "MacIntel" && navigator.userAgent.includes("Chrome") && this.gl.getParameter(t.UNMASKED_RENDERER_WEBGL).includes("OpenGL") && (e.parameters.width = Math.min(e.parameters.width, 1812), e.parameters.height = Math.min(e.parameters.height, 1812));
+		}
+		let o = JSON.stringify(e);
+		o === this.snapshotHash ? a = a.then(() => (this.animationFrameId = requestAnimationFrame(this.render), Promise.resolve())) : (this.images = [], this.animationFrameId = requestAnimationFrame(this.render), a = a.then(() => this.loader.loadVRCubeSnapshot(e).then((e) => {
+			this.images = e, t.createTexture(this.gl, {
+				target: this.gl.TEXTURE_CUBE_MAP,
+				min: this.gl.LINEAR_MIPMAP_LINEAR,
+				minMag: this.gl.LINEAR,
+				cubeFaceOrder: [
+					this.gl.TEXTURE_CUBE_MAP_POSITIVE_Z,
+					this.gl.TEXTURE_CUBE_MAP_POSITIVE_X,
+					this.gl.TEXTURE_CUBE_MAP_NEGATIVE_Z,
+					this.gl.TEXTURE_CUBE_MAP_NEGATIVE_X,
+					this.gl.TEXTURE_CUBE_MAP_POSITIVE_Y,
+					this.gl.TEXTURE_CUBE_MAP_NEGATIVE_Y
+				],
+				src: e
+			}, (e, t) => {
+				e || (r && this.interaction.reset(), this.uniforms.u_mix = +!i, this.uniforms.u_texture_back = this.uniforms.u_texture, this.uniforms.u_texture = t, this.animationFrameId = requestAnimationFrame(this.render));
+			});
+		})));
+		let s = JSON.stringify(n);
+		return (o !== this.snapshotHash || s !== this.hotspotsHash) && (n.length ? a = a.then(() => this.loader.loadVRCubeHotspots(e, n).then((e) => {
+			this.hotspotsList = e;
+		})) : this.hotspotsList = [[]]), this.hotspotsHash = s, this.snapshotHash = o, a;
+	}
+	async pick(e, t) {
+		let i = this.canvas.element.clientWidth, a = this.canvas.element.clientHeight, o = t.x, s = a - t.y, c = [
+			2 * o / i - 1,
+			2 * s / a - 1,
+			0
+		], l = this.modelViewProjectionMatrix, u = n.inverse(l), d = r.normalize(n.transformPoint(u, c)), f = Math.max(Math.abs(d[0]), Math.abs(d[1]), Math.abs(d[2])), p;
+		p = Math.abs(d[0]) === f ? d[0] > 0 ? "XPOS" : "XNEG" : Math.abs(d[1]) === f ? d[1] > 0 ? "YPOS" : "YNEG" : d[2] > 0 ? "ZPOS" : "ZNEG";
+		let m = 0, h = 0, g = "";
+		switch (p) {
+			case "XPOS":
+				m = (-d[2] / Math.abs(d[0]) + 1) / 2, h = (-d[1] / Math.abs(d[0]) + 1) / 2, g = "right";
+				break;
+			case "XNEG":
+				m = (d[2] / Math.abs(d[0]) + 1) / 2, h = (-d[1] / Math.abs(d[0]) + 1) / 2, g = "left";
+				break;
+			case "YPOS":
+				m = (d[0] / Math.abs(d[1]) + 1) / 2, h = (d[2] / Math.abs(d[1]) + 1) / 2, g = "up";
+				break;
+			case "YNEG":
+				m = (d[0] / Math.abs(d[1]) + 1) / 2, h = (-d[2] / Math.abs(d[1]) + 1) / 2, g = "down";
+				break;
+			case "ZPOS":
+				m = (d[0] / Math.abs(d[2]) + 1) / 2, h = (-d[1] / Math.abs(d[2]) + 1) / 2, g = "front";
+				break;
+			case "ZNEG": m = (-d[0] / Math.abs(d[2]) + 1) / 2, h = (-d[1] / Math.abs(d[2]) + 1) / 2, g = "back";
+		}
+		let _ = {
+			x: Math.round(m * Math.max(e.parameters.width, e.parameters.height)),
+			y: Math.round(h * Math.max(e.parameters.width, e.parameters.height))
+		};
+		return this.loader.loadVRCubePick(e, _, g);
+	}
+	hotspots() {
+		let e = [];
+		if (this.hotspotsList.length === 0) return [];
+		let t = this.hotspotsList[0]?.length ?? 0, i = this.modelViewProjectionMatrix;
+		for (let s = 0; s < t; s++) {
+			let t = this.hotspotsList.findIndex((e) => e[s].visibility !== "OutOfFrustum");
+			if (t === -1) continue;
+			let c = { ...this.hotspotsList[t][s] }, l = c.position2D.x / this.images[0].width, u = c.position2D.y / this.images[0].height, d = 0, f = 0, p = 0;
+			switch (t) {
+				case 0:
+					this.pov.target[2] < 0 && (c.visibility = "OutOfFrustum"), d = 2 * l - 1, f = 1 - 2 * u, p = 1;
+					break;
+				case 1:
+					this.pov.target[0] > 0 && (c.visibility = "OutOfFrustum"), d = 1, f = 1 - 2 * u, p = 1 - 2 * l;
+					break;
+				case 2:
+					this.pov.target[2] > 0 && (c.visibility = "OutOfFrustum"), d = 1 - 2 * l, f = 1 - 2 * u, p = -1;
+					break;
+				case 3:
+					this.pov.target[0] < 0 && (c.visibility = "OutOfFrustum"), d = -1, f = 1 - 2 * u, p = 2 * l - 1;
+					break;
+				case 4:
+					this.pov.target[1] < 0 && (c.visibility = "OutOfFrustum"), d = 2 * l - 1, f = 1, p = 2 * u - 1;
+					break;
+				case 5: this.pov.target[1] > 0 && (c.visibility = "OutOfFrustum"), d = 2 * l - 1, f = -1, p = 1 - 2 * u;
+			}
+			let m = r.normalize([
+				d,
+				f,
+				p
+			]), h = n.transformPoint(i, m), g = this.canvas.element.clientWidth, _ = this.canvas.element.clientHeight, v = .5 * g * (h[0] + 1), y = .5 * _ * (h[1] + 1), b = {
+				x: Math.round(v),
+				y: Math.round(_ - y)
+			}, x = new a(g, _), S = o.contains(x, b) ? c.visibility : "OutOfFrustum";
+			e.push({
+				...c,
+				position2D: b,
+				visibility: S
+			});
+		}
+		return e;
+	}
+	snapshot(e, t) {
+		return this.canvas.element.toDataURL(e, t);
+	}
+	get modelViewProjectionMatrix() {
+		let e = this.canvas.element.clientWidth, t = this.canvas.element.clientHeight, r = e > t ? e / t : t / e, i = o.getStandardAspectRatio(e, t, this.aspectRatioOverride), a = this.interaction.fov * (i / r), s = n.setAxis(n.identity(), [
+			-1,
+			0,
+			0
+		], 0), c = e > t ? l.perspectiveWithFovY(a, e / t, .5, 100) : l.perspectiveWithFovX(a, e / t, .5, 100), u = this.interaction.orientedPov, d = n.inverse(n.lookAt(u.eye, u.target, u.up));
+		return n.multiply(n.multiply(c, d), s);
+	}
+	onPointerDown(e) {
+		this.container.setPointerCapture(e.pointerId), this.container.classList.add("ls-viewer-container-vrcube-grabbing"), this.interaction.start(new x(e.screenX, e.screenY), {
+			width: this.gl.canvas.width,
+			height: this.gl.canvas.height
+		});
+	}
+	onPointerMove(e) {
+		this.interaction.isStarted && (this.interaction.motion(new x(e.screenX, e.screenY)), e.preventDefault());
+	}
+	onPointerUp(e) {
+		this.interaction.isStarted && (this.container.classList.remove("ls-viewer-container-vrcube-grabbing"), this.interaction.end(new x(e.screenX, e.screenY), !0));
+	}
+	onPointerCancel(e) {
+		this.interaction.isStarted && (this.container.classList.remove("ls-viewer-container-vrcube-grabbing"), this.interaction.end(new x(e.screenX, e.screenY), !1));
+	}
+	onDeviceOrientation(e) {
+		this.interaction.orientation(e.alpha, e.beta, e.gamma);
+	}
+}, D = class {
+	constructor(e, t, n, r, a) {
+		this.motion = (e) => {
+			this.isStarted && this.inertia.track(e), this.lastPoints.push({
+				x: e.x,
+				y: e.y
+			}), this.lastPoints.splice(0, this.lastPoints.length - this.lastPointsNumber);
+			let t = i.linear(this.lastPoints.map((e) => [e.x, e.y]));
+			if (Math.abs(t.equation[0]) < 1) {
+				let t = l.accelerate(e.x - this.startPoint.x, 1.3) / this.startSize.width * (this.frames / 4), n = this.startPosition.x - Math.round(t);
+				n = this.loop ? l.mod(n, this.frames) : Math.max(0, Math.min(n, this.frames - 1)), n !== this.position.x && (this.position.x = n, this.onMotion());
+				let r = Math.min(...this.lastPoints.map((e) => e.x));
+				Math.max(...this.lastPoints.map((e) => e.x)) - r > 25 && (this.startPoint.y = e.y, this.startPosition.y = this.position.y);
+			} else {
+				let t = l.accelerate(e.y - this.startPoint.y, 1.7) / this.startSize.height * (this.rows / 4), n = this.startPosition.y + Math.round(t);
+				n = Math.max(0, Math.min(n, this.rows - 1)), n !== this.position.y && (this.position.y = n, this.onMotion());
+				let r = Math.min(...this.lastPoints.map((e) => e.y));
+				Math.max(...this.lastPoints.map((e) => e.y)) - r > 25 && (this.startPoint.x = e.x, this.startPosition.x = this.position.x);
+			}
+		}, this.isStarted = !1, this.position = e, this.frames = t, this.rows = n, this.loop = r, this.onMotion = a, this.inertia = new S(this.motion), this.initPosition = { ...this.position }, this.startPosition = {
+			x: 0,
+			y: 0
+		}, this.startPoint = new x(0, 0), this.startSize = {
+			width: 0,
+			height: 0
+		}, this.lastPoints = [], this.lastPointsNumber = 20;
+	}
+	destroy() {
+		this.inertia.destroy();
+	}
+	reset() {
+		this.position = { ...this.initPosition };
+	}
+	get positionIndex() {
+		return this.frames * this.position.y + this.position.x;
+	}
+	set positionIndex(e) {
+		if (this.positionIndex === e) return;
+		let t = this.loop ? l.mod(e, this.frames * this.rows) : Math.max(0, Math.min(e, this.frames * this.rows));
+		this.position.x = l.mod(t, this.frames), this.position.y = Math.floor(t / this.frames);
+	}
+	start(e, t) {
+		this.isStarted = !0, this.startPosition = { ...this.position }, this.startPoint = e, this.startSize = t, this.lastPoints = [], this.inertia.stop();
+	}
+	end(e, t) {
+		this.isStarted = !1, t && (this.inertia.track(e), this.inertia.start());
+	}
+}, O = class {
+	constructor(e, t, n, r) {
+		this.container = e, this.canvas = t, this.loader = n, this.images = [], this.frames = 24, this.hotspotsList = [[]], this.interaction = new D({
+			x: 0,
+			y: 0
+		}, 1, 1, !1, () => {
+			this.canvas.draw(this.image, !0, .5), this.onInteraction({ position: this.interaction.positionIndex });
+		}), this.onInteraction = r;
+	}
+	destroy() {
+		this.animationFrameId &&= (cancelAnimationFrame(this.animationFrameId), void 0);
+	}
+	show() {
+		this.canvas.show(!1), this.container.classList.add("ls-viewer-container-vrobject");
+	}
+	hide() {
+		this.canvas.hide(!1), this.container.classList.remove("ls-viewer-container-vrobject");
+	}
+	async goto(e) {
+		return new Promise((t) => {
+			let n = this.interaction.positionIndex, r = () => {
+				if (this.interaction.positionIndex === e) t();
+				else {
+					let t = n > e ? -1 : 1;
+					this.interaction.loop && this.interaction.frames - n + e < Math.abs(e - n) && (t *= -1), n += .5 * t, this.position = Math.floor(n), this.animationFrameId = requestAnimationFrame(r);
+				}
+			};
+			this.animationFrameId = requestAnimationFrame(r);
+		});
+	}
+	get position() {
+		return this.interaction.positionIndex;
+	}
+	set position(e) {
+		this.interaction.positionIndex = e, this.canvas.draw(this.image, !0, .5);
+	}
+	get image() {
+		return this.images[this.interaction.positionIndex];
+	}
+	async load(e, t, n, r) {
+		let i = Promise.resolve();
+		n && this.interaction.reset();
+		let a = JSON.stringify(e);
+		a === this.snapshotHash && this.image ? i = i.then(() => this.canvas.draw(this.image, r, .05)) : (this.images = [], i = i.then(() => this.loader.loadVRObjectSnapshot(e, this.interaction.positionIndex).then((t) => {
+			let i = t.length;
+			return this.images = Array(i), this.interaction.frames = e.view.frames ?? e.view.panFrames ?? this.frames, this.interaction.rows = i / this.interaction.frames, this.interaction.loop = !!e.view.loop, n && this.interaction.reset(), t.forEach((e, t) => {
+				e.then((e) => {
+					this.images[t] = e, e === this.image && this.canvas.draw(this.image, r, .05);
+				}).catch(() => {});
+			}), t[this.interaction.positionIndex].then(() => Promise.resolve());
+		})));
+		let o = JSON.stringify(t);
+		return (a !== this.snapshotHash || o !== this.hotspotsHash) && (t.length ? i = i.then(() => this.loader.loadVRObjectHotspots(e, t).then((e) => {
+			this.hotspotsList = e;
+		})) : this.hotspotsList = [[]]), this.hotspotsHash = o, this.snapshotHash = a, i;
+	}
+	async pick(e, t) {
+		let n = new a(e.parameters.width, e.parameters.height), r = o.unproject(n, this.canvas.resolution, this.canvas.fit, t);
+		return this.loader.loadVRObjectPick(e, r, this.position, this.frames);
+	}
+	hotspots(e) {
+		return (this.hotspotsList[this.interaction.positionIndex] || []).map((t) => ({
+			...t,
+			position2D: o.project(e, this.canvas.resolution, this.canvas.fit, t.position2D)
+		})).map((e) => ({
+			...e,
+			visibility: o.contains(this.canvas.resolution, e.position2D) ? e.visibility : "OutOfFrustum"
+		}));
+	}
+	snapshot(e, t) {
+		return this.canvas.element.toDataURL(e, t);
+	}
+	onPointerDown(e) {
+		this.container.setPointerCapture(e.pointerId), this.container.classList.add("ls-viewer-container-vrobject-grabbing"), this.interaction.start(new x(e.screenX, e.screenY), {
+			width: this.canvas.element.width,
+			height: this.canvas.element.height
+		});
+	}
+	onPointerMove(e) {
+		this.interaction.isStarted && (this.interaction.motion(new x(e.screenX, e.screenY)), e.preventDefault());
+	}
+	onPointerUp(e) {
+		this.interaction.isStarted && (this.container.classList.remove("ls-viewer-container-vrobject-grabbing"), this.interaction.end(new x(e.screenX, e.screenY), !0));
+	}
+	onPointerCancel(e) {
+		this.interaction.isStarted && (this.container.classList.remove("ls-viewer-container-vrobject-grabbing"), this.interaction.end(new x(e.screenX, e.screenY), !1));
+	}
+	onDeviceOrientation(e) {}
+}, k = class {
+	constructor(e, t, n) {
+		this.container = e, this.loader = n, this.video = t;
+	}
+	destroy() {}
+	show() {
+		this.video.show(), this.container.classList.add("ls-viewer-container-video");
+	}
+	hide() {
+		this.video.hide(), this.container.classList.remove("ls-viewer-container-video");
+	}
+	async load(e) {
+		let t = JSON.stringify(e);
+		return t === this.hash ? (this.video.element.load(), Promise.resolve()) : (this.hash = t, this.loader.loadVideoSnapshot(this.video.element, e));
+	}
+	async pick(e, t) {
+		return Promise.reject();
+	}
+	hotspots(e) {
+		return [];
+	}
+	snapshot(e, t) {
+		return "data:image/gif;base64,R0lGODlhAQABAIAAAP7//wAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==";
+	}
+	async play() {
+		return new Promise((e, t) => {
+			this.video.element.addEventListener("ended", () => {
+				e();
+			}, { once: !0 }), this.video.element.play().catch(t), this.show();
+		});
+	}
+	onPointerDown(e) {}
+	onPointerMove(e) {}
+	onPointerUp(e) {}
+	onPointerCancel(e) {}
+	onDeviceOrientation(e) {}
+}, A = class {
+	constructor(t, n) {
+		this.onPointerDown = (e) => {
+			this.container.addEventListener("pointermove", this.onPointerMove, { passive: !1 }), this.widget.onPointerDown(e);
+		}, this.onPointerMove = (e) => {
+			this.widget.onPointerMove(e);
+		}, this.onPointerUp = (e) => {
+			this.container.removeEventListener("pointermove", this.onPointerMove), this.widget.onPointerUp(e);
+		}, this.onPointerCancel = (e) => {
+			this.container.removeEventListener("pointermove", this.onPointerMove), this.widget.onPointerCancel(e);
+		}, this.onDeviceOrientation = (e) => {
+			this.widget.onDeviceOrientation(e);
+		}, this.onResize = () => {
+			let e = this.container.clientWidth, t = this.container.clientHeight;
+			this.options.autores && (this.resolution = o.getStandardResolution(e * window.devicePixelRatio, t * window.devicePixelRatio, this.aspectRatioOverride), this.parameters.width = this.resolution.width, this.parameters.height = this.resolution.height), this.canvas2D.resize(e, t, this.getCanvas2DPixelRatio(e, t)), this.canvas3D.resize(e, t, window.devicePixelRatio), this.video.resize(e, t, this.resolution, this.options.fit), this.loadWidget(!1, !1).then(() => {
+				this.onHotspotsChange();
+			}).catch((e) => {
+				this.onLoadError(e);
+			});
+		}, this.onVrcubeInteraction = (e) => {
+			this.onHotspotsChange(), this.options.events.onInteraction?.(e), this.options.events.onVrcubeInteraction?.(e);
+		}, this.onVrobjectInteraction = (e) => {
+			this.onHotspotsChange(), this.options.events.onInteraction?.(e.position), this.options.events.onVrobjectInteraction?.(e.position);
+		}, this.onHotspotsChange = () => {
+			let e = this.widget.hotspots(this.resolution);
+			e.length && this.options.events.onHotspotsChange?.(e);
+		}, this.onLoadStart = (e) => {
+			this.container.classList.add("ls-viewer-container-loading"), this.options.events.onLoadStart?.(e);
+		}, this.onLoadProgress = (e) => {
+			this.options.events.onLoadProgress?.(e);
+		}, this.onLoadEnd = (e) => {
+			this.container.classList.remove("ls-viewer-container-loading"), this.options.events.onLoadEnd?.(e);
+		}, this.onLoadError = (e) => {
+			e instanceof DOMException && e.name === "AbortError" || (this.container.classList.remove("ls-viewer-container-loading"), this.options.events.onLoadError?.(e));
+		}, this.options = {
+			server: "localhost",
+			api: "v1",
+			autores: !0,
+			fit: "cover",
+			...n,
+			events: { ...n.events }
+		}, this.options.events.onLoadError && (this.options.events.onLoadError = e(this.options.events.onLoadError, 10)), this.container = t, this.container.classList.add("ls-viewer-container"), this.canvas2D = new s(this.options.fit), this.container.prepend(this.canvas2D.element), this.canvas3D = new c(), this.container.prepend(this.canvas3D.element), this.video = new _(), this.container.prepend(this.video.element), this.loader = new g(this.options.server, this.options.api, this), this.resolution = new a(0, 0), this.parameters = {
+			width: 0,
+			height: 0,
+			antialiasing: !1,
+			superSampling: 2
+		}, this.encoder = {
+			format: "jpeg",
+			quality: 80
+		}, this.hotspots = [], this.widgetImage = new v(t, this.canvas2D, this.loader), this.widgetVideo = new k(t, this.video, this.loader), this.widgetVRObject = new O(t, this.canvas2D, this.loader, this.onVrobjectInteraction), this.canvas3D.context && (this.widgetVRCube = new E(t, this.canvas3D, this.loader, this.onVrcubeInteraction, this.aspectRatioOverride)), this.widget = this.widgetImage, this.container.addEventListener("pointerdown", this.onPointerDown), this.container.addEventListener("pointerup", this.onPointerUp), this.container.addEventListener("pointercancel", this.onPointerCancel), this.loadWidget = e(this.loadWidget, 10), this.resizeObserver = new ResizeObserver(this.onResize), this.resizeObserver.observe(this.container);
+	}
+	destroy() {
+		this.resizeObserver.disconnect(), this.canvas2D.destroy(), this.container.removeEventListener("pointerdown", this.onPointerDown), this.container.removeEventListener("pointerup", this.onPointerUp), this.container.removeEventListener("pointercancel", this.onPointerCancel), this.container.removeEventListener("pointermove", this.onPointerMove);
+	}
+	async load(e, t) {
+		let n = Promise.resolve();
+		return t?.animation && (n = n.then(() => this.loadAnimation(t.animation))), this.view && t?.fromPosition !== void 0 && this.viewWidget instanceof O && (this.view.mode, n = n.then(() => this.viewWidget.goto(t.fromPosition))), t?.animation && (n = n.then(() => this.widgetVideo.play())), n = n.then(() => (this.scene = Array.isArray(e) ? [...e] : [e], this.loadWidget(!1, !(t && t.animation)))), n.catch((e) => {
+			this.onLoadError(e);
+		}), n;
+	}
+	async setEncoder(e) {
+		this.encoder = { ...e };
+		let t = Promise.resolve();
+		return t = t.then(() => this.loadWidget(!1, !0)), t.catch((e) => {
+			this.onLoadError(e);
+		}), t;
+	}
+	setParameters(e) {
+		if (e.width && e.height) {
+			this.resolution = new a(e.width, e.height);
+			let t = this.container.clientWidth, n = this.container.clientHeight;
+			this.canvas2D.resize(t, n, this.getCanvas2DPixelRatio(t, n));
+		}
+		this.parameters = { ...e }, this.parameters.width = this.resolution.width, this.parameters.height = this.resolution.height;
+		let t = Promise.resolve();
+		return t = t.then(() => this.loadWidget(!1, !0)), t.catch((e) => {
+			this.onLoadError(e);
+		}), t;
+	}
+	setHotspots(e) {
+		this.hotspots = e, this.loadWidget(!1, !1);
+	}
+	async setView(e, t) {
+		let n = Promise.resolve();
+		return t?.animation && (n = n.then(() => this.loadAnimation(t.animation))), this.view && t?.fromPosition !== void 0 && this.viewWidget instanceof O && (n = n.then(() => this.viewWidget.goto(t.fromPosition))), t?.animation && (n = n.then(() => this.widgetVideo.play())), n = n.then(() => {
+			let n = !0;
+			return this.view = { ...e }, this.view && this.viewWidget instanceof O && t?.toPosition !== void 0 && (n = !1, this.viewWidget.position = t.toPosition), this.loadWidget(n, !(t && t.animation));
+		}), n.catch((e) => {
+			this.onLoadError(e);
+		}), n;
+	}
+	setVrcube(e) {
+		this.widgetVRCube && Object.assign(this.widgetVRCube, e);
+	}
+	setVrobject(e) {
+		Object.assign(this.widgetVRObject, e);
+	}
+	async loadAnimation(e) {
+		let t = {
+			scene: this.scene,
+			view: {
+				animation: e.name,
+				camera: e.camera,
+				duration: e.duration,
+				loop: e.loop,
+				reverse: e.reverse
+			},
+			parameters: this.parameters,
+			encoder: { format: "mp4" }
+		};
+		return t.view?.background || (t.view.background = "product"), this.widgetVideo.load(t).then(() => Promise.resolve());
+	}
+	async playAnimation(e) {
+		return this.loadAnimation(e).then(() => this.widgetVideo.play()).catch((e) => {
+			this.onLoadError(e);
+		});
+	}
+	stopAnimation() {
+		this.widgetVideo.hide();
+	}
+	async pick(e) {
+		if (!this.scene) throw Error("No scene set");
+		if (!this.view) throw Error("No view set");
+		if (!this.view.camera && !this.view.cameraGroup) throw Error("No camera set");
+		let t = {
+			scene: this.scene,
+			view: this.view,
+			parameters: this.parameters,
+			encoder: this.encoder
+		};
+		return await this.viewWidget.pick(t, e);
+	}
+	async pickHotspot(e) {
+		let t = await this.pick(e), n = Object.values(t.point), i = r.normalize(Object.values(t.normal)), a = r.add(n, r.mulScalar(i, .01));
+		return t.point = {
+			x: a[0],
+			y: a[1],
+			z: a[2]
+		}, t;
+	}
+	snapshot(e, t) {
+		return this.viewWidget.snapshot(e, t);
+	}
+	async loadWidget(e, t) {
+		if (!this.scene || !this.view || !this.parameters.width || !this.parameters.height) return Promise.resolve();
+		let n = this.viewWidget;
+		if (!n) return Promise.reject(/* @__PURE__ */ Error("Unknown view mode"));
+		let r = {
+			scene: this.scene,
+			view: this.view,
+			parameters: this.parameters,
+			encoder: this.encoder
+		};
+		return r.view.background || (r.view.background = "product"), n.load(r, this.hotspots, e, t).then(() => {
+			this.widget.hide(), this.widget = n, this.widget.show(), this.widgetVideo.hide(), this.onHotspotsChange();
+		});
+	}
+	get aspectRatioOverride() {
+		switch (this.options.aspectRatio) {
+			case "4:3": return 4 / 3;
+			case "16:9": return 16 / 9;
+			default: return;
+		}
+	}
+	get viewWidget() {
+		switch (this.view?.mode) {
+			case "image": return this.widgetImage;
+			case "video": return this.widgetVideo;
+			case "vrcube": return this.widgetVRCube ?? this.widgetImage;
+			case "vrobject": return this.widgetVRObject;
+			default: return this.widgetImage;
+		}
+	}
+	getCanvas2DPixelRatio(e, t) {
+		return e <= 0 || t <= 0 || this.resolution.width <= 0 || this.resolution.height <= 0 ? window.devicePixelRatio : Math.min(window.devicePixelRatio, this.resolution.width / e, this.resolution.height / t);
+	}
+}, j;
+(function(e) {
+	e.HotspotVisibility = /* @__PURE__ */ function(e) {
+		return e.Visible = "Visible", e.Occluded = "Occluded", e.Clipped = "Clipped", e.OutOfFrustum = "OutOfFrustum", e;
+	}({}), e.SunShadowQualityMode = /* @__PURE__ */ function(e) {
+		return e.VeryLow = "veryLow", e.Low = "low", e.Medium = "medium", e.Fine = "fine", e.Ultra = "ultra", e;
+	}({}), e.SunShadowSmoothnessMode = /* @__PURE__ */ function(e) {
+		return e.None = "none", e.Weak = "weak", e.Normal = "normal", e.Fine = "fine", e.UltraFine = "ultraFine", e.Max = "max", e;
+	}({}), e.SunUseCaseMode = /* @__PURE__ */ function(e) {
+		return e.Manual = "manual", e.TimeAndLoc = "timeAndLoc", e.ExtractedFromEnv = "extractedFromEnv", e;
+	}({}), e.SurfacesFilterMode = /* @__PURE__ */ function(e) {
+		return e.ShowOnly = "showOnly", e.HideOnly = "hideOnly", e;
+	}({});
+})(j ||= {});
+//#endregion
+export { A as Viewer, j as WRAPIv2, v as WidgetImage, E as WidgetVRCube, O as WidgetVRObject, k as WidgetVideo };