@qispace/vue3-player 0.0.16 → 0.1.2

package/dist/vue-components/vue3-player.js

@@ -0,0 +1,4744 @@
+var Dt = Object.defineProperty;
+var Rt = (u, t, e) => t in u ? Dt(u, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : u[t] = e;
+var J = (u, t, e) => (Rt(u, typeof t != "symbol" ? t + "" : t, e), e);
+import { defineComponent as Q, ref as r, computed as V, openBlock as h, createElementBlock as F, watch as Z, onMounted as ce, onBeforeUnmount as Oe, withDirectives as de, createElementVNode as o, normalizeStyle as re, vShow as me, createVNode as y, Fragment as Ce, renderList as _e, createCommentVNode as H, inject as pe, resolveComponent as T, withCtx as M, toDisplayString as z, unref as oe, createTextVNode as se, normalizeClass as ye, createBlock as N, renderSlot as ie, provide as De, watchEffect as qe, resolveDynamicComponent as mt, normalizeProps as pt, guardReactiveProps as ht, mergeProps as be, nextTick as Tt, createSlots as Ot, Transition as ze, pushScopeId as ot, popScopeId as nt, vModelText as $t, createStaticVNode as ft, onBeforeUpdate as Ht } from "vue";
+import gt from "axios";
+import * as jt from "@qispace/player-core";
+import * as xe from "three";
+class $e {
+  async loadJson(t) {
+    return (await gt.get(t)).data;
+  }
+  async loadImage(t) {
+    return new Promise((e, l) => {
+      const a = new Image();
+      a.crossOrigin = "anonymous", a.onload = () => {
+        e(a);
+      }, a.onerror = l, a.src = t;
+    });
+  }
+  async loadImageData(t) {
+    const e = await this.loadImage(t), l = document.createElement("canvas");
+    try {
+      const a = l.getContext("2d");
+      return l.width = e.width, l.height = e.height, a.drawImage(e, 0, 0), l.toDataURL("image/png");
+    } finally {
+      l.remove();
+    }
+  }
+}
+const Pt = /* @__PURE__ */ Q({
+  __name: "VHoverProbe",
+  setup(u, { expose: t }) {
+    const e = r(), l = V(() => window.getComputedStyle(e.value).display === "none");
+    return t({
+      isHoverEnabled: l
+    }), (a, n) => (h(), F("div", {
+      ref_key: "hoverCheck",
+      ref: e,
+      class: "hover-check"
+    }, null, 512));
+  }
+}), te = (u, t) => {
+  const e = u.__vccOpts || u;
+  for (const [l, a] of t)
+    e[l] = a;
+  return e;
+}, He = /* @__PURE__ */ te(Pt, [["__scopeId", "data-v-eb9b348d"]]), Nt = /* @__PURE__ */ Q({
+  __name: "VApartmentChooserRaster",
+  props: {
+    cdnFileResolver: {},
+    viewModel: {},
+    selectedUnitId: {},
+    unitCallback: { type: Function, default: (u) => u },
+    canGoToUnitCallback: { type: Function, default: () => !0 },
+    sceneData: { default: () => [] },
+    colorCallback: { type: Function, default: () => ({ r: 108, g: 0, b: 108, a: 144, s: 2 }) },
+    drawObserver: {}
+  },
+  emits: ["selectUnit", "goToUnit", "hoverOver", "hoverOut", "pos"],
+  setup(u, { emit: t }) {
+    const e = u, l = t, a = r({ x: 0, y: 0, width: 0, height: 0 }), n = r(null), s = r(0), i = r(0), k = r(null), p = r(null), v = r(null), m = r(null), I = r(-1), _ = r(!1), L = r(null), C = r(null), E = r({}), D = r("auto"), g = r(null), A = r(void 0), R = r(new $e()), c = r({}), f = r(), b = r(), B = r(), U = V(() => f.value.isHoverEnabled), $ = V(() => e.cdnFileResolver(`/scenedata${e.viewModel.currentScene}.png`)), q = V(() => $.value in E.value ? E.value[$.value] : null), ee = V(() => {
+      if (I.value < 0)
+        return !1;
+      const j = e.sceneData.find(
+        (P) => P.index === I.value
+      );
+      return j ? e.unitCallback ? e.unitCallback(j.apartmentId) : j.apartmentId : !1;
+    }), w = V(() => ({
+      width: s.value + "px",
+      height: i.value + "px",
+      cursor: D.value
+    })), x = V(() => `hover-${_.value ? "over" : "out"}-${ee.value ? typeof ee.value == "object" && "unitId" in ee.value ? ee.value.unitId : ee.value : ""}`);
+    Z(
+      $,
+      () => {
+        E.value[$.value] || R.value.loadImageData($.value).then((j) => {
+          E.value = {
+            ...E.value,
+            [$.value]: j
+          };
+        });
+      },
+      { immediate: !0 }
+    ), Z(q, () => {
+      q.value && W();
+    }), Z(
+      () => e.viewModel.currentScene,
+      () => {
+        Ve();
+      },
+      { immediate: !0 }
+    ), Z(
+      [
+        () => e.viewModel.isRotating,
+        () => e.drawObserver,
+        () => e.selectedUnitId
+      ],
+      () => {
+        Ve();
+      }
+    ), Z(ee, () => {
+      Ve(), ee.value ? D.value = "pointer" : D.value = "auto";
+    }), Z(x, () => {
+      _.value ? l("hoverOver", {
+        hoverApartment: ee.value,
+        closeHandler: () => Ge()
+      }) : l("hoverOut", {
+        hoverApartment: ee.value,
+        closeHandler: () => Ge()
+      });
+    }), Z(a, () => {
+      l("pos", a.value);
+    }), ce(() => {
+      A.value = () => {
+        clearTimeout(g.value), Me(), g.value = setTimeout(() => {
+          Me();
+        }, 50);
+      }, window.addEventListener("resize", A.value), Me();
+    }), Oe(() => {
+      window.removeEventListener("resize", A.value);
+      for (const j in E.value)
+        URL.revokeObjectURL(E.value[j]);
+    });
+    function W() {
+      n.value = b, k.value = n.value.getContext("2d", { willReadFrequently: !0 }), p.value = new Image(), p.value.onload = () => {
+        Pe(), n.value.addEventListener("mousemove", Ne(S, 50));
+      }, p.value.src = q.value;
+    }
+    function S(j) {
+      const P = K(j.offsetX, j.offsetY);
+      _.value = P >= 0, I.value = P, a.value = {
+        x: j.offsetX,
+        y: j.offsetY,
+        width: s.value,
+        height: i.value
+      };
+    }
+    function Y(j) {
+      const P = K(j.offsetX, j.offsetY);
+      P < 0 || U && fe(P);
+    }
+    function X() {
+      if (p.value && p.value.width) {
+        n.value.width = p.value.width, n.value.height = p.value.height, k.value.drawImage(
+          p.value,
+          0,
+          0,
+          p.value.width,
+          p.value.height
+        ), m.value = k.value.getImageData(
+          0,
+          0,
+          n.value.width,
+          n.value.height
+        ), v.value = k.value.getImageData(
+          0,
+          0,
+          n.value.width,
+          n.value.height
+        );
+        const j = m.value.data;
+        c.value = {};
+        for (let P = 0; P < j.length; P += 4)
+          c.value[j[P]] = [];
+        for (let P = 3; P < j.length; P += 4)
+          j[P] === 255 && j[P - 3] in c.value && c.value[j[P - 3]].push(P - 3);
+      }
+    }
+    function K(j, P) {
+      L.value = j, C.value = P;
+      const le = n.value.offsetWidth / n.value.width, Se = n.value.offsetHeight / n.value.height, Ee = (j / le).toFixed(), Fe = (P / Se).toFixed(), we = Number(Fe) * (n.value.width * 4) + Number(Ee) * 4, ke = m.value.data[we];
+      return m.value.data[we + 3] > 0 ? ke : -1;
+    }
+    function ne() {
+      he().forEach((P) => {
+        if (P.index >= 0) {
+          const le = ue(P.index), Se = ve(P.index);
+          let Ee = "idle";
+          !ee.value && e.selectedUnitId && Se === e.selectedUnitId ? Ee = "selected" : ee.value && I.value === P.index && (Ee = "hover");
+          const Fe = e.unitCallback ? e.unitCallback(Se) : Se;
+          if (Fe) {
+            const we = e.colorCallback(Fe, Ee);
+            if (we)
+              for (let ke = 0; ke < le.length; ke++)
+                v.value.data[le[ke]] = we.r, v.value.data[le[ke] + 1] = we.g, v.value.data[le[ke] + 2] = we.b, v.value.data[le[ke] + 3] = we.a;
+          }
+        }
+      });
+    }
+    function ue(j) {
+      return m.value ? c.value[j] : !1;
+    }
+    function ve(j) {
+      const P = e.sceneData.find((le) => le.index === j);
+      return P && P.apartmentId;
+    }
+    function he() {
+      if (m.value) {
+        const j = Object.keys(c.value).map(
+          (le) => parseInt(le)
+        );
+        return e.sceneData.filter(
+          (le) => j.includes(le.index)
+        );
+      } else
+        return [];
+    }
+    function fe(j) {
+      const P = ve(j);
+      ge(P);
+    }
+    function ge(j) {
+      const P = e.unitCallback ? e.unitCallback(j) : j;
+      l("selectUnit", P), P && this.canGoToUnitCallback(P) && l("goToUnit", P);
+    }
+    function Ie(j = 0) {
+      if (!v.value)
+        return;
+      const P = v.value.data;
+      for (let le = 3; le < P.length; le += 4)
+        P[le] = j;
+    }
+    function Me() {
+      if (!B.value)
+        return !1;
+      s.value = B.value.offsetWidth, i.value = B.value.offsetHeight;
+    }
+    function Pe() {
+      X(), Ve();
+    }
+    function Ve() {
+      Ie(), ne(), k.value && v.value && k.value.putImageData(v.value, 0, 0);
+    }
+    function Ge() {
+      _.value = !1;
+    }
+    const Ae = r(!1);
+    function Ne(j, P) {
+      return Ae.value = !0, function(...le) {
+        Ae.value && (Ae.value = !1, j.apply(this, le), setTimeout(() => Ae.value = !0, P));
+      };
+    }
+    return (j, P) => (h(), F("div", {
+      ref_key: "$el",
+      ref: B,
+      id: "canvas"
+    }, [
+      de(o("canvas", {
+        id: "canvas-mask",
+        ref_key: "canvasMask",
+        ref: b,
+        style: re(w.value),
+        onClick: Y
+      }, null, 4), [
+        [me, !j.viewModel.isRotating]
+      ]),
+      y(He, {
+        ref_key: "hoverProbe",
+        ref: f
+      }, null, 512)
+    ], 512));
+  }
+}), wt = /* @__PURE__ */ te(Nt, [["__scopeId", "data-v-dbb7046f"]]), Yt = ["viewBox"], Wt = ["innerHTML", "onMouseenter", "onMouseleave", "onClick"], Gt = /* @__PURE__ */ Q({
+  __name: "VApartmentChooserSvg",
+  props: {
+    cdnFileResolver: {},
+    viewModel: {},
+    selectedUnitId: {},
+    unitCallback: { type: Function, default: (u) => u },
+    canGoToUnitCallback: { type: Function, default: () => !0 },
+    sceneData: { default: () => [] },
+    colorCallback: { type: Function, default: () => ({ r: 108, g: 0, b: 108, a: 144, s: 2 }) },
+    drawObserver: {}
+  },
+  emits: ["selectUnit", "goToUnit", "hoverOver", "hoverOut", "pos"],
+  setup(u, { emit: t }) {
+    const e = u, l = t, a = r({ x: 0, y: 0, width: 0, height: 0 }), n = r(-1), s = r({}), i = r(null), k = r(new $e()), p = r(), v = r(), m = V(() => v.value.isHoverEnabled);
+    Z(
+      () => e.viewModel.currentScene,
+      () => {
+        e.viewModel.currentScene in s.value && (i.value = s.value[e.viewModel.currentScene]);
+      },
+      { immediate: !0 }
+    ), Z(
+      s,
+      () => {
+        e.viewModel.currentScene in s.value && (i.value = s.value[e.viewModel.currentScene]);
+      },
+      { immediate: !0 }
+    ), Z(a, () => {
+      l("pos", a.value);
+    }), Z(n, (c, f) => {
+      if (c >= 0) {
+        const b = L(c);
+        l("hoverOver", {
+          hoverApartment: b,
+          closeHandler: () => {
+            n.value = -1;
+          }
+        });
+      } else {
+        const b = L(f);
+        l("hoverOut", {
+          hoverApartment: b,
+          closeHandler: () => {
+            n.value = -1;
+          }
+        });
+      }
+    }), ce(() => {
+      for (let c = 1; c <= 4; c++) {
+        const f = e.cdnFileResolver(`/scenedata${c}.svg`), b = {};
+        k.value.loadJson(f).then((B) => {
+          b.markup = B;
+          const $ = new DOMParser().parseFromString(B, "image/svg+xml").getElementsByTagName("svg")[0];
+          b.viewBox = $.getAttribute("viewBox"), b.svgObjects = Array.from(
+            $.querySelectorAll("*[data-index]")
+          ).map((q) => ({
+            index: parseInt(q.getAttribute("data-index")),
+            svg: q.innerHTML
+          })), s.value = { ...s.value, [c]: b };
+        });
+      }
+      p.value.addEventListener("mousemove", R(I, 50));
+    });
+    function I(c) {
+      a.value = {
+        x: c.offsetX,
+        y: c.offsetY,
+        width: p.value.offsetWidth,
+        height: p.value.offsetHeight
+      };
+    }
+    function _(c) {
+      var f;
+      return (f = e.sceneData.find((b) => b.index === parseInt(c))) == null ? void 0 : f.apartmentId;
+    }
+    function L(c) {
+      const f = _(c);
+      return e.unitCallback ? e.unitCallback(f) : f;
+    }
+    function C(c) {
+      m.value && (n.value = c);
+    }
+    function E(c) {
+      m.value && (n.value = -1);
+    }
+    function D(c) {
+      const f = L(c);
+      l("selectUnit", f), m.value && f && e.canGoToUnitCallback(f) ? l("goToUnit", f) : n.value = c;
+    }
+    function g(c) {
+      const f = _(c), b = L(c);
+      let B = "idle";
+      n.value < 0 && e.selectedUnitId && f === e.selectedUnitId ? B = "selected" : n.value >= 0 && n.value === c && (B = "hover");
+      const U = e.colorCallback(b, B);
+      if (U) {
+        const { r: $, g: q, b: ee, a: w, s: x } = U;
+        return {
+          strokeWidth: x !== void 0 ? x : 2,
+          stroke: `rgb(${$}, ${q}, ${ee})`,
+          strokeOpacity: 1,
+          fill: `rgb(${$}, ${q}, ${ee})`,
+          fillOpacity: w / 255,
+          cursor: `${e.canGoToUnitCallback(b) ? "cursor" : "default"} !important`
+        };
+      } else
+        return {
+          strokeWidth: 0,
+          stroke: "white",
+          strokeOpacity: 0,
+          fill: "white",
+          fillOpacity: 0,
+          cursor: "default !important"
+        };
+    }
+    const A = r(!1);
+    function R(c, f) {
+      return A.value = !0, function(...b) {
+        A.value && (A.value = !1, c.apply(this, b), setTimeout(() => A.value = !0, f));
+      };
+    }
+    return (c, f) => (h(), F("div", {
+      id: "container",
+      ref_key: "container",
+      ref: p
+    }, [
+      de(o("div", {
+        class: "svg-container",
+        style: re({
+          opacity: !i.value || !i.value.svgObjects ? 0 : 1
+        })
+      }, [
+        i.value && i.value.svgObjects ? (h(), F("svg", {
+          key: 0,
+          viewBox: i.value.viewBox
+        }, [
+          (h(!0), F(Ce, null, _e(i.value.svgObjects, ({ index: b, svg: B }) => (h(), F("g", {
+            key: b,
+            innerHTML: B,
+            style: re(g(b)),
+            onMouseenter: (U) => C(b),
+            onMouseleave: (U) => E(),
+            onClick: (U) => D(b)
+          }, null, 44, Wt))), 128))
+        ], 8, Yt)) : H("", !0)
+      ], 4), [
+        [me, !c.viewModel.isRotating]
+      ]),
+      y(He, {
+        ref_key: "hoverProbe",
+        ref: v
+      }, null, 512)
+    ], 512));
+  }
+}), kt = /* @__PURE__ */ te(Gt, [["__scopeId", "data-v-3e771deb"]]), Qt = {
+  key: 0,
+  class: "d-none d-md-flex"
+}, zt = /* @__PURE__ */ Q({
+  __name: "VApartmentChooserNavigation",
+  props: {
+    canGoToUnitCallback: { type: Function, default: () => !0 },
+    selectedUnit: {},
+    prevUnit: {},
+    nextUnit: {},
+    viewModel: {}
+  },
+  emits: ["prevUnit", "nextUnit", "goToUnit"],
+  setup(u, { emit: t }) {
+    const e = u, l = t, a = pe("i18n");
+    ce(() => {
+      window.addEventListener("keydown", n);
+    }), Oe(() => {
+      window.removeEventListener("keydown", n);
+    });
+    function n(s) {
+      s.keyCode === 37 ? e.prevUnit && l("prevUnit") : s.keyCode === 39 && e.nextUnit && l("nextUnit");
+    }
+    return (s, i) => {
+      const k = T("v-btn");
+      return h(), F("div", null, [
+        y(k, {
+          elevation: "1",
+          icon: "mdi-rotate-right",
+          class: "black darken-1",
+          onClick: i[0] || (i[0] = (p) => s.viewModel.rotateClockwise())
+        }),
+        y(k, {
+          elevation: "1",
+          plain: "",
+          icon: "mdi-chevron-left",
+          class: "mr-sm-4 ml-sm-8 mr-3 ml-3 black darken-1",
+          disabled: !s.prevUnit,
+          onClick: i[1] || (i[1] = (p) => l("prevUnit"))
+        }, null, 8, ["disabled"]),
+        y(k, {
+          color: "success darken-2",
+          elevation: "1",
+          rounded: "",
+          plain: "",
+          disabled: !s.selectedUnit || !s.canGoToUnitCallback(s.selectedUnit),
+          onClick: i[2] || (i[2] = (p) => l("goToUnit", s.selectedUnit))
+        }, {
+          default: M(() => [
+            s.selectedUnit && s.canGoToUnitCallback(s.selectedUnit) ? (h(), F("span", Qt, z(oe(a).getLabel("see-apartment")) + "  ", 1)) : H("", !0),
+            o("span", null, z(s.selectedUnit && "title" in s.selectedUnit ? s.selectedUnit.title : "-"), 1)
+          ]),
+          _: 1
+        }, 8, ["disabled"]),
+        y(k, {
+          elevation: "1",
+          plain: "",
+          icon: "mdi-chevron-right",
+          class: "mr-sm-8 ml-sm-4 mr-3 ml-3 black darken-1",
+          disabled: !s.nextUnit,
+          onClick: i[3] || (i[3] = (p) => l("nextUnit"))
+        }, null, 8, ["disabled"]),
+        y(k, {
+          elevation: "1",
+          plain: "",
+          icon: "mdi-rotate-left",
+          class: "black darken-1",
+          onClick: i[4] || (i[4] = (p) => s.viewModel.rotateCounterClockwise())
+        })
+      ]);
+    };
+  }
+}), bt = /* @__PURE__ */ te(zt, [["__scopeId", "data-v-02d5a12e"]]);
+class tt {
+  constructor(t) {
+    J(this, "_numParts");
+    J(this, "_loadedCount");
+    J(this, "_isError");
+    J(this, "_finishedAction");
+    J(this, "_errorAction");
+    J(this, "_loadProgressAction");
+    this._numParts = t, this._loadedCount = 0, this._isError = !1, this._finishedAction = () => {
+    }, this._errorAction = () => {
+    }, this._loadProgressAction = () => {
+    };
+  }
+  onLoadFinished(t) {
+    return this._finishedAction = t, this;
+  }
+  onLoadError(t) {
+    return this._errorAction = t, this;
+  }
+  onLoadProgress(t) {
+    return this._loadProgressAction = t, this;
+  }
+  partLoaded() {
+    this.isFinished || (this._loadedCount++, this._loadProgressAction(this.percentLoaded), this.isFinished && this._finishedAction());
+  }
+  errorDetected() {
+    this._isError || (this._isError = !0, this._errorAction());
+  }
+  get isFinished() {
+    return this._loadedCount >= this._numParts;
+  }
+  get isError() {
+    return this._isError;
+  }
+  get percentLoaded() {
+    return Math.round(this._loadedCount * 100 / this._numParts);
+  }
+}
+class at {
+  constructor(t, e, l, a) {
+    J(this, "_rotator");
+    J(this, "_direction");
+    J(this, "_frameIndex");
+    J(this, "_sceneCount");
+    this._rotator = t, this._direction = e, this._frameIndex = l, this._sceneCount = a;
+  }
+  get atEnd() {
+    return this._sceneCount === 0;
+  }
+  get frameIndex() {
+    return this._frameIndex;
+  }
+  nextFrame() {
+    const t = this._rotator.clampFrameIndex(
+      this._frameIndex + this._direction
+    ), e = this._rotator.isCardinalFrame(t) ? this._sceneCount - 1 : this._sceneCount;
+    return new at(
+      this._rotator,
+      this._direction,
+      t,
+      e
+    );
+  }
+}
+class qt {
+  constructor(t, e) {
+    J(this, "_cardinalFrames");
+    J(this, "_totalFrameCount");
+    this._cardinalFrames = t, this._totalFrameCount = e;
+  }
+  start(t, e, l) {
+    const a = this.startFrameIndexForScene(e);
+    return new at(this, t, a, l);
+  }
+  isCardinalFrame(t) {
+    return this._cardinalFrames.includes(t);
+  }
+  clampFrameIndex(t) {
+    return (this._totalFrameCount + t) % this._totalFrameCount;
+  }
+  startFrameIndexForScene(t) {
+    return this._cardinalFrames[t];
+  }
+}
+const Zt = {
+  key: 0,
+  class: "fill-parent d-flex justify-center align-center blue-grey lighten-5"
+}, Xt = {
+  key: 1,
+  class: "frame-container"
+}, Kt = {
+  key: 0,
+  class: "frame-image"
+}, Jt = ["srcset", "type"], eo = ["src"], to = {
+  key: 2,
+  id: "image-stack",
+  class: "frame-container"
+}, oo = ["alt"], no = ["srcset"], ao = ["src"], ct = 64, Ye = 4, lo = 120, io = /* @__PURE__ */ Q({
+  __name: "VApartmentChooserRotator",
+  props: {
+    viewModel: {},
+    build: { default: "" },
+    cdnFileResolver: {},
+    cardinalFrames: {}
+  },
+  emits: ["loaded", "error", "progress"],
+  setup(u, { emit: t }) {
+    const e = u, l = t, a = _(), n = r(
+      new tt(a.length).onLoadFinished(() => l("loaded")).onLoadProgress((D) => l("progress", D)).onLoadError(() => l("error"))
+    ), s = r(
+      new qt(e.cardinalFrames, ct)
+    ), i = r(a), k = r(!1), p = V(() => i.value.find((D) => D.show));
+    Z(
+      () => e.viewModel.currentScene,
+      (D, g) => {
+        const A = E(g, D), R = C(g, D);
+        v(g, A, R);
+      }
+    ), ce(() => {
+      I();
+    });
+    function v(D, g, A) {
+      e.viewModel.isRotating || (e.viewModel.isRotating = !0, m(
+        s.value.start(
+          g,
+          D % Ye,
+          A
+        )
+      ));
+    }
+    function m(D) {
+      setTimeout(() => {
+        i.value[D.frameIndex].show = !1;
+        const g = D.nextFrame();
+        i.value[g.frameIndex].show = !0, g.atEnd ? I() : window.requestAnimationFrame(() => m(g));
+      }, 1e3 / lo);
+    }
+    function I() {
+      const D = s.value.startFrameIndexForScene(
+        e.viewModel.currentScene % Ye
+      );
+      D in i.value && (i.value[D].show = !0), e.viewModel.isRotating = !1;
+    }
+    function _() {
+      const D = [];
+      for (let g = 0; g < ct; g++) {
+        const { sourceSet: A, defaultPath: R } = L(g);
+        D.push({
+          index: g,
+          sourceSet: A,
+          defaultPath: R,
+          show: !1
+        });
+      }
+      return D;
+    }
+    function L(D) {
+      const g = ("0000" + (D + 1)).slice(-4), A = e.build ? `?v=${e.build}` : "", R = [
+        `${e.cdnFileResolver(`/480/${g}.jpg${A}`)} 480w`,
+        `${e.cdnFileResolver(`/960/${g}.jpg${A}`)} 960w`,
+        `${e.cdnFileResolver(`/1280/${g}.jpg${A}`)} 1280w`
+      ].join(","), c = e.cdnFileResolver(
+        `/480/${g}.jpg${A}`
+      );
+      return { sourceSet: R, defaultPath: c };
+    }
+    function C(D, g) {
+      const A = Ye / 2, R = Math.abs(D - g);
+      return R > A ? Ye - R : R;
+    }
+    function E(D, g) {
+      if (D === g)
+        return 0;
+      const R = Math.abs(D - g) < Ye / 2;
+      return R && D < g || !R && D > g ? 1 : -1;
+    }
+    return (D, g) => {
+      const A = T("v-icon");
+      return h(), F("div", null, [
+        n.value.isError ? (h(), F("div", Zt, [
+          y(A, { "x-large": "" }, {
+            default: M(() => [
+              se("mdi-alert-circle-outline")
+            ]),
+            _: 1
+          })
+        ])) : k.value ? (h(), F("div", to, [
+          (h(!0), F(Ce, null, _e(i.value, (R) => (h(), F("picture", {
+            key: R.index,
+            alt: R.index,
+            class: ye({ "frame-image": !0, show: R.show })
+          }, [
+            o("source", {
+              srcset: R.sourceSet,
+              type: "image/jpeg"
+            }, null, 8, no),
+            o("img", {
+              src: R.defaultPath,
+              alt: "Building image",
+              onLoad: g[2] || (g[2] = (c) => n.value.partLoaded()),
+              onError: g[3] || (g[3] = (c) => n.value.errorDetected())
+            }, null, 40, ao)
+          ], 10, oo))), 128))
+        ])) : (h(), F("div", Xt, [
+          p.value ? (h(), F("picture", Kt, [
+            o("source", {
+              srcset: p.value.sourceSet,
+              type: p.value.type
+            }, null, 8, Jt),
+            o("img", {
+              src: p.value.defaultPath,
+              onLoad: g[0] || (g[0] = (R) => k.value = !0),
+              onError: g[1] || (g[1] = (R) => n.value.errorDetected())
+            }, null, 40, eo)
+          ])) : H("", !0)
+        ]))
+      ]);
+    };
+  }
+}), yt = /* @__PURE__ */ te(io, [["__scopeId", "data-v-8e71d825"]]), so = /* @__PURE__ */ Q({
+  __name: "VFloatingCard",
+  props: {
+    pos: {},
+    isHoverable: { type: Boolean }
+  },
+  emits: ["outside"],
+  setup(u, { emit: t }) {
+    const e = u, l = t, a = V(() => {
+      const n = e.pos.x <= e.pos.width / 2 ? "left" : "right";
+      return `${e.pos.y <= e.pos.height / 2 ? "top" : "bottom"}-${n}`;
+    });
+    return (n, s) => {
+      const i = T("v-dialog"), k = T("v-fade-transition");
+      return h(), N(k, {
+        origin: a.value.replace("-", " ") + " " + n.pos.x + " " + n.pos.y
+      }, {
+        default: M(() => [
+          n.isHoverable ? (h(), F("div", {
+            key: 0,
+            class: ye(["floating-card", a.value]),
+            style: re({ left: `${n.pos.x}px`, top: `${n.pos.y}px`, pointerEvents: "none" })
+          }, [
+            ie(n.$slots, "default", { isHoverable: n.isHoverable }, void 0, !0)
+          ], 6)) : (h(), N(i, {
+            key: 1,
+            value: !0,
+            width: "auto",
+            "onClick:outside": s[0] || (s[0] = (p) => l("outside", p))
+          }, {
+            default: M(() => [
+              ie(n.$slots, "default", { isHoverable: n.isHoverable }, void 0, !0)
+            ]),
+            _: 3
+          }))
+        ]),
+        _: 3
+      }, 8, ["origin"]);
+    };
+  }
+}), Ze = /* @__PURE__ */ te(so, [["__scopeId", "data-v-0695e74f"]]), ro = /* @__PURE__ */ Q({
+  __name: "VZoomBox",
+  props: {
+    desktop: { type: Boolean, default: !0 },
+    mobile: { type: Boolean, default: !0 },
+    maxScale: { default: 10 },
+    consumeMouseClickWhenMoved: { type: Boolean, default: !0 },
+    consumeMouseUpWhenMoved: { type: Boolean, default: !0 }
+  },
+  emits: ["update"],
+  setup(u, { emit: t }) {
+    const e = u, l = t, a = r(100), n = r(0), s = r(0), i = r(!1), k = r(!1), p = r(void 0), v = r(!1), m = r(), I = V(() => `translateX(${n.value}px) translateY(${s.value}px) scale(${_.value})`), _ = V(() => a.value / 100), L = V(() => e.maxScale * 100);
+    Z([_, n, s], () => {
+      W();
+    }), Z(
+      () => e.desktop,
+      () => {
+        e.desktop ? C() : D();
+      }
+    ), Z(
+      () => e.mobile,
+      () => {
+        e.mobile ? E() : g();
+      }
+    ), ce(() => {
+      e.desktop && C(), e.mobile && E();
+    }), Oe(() => {
+      e.desktop && D(), e.mobile && g();
+    });
+    function C() {
+      m.value.addEventListener("wheel", A, {
+        capture: !0
+      }), m.value.addEventListener("mousedown", R, {
+        capture: !0
+      }), m.value.addEventListener("mousemove", c, {
+        capture: !0
+      }), window.addEventListener("mouseup", f, {
+        capture: !0
+      }), window.addEventListener("click", b, {
+        capture: !0
+      });
+    }
+    function E() {
+      m.value.addEventListener("touchstart", B, {
+        capture: !0
+      }), m.value.addEventListener("touchmove", U, {
+        capture: !0
+      }), window.addEventListener("touchend", $, {
+        capture: !0
+      }), window.addEventListener("touchcancel", $, {
+        capture: !0
+      });
+    }
+    function D() {
+      m.value.removeEventListener("wheel", A, {
+        capture: !0
+      }), m.value.removeEventListener("mousedown", R, {
+        capture: !0
+      }), m.value.removeEventListener("mousemove", c, {
+        capture: !0
+      }), window.removeEventListener("mouseup", f, {
+        capture: !0
+      }), window.removeEventListener("click", b, {
+        capture: !0
+      });
+    }
+    function g() {
+      m.value.removeEventListener("touchstart", B, {
+        capture: !0
+      }), m.value.removeEventListener("touchmove", U, {
+        capture: !0
+      }), window.removeEventListener("touchend", $, {
+        capture: !0
+      }), window.removeEventListener("touchcancel", $, {
+        capture: !0
+      });
+    }
+    function A(S) {
+      const { x: Y, y: X } = q(S);
+      x(-S.deltaY / 10, Y, X), S.preventDefault();
+    }
+    function R(S) {
+      i.value = !0, v.value = !1, p.value = S;
+    }
+    function c(S) {
+      if (i.value) {
+        const { x: Y, y: X } = q(S), { x: K, y: ne } = q(p.value), ue = {
+          x: Y - K,
+          y: X - ne
+        };
+        ee(ue.x), w(ue.y), v.value = !0, p.value = S;
+      }
+    }
+    function f(S) {
+      i.value && v.value && e.consumeMouseUpWhenMoved && (S.preventDefault(), S.stopImmediatePropagation());
+    }
+    function b(S) {
+      i.value && (v.value && e.consumeMouseClickWhenMoved && (S.preventDefault(), S.stopImmediatePropagation()), i.value = !1);
+    }
+    function B(S) {
+      i.value = S.touches.length === 1, k.value = S.touches.length === 2, p.value = S;
+    }
+    function U(S) {
+      if (i.value) {
+        const { x: Y, y: X } = q(S.touches[0]), { x: K, y: ne } = q(p.value.touches[0]), ue = {
+          x: Y - K,
+          y: X - ne
+        };
+        ee(ue.x), w(ue.y);
+      } else if (k.value && S.touches.length === 2) {
+        const { x: Y, y: X } = q(S.touches[0]), { x: K, y: ne } = q(p.value.touches[0]), { x: ue, y: ve } = q(S.touches[1]), { x: he, y: fe } = q(p.value.touches[1]), ge = Math.hypot(K - he, ne - fe), Ie = Math.hypot(Y - ue, X - ve), Me = (ue + Y) / 2, Pe = (ve + X) / 2;
+        x(Ie - ge, Me, Pe);
+      }
+      p.value = S;
+    }
+    function $() {
+      i.value = !1, k.value = !1;
+    }
+    function q(S) {
+      const { left: Y, top: X } = m.value.getBoundingClientRect();
+      return {
+        x: S.clientX - Y,
+        y: S.clientY - X
+      };
+    }
+    function ee(S) {
+      const Y = m.value.clientWidth, X = Y * _.value;
+      n.value = Math.max(
+        Math.min(0, n.value + S),
+        -(X - Y)
+      );
+    }
+    function w(S) {
+      const Y = m.value.clientHeight, X = Y * _.value;
+      s.value = Math.max(
+        Math.min(0, s.value + S),
+        -(X - Y)
+      );
+    }
+    function x(S, Y, X) {
+      const K = m.value.clientWidth, ne = m.value.clientHeight, ue = K * _.value, ve = ne * _.value;
+      a.value = Math.min(Math.max(100, a.value + S), L.value);
+      const he = K * _.value, fe = ne * _.value, ge = he - ue, Ie = fe - ve;
+      n.value -= Y / K * ge, s.value -= X / ne * Ie, ee(0), w(0);
+    }
+    function W() {
+      l("update", {
+        scale: _.value,
+        x: n.value,
+        y: s.value,
+        resolve: (S, Y) => {
+          const X = m.value.clientWidth, K = m.value.clientHeight, ne = n.value / -_.value, ue = s.value / -_.value, ve = ne + X / _.value, he = ue + K / _.value, fe = S / X * (ve - ne) + ne, ge = Y / K * (he - ue) + ue;
+          return { x: fe, y: ge };
+        }
+      });
+    }
+    return (S, Y) => (h(), F("div", {
+      ref_key: "box",
+      ref: m,
+      class: "zoom-box-container"
+    }, [
+      o("div", {
+        style: re({ "transform-origin": "top left", transform: I.value }),
+        class: "zoom-box"
+      }, [
+        ie(S.$slots, "default", {}, void 0, !0)
+      ], 4)
+    ], 512));
+  }
+}), Xe = /* @__PURE__ */ te(ro, [["__scopeId", "data-v-52f62ef2"]]), lt = 4;
+function _t(u) {
+  return u < lt ? u + 1 : 1;
+}
+function uo(u) {
+  return u > 1 ? u - 1 : lt;
+}
+class co {
+  constructor(t) {
+    J(this, "_state");
+    J(this, "_navigator");
+    J(this, "_sceneModel");
+    this._state = {
+      isRotating: !1,
+      currentScene: t
+    };
+  }
+  get isRotating() {
+    return this._state.isRotating;
+  }
+  set isRotating(t) {
+    this._state.isRotating = t;
+  }
+  get navigator() {
+    return this._navigator;
+  }
+  get sceneModel() {
+    return this._sceneModel;
+  }
+  unlessRotatingDo(t) {
+    this.isRotating || t();
+  }
+  get currentScene() {
+    return this._state.currentScene;
+  }
+  set currentScene(t) {
+    this._state.currentScene = t;
+  }
+  rotateCounterClockwise() {
+    this.unlessRotatingDo(() => {
+      this.currentScene = _t(this.currentScene);
+    });
+  }
+  rotateClockwise() {
+    this.unlessRotatingDo(() => {
+      this.currentScene = uo(this.currentScene);
+    });
+  }
+}
+const vo = {
+  // virtual tour default labels
+  interior: "Interiør",
+  "see-a-selection-of-the-options-in-the-project": "Se et utvalg av tilvalgsmulighetene i prosjektet.",
+  "floor-plan": "Planløsning",
+  "all-illustrations-are-indicative-deviations-may-occur": {
+    nb: "Alle illustrasjoner er veiledende. Avvik kan forekomme.",
+    en: "All illustrations are indicative. Discrepancies may exist."
+  },
+  "read-more-here": "Les mer her",
+  "i-understand": { nb: "Jeg forstår", en: "I understand" },
+  share: "Share",
+  "share-to-facebook": "Share to Facebook",
+  "share-to-linkedin": "Share to Linkedin",
+  "share-to-twitter": "Share to Twitter",
+  "share-via-email": "Share via Email",
+  "copy-link": "Copy link",
+  "virtual-view": "Virtuell Visning",
+  "slide-show": "Slide Show",
+  // building chooser default labels
+  room: "Room",
+  floor: "Floor",
+  "see-apartments": "See apartments",
+  // apartment chooser default labels
+  "see-apartment": "See apartment",
+  "click-and-drag-to-look-around": {
+    en: "Click and drag to look around",
+    nb: "Klikk og dra for å se deg rundt"
+  },
+  "click-on-the-cricles-to-move-around": {
+    en: "Click on the circles to move around",
+    nb: "Klikk på sirkelene for å gå rundt"
+  },
+  "use-the-mouse-wheel-to-zoom": {
+    en: "Use the mouse wheel to zoom",
+    nb: "Bruk mushjulet for å zoome"
+  },
+  "you-can-also-use-the-arrow-keys-to-move-around": {
+    en: "You can also use the arrow keys to move around",
+    nb: "Du kan også bruke pilene på tastaturet for å gå rundt"
+  },
+  "tap-and-drag-to-look-around": {
+    en: "Tap and drag to look around",
+    nb: "Trykk og dra for å se deg rundt"
+  },
+  "tap-on-the-circles-to-move-around": {
+    en: "Tap on the circles to move around",
+    nb: "Trykk på sirkelene for å gå rundt"
+  },
+  "use-two-fingers-to-zoom": {
+    en: "Use two fingers to zoom",
+    nb: "Bruk to fingre for å zoome"
+  },
+  "dont-show-again": { en: "Don't Show Again", nb: "Ikke vis igjen" }
+};
+class Le {
+  constructor(t = null, e = null) {
+    J(this, "_labels");
+    J(this, "_language");
+    this._labels = { ...vo, ...t || {} }, this._language = e || "en";
+  }
+  getLabel(t) {
+    return t in this._labels ? this.get(this._labels[t]) : t;
+  }
+  get(t) {
+    if (typeof t == "string")
+      return t;
+    if (this._language in t && t[this._language])
+      return t[this._language];
+    for (const e in t)
+      if (t[e])
+        return t[e];
+    return "";
+  }
+}
+const mo = { key: 0 }, po = { class: "interactive-viewer" }, ho = { class: "fill-parent" }, fo = { key: 0 }, go = {
+  key: 1,
+  class: "navigation"
+}, wo = { key: 2 }, ko = 4, bo = /* @__PURE__ */ Q({
+  __name: "VApartmentChooser",
+  props: {
+    i18n: {},
+    showCards: { type: Boolean, default: !0 },
+    build: { default: "" },
+    buildingSceneDataResolver: {},
+    buildingScenesByApartmentResolver: {},
+    cdnFileResolver: {},
+    colorCallback: { type: Function, default: () => ({ r: 108, g: 0, b: 108, a: 144, s: 2 }) },
+    unitCallback: { type: Function, default: (u) => u },
+    canGoToUnitCallback: { type: Function, default: () => !0 },
+    selectedUnitId: {},
+    nextUnit: {},
+    prevUnit: {},
+    drawObserver: { default: null },
+    interactiveDesktop: { type: Boolean, default: !0 },
+    interactiveMobile: { type: Boolean, default: !0 },
+    useSvg: { type: Boolean, default: !1 }
+  },
+  emits: ["selectUnit", "goToUnit", "navUnit", "hoverOverUnit", "hoverOutUnit", "initialized"],
+  setup(u, { emit: t }) {
+    const e = [0, 16, 32, 48], l = u, a = t;
+    De(
+      "i18n",
+      l.i18n ? new Le(l.i18n.labels, l.i18n.language) : new Le()
+    );
+    const n = r({ isReady: !1, isError: !1, progress: void 0 }), s = r(null), i = r(null), k = r(null), p = r(void 0), v = r(new $e()), m = r({ x: 0, y: 0, width: 0, height: 0 }), I = r(void 0), _ = r(void 0), L = r(null), C = V(() => L.value.isHoverEnabled), E = V(() => l.unitCallback ? l.unitCallback(l.selectedUnitId) : l.selectedUnitId), D = V(() => l.useSvg ? kt : wt);
+    qe(() => {
+      if (l.selectedUnitId && p.value) {
+        const c = s.value[l.selectedUnitId];
+        c && (p.value.currentScene = c);
+      }
+    }), ce(async () => {
+      let c = null;
+      try {
+        c = await v.value.loadJson(
+          l.cdnFileResolver("/apartmentChooser.json")
+        );
+      } catch {
+        console.info("apartmentChooser.json not found");
+      }
+      const f = c && c.startScene !== void 0 ? c.startScene : ko;
+      k.value = c && c.scenes !== void 0 ? c.scenes : e, i.value = c && c.sceneData !== void 0 ? c.sceneData.map((U) => ({
+        apartmentId: U.apartmentID,
+        index: U.index
+      })) : l.buildingSceneDataResolver ? await l.buildingSceneDataResolver() : [], s.value = c && c.sceneData !== void 0 ? c.sceneData.map((U) => {
+        const $ = U.bestScene === 0 ? 4 : U.bestScene;
+        return { unitId: U.apartmentID, scene: $ };
+      }).reduce((U, $) => ({ ...U, [$.unitId]: $.scene }), {}) : l.buildingScenesByApartmentResolver ? await l.buildingScenesByApartmentResolver() : [];
+      const b = (U, $ = "unitId") => {
+        let q = f, ee = [];
+        for (let w = 0; w < lt; w++)
+          ee.push(q), q = _t(q);
+        return U.sort((w, x) => {
+          const W = ee.findIndex(
+            (Y) => Y === s.value[w[$]]
+          ), S = ee.findIndex(
+            (Y) => Y === s.value[x[$]]
+          );
+          return W < S ? -1 : W > S ? 1 : 0;
+        }), U;
+      }, B = (U) => {
+        p.value = new co(U);
+      };
+      a("initialized", {
+        scene: f,
+        scenes: k.value,
+        sceneData: i.value,
+        scenesByApartment: s.value,
+        unitsSceneSort: b,
+        initialize: B
+      });
+    });
+    function g(c) {
+      m.value = c;
+    }
+    function A(c) {
+      _.value = c.hoverApartment, I.value = c.closeHandler, a("hoverOverUnit", c.hoverApartment);
+    }
+    function R(c) {
+      _.value = null, I.value = c.closeHandler, a("hoverOutUnit", c.hoverApartment);
+    }
+    return (c, f) => {
+      const b = T("v-progress-linear");
+      return p.value ? (h(), F("div", mo, [
+        o("div", po, [
+          o("div", ho, [
+            y(Xe, {
+              desktop: n.value.isReady && c.interactiveDesktop,
+              mobile: n.value.isReady && c.interactiveMobile
+            }, {
+              default: M(() => [
+                y(yt, {
+                  "cdn-file-resolver": c.cdnFileResolver,
+                  "view-model": p.value,
+                  "cardinal-frames": k.value,
+                  build: c.build,
+                  onProgress: f[0] || (f[0] = (B) => n.value.progress = B),
+                  onLoaded: f[1] || (f[1] = (B) => n.value.isReady = !0),
+                  onError: f[2] || (f[2] = (B) => n.value.isError = !0)
+                }, null, 8, ["cdn-file-resolver", "view-model", "cardinal-frames", "build"]),
+                n.value.isReady ? (h(), F("div", fo, [
+                  (h(), N(mt(D.value), {
+                    "cdn-file-resolver": c.cdnFileResolver,
+                    "view-model": p.value,
+                    "selected-unit-id": c.selectedUnitId,
+                    "scene-data": i.value,
+                    "color-callback": c.colorCallback,
+                    "unit-callback": c.unitCallback,
+                    "can-go-to-unit-callback": c.canGoToUnitCallback,
+                    "draw-observer": c.drawObserver,
+                    onSelectUnit: f[3] || (f[3] = (B) => a("selectUnit", B)),
+                    onGoToUnit: f[4] || (f[4] = (B) => a("goToUnit", B)),
+                    onHoverOver: A,
+                    onHoverOut: R,
+                    onPos: g
+                  }, {
+                    default: M((B) => [
+                      ie(c.$slots, "default", pt(ht(B)), void 0, !0)
+                    ]),
+                    _: 3
+                  }, 40, ["cdn-file-resolver", "view-model", "selected-unit-id", "scene-data", "color-callback", "unit-callback", "can-go-to-unit-callback", "draw-observer"]))
+                ])) : H("", !0)
+              ]),
+              _: 3
+            }, 8, ["desktop", "mobile"]),
+            _.value && c.showCards ? (h(), N(Ze, {
+              key: 0,
+              "is-hoverable": C.value,
+              pos: m.value,
+              onOutside: I.value
+            }, {
+              default: M(() => [
+                ie(c.$slots, "default", {
+                  unit: _.value,
+                  canGoToUnit: c.canGoToUnitCallback(_.value),
+                  goToUnit: () => c.canGoToUnitCallback(_.value) && a("goToUnit", _.value),
+                  pos: m.value,
+                  isHoverable: C.value,
+                  close: I.value
+                }, void 0, !0)
+              ]),
+              _: 3
+            }, 8, ["is-hoverable", "pos", "onOutside"])) : H("", !0),
+            n.value.isReady ? (h(), F("div", go, [
+              y(bt, {
+                "can-go-to-unit-callback": c.canGoToUnitCallback,
+                "selected-unit": E.value,
+                "prev-unit": c.prevUnit,
+                "next-unit": c.nextUnit,
+                "view-model": p.value,
+                onGoToUnit: f[5] || (f[5] = (B) => a("goToUnit", B)),
+                onPrevUnit: f[6] || (f[6] = (B) => a("navUnit", c.prevUnit)),
+                onNextUnit: f[7] || (f[7] = (B) => a("navUnit", c.nextUnit))
+              }, null, 8, ["can-go-to-unit-callback", "selected-unit", "prev-unit", "next-unit", "view-model"])
+            ])) : n.value.isError ? H("", !0) : (h(), F("div", wo, [
+              y(b, {
+                indeterminate: !n.value.progress,
+                value: n.value.progress
+              }, null, 8, ["indeterminate", "value"])
+            ]))
+          ])
+        ]),
+        y(He, {
+          ref_key: "hoverProbe",
+          ref: L
+        }, null, 512)
+      ])) : H("", !0);
+    };
+  }
+}), yo = /* @__PURE__ */ te(bo, [["__scopeId", "data-v-52c91082"]]), _o = "data:image/png;base64,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", Ke = /* @__PURE__ */ Q({
+  __name: "VNorthDirection",
+  props: {
+    longitude: {}
+  },
+  setup(u) {
+    const t = u, e = V(() => ({
+      transform: `rotate(${90 - (t.longitude || 0)}deg)`,
+      transition: " transform 0.5s ease-in"
+    }));
+    return (l, a) => {
+      const n = T("v-img");
+      return h(), N(n, {
+        src: oe(_o),
+        style: re(e.value)
+      }, null, 8, ["src", "style"]);
+    };
+  }
+}), Co = { class: "sunsim-bar-wrapper" }, Ao = { class: "sunsim-date d-flex align-center pl-5 pr-5" }, Lo = {
+  key: 1,
+  class: "text-center text-body-1"
+}, Io = { class: "sunsim-wrapper d-flex align-center px-3" }, Mo = { class: "sunsim-time-label text-body-1 font-weight-normal ml-2" }, So = /* @__PURE__ */ Q({
+  __name: "VBuildingChooserSunSimControl",
+  props: {
+    modelValue: {},
+    dateSelector: {},
+    isLoading: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(u, { emit: t }) {
+    const e = u, l = t, a = r(e.modelValue), n = r(null);
+    function s(v) {
+      return v.toLocaleString("en-no", {
+        month: "short",
+        day: "numeric"
+      });
+    }
+    const i = V(() => {
+      const v = Math.floor(a.value / 2).toString().padStart(2, "0"), m = a.value % 2 === 0 ? "00" : "30";
+      return `${v}:${m}`;
+    }), k = V(() => e.dateSelector.dates.map(s)), p = V({
+      get() {
+        return s(e.dateSelector.selectedDate);
+      },
+      set(v) {
+        e.dateSelector.selectIndex(k.value.indexOf(v));
+      }
+    });
+    return Z(a, (v) => {
+      l("update:modelValue", v);
+    }), Z(n, (v) => {
+      e.dateSelector.selectIndex(k.value.indexOf(v));
+    }), Z(
+      () => e.modelValue,
+      (v) => {
+        a.value = Math.floor(v);
+      }
+    ), qe(() => {
+      n.value = s(e.dateSelector.selectedDate);
+    }), (v, m) => {
+      const I = T("v-icon"), _ = T("v-select"), L = T("v-progress-linear"), C = T("v-slider");
+      return h(), F("div", Co, [
+        o("div", Ao, [
+          y(I, {
+            color: "black",
+            class: "mr-2",
+            icon: "mdi-calendar-blank-outline"
+          }),
+          v.dateSelector.hasMultipleDates ? (h(), N(_, {
+            key: 0,
+            modelValue: n.value,
+            "onUpdate:modelValue": m[0] || (m[0] = (E) => n.value = E),
+            items: k.value,
+            density: "compact",
+            variant: "underlined",
+            "hide-details": "",
+            class: "day-selector"
+          }, null, 8, ["modelValue", "items"])) : (h(), F("span", Lo, z(p.value), 1))
+        ]),
+        o("div", Io, [
+          o("span", Mo, z(i.value), 1),
+          y(I, {
+            medium: "",
+            class: "ml-2 mr-2 icon"
+          }, {
+            default: M(() => [
+              se("mdi-white-balance-sunny")
+            ]),
+            _: 1
+          }),
+          v.isLoading ? (h(), N(L, {
+            key: 0,
+            indeterminate: "",
+            rounded: "",
+            height: "6",
+            color: "grey lighten-1",
+            class: "mr-2"
+          })) : (h(), N(C, {
+            key: 1,
+            modelValue: a.value,
+            "onUpdate:modelValue": m[1] || (m[1] = (E) => a.value = E),
+            min: 0,
+            max: 47,
+            step: 1,
+            "thumb-label": !1,
+            "hide-details": !0,
+            "thumb-color": "white",
+            "thumb-size": "25",
+            "track-size": "7",
+            "track-fill-color": "transparent",
+            class: "sunsim-slider mr-1"
+          }, null, 8, ["modelValue"]))
+        ])
+      ]);
+    };
+  }
+}), it = /* @__PURE__ */ te(So, [["__scopeId", "data-v-0d8001a3"]]), Eo = { key: 0 }, Fo = ["src"], xo = /* @__PURE__ */ Q({
+  __name: "VBuildingChooserSceneImageStack",
+  props: {
+    imageUrls: {},
+    activeIndex: {}
+  },
+  emits: ["resize", "ready", "preloaded", "reset"],
+  setup(u, { emit: t }) {
+    const e = u, l = t, a = r("init"), n = r(new tt(0)), s = r();
+    Z(
+      () => e.imageUrls,
+      (p) => {
+        l("reset"), k(p);
+      }
+    ), ce(() => {
+      k(e.imageUrls), new ResizeObserver((p) => {
+        window.requestAnimationFrame(() => {
+          const v = p[0].contentRect.width, m = p[0].contentRect.height;
+          l("resize", { width: v, height: m });
+        });
+      }).observe(s.value);
+    });
+    function i() {
+      a.value = "preloaded", l("preloaded");
+    }
+    function k(p) {
+      a.value = "init", s.value.src = p[0], n.value = new tt(p.length).onLoadFinished(
+        () => {
+          a.value = "loaded", l("ready");
+        }
+      );
+    }
+    return (p, v) => (h(), F("div", null, [
+      o("img", {
+        ref_key: "baseImage",
+        ref: s,
+        class: "image-instance zero",
+        style: { opacity: 1, borderRadius: 50 },
+        onLoad: i
+      }, null, 544),
+      a.value === "preloaded" || a.value === "loaded" ? de((h(), F("div", Eo, [
+        (h(!0), F(Ce, null, _e(p.imageUrls, (m, I) => (h(), F("img", {
+          key: I,
+          class: ye({ "image-instance": !0, active: I === p.activeIndex }),
+          src: m,
+          onLoad: v[0] || (v[0] = (_) => n.value.partLoaded())
+        }, null, 42, Fo))), 128)),
+        se(" Here ")
+      ], 512)), [
+        [me, a.value === "loaded"]
+      ]) : H("", !0)
+    ]));
+  }
+}), st = /* @__PURE__ */ te(xo, [["__scopeId", "data-v-1dc6128e"]]), Bo = "buildingChooser.json", Vo = 180;
+class Ct {
+  constructor(t) {
+    J(this, "_cdnFileResolver");
+    J(this, "_resourceLoader");
+    this._cdnFileResolver = t, this._resourceLoader = new $e();
+  }
+  constructFileUrl(t) {
+    return this._cdnFileResolver ? this._cdnFileResolver(`/${t}`) : null;
+  }
+  loadConfigFile() {
+    const t = this.constructFileUrl(Bo);
+    return t ? this._resourceLoader.loadJson(t) : null;
+  }
+  loadBuildingMapImage(t) {
+    const e = this.constructFileUrl(t.lookupFilename);
+    return e ? this._resourceLoader.loadImage(e) : null;
+  }
+  getViewLongitude(t) {
+    return t.cameraRotation && t.cameraRotation.y + 270;
+  }
+  getBuildingData(t) {
+    const e = t ? t.buildings : [], l = e.map((n) => n.id), a = e.map((n) => ({
+      id: n.id,
+      url: this.constructFileUrl(n.overlayFilename)
+    }));
+    return { buildingIds: l, buildingOverlays: a };
+  }
+  getBackgroundImageData(t) {
+    return "days" in t ? this.processMultipleDays(t.days) : [this.processTimeSamples(
+      Vo,
+      t.timeSamples
+    )];
+  }
+  processMultipleDays(t) {
+    return t.map(
+      (e) => this.processTimeSamples(e.dayOfYear, e.timeSamples)
+    );
+  }
+  processTimeSamples(t, e) {
+    return {
+      urls: e.map(
+        (a) => this.constructFileUrl(a.filename)
+      ),
+      referenceDate: this.makeReferenceDate(t)
+    };
+  }
+  makeReferenceDate(t) {
+    const e = /* @__PURE__ */ new Date(0);
+    return e.setUTCDate(t), e;
+  }
+  async loadBuildingChooser() {
+    try {
+      const t = await this.loadConfigFile();
+      if (t) {
+        const e = await this.loadBuildingMapImage(t);
+        if (e) {
+          const l = this.getViewLongitude(t), { buildingIds: a, buildingOverlays: n } = this.getBuildingData(t), s = this.getBackgroundImageData(t);
+          return {
+            mapImage: e,
+            viewLongitude: l,
+            buildingIds: a,
+            buildingOverlays: n,
+            backgrounds: s
+          };
+        }
+      }
+      return null;
+    } catch {
+      return null;
+    }
+  }
+}
+class Re {
+  constructor(t) {
+    J(this, "_buildingIds");
+    this._buildingIds = t;
+  }
+  static empty() {
+    return new Re([]);
+  }
+  getBuildingId(t, e, l) {
+    const a = this._getBuildingIndex(t, e, l);
+    if (a !== void 0)
+      return this._buildingIds[a];
+  }
+  _getBuildingIndex(t, e, l) {
+    const [a, n, s, i] = t.getPixel(e, l);
+    if (i === 255 && a === n && n === s)
+      return a;
+  }
+}
+class Te {
+  constructor(t) {
+    J(this, "_mapImage");
+    J(this, "_context");
+    this._mapImage = t, this._context = null;
+  }
+  static empty() {
+    return new Te(null);
+  }
+  update(t) {
+    this._mapImage && (this._context = t.getContext("2d", { willReadFrequently: !0 }), this._context.drawImage(this._mapImage, 0, 0, t.width, t.height));
+  }
+  getPixel(t, e) {
+    try {
+      return this._context ? this._context.getImageData(t, e, 1, 1).data : [0, 0, 0, 0];
+    } catch {
+      return [0, 0, 0, 0];
+    }
+  }
+}
+const Uo = /* @__PURE__ */ new Date(0);
+class Je {
+  constructor(t) {
+    J(this, "_imagesByDay");
+    J(this, "_state");
+    this._imagesByDay = t, this._state = { selectedIndex: 0 };
+  }
+  static empty() {
+    return new Je([{ referenceDate: Uo, urls: [] }]);
+  }
+  selectIndex(t) {
+    t < this._imagesByDay.length && (this._state.selectedIndex = t);
+  }
+  get dates() {
+    return this._imagesByDay.map((t) => t.referenceDate);
+  }
+  get hasMultipleDates() {
+    return this._imagesByDay.length > 1;
+  }
+  get selectedIndex() {
+    return this._state.selectedIndex;
+  }
+  get selectedDate() {
+    return this._imagesByDay[this.selectedIndex].referenceDate;
+  }
+  get imageUrls() {
+    return this._imagesByDay[this.selectedIndex].urls;
+  }
+}
+const Do = {
+  key: 0,
+  style: { height: "50vh" },
+  class: "d-flex justify-center align-center blue-grey lighten-5"
+}, Ro = { class: "image-instances" }, To = { key: 0 }, Oo = { class: "svg-container" }, $o = ["viewBox"], Ho = ["innerHTML", "data-building-id", "onMouseover", "onMouseout", "onMousemove", "onClick"], jo = ["innerHTML"], Po = /* @__PURE__ */ Q({
+  __name: "VBuildingChooserSvg",
+  props: {
+    showCards: { type: Boolean, default: !0 },
+    colorCallback: { type: Function, default: () => ({ r: 108, g: 0, b: 108, a: 144, s: 2 }) },
+    buildingCallback: { type: Function, default: (u) => u },
+    canGoToBuildingCallback: { type: Function, default: () => !0 },
+    buildingChooserTimeOfDay: {},
+    cdnFileResolver: {},
+    i18n: {},
+    interactiveDesktop: { type: Boolean, default: !0 },
+    interactiveMobile: { type: Boolean, default: !0 },
+    customOverlayContent: {}
+  },
+  emits: ["goToBuilding", "hoverOverBuilding", "hoverOutBuilding"],
+  setup(u, { emit: t }) {
+    const e = u, l = t;
+    De(
+      "i18n",
+      e.i18n ? new Le(e.i18n.labels, e.i18n.language) : new Le()
+    );
+    const a = r({ preloaded: !1, ready: !1 }), n = r({ width: 0, height: 0 }), s = r({ x: 0, y: 0, width: 0, height: 0 }), i = r(), k = r(
+      (/* @__PURE__ */ new Date()).getHours() * 2 + ((/* @__PURE__ */ new Date()).getMinutes() < 30 ? 0 : 1)
+    ), p = r(!1), v = r(new $e()), m = r(), I = r("0 0 0 0"), _ = r({}), L = r(), C = r(Re.empty()), E = r(Te.empty()), D = r(), g = V(() => {
+      var w;
+      return (w = D.value) == null ? void 0 : w.isHoverEnabled;
+    }), A = V(() => f(i.value));
+    Z(i, (w, x) => {
+      w ? l("hoverOverBuilding", f(w)) : l("hoverOutBuilding", f(x));
+    }), qe(() => {
+      if (e.buildingChooserTimeOfDay) {
+        const [w, x, W] = /^(\d\d):(\d\d)$/.exec(
+          e.buildingChooserTimeOfDay
+        ), S = parseInt(W);
+        k.value = parseInt(x) * 2 + (S < 15 ? 0 : S > 45 ? 2 : 1);
+      }
+    }), ce(async () => {
+      const x = await new Ct(
+        e.cdnFileResolver
+      ).loadBuildingChooser();
+      if (x) {
+        E.value = new Te(x.mapImage), C.value = new Re(x.buildingIds), _.value = new Je(x.backgrounds), L.value = {
+          buildingOverlays: x.buildingOverlays,
+          sceneLongitude: x.viewLongitude
+        };
+        const W = [];
+        for (let { id: S, url: Y } of x.buildingOverlays)
+          v.value.loadJson(Y.replace(".png", ".svg")).then((X) => {
+            const ne = new DOMParser().parseFromString(X, "image/svg+xml").getElementsByTagName("svg")[0];
+            I.value = ne.getAttribute("viewBox"), W.push({
+              id: S,
+              svg: ne.innerHTML
+            });
+          });
+        m.value = W;
+      } else
+        p.value = !0;
+    });
+    function R({ width: w, height: x }) {
+      n.value.width = w, n.value.height = x;
+    }
+    function c() {
+      a.value = { preloaded: !1, ready: !1 };
+    }
+    function f(w) {
+      return e.buildingCallback ? e.buildingCallback(w) : w;
+    }
+    function b(w) {
+      const x = f(w), W = e.colorCallback(
+        x,
+        w === i.value ? "hover" : "idle"
+      ), S = [];
+      return w === i.value ? S.push("hover") : S.push("idle"), W && e.canGoToBuildingCallback(x) ? S.push("clickable") : S.push("restricted"), S.join(" ");
+    }
+    function B(w) {
+      const x = f(w), W = e.colorCallback(
+        x,
+        w === i.value ? "hover" : "idle"
+      );
+      if (W) {
+        const { r: S, g: Y, b: X, a: K, s: ne } = W;
+        return {
+          strokeWidth: ne !== void 0 ? ne : 2,
+          stroke: `rgb(${S}, ${Y}, ${X})`,
+          strokeOpacity: 1,
+          fill: `rgb(${S}, ${Y}, ${X})`,
+          fillOpacity: K / 255,
+          cursor: `${e.canGoToBuildingCallback(x) ? "cursor" : "default"} !important`
+        };
+      } else
+        return {
+          strokeWidth: 0,
+          stroke: "white",
+          strokeOpacity: 0,
+          fill: "white",
+          fillOpacity: 0,
+          cursor: "default !important"
+        };
+    }
+    function U(w, x) {
+      g.value && (s.value = {
+        x: w.layerX,
+        y: w.layerY,
+        width: n.value.width,
+        height: n.value.height
+      }, i.value = x, l("hoverOverBuilding", f(x)));
+    }
+    function $(w, x) {
+      g.value && (s.value = {
+        x: w.layerX,
+        y: w.layerY,
+        width: n.value.width,
+        height: n.value.height
+      }, i.value = void 0, l("hoverOutBuilding", f(x)));
+    }
+    function q(w, x) {
+      g.value && (s.value = {
+        x: w.layerX,
+        y: w.layerY,
+        width: n.value.width,
+        height: n.value.height
+      });
+    }
+    function ee(w) {
+      i.value = w, g.value && A.value && e.canGoToBuildingCallback(A.value) && l("goToBuilding", A.value);
+    }
+    return (w, x) => {
+      const W = T("v-icon");
+      return p.value ? (h(), F("div", Do, [
+        y(W, { "x-large": "" }, {
+          default: M(() => [
+            se("mdi-alert-circle-outline")
+          ]),
+          _: 1
+        })
+      ])) : L.value ? (h(), F("div", {
+        key: 1,
+        style: re(`height: ${n.value.height}px; position: relative`),
+        class: "image-container"
+      }, [
+        y(Xe, {
+          desktop: w.interactiveDesktop,
+          mobile: w.interactiveMobile
+        }, {
+          default: M(() => [
+            o("div", Ro, [
+              y(st, {
+                "image-urls": _.value.imageUrls,
+                "active-index": k.value,
+                onResize: R,
+                onPreloaded: x[0] || (x[0] = (S) => a.value.preloaded = !0),
+                onReady: x[1] || (x[1] = (S) => a.value.ready = !0),
+                onReset: c
+              }, null, 8, ["image-urls", "active-index"]),
+              m.value ? de((h(), F("div", To, [
+                o("div", Oo, [
+                  (h(), F("svg", { viewBox: I.value }, [
+                    (h(!0), F(Ce, null, _e(m.value, ({ id: S, svg: Y }, X) => (h(), F("g", {
+                      key: X,
+                      innerHTML: Y,
+                      "data-building-id": S,
+                      class: ye(b(S)),
+                      style: re(B(S)),
+                      onMouseover: (K) => U(K, S),
+                      onMouseout: (K) => $(K, S),
+                      onMousemove: (K) => q(K),
+                      onClick: (K) => ee(S)
+                    }, null, 46, Ho))), 128))
+                  ], 8, $o))
+                ])
+              ], 512)), [
+                [me, a.value.preloaded]
+              ]) : H("", !0),
+              de(o("div", {
+                class: "custom-overlay-layer",
+                innerHTML: w.customOverlayContent
+              }, null, 8, jo), [
+                [me, a.value.preloaded]
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["desktop", "mobile"]),
+        de(o("div", null, [
+          L.value.sceneLongitude ? (h(), N(Ke, {
+            key: 0,
+            class: "north-indicator",
+            longitude: L.value.sceneLongitude
+          }, null, 8, ["longitude"])) : H("", !0),
+          y(it, {
+            modelValue: k.value,
+            "onUpdate:modelValue": x[2] || (x[2] = (S) => k.value = S),
+            "date-selector": _.value,
+            "is-loading": !a.value.ready
+          }, null, 8, ["modelValue", "date-selector", "is-loading"])
+        ], 512), [
+          [me, a.value.preloaded]
+        ]),
+        w.showCards && A.value ? (h(), N(Ze, {
+          key: 0,
+          "is-hoverable": g.value,
+          pos: s.value,
+          onOutside: x[3] || (x[3] = () => i.value = void 0)
+        }, {
+          default: M(() => [
+            ie(w.$slots, "default", {
+              building: A.value,
+              canGoToBuilding: w.canGoToBuildingCallback(A.value),
+              goToBuilding: () => w.canGoToBuildingCallback(A.value) && l("goToBuilding", A.value),
+              pos: s.value,
+              isHoverable: g.value,
+              close: () => i.value = void 0
+            }, void 0, !0)
+          ]),
+          _: 3
+        }, 8, ["is-hoverable", "pos"])) : H("", !0),
+        y(He, {
+          ref_key: "hoverProbe",
+          ref: D
+        }, null, 512)
+      ], 4)) : H("", !0);
+    };
+  }
+}), At = /* @__PURE__ */ te(Po, [["__scopeId", "data-v-6103fad2"]]), No = /* @__PURE__ */ Q({
+  __name: "VBuildingChooserRasterOverlay",
+  props: {
+    imageUrl: {},
+    dimensions: {},
+    color: { default: () => ({ r: 108, g: 0, b: 108, a: 144, s: 2 }) }
+  },
+  setup(u) {
+    const t = u, e = r(!1), l = r(void 0), a = r(new $e()), n = r(void 0), s = r(void 0), i = r([]), k = r();
+    Z(
+      () => t.color,
+      (I, _) => {
+        (I.r !== _.r || I.g !== _.g || I.b !== _.b || I.a !== _.a) && v();
+      }
+    ), ce(async () => {
+      l.value = await a.value.loadImage(t.imageUrl), p();
+    });
+    function p() {
+      if (!l.value || !k.value)
+        return;
+      const { width: I, height: _ } = t.dimensions;
+      if (!(I === 0 || _ === 0)) {
+        n.value = k.value.getContext("2d", {
+          willReadFrequently: !0
+        }), n.value.drawImage(l.value, 0, 0, I, _), s.value = n.value.getImageData(0, 0, I, _);
+        for (let L = 3; L < s.value.data.length; L += 4)
+          s.value.data[L] !== 0 && i.value.push(L);
+        v(), e.value = !0;
+      }
+    }
+    function v() {
+      n.value && s.value && (m(), n.value.putImageData(s.value, 0, 0));
+    }
+    function m() {
+      if (t.color)
+        for (let I = 0; I < i.value.length; I++)
+          s.value.data[i.value[I] - 3] = t.color.r, s.value.data[i.value[I] - 2] = t.color.g, s.value.data[i.value[I] - 1] = t.color.b, s.value.data[i.value[I]] = t.color.a;
+    }
+    return (I, _) => (h(), F("canvas", be({
+      ref_key: "canvas",
+      ref: k,
+      class: "overlay"
+    }, I.dimensions), null, 16));
+  }
+}), Lt = /* @__PURE__ */ te(No, [["__scopeId", "data-v-b6fc0f96"]]), Yo = {
+  key: 0,
+  style: { height: "50vh" },
+  class: "d-flex justify-center align-center blue-grey lighten-5"
+}, Wo = { class: "image-instances" }, Go = ["innerHTML"], Qo = /* @__PURE__ */ Q({
+  __name: "VBuildingChooserRaster",
+  props: {
+    showCards: { type: Boolean, default: !0 },
+    colorCallback: { type: Function, default: () => ({ r: 108, g: 0, b: 108, a: 144, s: 2 }) },
+    buildingCallback: { type: Function, default: (u) => u },
+    canGoToBuildingCallback: { type: Function, default: () => !0 },
+    buildingChooserTimeOfDay: {},
+    cdnFileResolver: {},
+    i18n: {},
+    interactiveDesktop: { type: Boolean, default: !0 },
+    interactiveMobile: { type: Boolean, default: !0 },
+    customOverlayContent: {}
+  },
+  emits: ["goToBuilding", "hoverOverBuilding", "hoverOutBuilding"],
+  setup(u, { emit: t }) {
+    const e = u, l = t;
+    De(
+      "i18n",
+      e.i18n ? new Le(e.i18n.labels, e.i18n.language) : new Le()
+    );
+    const a = r({}), n = r({ preloaded: !1, ready: !1 }), s = r({ width: 0, height: 0 }), i = r({ x: 0, y: 0, width: 0, height: 0 }), k = r(void 0), p = r(Re.empty()), v = r(Te.empty()), m = r(void 0), I = r(
+      (/* @__PURE__ */ new Date()).getHours() * 2 + ((/* @__PURE__ */ new Date()).getMinutes() < 30 ? 0 : 1)
+    ), _ = r((w, x) => ({ x: w, y: x })), L = r(!1), C = r(), E = r(), D = r(), g = V(() => {
+      var w;
+      return (w = C.value) == null ? void 0 : w.isHoverEnabled;
+    }), A = V(
+      () => f(m.value)
+    );
+    qe(() => {
+      if (e.buildingChooserTimeOfDay) {
+        const [w, x, W] = /^(\d\d):(\d\d)$/.exec(
+          e.buildingChooserTimeOfDay
+        ), S = parseInt(W);
+        I.value = parseInt(x) * 2 + (S < 15 ? 0 : S > 45 ? 2 : 1);
+      }
+    }), Z(m, (w, x) => {
+      w ? l("hoverOverBuilding", f(w)) : l("hoverOutBuilding", f(x));
+    }), ce(async () => {
+      const x = await new Ct(
+        e.cdnFileResolver
+      ).loadBuildingChooser();
+      x ? (v.value = new Te(x.mapImage), p.value = new Re(x.buildingIds), a.value = new Je(x.backgrounds), k.value = {
+        buildingOverlays: x.buildingOverlays,
+        sceneLongitude: x.viewLongitude
+      }, B()) : L.value = !0;
+    });
+    function R({ width: w, height: x }) {
+      s.value.width = w, s.value.height = x, Tt(B);
+    }
+    function c() {
+      n.value = { preloaded: !1, ready: !1 };
+    }
+    function f(w) {
+      return e.buildingCallback ? e.buildingCallback(w) : w;
+    }
+    function b(w) {
+      const { x, y: W } = _.value(w.layerX, w.layerY);
+      return p.value.getBuildingId(v.value, x, W);
+    }
+    function B() {
+      if (E.value && (v.value.update(E.value), D.value))
+        for (const w of D.value)
+          w.setupDraw();
+    }
+    function U(w) {
+      g.value && (m.value = b(w), m.value !== void 0 && (i.value = {
+        x: w.layerX,
+        y: w.layerY,
+        width: s.value.width,
+        height: s.value.height
+      }));
+    }
+    function $(w) {
+      m.value = b(w), g.value && A.value && l("goToBuilding", A.value);
+    }
+    function q(w) {
+      return e.colorCallback(
+        f(w),
+        w === m.value ? "hover" : "idle"
+      );
+    }
+    function ee({ resolve: w }) {
+      _.value = w;
+    }
+    return (w, x) => {
+      const W = T("v-icon");
+      return L.value ? (h(), F("div", Yo, [
+        y(W, { "x-large": "" }, {
+          default: M(() => [
+            se("mdi-alert-circle-outline")
+          ]),
+          _: 1
+        })
+      ])) : k.value ? (h(), F("div", {
+        key: 1,
+        style: re(`cursor: ${m.value ? "pointer" : "auto"};height: ${s.value.height}px; position: relative`),
+        class: "image-container"
+      }, [
+        y(Xe, {
+          desktop: w.interactiveDesktop,
+          mobile: w.interactiveMobile,
+          onUpdate: ee
+        }, {
+          default: M(() => [
+            o("div", Wo, [
+              y(st, {
+                "image-urls": a.value.imageUrls,
+                "active-index": I.value,
+                onResize: R,
+                onPreloaded: x[0] || (x[0] = (S) => n.value.preloaded = !0),
+                onReady: x[1] || (x[1] = (S) => n.value.ready = !0),
+                onReset: c
+              }, null, 8, ["image-urls", "active-index"]),
+              de(o("div", null, [
+                (h(!0), F(Ce, null, _e(k.value.buildingOverlays, (S) => (h(), N(Lt, {
+                  ref_for: !0,
+                  ref_key: "overlays",
+                  ref: D,
+                  key: S.id,
+                  "image-url": S.url,
+                  dimensions: s.value,
+                  color: q(S.id)
+                }, null, 8, ["image-url", "dimensions", "color"]))), 128))
+              ], 512), [
+                [me, n.value.preloaded]
+              ])
+            ]),
+            o("canvas", be(s.value, {
+              ref_key: "canvas",
+              ref: E,
+              class: { hover: !!m.value },
+              onClick: $,
+              onMousemove: U
+            }), null, 16),
+            de(o("div", {
+              class: "custom-overlay-layer",
+              innerHTML: w.customOverlayContent
+            }, null, 8, Go), [
+              [me, n.value.preloaded]
+            ])
+          ]),
+          _: 1
+        }, 8, ["desktop", "mobile"]),
+        de(o("div", null, [
+          k.value.sceneLongitude ? (h(), N(Ke, {
+            key: 0,
+            class: "north-indicator",
+            longitude: k.value.sceneLongitude
+          }, null, 8, ["longitude"])) : H("", !0),
+          y(it, {
+            modelValue: I.value,
+            "onUpdate:modelValue": x[2] || (x[2] = (S) => I.value = S),
+            "date-selector": a.value,
+            "is-loading": !n.value.ready
+          }, null, 8, ["modelValue", "date-selector", "is-loading"])
+        ], 512), [
+          [me, n.value.preloaded]
+        ]),
+        w.showCards && A.value ? (h(), N(Ze, {
+          key: 0,
+          "is-hoverable": g.value,
+          pos: i.value,
+          onOutside: x[3] || (x[3] = () => m.value = void 0)
+        }, {
+          default: M(() => [
+            ie(w.$slots, "default", {
+              building: A.value,
+              canGoToBuilding: w.canGoToBuildingCallback(A.value),
+              goToBuilding: () => w.canGoToBuildingCallback(A.value) && l("goToBuilding", A.value),
+              pos: i.value,
+              isHoverable: g.value,
+              close: () => m.value = void 0
+            }, void 0, !0)
+          ]),
+          _: 3
+        }, 8, ["is-hoverable", "pos"])) : H("", !0),
+        y(He, {
+          ref_key: "hoverProbe",
+          ref: C
+        }, null, 512)
+      ], 4)) : H("", !0);
+    };
+  }
+}), It = /* @__PURE__ */ te(Qo, [["__scopeId", "data-v-96bbdc16"]]), zo = /* @__PURE__ */ Q({
+  __name: "VBuildingChooser",
+  props: {
+    showCards: { type: Boolean, default: !0 },
+    colorCallback: { type: Function, default: () => ({ r: 108, g: 0, b: 108, a: 144, s: 2 }) },
+    buildingCallback: { type: Function, default: (u) => u },
+    cdnFileResolver: {},
+    i18n: {},
+    interactiveDesktop: { type: Boolean, default: !0 },
+    interactiveMobile: { type: Boolean, default: !0 },
+    useSvg: { type: Boolean, default: !1 },
+    buildingChooserTimeOfDay: {},
+    canGoToBuildingCallback: { type: Function, default: () => !0 },
+    customOverlayContent: {}
+  },
+  emits: ["goToBuilding", "hoverOverBuilding", "hoverOutBuilding"],
+  setup(u, { emit: t }) {
+    const e = u, l = t, a = V(
+      () => e.useSvg ? At : It
+    );
+    return (n, s) => (h(), N(mt(a.value), {
+      "show-cards": n.showCards,
+      "color-callback": n.colorCallback,
+      "building-callback": n.buildingCallback,
+      "cdn-file-resolver": n.cdnFileResolver,
+      i18n: n.i18n,
+      "interactive-desktop": n.interactiveDesktop,
+      "interactive-mobile": n.interactiveMobile,
+      "building-chooser-time-of-day": n.buildingChooserTimeOfDay,
+      "can-go-to-building-callback": n.canGoToBuildingCallback,
+      "custom-overlay-content": n.customOverlayContent,
+      onGoToBuilding: s[0] || (s[0] = (i) => l("goToBuilding", i)),
+      onHoverOverBuilding: s[1] || (s[1] = (i) => l("hoverOverBuilding", i)),
+      onHoverOutBuilding: s[2] || (s[2] = (i) => l("hoverOutBuilding", i))
+    }, Ot({ _: 2 }, [
+      _e(Object.keys(n.$slots), (i) => ({
+        name: i,
+        fn: M((k) => [
+          ie(n.$slots, i, pt(ht(k)))
+        ])
+      }))
+    ]), 1064, ["show-cards", "color-callback", "building-callback", "cdn-file-resolver", "i18n", "interactive-desktop", "interactive-mobile", "building-chooser-time-of-day", "can-go-to-building-callback", "custom-overlay-content"]));
+  }
+});
+var je = {};
+Object.defineProperty(je, "__esModule", {
+  value: !0
+});
+var qo = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(u) {
+  return typeof u;
+} : function(u) {
+  return u && typeof Symbol == "function" && u.constructor === Symbol && u !== Symbol.prototype ? "symbol" : typeof u;
+}, Zo = typeof window < "u" && typeof window.document < "u", Xo = typeof process < "u" && process.versions != null && process.versions.node != null, Ko = (typeof self > "u" ? "undefined" : qo(self)) === "object" && self.constructor && self.constructor.name === "DedicatedWorkerGlobalScope", Jo = typeof window < "u" && window.name === "nodejs" || typeof navigator < "u" && (navigator.userAgent.includes("Node.js") || navigator.userAgent.includes("jsdom")), en = typeof Deno < "u" && typeof Deno.version < "u" && typeof Deno.version.deno < "u", tn = je.isBrowser = Zo;
+je.isWebWorker = Ko;
+je.isNode = Xo;
+je.isJsDom = Jo;
+je.isDeno = en;
+const on = { id: "player-wrapper" }, nn = { id: "player-sizer" }, an = {
+  class: "player-control",
+  id: "controls-top-left"
+}, ln = {
+  class: "player-control",
+  id: "controls-top-center"
+}, sn = {
+  class: "player-control",
+  id: "controls-top-right"
+}, rn = {
+  class: "player-control",
+  id: "controls-center-left"
+}, un = {
+  class: "player-control",
+  id: "controls-center-center"
+}, cn = {
+  class: "player-control",
+  id: "controls-center-right"
+}, dn = {
+  class: "player-control",
+  id: "controls-bottom-left"
+}, vn = {
+  class: "player-control",
+  id: "controls-bottom-center"
+}, mn = {
+  class: "player-control",
+  id: "controls-bottom-right"
+}, pn = { id: "main-canvas" }, hn = /* @__PURE__ */ Q({
+  __name: "VPlayer",
+  props: {
+    fileLoader: {},
+    rootUrl: {},
+    currentCameraId: {},
+    showStaticImage: { type: Boolean },
+    isFullScreen: { type: Boolean },
+    mouseSensitivity: { default: 1 },
+    isInIframe: { type: Boolean, default: !1 }
+  },
+  emits: ["newCameraCallback", "newRotationCallback", "newFloorCallback", "newFovCallback", "playerApiCallback", "newSizeCallback"],
+  setup(u, { emit: t }) {
+    const e = jt.PlayerV2, l = u, a = t, n = r(void 0), s = r(void 0), i = r(0), k = r(0);
+    Z(
+      () => l.rootUrl,
+      async (v) => {
+        n.value && (await n.value.loadInterior(v, s.value, !1), p());
+      }
+    ), Z(
+      () => l.fileLoader,
+      async () => {
+        n.value && (await n.value.loadInterior(l.rootUrl, void 0, !1), p());
+      },
+      { deep: !0 }
+    ), Z(
+      () => l.currentCameraId,
+      (v) => {
+        n.value && (s.value = v, n.value.goToCamera(v, !0));
+      }
+    ), Z(n, (v) => {
+      a("playerApiCallback", v);
+      const m = n.value.getCurrentCamera();
+      m && (s.value = m.id);
+    }), ce(async () => {
+      window.addEventListener("resize", p), p();
+      const _ = {
+        initialized: () => {
+          n.value = e.Main.getPlayerAPI();
+          const C = n.value.getCurrentCamera();
+          C && (s.value = C.id), a("newCameraCallback", s.value);
+        },
+        newCamera: (C) => {
+          a("newCameraCallback", C.id), a("newFloorCallback", C.floorLevel), n.value && n.value.resetMarkerBehaviour(0), s.value = C.id;
+        },
+        newFOV: (C) => {
+          a("newFovCallback", C), k.value = C;
+        },
+        newRotation: (C) => {
+          const E = C + 0;
+          a("newRotationCallback", E), i.value = E;
+        }
+      };
+      if (!tn)
+        return;
+      const L = await new e.Main(
+        l.rootUrl,
+        "qpc",
+        _,
+        void 0,
+        l.currentCameraId,
+        l.fileLoader
+      );
+      L && (L.handleWindowResize(), window.addEventListener(
+        "resize",
+        L.handleWindowResize.bind(L)
+      ), L.animate(), n.value = e.Main.getPlayerAPI(), n.value && n.value.setLookSensitivity(l.mouseSensitivity));
+    }), Oe(() => {
+      n.value && n.value.destroy();
+    });
+    function p() {
+      let v = 1.7777777777777777, m = document.querySelector("#player-sizer");
+      if (!m)
+        return;
+      let I = m.offsetWidth, _ = I * (1 / v);
+      (window.innerWidth <= 600 || I <= 600) && (_ = window.innerHeight * 0.75, l.isInIframe && (_ = screen.height * 0.65), I = _ * (1 / v)), m.style.height = _ + "px", m.style.width = I + "px", a("newSizeCallback", I, _);
+    }
+    return (v, m) => (h(), F("div", on, [
+      o("div", nn, [
+        ie(v.$slots, "slideshow-image", {}, void 0, !0),
+        o("div", an, [
+          ie(v.$slots, "top-left", {}, void 0, !0)
+        ]),
+        o("div", ln, [
+          ie(v.$slots, "top-center", {}, void 0, !0)
+        ]),
+        o("div", sn, [
+          ie(v.$slots, "top-right", {}, void 0, !0)
+        ]),
+        o("div", rn, [
+          ie(v.$slots, "center-left", {}, void 0, !0)
+        ]),
+        o("div", un, [
+          ie(v.$slots, "center-center", {}, void 0, !0)
+        ]),
+        o("div", cn, [
+          ie(v.$slots, "center-right", {}, void 0, !0)
+        ]),
+        o("div", dn, [
+          ie(v.$slots, "bottom-left", {}, void 0, !0)
+        ]),
+        o("div", vn, [
+          ie(v.$slots, "bottom-center", {}, void 0, !0)
+        ]),
+        o("div", mn, [
+          ie(v.$slots, "bottom-right", {}, void 0, !0)
+        ]),
+        o("div", pn, [
+          o("canvas", {
+            id: "qpc",
+            style: re(v.showStaticImage ? "visibility:hidden" : "visibility:visible")
+          }, null, 4)
+        ])
+      ])
+    ]));
+  }
+}), fn = /* @__PURE__ */ te(hn, [["__scopeId", "data-v-2374a426"]]), gn = { class: "waypoint-carousel" }, wn = 37, kn = 39, bn = /* @__PURE__ */ Q({
+  __name: "VWaypointCarousel",
+  props: {
+    thumbnails: {},
+    active: {}
+  },
+  emits: ["previous", "next", "goto"],
+  setup(u, { emit: t }) {
+    const e = u, l = t, a = r(0), n = V({
+      get() {
+        return e.active;
+      },
+      set(p) {
+        a.value = p;
+      }
+    }), s = V(() => /Android|webOS|iPhone|iPad|BlackBerry|Windows Phone|Opera Mini|IEMobile|Mobile/i.test(
+      window.navigator.userAgent
+    ));
+    ce(() => {
+      window.addEventListener("keydown", i);
+    }), Oe(() => {
+      window.removeEventListener("keydown", i);
+    });
+    function i(p) {
+      switch (p.keyCode) {
+        case p.keyCode === wn:
+          l("previous");
+          break;
+        case p.keyCode === kn:
+          l("next");
+          break;
+        default:
+          return;
+      }
+    }
+    function k(p, v) {
+      v(), l("goto", p);
+    }
+    return (p, v) => {
+      const m = T("v-icon"), I = T("v-btn"), _ = T("v-hover"), L = T("v-img"), C = T("v-card"), E = T("v-slide-group-item"), D = T("v-slide-group");
+      return h(), F("div", gn, [
+        y(D, {
+          modelValue: n.value,
+          "onUpdate:modelValue": v[2] || (v[2] = (g) => n.value = g),
+          "active-class": "active-apt",
+          "selected-class": "active-apt",
+          "show-arrows": "",
+          "center-active": "",
+          mandatory: ""
+        }, {
+          prev: M(() => [
+            y(_, null, {
+              default: M(({ isHovering: g }) => [
+                y(I, {
+                  elevation: "0",
+                  class: ye(["carousel-button", { mobile: s.value }]),
+                  onClick: v[0] || (v[0] = (A) => l("previous"))
+                }, {
+                  default: M(() => [
+                    y(m, {
+                      color: g ? "#999" : "#d2d2d2",
+                      "x-large": ""
+                    }, {
+                      default: M(() => [
+                        se(" mdi-chevron-left ")
+                      ]),
+                      _: 2
+                    }, 1032, ["color"])
+                  ]),
+                  _: 2
+                }, 1032, ["class"])
+              ]),
+              _: 1
+            })
+          ]),
+          next: M(() => [
+            y(_, null, {
+              default: M(({ isHovering: g }) => [
+                y(I, {
+                  elevation: "0",
+                  class: ye(["carousel-button", { mobile: s.value }]),
+                  onClick: v[1] || (v[1] = (A) => l("next"))
+                }, {
+                  default: M(() => [
+                    y(m, {
+                      color: g ? "#999" : "#d2d2d2",
+                      "x-large": ""
+                    }, {
+                      default: M(() => [
+                        se(" mdi-chevron-right ")
+                      ]),
+                      _: 2
+                    }, 1032, ["color"])
+                  ]),
+                  _: 2
+                }, 1032, ["class"])
+              ]),
+              _: 1
+            })
+          ]),
+          default: M(() => [
+            (h(!0), F(Ce, null, _e(p.thumbnails, (g) => (h(), N(E, {
+              key: g.id
+            }, {
+              default: M(({ toggle: A, selectedClass: R }) => [
+                y(C, {
+                  class: ye(["ma-2", R]),
+                  align: "center",
+                  justify: "center",
+                  height: s.value ? 50 : 100,
+                  width: s.value ? 80 : 160,
+                  elevation: "0",
+                  style: { overflow: "hidden" },
+                  onClick: (c) => k(g.id, A)
+                }, {
+                  default: M(() => [
+                    y(L, {
+                      "max-height": "100",
+                      "max-width": "160",
+                      src: g.thumbnailUrl
+                    }, null, 8, ["src"])
+                  ]),
+                  _: 2
+                }, 1032, ["class", "height", "width", "onClick"])
+              ]),
+              _: 2
+            }, 1024))), 128))
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+}), dt = /* @__PURE__ */ te(bn, [["__scopeId", "data-v-f8f5088a"]]), yn = {
+  style: { width: "24px", height: "24px" },
+  viewBox: "0 0 18 16",
+  xmlns: "http://www.w3.org/2000/svg"
+}, _n = ["stroke"], Cn = ["stroke"], An = { class: "floor-level-label" }, Ln = /* @__PURE__ */ Q({
+  __name: "VFloorLevel",
+  props: {
+    level: { default: 0 },
+    floorLevels: { default: () => [] }
+  },
+  emits: ["level"],
+  setup(u, { emit: t }) {
+    const e = u, l = t, a = pe("i18n"), n = V(() => {
+      const v = e.floorLevels;
+      return v.sort(), v;
+    }), s = V(() => n.value.indexOf(e.level) + 1 <= n.value.length / 2 ? "Lower" : "Upper"), i = V(() => s.value === "Lower"), k = V(() => s.value === "Upper");
+    function p() {
+      const v = e.level + 1;
+      v >= n.value.length ? l("level", n.value[0]) : l("level", n.value[v]);
+    }
+    return (v, m) => {
+      const I = T("v-btn"), _ = T("v-tooltip");
+      return h(), N(_, {
+        right: "",
+        attach: ""
+      }, {
+        activator: M(({ props: L }) => [
+          y(I, be({
+            style: { cursor: "pointer" },
+            density: "comfortable",
+            elevation: "1",
+            icon: ""
+          }, L, { onClick: p }), {
+            default: M(() => [
+              (h(), F("svg", yn, [
+                o("path", {
+                  d: "M8.98034 10.3472L1.54055 5.8855L8.98034 1.42384L16.4201 5.8855L8.98034 10.3472Z",
+                  fill: "white",
+                  stroke: k.value ? "black" : "#999999",
+                  "stroke-width": "1.5",
+                  "stroke-linejoin": "round"
+                }, null, 8, _n),
+                o("path", {
+                  d: "M8.98034 14.7993L1.54055 10.3376L8.98034 5.87599L16.4201 10.3376L8.98034 14.7993Z",
+                  fill: "white",
+                  stroke: i.value ? "black" : "#999999",
+                  "stroke-width": "1.5",
+                  "stroke-linejoin": "round"
+                }, null, 8, Cn)
+              ]))
+            ]),
+            _: 2
+          }, 1040)
+        ]),
+        default: M(() => [
+          o("span", An, z(oe(a).getLabel(s.value)) + " " + z(oe(a).getLabel("floor")), 1)
+        ]),
+        _: 1
+      });
+    };
+  }
+}), In = /* @__PURE__ */ te(Ln, [["__scopeId", "data-v-82187b23"]]), Mn = {
+  id: "share-btns-wrapper",
+  class: "text-center"
+}, Sn = /* @__PURE__ */ Q({
+  __name: "VSocialShare",
+  setup(u) {
+    const t = pe("i18n"), e = r(!1), l = r(location.href);
+    function a() {
+      return window.open(
+        "https://www.facebook.com/sharer/sharer.php?u=" + encodeURIComponent(location.href),
+        "facebook-share-dialog",
+        "width=626,height=436"
+      ), !1;
+    }
+    function n() {
+      return window.open(
+        "https://twitter.com/intent/tweet?text=" + encodeURIComponent(location.href),
+        "twitter-share-dialog",
+        "width=626,height=436"
+      ), !1;
+    }
+    function s() {
+      return window.open(
+        "https://www.linkedin.com/sharing/share-offsite/?url=" + encodeURIComponent(location.href),
+        "linkedin-share-dialog",
+        "width=626,height=736"
+      ), !1;
+    }
+    function i() {
+      navigator.clipboard.writeText(location.href);
+    }
+    return (k, p) => {
+      const v = T("v-btn"), m = T("v-tooltip"), I = T("v-toolbar-title"), _ = T("v-spacer"), L = T("v-toolbar"), C = T("v-card-text"), E = T("v-card"), D = T("v-dialog");
+      return h(), F("div", null, [
+        y(m, {
+          elevation: "2",
+          top: "",
+          attach: ""
+        }, {
+          activator: M(({ props: g }) => [
+            y(v, be({
+              density: "comfortable",
+              elevation: "1",
+              icon: "mdi-share-variant",
+              onClick: p[0] || (p[0] = (A) => e.value = !e.value)
+            }, g), null, 16)
+          ]),
+          default: M(() => [
+            o("span", null, z(oe(t).getLabel("share")), 1)
+          ]),
+          _: 1
+        }),
+        y(D, {
+          id: "share-box",
+          width: "400",
+          modelValue: e.value,
+          "onUpdate:modelValue": p[2] || (p[2] = (g) => e.value = g)
+        }, {
+          default: M(() => [
+            y(E, null, {
+              default: M(() => [
+                y(L, { elevation: "0" }, {
+                  default: M(() => [
+                    y(v, {
+                      size: "x-small",
+                      icon: "mdi-close",
+                      onClick: p[1] || (p[1] = (g) => e.value = !1)
+                    }),
+                    y(I, null, {
+                      default: M(() => [
+                        se(z(oe(t).getLabel("share")), 1)
+                      ]),
+                      _: 1
+                    }),
+                    y(_)
+                  ]),
+                  _: 1
+                }),
+                y(C, { class: "mt-5" }, {
+                  default: M(() => [
+                    o("p", Mn, [
+                      y(m, { location: "top" }, {
+                        activator: M(({ props: g }) => [
+                          y(v, be({
+                            depressed: "",
+                            fab: "",
+                            light: "",
+                            icon: "mdi-facebook"
+                          }, g, { onClick: a }), null, 16)
+                        ]),
+                        default: M(() => [
+                          o("span", null, z(oe(t).getLabel("share-to-facebook")), 1)
+                        ]),
+                        _: 1
+                      }),
+                      y(m, { location: "top" }, {
+                        activator: M(({ props: g }) => [
+                          y(v, be({
+                            depressed: "",
+                            fab: "",
+                            light: "",
+                            icon: "mdi-linkedin"
+                          }, g, { onClick: s }), null, 16)
+                        ]),
+                        default: M(() => [
+                          o("span", null, z(oe(t).getLabel("share-to-linkedin")), 1)
+                        ]),
+                        _: 1
+                      }),
+                      y(m, { location: "top" }, {
+                        activator: M(({ props: g }) => [
+                          y(v, be({
+                            depressed: "",
+                            fab: "",
+                            light: "",
+                            icon: "mdi-twitter"
+                          }, g, { onClick: n }), null, 16)
+                        ]),
+                        default: M(() => [
+                          o("span", null, z(oe(t).getLabel("share-to-twitter")), 1)
+                        ]),
+                        _: 1
+                      }),
+                      y(m, { location: "top" }, {
+                        activator: M(({ props: g }) => [
+                          y(v, be({
+                            depressed: "",
+                            fab: "",
+                            light: "",
+                            icon: "mdi-email",
+                            link: "",
+                            href: `mailto:?body=${l.value}`
+                          }, g), null, 16, ["href"])
+                        ]),
+                        default: M(() => [
+                          o("span", null, z(oe(t).getLabel("share-via-email")), 1)
+                        ]),
+                        _: 1
+                      }),
+                      y(m, { location: "top" }, {
+                        activator: M(({ props: g }) => [
+                          y(v, be({
+                            depressed: "",
+                            fab: "",
+                            light: "",
+                            icon: "mdi-content-copy",
+                            onClick: i
+                          }, g), null, 16)
+                        ]),
+                        default: M(() => [
+                          o("span", null, z(oe(t).getLabel("copy-link")), 1)
+                        ]),
+                        _: 1
+                      }),
+                      y(_)
+                    ])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+}), En = /* @__PURE__ */ te(Sn, [["__scopeId", "data-v-66122fea"]]), Fn = /* @__PURE__ */ Q({
+  __name: "VInteriorSelector",
+  props: {
+    availableArchetypes: {},
+    selectedIndex: {}
+  },
+  emits: ["selectInterior"],
+  setup(u, { emit: t }) {
+    const e = t, l = pe("i18n"), a = pe("localMode"), n = pe("fileLoader");
+    function s(i) {
+      let k = i;
+      return a && (k = `${n.getURL(i)}`), k;
+    }
+    return (i, k) => {
+      const p = T("v-btn"), v = T("v-img"), m = T("v-list-item-title"), I = T("v-list-item"), _ = T("v-list"), L = T("v-menu");
+      return h(), F("div", null, [
+        y(L, {
+          transition: "slide-x-reverse-transition",
+          location: "top end",
+          origin: "end bottom",
+          elevation: "0"
+        }, {
+          activator: M(({ props: C }) => [
+            y(p, be({
+              "prepend-icon": "mdi-palette-outline",
+              rounded: ""
+            }, C), {
+              default: M(() => [
+                se(z(oe(l).getLabel("interior")), 1)
+              ]),
+              _: 2
+            }, 1040)
+          ]),
+          default: M(() => [
+            y(_, { class: "interior-selector-list" }, {
+              default: M(() => [
+                (h(!0), F(Ce, null, _e(i.availableArchetypes, (C, E) => (h(), N(I, {
+                  density: "compact",
+                  key: `at-menuitem-${E}`,
+                  onClick: (D) => e("selectInterior", C.archetypeID),
+                  active: E === i.selectedIndex,
+                  class: "interior-selector-list-item"
+                }, {
+                  prepend: M(() => [
+                    y(v, {
+                      width: "100",
+                      "max-width": "100",
+                      height: "66",
+                      src: s(C.url)
+                    }, null, 8, ["src"])
+                  ]),
+                  default: M(() => [
+                    y(m, { class: "text-caption py-2 px-4" }, {
+                      default: M(() => [
+                        se(z(oe(l).get(C.title)), 1)
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ]),
+                  _: 2
+                }, 1032, ["onClick", "active"]))), 128))
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+}), xn = /* @__PURE__ */ te(Fn, [["__scopeId", "data-v-cc96ef5c"]]), Bn = "data:image/png;base64,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", Vn = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAABsCAYAAACPZlfNAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMdSURBVHgB7dxBTttQEMbxsU32idouujM7FhjlBqQnaG5AbkBvUPUEpTegN8gR6AlAgQU70lWlQkUUscR+fVZrRKlL7CTQN6P/T0IJwYkUDfNhvzdEBAAAAAAAAAAAAAAAAAAAAAD+i+t+v3+5vT0Qg2IxqHBuP47jXTHIZMHEuYETeScGmSvYZb9fFiv1d7sWY9FcwWLn9u7ux/FbMcZeJPo4vLsrMhJjTBXsXhxWzMWiqYLdj8NKlCR7YoipgjnnhjUPDv11WVeMMFOwqywb+Zu6wnQlz81ck5kp2GNnhLmha7JIDCgjLy+K60cOmSVxvNk7OZmJciY6LM/z4YJDukVRmDj5sBGJcbywGLUnJAqpj0Qfh6mPw4smx/pY7GmPRfUd5uNw0PRYC7GoPxIbxGHFQiyqjsQ2cVjRHouqO8xHXOvVeP+cfVFMeySOpCV3bzVfI7WRuEwcVlxRvHl1dnYkCqntsFWiTfO8h+ZIXPqMT/PGpsqC1WxUtpVq3dhUWbC6jcrWr6F03kNnJK7hTE9rLKor2BrisKJy3kNdwdYRh3evpTAW9UXiGi98y1jUNu+hqmBXWTZcUxxWure3t31RRFXBoieIMG1jcGqWphrMbSxL1byHmg5rMLexrPIXQc3Jh5qCPekZnXMjUUJFJK6yMt+Ulo1NFR3WZm5jWVrmPXREYou5jWVpmfcIPhKfIw4rGmIx+A57jjisaIjF4AsWRVG7nWXnjhK/fJWUEefcuN1Tw4/FoCOxaRz6N3Hi22M8v7n5tDmd/hFp37a20qTTGcRR9F4aLGslSZL2jo+/SqA2JGALxthmviMO/RsY905Pv/zroNfn51N/c1h+XWfZbl7ug0VR2Um1i75Fno/8zQcJVNAd9mNn5+KvxV4feT4mx/P5/PPDbmrje5aN/N+DPV+8wYMfTV9OJpsSqGALVn78kI/D49/fzqKiOKiLvFWVkbnR6exHv7ouLR8LeQwu2IL57vroIy9NRA4ei7x1qiLTF2/6YjIJNhbxwEWamvkndgAAAAAAAAAAAAAAAAAAAAAAAAAAAABYxU+ILzGcMmFd0QAAAABJRU5ErkJggg==", Un = /* @__PURE__ */ Q({
+  __name: "VCompass",
+  props: {
+    rotation: {}
+  },
+  setup(u) {
+    const t = u, e = r(Vn), l = r({
+      backgroundImage: `url(${Bn})`,
+      backgroundSize: "contain"
+    }), a = V(() => ({
+      transform: `rotate(${-t.rotation + 180}deg)`
+    }));
+    return (n, s) => {
+      const i = T("v-img");
+      return h(), F("div", {
+        style: re(l.value)
+      }, [
+        y(i, {
+          class: "compass-needle",
+          src: e.value,
+          style: re(a.value)
+        }, null, 8, ["src", "style"])
+      ], 4);
+    };
+  }
+}), Dn = { class: "static-image-wrapper" }, Rn = /* @__PURE__ */ Q({
+  __name: "VSingleImage",
+  props: {
+    image: {},
+    aspectRatio: { default: "wide" }
+  },
+  setup(u) {
+    const t = u, e = V(() => ({ "background-image": `url("${encodeURI(t.image)}")` }));
+    return (l, a) => (h(), F("div", Dn, [
+      o("div", {
+        class: ye(["img-div", [l.aspectRatio]]),
+        style: re(e.value)
+      }, null, 6)
+    ]));
+  }
+}), Tn = /* @__PURE__ */ te(Rn, [["__scopeId", "data-v-3e99d275"]]), On = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAMAAADyHTlpAAAAllBMVEUAAAD/rwD/rwD/qgP/qwL/qAL/qwP/qwH/rAL/rAL/qwL/qQD/qwL/qwD/qQD/qwL/pQD/qgH/nwD/pwD/qQL/rAL/qwD/qwT/rAP/qwL/rAL/rAD/rAL/qgD/qwL/qQP/rAP/rAH/qgH/qwL/qwD/qgL/rwD/qgD/qwH/qgD/qgL/rAD/qgD/qgD/qwH/rAP/qgX/qwA+O5E+AAAAMnRSTlMAECBg/3C/v5Dff4+PT1/PMN8QII9vf0CfgO9vnzDvUF+vr3BA3zA/z2+fX59g71AwcDsf6p0AAAFGSURBVHicvdRtT8MgEABgaM9hu1aHXV/cpm6zWt829f//OYEK9qC3NDF6HxYCTw5GuWPsd8GjqTIGOJtIZwDi/ymnKPflOSTub6cAcwdnkHk5AQY2v3Dzl2phga1EFkl5hScLbZc+LbUs/FltK5OpLpsmrS0NpbLLSu3Er1dgIsn0cdabEdlHlICL5IZSRq5gELcn7DCnsfQL24AX5PeNfAlAHSEOaYrFXaNiqwa7kO7V9L1dt9u25kX58cBY7dbZYz/MKdr2o06nrZ6klNX4AYRdf8aHzkL6QtxAG9KculjhS0nJMO0rSVmF5ZyWnn2jFC+36vcgLTzq+3lPRx6XrjjTqQ7iqJxY6+KLydp0ZWhrVHWE0JoqHq1NSHBxF0h+1Mh6LUMM5LC/Kht8h+5nG9zeTtbt37Ti3XT6+d29pkTXTZVEfAEKARRF2iiwhQAAAB10RVh0U29mdHdhcmUAQGx1bmFwYWludC9wbmctY29kZWP1QxkeAAAAAElFTkSuQmCC", $n = { class: "d-flex flex-column align-center justify-center clock-face" }, Hn = { class: "clock-icon" }, jn = { class: "clock-value grey--text text--darken-3" }, Pn = /* @__PURE__ */ Q({
+  __name: "VTimeOfDay",
+  props: {
+    hours: { default: 0 },
+    minutes: { default: 0 }
+  },
+  setup(u) {
+    const t = u, e = V(() => [l(t.hours), ":", l(t.minutes)].join(""));
+    function l(a) {
+      return ("0" + a).slice(-2);
+    }
+    return (a, n) => {
+      const s = T("v-img");
+      return h(), F("div", $n, [
+        o("div", Hn, [
+          y(s, {
+            src: oe(On),
+            "aspect-ratio": "1"
+          }, null, 8, ["src"])
+        ]),
+        o("div", jn, z(e.value), 1)
+      ]);
+    };
+  }
+}), Nn = /* @__PURE__ */ te(Pn, [["__scopeId", "data-v-9a5f102b"]]), Yn = {
+  id: "btn-fullscreen",
+  class: "btn-placeholder mr-2"
+}, Wn = /* @__PURE__ */ Q({
+  __name: "VFullScreenButton",
+  props: {
+    isFullScreen: { type: Boolean }
+  },
+  emits: ["toggleFullscreen"],
+  setup(u, { emit: t }) {
+    const e = t;
+    return (l, a) => {
+      const n = T("v-btn");
+      return h(), F("div", Yn, [
+        y(n, {
+          density: "comfortable",
+          elevation: "3",
+          icon: l.isFullScreen ? "mdi-fullscreen-exit" : "mdi-fullscreen",
+          onClick: a[0] || (a[0] = (s) => e("toggleFullscreen"))
+        }, null, 8, ["icon"])
+      ]);
+    };
+  }
+}), Gn = /* @__PURE__ */ Q({
+  __name: "VViewModeToggle",
+  props: {
+    showStaticImage: { type: Boolean }
+  },
+  emits: ["toggle"],
+  setup(u, { emit: t }) {
+    const e = u, l = t, a = pe("i18n"), n = V(() => {
+      let s = "virtual-tour";
+      return e.showStaticImage || (s = "slide-show"), s;
+    });
+    return (s, i) => {
+      const k = T("v-btn");
+      return h(), N(k, {
+        color: "darken-2",
+        elevation: "1",
+        rounded: "",
+        plain: "",
+        onClick: i[0] || (i[0] = (p) => l("toggle"))
+      }, {
+        default: M(() => [
+          se(z(oe(a).getLabel(n.value)), 1)
+        ]),
+        _: 1
+      });
+    };
+  }
+}), Qn = {
+  key: 0,
+  class: "text-white disclaimer caption"
+}, zn = /* @__PURE__ */ Q({
+  __name: "VDisclaimer",
+  setup(u) {
+    const t = pe("i18n"), e = r(!0);
+    return (l, a) => (h(), N(ze, { name: "fade-transition" }, {
+      default: M(() => [
+        e.value ? (h(), F("div", Qn, [
+          se(z(oe(t).getLabel("all-illustrations-are-indicative-deviations-may-occur")) + " ", 1),
+          o("span", {
+            onClick: a[0] || (a[0] = (n) => e.value = !1),
+            class: "link-text text-decoration-underline"
+          }, z(oe(t).getLabel("i-understand")), 1)
+        ])) : H("", !0)
+      ]),
+      _: 1
+    }));
+  }
+}), qn = /* @__PURE__ */ te(zn, [["__scopeId", "data-v-28008b18"]]), Be = (u) => (ot("data-v-53c0bb27"), u = u(), nt(), u), Zn = {
+  key: 0,
+  class: "tutorial"
+}, Xn = {
+  key: 0,
+  class: "desktop-content"
+}, Kn = { class: "d-inline-flex" }, Jn = { class: "box col" }, ea = /* @__PURE__ */ Be(() => /* @__PURE__ */ o("div", { class: "tutorial-icon d-flex align-items-center justify-center" }, [
+  /* @__PURE__ */ o("svg", {
+    width: "100",
+    height: "65",
+    viewBox: "0 0 100 65",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, [
+    /* @__PURE__ */ o("path", {
+      d: "M72 30H86.9736M86.9736 30L81 36M86.9736 30L81 24",
+      stroke: "#FF3E3E",
+      "stroke-width": "1.5",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }),
+    /* @__PURE__ */ o("path", {
+      d: "M27.9736 30H13M13 30L18.9736 36M13 30L18.9736 24",
+      stroke: "#FF3E3E",
+      "stroke-width": "1.5",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }),
+    /* @__PURE__ */ o("path", {
+      d: "M36 30H64V40C64 47.732 57.732 54 50 54V54C42.268 54 36 47.732 36 40V30Z",
+      fill: "white",
+      stroke: "black",
+      "stroke-width": "1.5"
+    }),
+    /* @__PURE__ */ o("path", {
+      d: "M36 25C36 17.268 42.268 11 50 11V11V30H36V25Z",
+      fill: "#FF3E3E",
+      stroke: "black",
+      "stroke-width": "1.5"
+    }),
+    /* @__PURE__ */ o("path", {
+      d: "M64 25C64 17.268 57.732 11 50 11V11V30H64V25Z",
+      fill: "white",
+      stroke: "black",
+      "stroke-width": "1.5"
+    }),
+    /* @__PURE__ */ o("path", {
+      d: "M53.25 23V30C53.25 31.7949 51.7949 33.25 50 33.25C48.2051 33.25 46.75 31.7949 46.75 30V23C46.75 21.2051 48.2051 19.75 50 19.75C51.7949 19.75 53.25 21.2051 53.25 23Z",
+      fill: "white",
+      stroke: "black",
+      "stroke-width": "1.5"
+    })
+  ])
+], -1)), ta = { class: "text mt-3" }, oa = { class: "box col" }, na = /* @__PURE__ */ Be(() => /* @__PURE__ */ o("div", { class: "tutorial-icon d-flex align-items-center justify-center" }, [
+  /* @__PURE__ */ o("svg", {
+    width: "100",
+    height: "65",
+    viewBox: "0 0 100 65",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, [
+    /* @__PURE__ */ o("path", {
+      d: "M79.9936 27.0175C79.9881 19.276 66.3321 13.0323 49.492 13.0719C32.652 13.1116 19.0049 19.4194 19.0105 27.1609C19.016 34.9025 32.6721 41.1461 49.5121 41.1065C66.3521 41.0669 79.9992 34.759 79.9936 27.0175Z",
+      fill: "white",
+      stroke: "#B3B3B3",
+      "stroke-width": "1.5"
+    }),
+    /* @__PURE__ */ o("path", {
+      d: "M61.8032 45.179L56.543 50.3218V28.0361L72.543 43.4647H65.0909L67.9402 50.3218L64.6526 52.0361L61.8032 45.179Z",
+      fill: "white",
+      stroke: "black",
+      "stroke-width": "1.5",
+      "stroke-linejoin": "round"
+    }),
+    /* @__PURE__ */ o("path", {
+      d: "M50.502 28.0361L46.502 28.0361",
+      stroke: "#FF3E3E",
+      "stroke-width": "1.5",
+      "stroke-linecap": "round"
+    }),
+    /* @__PURE__ */ o("path", {
+      d: "M50.502 28.0361L46.502 28.0361",
+      stroke: "#FF3E3E",
+      "stroke-width": "1.5",
+      "stroke-linecap": "round"
+    }),
+    /* @__PURE__ */ o("path", {
+      d: "M50.502 28.0361L46.502 28.0361",
+      stroke: "#FF3E3E",
+      "stroke-width": "1.5",
+      "stroke-linecap": "round"
+    }),
+    /* @__PURE__ */ o("path", {
+      d: "M66.502 28.0361L62.502 28.0361",
+      stroke: "#FF3E3E",
+      "stroke-width": "1.5",
+      "stroke-linecap": "round"
+    }),
+    /* @__PURE__ */ o("path", {
+      d: "M66.502 28.0361L62.502 28.0361",
+      stroke: "#FF3E3E",
+      "stroke-width": "1.5",
+      "stroke-linecap": "round"
+    }),
+    /* @__PURE__ */ o("path", {
+      d: "M66.502 28.0361L62.502 28.0361",
+      stroke: "#FF3E3E",
+      "stroke-width": "1.5",
+      "stroke-linecap": "round"
+    }),
+    /* @__PURE__ */ o("path", {
+      d: "M52.1582 24.0361L49.1582 21.0361",
+      stroke: "#FF3E3E",
+      "stroke-width": "1.5",
+      "stroke-linecap": "round"
+    }),
+    /* @__PURE__ */ o("path", {
+      d: "M52.1582 24.0361L49.1582 21.0361",
+      stroke: "#FF3E3E",
+      "stroke-width": "1.5",
+      "stroke-linecap": "round"
+    }),
+    /* @__PURE__ */ o("path", {
+      d: "M52.1582 24.0361L49.1582 21.0361",
+      stroke: "#FF3E3E",
+      "stroke-width": "1.5",
+      "stroke-linecap": "round"
+    }),
+    /* @__PURE__ */ o("path", {
+      d: "M60.502 24.0361L63.502 21.0361",
+      stroke: "#FF3E3E",
+      "stroke-width": "1.5",
+      "stroke-linecap": "round"
+    }),
+    /* @__PURE__ */ o("path", {
+      d: "M60.502 24.0361L63.502 21.0361",
+      stroke: "#FF3E3E",
+      "stroke-width": "1.5",
+      "stroke-linecap": "round"
+    }),
+    /* @__PURE__ */ o("path", {
+      d: "M60.502 24.0361L63.502 21.0361",
+      stroke: "#FF3E3E",
+      "stroke-width": "1.5",
+      "stroke-linecap": "round"
+    }),
+    /* @__PURE__ */ o("path", {
+      d: "M56.502 22.0361L56.502 18.0361",
+      stroke: "#FF3E3E",
+      "stroke-width": "1.5",
+      "stroke-linecap": "round"
+    }),
+    /* @__PURE__ */ o("path", {
+      d: "M56.502 22.0361L56.502 18.0361",
+      stroke: "#FF3E3E",
+      "stroke-width": "1.5",
+      "stroke-linecap": "round"
+    }),
+    /* @__PURE__ */ o("path", {
+      d: "M56.502 22.0361L56.502 18.0361",
+      stroke: "#FF3E3E",
+      "stroke-width": "1.5",
+      "stroke-linecap": "round"
+    }),
+    /* @__PURE__ */ o("path", {
+      d: "M52.1582 32.0361L49.1582 35.0361",
+      stroke: "#FF3E3E",
+      "stroke-width": "1.5",
+      "stroke-linecap": "round"
+    }),
+    /* @__PURE__ */ o("path", {
+      d: "M52.1582 32.0361L49.1582 35.0361",
+      stroke: "#FF3E3E",
+      "stroke-width": "1.5",
+      "stroke-linecap": "round"
+    }),
+    /* @__PURE__ */ o("path", {
+      d: "M52.1582 32.0361L49.1582 35.0361",
+      stroke: "#FF3E3E",
+      "stroke-width": "1.5",
+      "stroke-linecap": "round"
+    })
+  ])
+], -1)), aa = { class: "text mt-3" }, la = { class: "box col" }, ia = /* @__PURE__ */ Be(() => /* @__PURE__ */ o("div", { class: "tutorial-icon d-flex align-items-center justify-center" }, [
+  /* @__PURE__ */ o("svg", {
+    width: "100",
+    height: "65",
+    viewBox: "0 0 100 65",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, [
+    /* @__PURE__ */ o("path", {
+      d: "M36 33H64V43C64 50.732 57.732 57 50 57V57C42.268 57 36 50.732 36 43V33Z",
+      fill: "white",
+      stroke: "black",
+      "stroke-width": "1.5"
+    }),
+    /* @__PURE__ */ o("path", {
+      d: "M36 28C36 20.268 42.268 14 50 14V14V33H36V28Z",
+      fill: "white",
+      stroke: "black",
+      "stroke-width": "1.5"
+    }),
+    /* @__PURE__ */ o("path", {
+      d: "M64 28C64 20.268 57.732 14 50 14V14V33H64V28Z",
+      fill: "white",
+      stroke: "black",
+      "stroke-width": "1.5"
+    }),
+    /* @__PURE__ */ o("path", {
+      d: "M53.25 26V33C53.25 34.7949 51.7949 36.25 50 36.25C48.2051 36.25 46.75 34.7949 46.75 33V26C46.75 24.2051 48.2051 22.75 50 22.75C51.7949 22.75 53.25 24.2051 53.25 26Z",
+      fill: "#FF3E3E",
+      stroke: "black",
+      "stroke-width": "1.5"
+    }),
+    /* @__PURE__ */ o("path", {
+      "fill-rule": "evenodd",
+      "clip-rule": "evenodd",
+      d: "M74.5352 20.7593L80.3458 26.5699C80.9316 27.1557 80.9316 28.1055 80.3458 28.6913C79.76 29.277 78.8103 29.277 78.2245 28.6913L72.4138 22.8806L74.5352 20.7593Z",
+      fill: "black",
+      stroke: "black",
+      "stroke-width": "1.5",
+      "stroke-linecap": "round"
+    }),
+    /* @__PURE__ */ o("circle", {
+      cx: "66.5",
+      cy: "15.5",
+      r: "9.75",
+      fill: "white",
+      stroke: "black",
+      "stroke-width": "1.5"
+    }),
+    /* @__PURE__ */ o("rect", {
+      x: "66",
+      y: "11",
+      width: "1",
+      height: "9",
+      fill: "black",
+      stroke: "black",
+      "stroke-width": "0.75",
+      "stroke-linejoin": "round"
+    }),
+    /* @__PURE__ */ o("rect", {
+      x: "71",
+      y: "15",
+      width: "1",
+      height: "9",
+      transform: "rotate(90 71 15)",
+      fill: "black",
+      stroke: "black",
+      "stroke-width": "0.75",
+      "stroke-linejoin": "round"
+    })
+  ])
+], -1)), sa = { class: "text mt-3" }, ra = { class: "d-inline-flex space-around" }, ua = { class: "box col" }, ca = /* @__PURE__ */ Be(() => /* @__PURE__ */ o("div", { class: "tutorial-icon d-flex align-items-center justify-center" }, [
+  /* @__PURE__ */ o("svg", {
+    width: "100",
+    height: "65",
+    viewBox: "0 0 100 65",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, [
+    /* @__PURE__ */ o("rect", {
+      x: "65.0967",
+      y: "34.3228",
+      width: "20.9032",
+      height: "20.9032",
+      rx: "2",
+      fill: "white",
+      stroke: "black",
+      "stroke-width": "1.5"
+    }),
+    /* @__PURE__ */ o("rect", {
+      x: "39.5488",
+      y: "29.6777",
+      width: "20.9032",
+      height: "20.9032",
+      rx: "2",
+      transform: "rotate(-90 39.5488 29.6777)",
+      fill: "white",
+      stroke: "black",
+      "stroke-width": "1.5"
+    }),
+    /* @__PURE__ */ o("rect", {
+      x: "60.4512",
+      y: "34.3228",
+      width: "20.9032",
+      height: "20.9032",
+      rx: "2",
+      transform: "rotate(90 60.4512 34.3228)",
+      fill: "white",
+      stroke: "black",
+      "stroke-width": "1.5"
+    }),
+    /* @__PURE__ */ o("rect", {
+      x: "34.9033",
+      y: "55.2261",
+      width: "20.9032",
+      height: "20.9032",
+      rx: "2",
+      transform: "rotate(-180 34.9033 55.2261)",
+      fill: "white",
+      stroke: "black",
+      "stroke-width": "1.5"
+    }),
+    /* @__PURE__ */ o("path", {
+      d: "M77.7025 44.3796C77.9599 44.5798 77.9599 44.9688 77.7025 45.169L74.6621 47.5338C74.3337 47.7892 73.8551 47.5552 73.8551 47.1391L73.8551 42.4095C73.8551 41.9935 74.3337 41.7594 74.6621 42.0149L77.7025 44.3796Z",
+      fill: "#FF3E3E"
+    }),
+    /* @__PURE__ */ o("path", {
+      d: "M49.6047 17.0724C49.8049 16.815 50.1939 16.815 50.3941 17.0724L52.7589 20.1128C53.0143 20.4412 52.7803 20.9198 52.3642 20.9198L47.6346 20.9198C47.2185 20.9198 46.9845 20.4412 47.2399 20.1128L49.6047 17.0724Z",
+      fill: "#FF3E3E"
+    }),
+    /* @__PURE__ */ o("path", {
+      d: "M50.3953 46.9281C50.1951 47.1855 49.8061 47.1855 49.6059 46.9281L47.2411 43.8877C46.9857 43.5592 47.2197 43.0807 47.6358 43.0807L52.3654 43.0807C52.7815 43.0807 53.0155 43.5592 52.7601 43.8877L50.3953 46.9281Z",
+      fill: "#FF3E3E"
+    }),
+    /* @__PURE__ */ o("path", {
+      d: "M22.2975 45.1692C22.0401 44.969 22.0401 44.58 22.2975 44.3798L25.3379 42.0151C25.6663 41.7596 26.1449 41.9937 26.1449 42.4097L26.1449 47.1393C26.1449 47.5554 25.6663 47.7894 25.3379 47.534L22.2975 45.1692Z",
+      fill: "#FF3E3E"
+    })
+  ])
+], -1)), da = { class: "text mt-3" }, va = {
+  key: 1,
+  class: "d-flex flex-column tablet-mobile-content"
+}, ma = { class: "box horizontal mt-3" }, pa = /* @__PURE__ */ Be(() => /* @__PURE__ */ o("div", { class: "tutorial-icon d-flex align-items-center justify-center" }, [
+  /* @__PURE__ */ o("svg", {
+    width: "101",
+    height: "65",
+    viewBox: "0 0 101 65",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, [
+    /* @__PURE__ */ o("path", {
+      d: "M68 28H87.9736M87.9736 28L82 34M87.9736 28L82 22",
+      stroke: "#FF3E3E",
+      "stroke-width": "1.5",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }),
+    /* @__PURE__ */ o("path", {
+      d: "M33.9727 28H13.999M13.999 28L19.9727 34M13.999 28L19.9727 22",
+      stroke: "#FF3E3E",
+      "stroke-width": "1.5",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }),
+    /* @__PURE__ */ o("path", {
+      d: "M57.3126 51.1276L62.5533 49.7234C65.3195 48.9822 67.2473 46.4813 67.2601 43.6176C67.2626 43.0532 67.1898 42.4909 67.0438 41.9457L64.9992 34.3153C64.7491 33.3818 63.7895 32.8278 62.8559 33.0779C61.9223 33.328 61.3683 34.2876 61.6185 35.2212L61.0361 33.0479C60.7502 31.9809 59.6536 31.3478 58.5866 31.6337C57.5197 31.9195 56.8865 33.0162 57.1724 34.0831L56.7195 32.3928C56.3979 31.1925 55.1641 30.4802 53.9638 30.8018C52.7635 31.1234 52.0512 32.3572 52.3728 33.5575L50.6258 27.0375C50.3399 25.9705 49.2432 25.3374 48.1763 25.6233C47.1094 25.9091 46.4762 27.0058 46.7621 28.0727L50.3855 41.5957C49.2796 40.7276 47.5926 39.524 46.3279 38.6369C45.3814 37.9729 44.0801 38.2068 43.4137 39.1516C42.8107 40.0066 42.9238 41.1741 43.6798 41.8975L51.8691 49.7332C53.3154 51.1171 55.3791 51.6457 57.3126 51.1276Z",
+      fill: "white"
+    }),
+    /* @__PURE__ */ o("path", {
+      d: "M53.7316 38.6286L52.6963 34.7649M52.6963 34.7649L50.6258 27.0375C50.3399 25.9705 49.2432 25.3374 48.1763 25.6233V25.6233C47.1094 25.9091 46.4762 27.0058 46.7621 28.0727L50.3855 41.5957C49.2796 40.7276 47.5926 39.524 46.3279 38.6369C45.3814 37.9729 44.0801 38.2068 43.4137 39.1516V39.1516C42.8107 40.0066 42.9238 41.1741 43.6798 41.8975L51.8691 49.7332C53.3154 51.1171 55.3791 51.6457 57.3126 51.1276L62.5533 49.7234C65.3195 48.9822 67.2473 46.4813 67.2601 43.6176V43.6176C67.2626 43.0532 67.1898 42.4909 67.0438 41.9457L64.9992 34.3153C64.7491 33.3818 63.7895 32.8278 62.8559 33.0779V33.0779V33.0779C61.9223 33.328 61.3683 34.2876 61.6185 35.2212L61.942 36.4286M52.6963 34.7649L52.3728 33.5575C52.0512 32.3572 52.7635 31.1234 53.9638 30.8018V30.8018C55.1641 30.4802 56.3979 31.1925 56.7195 32.3928L57.3018 34.5661M58.2077 37.9469L57.3018 34.5661M57.3018 34.5661L57.1724 34.0831C56.8865 33.0162 57.5197 31.9195 58.5866 31.6337V31.6337C59.6536 31.3478 60.7502 31.9809 61.0361 33.0479L61.942 36.4286M62.3302 37.8775L61.942 36.4286",
+      stroke: "black",
+      "stroke-width": "1.5",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    })
+  ])
+], -1)), ha = { class: "text ml-2" }, fa = { class: "box horizontal mt-3" }, ga = /* @__PURE__ */ Be(() => /* @__PURE__ */ o("div", { class: "tutorial-icon d-flex align-items-center justify-center" }, [
+  /* @__PURE__ */ o("svg", {
+    width: "99",
+    height: "65",
+    viewBox: "0 0 99 65",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, [
+    /* @__PURE__ */ o("path", {
+      d: "M79.9927 29.9814C79.9871 22.2398 66.3311 15.9962 49.491 16.0358C32.651 16.0754 19.0039 22.3833 19.0095 30.1248C19.015 37.8663 32.6711 44.11 49.5111 44.0704C66.3512 44.0308 79.9982 37.7229 79.9927 29.9814Z",
+      fill: "white",
+      stroke: "#B3B3B3",
+      "stroke-width": "1.5"
+    }),
+    /* @__PURE__ */ o("path", {
+      d: "M50.5 31L46.5 31",
+      stroke: "#FF3E3E",
+      "stroke-width": "1.5",
+      "stroke-linecap": "round"
+    }),
+    /* @__PURE__ */ o("path", {
+      d: "M50.5 31L46.5 31",
+      stroke: "#FF3E3E",
+      "stroke-width": "1.5",
+      "stroke-linecap": "round"
+    }),
+    /* @__PURE__ */ o("path", {
+      d: "M50.5 31L46.5 31",
+      stroke: "#FF3E3E",
+      "stroke-width": "1.5",
+      "stroke-linecap": "round"
+    }),
+    /* @__PURE__ */ o("path", {
+      d: "M66.5 31L62.5 31",
+      stroke: "#FF3E3E",
+      "stroke-width": "1.5",
+      "stroke-linecap": "round"
+    }),
+    /* @__PURE__ */ o("path", {
+      d: "M66.5 31L62.5 31",
+      stroke: "#FF3E3E",
+      "stroke-width": "1.5",
+      "stroke-linecap": "round"
+    }),
+    /* @__PURE__ */ o("path", {
+      d: "M66.5 31L62.5 31",
+      stroke: "#FF3E3E",
+      "stroke-width": "1.5",
+      "stroke-linecap": "round"
+    }),
+    /* @__PURE__ */ o("path", {
+      d: "M52.1562 27L49.1562 24",
+      stroke: "#FF3E3E",
+      "stroke-width": "1.5",
+      "stroke-linecap": "round"
+    }),
+    /* @__PURE__ */ o("path", {
+      d: "M52.1562 27L49.1562 24",
+      stroke: "#FF3E3E",
+      "stroke-width": "1.5",
+      "stroke-linecap": "round"
+    }),
+    /* @__PURE__ */ o("path", {
+      d: "M52.1562 27L49.1562 24",
+      stroke: "#FF3E3E",
+      "stroke-width": "1.5",
+      "stroke-linecap": "round"
+    }),
+    /* @__PURE__ */ o("path", {
+      d: "M60.5 27L63.5 24",
+      stroke: "#FF3E3E",
+      "stroke-width": "1.5",
+      "stroke-linecap": "round"
+    }),
+    /* @__PURE__ */ o("path", {
+      d: "M60.5 27L63.5 24",
+      stroke: "#FF3E3E",
+      "stroke-width": "1.5",
+      "stroke-linecap": "round"
+    }),
+    /* @__PURE__ */ o("path", {
+      d: "M60.5 27L63.5 24",
+      stroke: "#FF3E3E",
+      "stroke-width": "1.5",
+      "stroke-linecap": "round"
+    }),
+    /* @__PURE__ */ o("path", {
+      d: "M56.5 25L56.5 21",
+      stroke: "#FF3E3E",
+      "stroke-width": "1.5",
+      "stroke-linecap": "round"
+    }),
+    /* @__PURE__ */ o("path", {
+      d: "M56.5 25L56.5 21",
+      stroke: "#FF3E3E",
+      "stroke-width": "1.5",
+      "stroke-linecap": "round"
+    }),
+    /* @__PURE__ */ o("path", {
+      d: "M56.5 25L56.5 21",
+      stroke: "#FF3E3E",
+      "stroke-width": "1.5",
+      "stroke-linecap": "round"
+    }),
+    /* @__PURE__ */ o("path", {
+      d: "M52.1562 35L49.1562 38",
+      stroke: "#FF3E3E",
+      "stroke-width": "1.5",
+      "stroke-linecap": "round"
+    }),
+    /* @__PURE__ */ o("path", {
+      d: "M52.1562 35L49.1562 38",
+      stroke: "#FF3E3E",
+      "stroke-width": "1.5",
+      "stroke-linecap": "round"
+    }),
+    /* @__PURE__ */ o("path", {
+      d: "M52.1562 35L49.1562 38",
+      stroke: "#FF3E3E",
+      "stroke-width": "1.5",
+      "stroke-linecap": "round"
+    }),
+    /* @__PURE__ */ o("path", {
+      d: "M64.8126 54.1276L70.0533 52.7234C72.8195 51.9822 74.7473 49.4813 74.7601 46.6176C74.7626 46.0532 74.6898 45.4909 74.5438 44.9457L72.4992 37.3153C72.2491 36.3818 71.2895 35.8278 70.3559 36.0779C69.4223 36.328 68.8683 37.2876 69.1185 38.2212L68.5361 36.0479C68.2502 34.9809 67.1536 34.3478 66.0866 34.6337C65.0197 34.9195 64.3865 36.0162 64.6724 37.0831L64.2195 35.3928C63.8979 34.1925 62.6641 33.4802 61.4638 33.8018C60.2635 34.1234 59.5512 35.3572 59.8728 36.5575L58.1258 30.0375C57.8399 28.9705 56.7432 28.3374 55.6763 28.6233C54.6094 28.9091 53.9762 30.0058 54.2621 31.0727L57.8855 44.5957C56.7796 43.7276 55.0926 42.524 53.8279 41.6369C52.8814 40.9729 51.5801 41.2068 50.9137 42.1516C50.3107 43.0066 50.4238 44.1741 51.1798 44.8975L59.3691 52.7332C60.8154 54.1171 62.8791 54.6457 64.8126 54.1276Z",
+      fill: "white"
+    }),
+    /* @__PURE__ */ o("path", {
+      d: "M61.2316 41.6286L60.1963 37.7649M60.1963 37.7649L58.1258 30.0375C57.8399 28.9705 56.7432 28.3374 55.6763 28.6233V28.6233C54.6094 28.9091 53.9762 30.0058 54.2621 31.0727L57.8855 44.5957C56.7796 43.7276 55.0926 42.524 53.8279 41.6369C52.8814 40.9729 51.5801 41.2068 50.9137 42.1516V42.1516C50.3107 43.0066 50.4238 44.1741 51.1798 44.8975L59.3691 52.7332C60.8154 54.1171 62.8791 54.6457 64.8126 54.1276L70.0533 52.7234C72.8195 51.9822 74.7473 49.4813 74.7601 46.6176V46.6176C74.7626 46.0532 74.6898 45.4909 74.5438 44.9457L72.4992 37.3153C72.2491 36.3818 71.2895 35.8278 70.3559 36.0779V36.0779V36.0779C69.4223 36.328 68.8683 37.2876 69.1185 38.2212L69.442 39.4286M60.1963 37.7649L59.8728 36.5575C59.5512 35.3572 60.2635 34.1234 61.4638 33.8018V33.8018C62.6641 33.4802 63.8979 34.1925 64.2195 35.3928L64.8018 37.5661M65.7077 40.9469L64.8018 37.5661M64.8018 37.5661L64.6724 37.0831C64.3865 36.0162 65.0197 34.9195 66.0866 34.6337V34.6337C67.1536 34.3478 68.2502 34.9809 68.5361 36.0479L69.442 39.4286M69.8302 40.8775L69.442 39.4286",
+      stroke: "black",
+      "stroke-width": "1.5",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    })
+  ])
+], -1)), wa = { class: "text ml-2" }, ka = { class: "box horizontal mt-3" }, ba = /* @__PURE__ */ Be(() => /* @__PURE__ */ o("div", { class: "tutorial-icon d-flex align-items-center justify-center" }, [
+  /* @__PURE__ */ o("svg", {
+    width: "99",
+    height: "65",
+    viewBox: "0 0 99 65",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, [
+    /* @__PURE__ */ o("path", {
+      d: "M31 24.9736L31 10M31 10L25 15.9736M31 10L37 15.9736",
+      stroke: "#FF3E3E",
+      "stroke-width": "1.5",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }),
+    /* @__PURE__ */ o("path", {
+      d: "M31 40L31 54.9736M31 54.9736L25 49M31 54.9736L37 49",
+      stroke: "#FF3E3E",
+      "stroke-width": "1.5",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }),
+    /* @__PURE__ */ o("path", {
+      d: "M58.6512 44.3852L61.8162 42.5579C64.2963 41.126 65.5112 38.2114 64.7823 35.442C64.6387 34.8961 64.4229 34.3719 64.1407 33.883L60.1909 27.0418C59.7076 26.2048 58.6374 25.918 57.8003 26.4013C56.9633 26.8845 56.6765 27.9548 57.1598 28.7918L56.0348 26.8433C55.4825 25.8867 54.2593 25.5589 53.3027 26.1112C52.3462 26.6635 52.0184 27.8867 52.5707 28.8433L51.6957 27.3277C51.0744 26.2516 49.6983 25.8828 48.6221 26.5042C47.546 27.1255 47.1773 28.5016 47.7986 29.5777L44.4236 23.7321C43.8713 22.7755 42.6481 22.4477 41.6915 23C40.7349 23.5523 40.4072 24.7755 40.9595 25.7321L48.4595 38.7224L41.0923 40.5062C40.3398 40.6884 39.7721 41.3073 39.6555 42.0728C39.4961 43.1196 40.2199 44.096 41.268 44.2476L49.7609 45.4766L51.251 45.7252C53.7985 46.1503 56.4146 45.6766 58.6512 44.3852Z",
+      fill: "white"
+    }),
+    /* @__PURE__ */ o("path", {
+      d: "M50.4236 34.1244L48.4236 30.6603M48.4236 30.6603L44.4236 23.7321C43.8713 22.7755 42.6481 22.4477 41.6915 23V23C40.7349 23.5523 40.4072 24.7755 40.9595 25.7321L48.4595 38.7224L41.0923 40.5062C40.3398 40.6884 39.7721 41.3073 39.6555 42.0728V42.0728C39.4961 43.1196 40.2199 44.096 41.268 44.2476L49.7609 45.4766L51.251 45.7252C53.7985 46.1503 56.4146 45.6766 58.6512 44.3852L61.8162 42.5579C64.2963 41.126 65.5112 38.2114 64.7823 35.442V35.442C64.6387 34.8961 64.4229 34.3719 64.1407 33.883L60.1909 27.0418C59.7076 26.2048 58.6374 25.918 57.8003 26.4013V26.4013V26.4013C56.9633 26.8845 56.6765 27.9548 57.1598 28.7918L57.7848 29.8744M48.4236 30.6603L47.7986 29.5777C47.1773 28.5016 47.546 27.1255 48.6221 26.5042V26.5042C49.6983 25.8828 51.0744 26.2516 51.6957 27.3277L52.8207 29.2763M54.5707 32.3074L52.8207 29.2763M52.8207 29.2763L52.5707 28.8433C52.0184 27.8867 52.3462 26.6635 53.3027 26.1112V26.1112C54.2593 25.5589 55.4825 25.8867 56.0348 26.8433L57.7848 29.8744M58.5348 31.1734L57.7848 29.8744",
+      stroke: "black",
+      "stroke-width": "1.5",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    })
+  ])
+], -1)), ya = { class: "text ml-2" }, _a = { class: "d-flex justify-space-between mt-3 mx-3 mb-0 tutorial-buttons" }, Ca = /* @__PURE__ */ Q({
+  __name: "VTutorial",
+  props: {
+    project: {}
+  },
+  emits: ["closeTutorial"],
+  setup(u, { emit: t }) {
+    const e = u, l = t, a = pe("i18n"), n = r(!0), s = r(!1), i = V(() => [
+      /Android/i,
+      /webOS/i,
+      /iPhone/i,
+      /iPad/i,
+      /iPod/i,
+      /BlackBerry/i,
+      /Windows Phone/i
+    ].some((I) => navigator.userAgent.match(I))), k = V(() => {
+      const m = localStorage.getItem(
+        `${e.project}-dont-show-tutorial`
+      );
+      return m && l("closeTutorial"), m;
+    });
+    function p() {
+      s.value && v(), n.value = !1, l("closeTutorial");
+    }
+    function v() {
+      localStorage.setItem(`${e.project}-dont-show-tutorial`, "true");
+    }
+    return (m, I) => {
+      const _ = T("v-checkbox"), L = T("v-btn");
+      return h(), N(ze, { name: "fade-transition" }, {
+        default: M(() => [
+          n.value && !k.value ? (h(), F("div", Zn, [
+            i.value ? H("", !0) : (h(), F("div", Xn, [
+              o("div", Kn, [
+                o("div", Jn, [
+                  ea,
+                  o("div", ta, z(oe(a).getLabel("click-and-drag-to-look-around")), 1)
+                ]),
+                o("div", oa, [
+                  na,
+                  o("div", aa, z(oe(a).getLabel("click-on-the-circles-to-move-around")), 1)
+                ]),
+                o("div", la, [
+                  ia,
+                  o("div", sa, z(oe(a).getLabel("use-the-mouse-wheel-to-zoom")), 1)
+                ])
+              ]),
+              o("div", ra, [
+                o("div", ua, [
+                  ca,
+                  o("div", da, z(oe(a).getLabel("you-can-also-use-the-arrow-keys-to-move-around")), 1)
+                ])
+              ])
+            ])),
+            i.value ? (h(), F("div", va, [
+              o("div", ma, [
+                pa,
+                o("div", ha, z(oe(a).getLabel("tap-and-drag-to-look-around")), 1)
+              ]),
+              o("div", fa, [
+                ga,
+                o("div", wa, z(oe(a).getLabel("tap-on-the-circles-to-move-around")), 1)
+              ]),
+              o("div", ka, [
+                ba,
+                o("div", ya, z(oe(a).getLabel("use-two-fingers-to-zoom")), 1)
+              ])
+            ])) : H("", !0),
+            o("div", _a, [
+              y(_, {
+                modelValue: s.value,
+                "onUpdate:modelValue": I[0] || (I[0] = (C) => s.value = C),
+                label: oe(a).getLabel("dont-show-again")
+              }, null, 8, ["modelValue", "label"]),
+              y(L, {
+                small: "",
+                outlined: "",
+                class: "mt-5",
+                onClick: I[1] || (I[1] = (C) => p())
+              }, {
+                default: M(() => [
+                  se("Ok")
+                ]),
+                _: 1
+              })
+            ])
+          ])) : H("", !0)
+        ]),
+        _: 1
+      });
+    };
+  }
+}), Aa = /* @__PURE__ */ te(Ca, [["__scopeId", "data-v-53c0bb27"]]), La = (u) => (ot("data-v-a28b3f8d"), u = u(), nt(), u), Ia = { class: "player-settings-ui" }, Ma = { id: "settings-ui-form" }, Sa = { class: "form-inputs" }, Ea = { class: "setting-label" }, Fa = { class: "setting-label" }, xa = ["max", "min", "step"], Ba = { class: "setting-label" }, Va = { class: "flex-grow-1 flex-shrink-0" }, Ua = ["onUpdate:modelValue"], Da = {
+  key: 3,
+  "d-block": "",
+  class: "mt-3"
+}, Ra = { class: "d-flex justify-space-between" }, Ta = { class: "setting-label" }, Oa = {
+  class: "mt-5 d-block",
+  style: { width: "300px" }
+}, $a = /* @__PURE__ */ La(() => /* @__PURE__ */ o("div", { class: "setting-label" }, "Enter Lut URL:", -1)), Ha = {
+  class: "d-block",
+  style: { width: "300px" }
+}, ja = { class: "form-buttons" }, Pa = /* @__PURE__ */ Q({
+  __name: "VSettingsUI",
+  props: {
+    projectSlug: {},
+    initialSettings: {}
+  },
+  emits: ["updateSettings", "saveSettings"],
+  setup(u, { emit: t }) {
+    const e = u, l = t, a = r(_(e.initialSettings));
+    Z(
+      a,
+      () => {
+        s();
+      },
+      { deep: !0 }
+    );
+    const n = V(() => {
+      let L = {};
+      for (const [C, E] of Object.entries(a.value))
+        C === "whitePoint" ? L[C] = v(E.value) : L[C] = E.value;
+      return L;
+    });
+    function s() {
+      l("updateSettings", n.value);
+    }
+    function i() {
+      const L = document.createElement("a");
+      L.href = URL.createObjectURL(
+        new Blob([JSON.stringify(n.value, null, 2)])
+      );
+      const C = `player-settings-${e.projectSlug}-${Date.now()}.json`;
+      L.download = C, L.style.display = "none", document.body.appendChild(L), L.click(), document.body.removeChild(L);
+    }
+    function k() {
+      l("saveSettings", n.value);
+    }
+    function p() {
+      a.value = _(), l("updateSettings", n.value);
+    }
+    function v(L) {
+      const C = parseInt(L.substr(1, 2), 16) / 255, E = parseInt(L.substr(3, 2), 16) / 255, D = parseInt(L.substr(5, 2), 16) / 255;
+      return [C, E, D];
+    }
+    function m(L) {
+      var C = L.toString(16);
+      return C.length == 1 ? "0" + C : C;
+    }
+    function I([L, C, E]) {
+      return "#" + m(parseInt((L * 255).toString())) + m(parseInt((C * 255).toString())) + m(parseInt((E * 255).toString()));
+    }
+    function _(L = {}) {
+      const C = [
+        "Cool 5",
+        "Cool 10",
+        "Cool 15",
+        "Cool 20",
+        "Cool 25",
+        "Warm 20",
+        "Warm 25",
+        "Warm 10",
+        "Warm 15",
+        "Warm 5",
+        "bw"
+      ];
+      let E = {
+        temperature: 6500,
+        targetLuminance: 1,
+        exposureFovScale: 0.6,
+        UNREAL_BLOOM_ENABLED: !0,
+        sharpenFilter_amount: 0.6,
+        UNREAL_BLOOM_STRENGTH: 0.3,
+        TRANSITION_MOVEMENT_SCALE: 1.3,
+        whitePoint: [1, 1, 1],
+        lut: "",
+        ...L
+      };
+      return {
+        exposureFovScale: {
+          label: "Exposure Fov Scale",
+          type: "slider",
+          min: 0,
+          max: 1,
+          step: 0.01,
+          value: E.exposureFovScale
+        },
+        targetLuminance: {
+          label: "Target Luminance",
+          type: "slider",
+          min: 0,
+          max: 15,
+          step: 0.1,
+          value: E.targetLuminance
+        },
+        sharpenFilter_amount: {
+          label: "Sharpen Filter Amount",
+          type: "slider",
+          min: 0,
+          max: 100,
+          step: 0.1,
+          value: E.sharpenFilter_amount
+        },
+        UNREAL_BLOOM_ENABLED: {
+          label: "Enable Bloom?",
+          type: "boolean",
+          value: E.UNREAL_BLOOM_ENABLED
+        },
+        UNREAL_BLOOM_STRENGTH: {
+          label: "Bloom Strength",
+          type: "slider",
+          min: 0,
+          max: 1,
+          step: 0.01,
+          value: E.UNREAL_BLOOM_STRENGTH
+        },
+        TRANSITION_MOVEMENT_SCALE: {
+          label: "Transition Movement Speed",
+          type: "slider",
+          min: 0.2,
+          max: 25,
+          step: 0.1,
+          value: E.TRANSITION_MOVEMENT_SCALE
+        },
+        temperature: {
+          label: "Temperature / White Balance",
+          type: "slider",
+          min: 1e3,
+          max: 12e3,
+          step: 1,
+          value: E.temperature
+        },
+        whitePoint: {
+          label: "White Point",
+          type: "color",
+          min: null,
+          max: null,
+          step: null,
+          value: I(E.whitePoint)
+        },
+        lut: {
+          label: "Lut",
+          type: "lut",
+          items: C.map((D) => ({
+            text: D,
+            value: `https://cdn.visuado.com/luts/${D}.png`
+          })),
+          value: E.lut
+        }
+      };
+    }
+    return (L, C) => {
+      const E = T("v-text-field"), D = T("v-slider"), g = T("v-checkbox"), A = T("v-btn"), R = T("v-select"), c = T("v-icon");
+      return h(), F("div", Ia, [
+        o("form", Ma, [
+          o("div", Sa, [
+            (h(!0), F(Ce, null, _e(a.value, (f, b, B) => (h(), F("div", {
+              key: B,
+              "d-block": ""
+            }, [
+              f.type === "slider" ? (h(), N(D, {
+                key: 0,
+                modelValue: a.value[b].value,
+                "onUpdate:modelValue": (U) => a.value[b].value = U,
+                onChange: s,
+                max: f.max,
+                min: f.min,
+                step: f.step
+              }, {
+                prepend: M(() => [
+                  o("div", Ea, z(f.label), 1)
+                ]),
+                append: M(() => [
+                  o("div", null, [
+                    y(E, {
+                      modelValue: a.value[b].value,
+                      "onUpdate:modelValue": (U) => a.value[b].value = U,
+                      "hide-details": "",
+                      dense: "",
+                      outlined: "",
+                      type: "number",
+                      max: f.max,
+                      min: f.min,
+                      step: f.step,
+                      style: { width: "90px" },
+                      onChange: s
+                    }, null, 8, ["modelValue", "onUpdate:modelValue", "max", "min", "step"])
+                  ])
+                ]),
+                _: 2
+              }, 1032, ["modelValue", "onUpdate:modelValue", "max", "min", "step"])) : H("", !0),
+              f.type === "boolean" ? (h(), N(g, {
+                key: 1,
+                modelValue: a.value[b].value,
+                "onUpdate:modelValue": (U) => a.value[b].value = U,
+                onChange: s
+              }, {
+                prepend: M(() => [
+                  o("div", Fa, z(f.label), 1)
+                ]),
+                append: M(() => [
+                  o("div", null, z(f.value), 1)
+                ]),
+                _: 2
+              }, 1032, ["modelValue", "onUpdate:modelValue"])) : H("", !0),
+              f.type === "color" ? (h(), F("div", {
+                key: 2,
+                class: "d-flex",
+                max: f.max,
+                min: f.min,
+                step: f.step
+              }, [
+                o("div", Ba, z(f.label), 1),
+                o("div", Va, [
+                  de(o("input", {
+                    "onUpdate:modelValue": (U) => a.value[b].value = U,
+                    type: "color",
+                    onChange: s
+                  }, null, 40, Ua), [
+                    [$t, a.value[b].value]
+                  ])
+                ]),
+                o("div", null, [
+                  y(E, {
+                    modelValue: a.value[b].value,
+                    "onUpdate:modelValue": (U) => a.value[b].value = U,
+                    "hide-details": "",
+                    dense: "",
+                    outlined: "",
+                    readonly: "",
+                    type: "text",
+                    style: { width: "90px" },
+                    onChange: s
+                  }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                ])
+              ], 8, xa)) : H("", !0),
+              f.type === "lut" ? (h(), F("div", Da, [
+                o("div", Ra, [
+                  o("div", Ta, z(f.label), 1),
+                  o("div", null, [
+                    y(A, {
+                      class: "ml-2",
+                      "x-small": "",
+                      onClick: (U) => a.value[b].value = null
+                    }, {
+                      default: M(() => [
+                        se(" Clear Lut ")
+                      ]),
+                      _: 2
+                    }, 1032, ["onClick"])
+                  ])
+                ]),
+                o("div", null, [
+                  o("div", Oa, [
+                    o("div", null, [
+                      y(R, {
+                        modelValue: a.value[b].value,
+                        "onUpdate:modelValue": (U) => a.value[b].value = U,
+                        items: f.items,
+                        "item-title": "title",
+                        "item-value": "value",
+                        dense: "",
+                        label: "Select Lut",
+                        onChange: s
+                      }, null, 8, ["modelValue", "onUpdate:modelValue", "items"])
+                    ])
+                  ]),
+                  o("div", null, [
+                    $a,
+                    o("div", Ha, [
+                      o("div", null, [
+                        y(E, {
+                          modelValue: a.value[b].value,
+                          "onUpdate:modelValue": (U) => a.value[b].value = U,
+                          "hide-details": "",
+                          dense: "",
+                          type: "url",
+                          onChange: s
+                        }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                      ])
+                    ])
+                  ])
+                ])
+              ])) : H("", !0)
+            ]))), 128))
+          ]),
+          o("div", ja, [
+            y(A, {
+              onClick: C[0] || (C[0] = (f) => p())
+            }, {
+              default: M(() => [
+                se("Reset")
+              ]),
+              _: 1
+            }),
+            y(A, {
+              class: "ml-2",
+              onClick: C[1] || (C[1] = (f) => i())
+            }, {
+              default: M(() => [
+                se(" Download Json "),
+                y(c, { color: "black darken-1" }, {
+                  default: M(() => [
+                    se("mdi-download")
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            y(A, {
+              class: "ml-2",
+              onClick: C[2] || (C[2] = (f) => k())
+            }, {
+              default: M(() => [
+                se(" Save Settings "),
+                y(c, { color: "black darken-1" }, {
+                  default: M(() => [
+                    se("mdi-save")
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ])
+        ])
+      ]);
+    };
+  }
+}), Na = /* @__PURE__ */ te(Pa, [["__scopeId", "data-v-a28b3f8d"]]), Ya = {
+  class: "rotation-marker-svg",
+  viewBox: "0 0 40 40",
+  xmlns: "http://www.w3.org/2000/svg"
+}, Wa = /* @__PURE__ */ ft('<defs><radialGradient id="Gradient" cx="0" cy="0" r="0.9" fx="0" fy="0"><stop offset="0%" class="stop1"></stop><stop offset="60%" class="stop2"></stop><stop offset="90%" class="stop3"></stop></radialGradient><linearGradient id="LineGradient" gradientTransform="rotate(90)"><stop offset="0%" class="stop1"></stop><stop offset="75%" class="stop2"></stop><stop offset="100%" class="stop3"></stop></linearGradient></defs>', 1), Ga = ["transform"], Qa = /* @__PURE__ */ ft('<rect id="field-of-view-gradient" x="20" y="20" width="38" height="38" transform="rotate(0)" transform-origin="20 20" fill="url(#Gradient)"></rect><rect class="field-of-view-border" x="20" y="20" width="1" height="25" fill="url(#LineGradient)" transform="rotate(0)" transform-origin="20 20"></rect><rect class="field-of-view-border" x="19" y="19" width="1" height="25" fill="url(#LineGradient)" transform="rotate(-90)" transform-origin="20 20"></rect><circle cx="20" cy="20" r="5" fill="white"></circle><circle cx="20" cy="20" r="3" fill="red"></circle>', 5), za = [
+  Qa
+], qa = /* @__PURE__ */ Q({
+  __name: "VRotationMarker",
+  props: {
+    rotation: {}
+  },
+  setup(u) {
+    return (t, e) => (h(), F("svg", Ya, [
+      Wa,
+      o("g", {
+        "transform-origin": "20 20",
+        transform: `rotate(${45 + t.rotation})`
+      }, za, 8, Ga)
+    ]));
+  }
+}), Za = { class: "minimap-wrapper d-flex align-stretch justify-space-between" }, Xa = { class: "minimap-container" }, Ka = /* @__PURE__ */ Q({
+  __name: "VMiniMapMap",
+  props: {
+    backgroundImage: {},
+    allCameras: {},
+    minimapCamera: {},
+    currentCamera: {},
+    rotation: {},
+    transformAngle: {}
+  },
+  setup(u) {
+    const t = u, e = r(512), l = r(384), a = r(new xe.Vector3()), n = r(new xe.Object3D()), s = r({}), i = r(1), k = r(), p = V(() => t.allCameras), v = V(() => t.allCameras.find((b) => b.id === t.currentCamera)), m = V(() => t.rotation), I = V(() => new xe.Vector3(
+      t.minimapCamera.position.x,
+      t.minimapCamera.position.y,
+      t.minimapCamera.position.z
+    )), _ = V(() => parseFloat(v.value.floor_vertical_position)), L = V(() => p.value.map((b) => {
+      const B = b.uposition.split(","), U = new xe.Vector3(
+        B[0] - I.value.x,
+        0,
+        B[2] - I.value.z
+      );
+      return {
+        ...b,
+        ...R(a.value, U)
+      };
+    })), C = V(() => `background-image: url(${t.backgroundImage});`), E = V(() => {
+      let b = i.value > 1 ? 1 : i.value;
+      return b < 0.8 && (b = 0.4), `scale: ${b > 1 ? 1 : b}; transform: rotate(${t.transformAngle}deg);`;
+    });
+    ce(() => {
+      c(), g(), f();
+      const b = document.getElementById("moveableDiv");
+      b && (k.value = new ResizeObserver(f).observe(b));
+    }), Ht(() => {
+      c(), g();
+    }), Oe(() => {
+      k.value && k.value.unobserve(document.getElementById("moveableDiv"));
+    });
+    function D(b) {
+      return xe.MathUtils.degToRad(b);
+    }
+    function g() {
+      n.value.rotation.x = 180, n.value.rotation.y = t.minimapCamera.rotation.y * -1, s.value = {
+        transform: `rotateZ(${n.value.rotation.y}deg) rotateX(${n.value.rotation.x}deg)`
+      };
+    }
+    function A(b) {
+      return {
+        top: `${Math.abs(b.top)}%`,
+        left: `${Math.abs(b.left)}%`
+      };
+    }
+    function R(b, B) {
+      var U = new xe.Vector3();
+      const $ = U.subVectors(b, B);
+      return {
+        relativePosition: $,
+        left: $.x / e.value * 100,
+        top: $.z / l.value * 100
+      };
+    }
+    function c() {
+      const b = t.minimapCamera.position.y - _.value;
+      l.value = 2 * (b * Math.tan(D(t.minimapCamera.fovY / 2))), e.value = 512 / 384 * l.value;
+      const B = l.value / 2, U = e.value / 2, $ = new xe.Vector3(U * -1, 0, B * -1);
+      a.value = $;
+    }
+    function f() {
+      const b = document.getElementById("moveableDiv");
+      if (!b)
+        return;
+      const B = b.offsetHeight / 384 * 0.8, U = b.offsetWidth / 512 * 0.8;
+      b.offsetHeight > b.offsetWidth ? i.value = U * 0.5 : i.value = B * 0.9;
+    }
+    return (b, B) => (h(), F("div", Za, [
+      o("div", Xa, [
+        o("div", {
+          class: "web-minimap",
+          style: re(E.value)
+        }, [
+          o("div", {
+            class: "minimap-background-image",
+            style: re(C.value)
+          }, null, 4),
+          o("div", {
+            class: "center-pivot",
+            style: re(s.value)
+          }, [
+            (h(!0), F(Ce, null, _e(L.value, (U) => (h(), F("div", {
+              key: U.id
+            }, [
+              v.value.floorLevel === U.floorLevel ? (h(), F("div", {
+                key: 0,
+                class: "single-camera-marker",
+                style: re(A(U))
+              }, null, 4)) : H("", !0),
+              v.value.id === U.id ? (h(), N(qa, {
+                key: 1,
+                class: "rotation-marker-component",
+                rotation: m.value,
+                style: re({ ...A(U) })
+              }, null, 8, ["rotation", "style"])) : H("", !0)
+            ]))), 128))
+          ], 4)
+        ], 4)
+      ])
+    ]));
+  }
+}), Ja = /* @__PURE__ */ te(Ka, [["__scopeId", "data-v-503cace2"]]), el = (u) => (ot("data-v-06db6e63"), u = u(), nt(), u), tl = /* @__PURE__ */ el(() => /* @__PURE__ */ o("div", { id: "filler-div" }, null, -1)), ol = {
+  class: "moveable-body",
+  id: "moveableDivHeader"
+}, nl = { class: "moveable-footer" }, al = /* @__PURE__ */ Q({
+  __name: "VMoveable",
+  emits: ["close", "transform"],
+  setup(u, { emit: t }) {
+    const e = t, l = r("big");
+    ce(() => {
+      a(document.getElementById("moveableDiv"));
+    });
+    function a(s) {
+      const i = document.getElementById(s.id + "Header");
+      if (!i)
+        return;
+      let k = 0, p = 0, v = 0, m = 0;
+      i.addEventListener("touchstart", I, { passive: !1 }), i.addEventListener("touchend", L, { passive: !1 }), i.addEventListener("mousedown", I, { passive: !1 }), i.addEventListener("mouseup", L, { passive: !1 });
+      function I(C) {
+        C = C || window.event, C.preventDefault();
+        let E = C;
+        C.type === "touchstart" && (E = C.touches[0]), v = E.clientX, m = E.clientY, document.addEventListener("mouseup", L, { passive: !1 }), document.addEventListener("touchend", L, { passive: !1 }), document.addEventListener("mousemove", _, { passive: !1 }), document.addEventListener("touchmove", _, { passive: !1 });
+      }
+      function _(C) {
+        C = C || window.event, C.preventDefault();
+        let E = C;
+        C.type === "touchmove" && (E = C.touches[0]), k = v - E.clientX, p = m - E.clientY, v = E.clientX, m = E.clientY, s.style.top = s.offsetTop - p + "px", s.style.left = s.offsetLeft - k + "px";
+      }
+      function L() {
+        document.removeEventListener("mouseup", L, !1), document.removeEventListener("mousemove", _, !1), document.removeEventListener("touchend", L, !1), document.removeEventListener("touchmove", _, !1);
+      }
+    }
+    function n() {
+      l.value === "big" ? l.value = "small" : l.value = "big";
+    }
+    return (s, i) => {
+      const k = T("v-btn");
+      return h(), F("div", {
+        id: "moveableDiv",
+        class: ye(["big d-flex justify-space-between flex-column align-center sizer", l.value])
+      }, [
+        y(k, {
+          class: "close-icon",
+          icon: "mdi-window-close",
+          size: "x-small",
+          onClick: i[0] || (i[0] = (p) => e("close"))
+        }),
+        y(k, {
+          class: "resize-icon",
+          icon: "mdi-image-size-select-small",
+          size: "x-small",
+          onClick: n,
+          title: "Resize"
+        }),
+        y(k, {
+          class: "rotate-icon",
+          size: "x-small",
+          icon: "mdi mdi-rotate-right",
+          onClick: i[1] || (i[1] = (p) => e("transform")),
+          title: "Rotate"
+        }),
+        tl,
+        o("div", ol, [
+          ie(s.$slots, "body", { class: "slot" }, void 0, !0)
+        ]),
+        o("div", nl, [
+          ie(s.$slots, "footer", {}, void 0, !0)
+        ])
+      ], 2);
+    };
+  }
+}), ll = /* @__PURE__ */ te(al, [["__scopeId", "data-v-06db6e63"]]), il = /* @__PURE__ */ Q({
+  __name: "VMinimapCompass",
+  props: {
+    scale: {},
+    minimapCamera: {},
+    transformAngle: {}
+  },
+  setup(u) {
+    const t = u, e = V(() => t.minimapCamera.rotation ? t.minimapCamera.rotation.y + t.transformAngle - 90 : 0);
+    return (l, a) => (h(), F("div", {
+      class: "minimap-compass",
+      style: re({ scale: l.scale })
+    }, [
+      y(Ke, {
+        class: "north-indicator",
+        longitude: e.value
+      }, null, 8, ["longitude"])
+    ], 4));
+  }
+}), sl = /* @__PURE__ */ te(il, [["__scopeId", "data-v-cdeea259"]]), rl = { class: "ss-wrapper" }, ul = { class: "slider" }, cl = { class: "minimap-sun-slider" }, dl = {
+  key: 0,
+  class: "time-label"
+}, vl = /* @__PURE__ */ Q({
+  __name: "VSunSimulationSlider",
+  props: {
+    minimapJSON: {},
+    level: {},
+    root: {}
+  },
+  emits: ["setBackgroundImage"],
+  setup(u, { emit: t }) {
+    const e = u, l = t, a = r((/* @__PURE__ */ new Date()).getHours()), n = r(!0), s = r(!0), i = r(""), k = r(/* @__PURE__ */ new Map()), p = pe("localMode"), v = pe("fileLoader"), m = V(() => e.minimapJSON[e.level]), I = V(() => `${Math.floor(a.value).toString().padStart(2, "0")}:00`), _ = V(() => {
+      if (m.value.sunsimFilesTimeStamps[a.value]) {
+        const A = m.value.sunsimFilesTimeStamps[a.value].split(" ");
+        return `${A[0]} ${A[1]}`;
+      }
+      return "";
+    });
+    ce(async () => {
+      i.value = await E(
+        m.value.sunsimFiles[a.value]
+      ), s.value = !1;
+      const A = await C(e.minimapJSON);
+      k.value = A, n.value = !1, l("setBackgroundImage", L(e.level, a.value));
+    }), Z(a, () => {
+      const A = L(e.level, a.value);
+      l("setBackgroundImage", A);
+    }), Z(
+      () => e.level,
+      () => {
+        l("setBackgroundImage", L(e.level, a.value));
+      },
+      { immediate: !0 }
+    );
+    function L(A, R) {
+      return k.value.get(`sunsim${A}_${R}`) ? k.value.get(`sunsim${A}_${R}`) : "";
+    }
+    async function C(A) {
+      let R = /* @__PURE__ */ new Map();
+      for (let c = 0; c < A.length; c++) {
+        const f = A[c].sunsimFiles;
+        for (let b = 0; b < f.length; b++) {
+          const B = f[b];
+          try {
+            const U = B, $ = B.split("."), q = await E(e.root + U);
+            R.set($[0], q);
+          } catch {
+            continue;
+          }
+        }
+      }
+      return R;
+    }
+    async function E(A) {
+      let R = A;
+      p && (R = `${v.getURL(A)}`);
+      const f = await (await fetch(R)).blob(), b = await g(f);
+      return D(b);
+    }
+    function D(A) {
+      return "data:image/jpeg;base64," + A;
+    }
+    async function g(A) {
+      return new Promise((R, c) => {
+        const f = new FileReader();
+        f.onload = () => {
+          const b = f.result.split(",")[1];
+          R(b);
+        }, f.onerror = c, f.readAsDataURL(A);
+      });
+    }
+    return (A, R) => {
+      const c = T("v-progress-linear"), f = T("v-icon"), b = T("v-slider");
+      return h(), F("div", rl, [
+        o("div", ul, [
+          o("div", cl, [
+            n.value ? (h(), N(c, {
+              key: 0,
+              indeterminate: "",
+              rounded: "",
+              height: "6",
+              color: "grey lighten-1",
+              class: "mr-2"
+            })) : (h(), N(b, {
+              key: 1,
+              modelValue: a.value,
+              "onUpdate:modelValue": R[0] || (R[0] = (B) => a.value = B),
+              min: 0,
+              max: 23,
+              step: 1,
+              color: "#373737",
+              "track-color": "#373737",
+              "thumb-color": "#373737",
+              "hide-details": !0
+            }, {
+              prepend: M(() => [
+                y(f, { color: "#ffab02" }, {
+                  default: M(() => [
+                    se("mdi-white-balance-sunny")
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue"]))
+          ]),
+          n.value ? H("", !0) : (h(), F("div", dl, z(_.value) + " " + z(I.value), 1))
+        ])
+      ]);
+    };
+  }
+}), ml = /* @__PURE__ */ te(vl, [["__scopeId", "data-v-daf8e1d9"]]), pl = /* @__PURE__ */ Q({
+  __name: "VMiniMap",
+  props: {
+    minimapJSON: {},
+    rootUrl: {},
+    backgroundImage: {},
+    allCameras: {},
+    minimapCamera: {},
+    currentCamera: {},
+    level: {},
+    rotation: {}
+  },
+  emits: ["setBackgroundImage", "close"],
+  setup(u, { emit: t }) {
+    const e = t, l = r(0), a = V(() => {
+      let i = 1;
+      return l.value !== 0 && (Math.abs(l.value) % 180 === 0 ? i = 1 : i = -1), i;
+    });
+    function n(i) {
+      e("setBackgroundImage", i);
+    }
+    function s() {
+      l.value = l.value + 90;
+    }
+    return (i, k) => (h(), N(ll, {
+      onClose: k[0] || (k[0] = (p) => e("close")),
+      onTransform: s
+    }, {
+      body: M(() => [
+        y(sl, {
+          scale: a.value,
+          minimapCamera: i.minimapCamera,
+          transformAngle: l.value
+        }, null, 8, ["scale", "minimapCamera", "transformAngle"]),
+        o("div", null, [
+          y(Ja, {
+            transformAngle: l.value,
+            allCameras: i.allCameras,
+            backgroundImage: i.backgroundImage,
+            rotation: i.rotation,
+            currentCamera: i.currentCamera,
+            minimapCamera: i.minimapCamera
+          }, null, 8, ["transformAngle", "allCameras", "backgroundImage", "rotation", "currentCamera", "minimapCamera"])
+        ])
+      ]),
+      footer: M(() => [
+        y(ml, {
+          minimapJSON: i.minimapJSON,
+          root: `${i.rootUrl}/minimap/`,
+          level: i.level,
+          onSetBackgroundImage: n
+        }, null, 8, ["minimapJSON", "root", "level"])
+      ]),
+      _: 1
+    }));
+  }
+}), vt = /* @__PURE__ */ te(pl, [["__scopeId", "data-v-b903220b"]]);
+class hl {
+  constructor(t, e) {
+    J(this, "_doc");
+    J(this, "_elemId");
+    J(this, "_state");
+    this._doc = t, this._elemId = e, this._state = { isActive: !1 };
+  }
+  get isActive() {
+    return this._state.isActive;
+  }
+  setup() {
+    const t = [
+      "fullscreenchange",
+      "webkitfullscreenchange",
+      "mozfullscreenchange",
+      "msfullscreenchange"
+    ], e = this._getElement();
+    t.forEach((l) => {
+      e.addEventListener(l, this._toggle.bind(this), !1);
+    });
+  }
+  toggle() {
+    this.isActive ? this._exit() : this._enter();
+  }
+  _enter() {
+    const t = this._getElement(), e = t.requestFullscreen || t.webkitRequestFullscreen || t.mozRequestFullscreen || t.msRequestFullscreen;
+    e && e.apply(t);
+  }
+  _exit() {
+    const t = this._doc.exitFullscreen || this._doc.webkitExitFullscreen || this._doc.mozExitFullscreen || this._doc.document.msExitFullscreen;
+    t && t.apply(document);
+  }
+  _getElement() {
+    return this._doc.getElementById(this._elemId);
+  }
+  _toggle() {
+    const t = !!(this._doc.fullscreenElement || this._doc.webkitFullscreenElement || this._doc.mozFullscreenElement || this._doc.msFullscreenElement);
+    this._state.isActive = t;
+  }
+}
+function We(u) {
+  return ("0" + u).slice(-2);
+}
+function fl() {
+  const u = /* @__PURE__ */ new Date();
+  return [
+    u.getFullYear().toString(),
+    We(u.getMonth() + 1),
+    We(u.getDate()),
+    " ",
+    We(u.getHours()),
+    We(u.getMinutes()),
+    We(u.getSeconds())
+  ].join("");
+}
+function gl() {
+  return "Visuado-Snapshot-" + fl();
+}
+class wl {
+  // private cameraParams: any
+  constructor(t, e) {
+    J(this, "data");
+    this.data = t;
+  }
+  download(t = null) {
+    t = t || gl();
+    const e = document.createElement("a");
+    typeof e.download == "string" ? (document.body.appendChild(e), e.download = t, e.href = this.data, e.click(), document.body.removeChild(e)) : location.replace(this.data);
+  }
+}
+const kl = { class: "virtual-tour-wrapper" }, bl = {
+  key: 0,
+  class: "player-error"
+}, yl = { class: "player-and-components-wrapper" }, _l = { key: 1 }, Cl = {
+  key: 3,
+  class: "settings-panel"
+}, Al = {
+  key: 0,
+  class: "compass-wrapper"
+}, Ll = {
+  key: 1,
+  class: "btn-placeholder mr-2"
+}, Il = {
+  key: 2,
+  class: "btn-placeholder"
+}, Ml = { key: 0 }, Sl = /* @__PURE__ */ Q({
+  __name: "VVirtualTour",
+  props: {
+    fileLoader: {},
+    cdnRoot: {},
+    projectSlug: {},
+    apartmentId: {},
+    defaultInteriorId: {},
+    validInteriorIds: { default: () => [] },
+    viewModes: { default: () => ["virtualTour", "slideShow"] },
+    displayViewModeSwitch: { type: Boolean, default: !0 },
+    websiteUrl: {},
+    i18n: {},
+    showCarousel: { type: Boolean, default: !0 },
+    showTimeOfDay: { type: Boolean, default: !0 },
+    showCompass: { type: Boolean, default: !0 },
+    showFullScreen: { type: Boolean, default: !0 },
+    showSnapshot: { type: Boolean, default: !0 },
+    showShare: { type: Boolean, default: !0 },
+    showInteriorOptions: { type: Boolean, default: !0 },
+    showMiniMap: { type: Boolean, default: !0 },
+    showFloorLevel: { type: Boolean, default: !0 },
+    defaultWaypointIndex: { default: 0 },
+    defaultViewMode: { default: "virtualTour" },
+    mouseSensitivity: { default: 1 },
+    isInIframe: { type: Boolean, default: !1 },
+    adminMode: { type: Boolean, default: !1 },
+    playerSettings: { default: () => ({
+      temperature: 6500,
+      targetLuminance: 1,
+      exposureFovScale: 0.3,
+      UNREAL_BLOOM_ENABLED: !0,
+      sharpenFilter_amount: 0.6,
+      UNREAL_BLOOM_STRENGTH: 0.3,
+      TRANSITION_MOVEMENT_SCALE: 1.3,
+      whitePoint: [1, 1, 1]
+    }) }
+  },
+  emits: ["onSnapshot", "saveSettings", "onInteriorUpdate", "onCameraUpdate"],
+  setup(u, { emit: t }) {
+    const e = u, l = t, a = r(!1), n = r(!1), s = r(), i = r(), k = r(), p = r(), v = r(), m = r(0), I = r(), _ = r(), L = r(), C = r(0), E = r(0), D = r(0), g = r(!1), A = r(!1), R = r(), c = r(!1), f = r(new hl(document, "player-wrapper")), b = V(() => !!e.fileLoader), B = V(() => {
+      let d = `${e.cdnRoot}/${e.projectSlug}`;
+      return e.fileLoader && (d = ""), Vt(d);
+    }), U = V(() => `${B.value}/${$.value}/${e.apartmentId}`), $ = V(() => I.value), q = V(() => i.value ? i.value.cameras : []), ee = V(() => {
+      if (i.value) {
+        const d = i.value.cameras.map(
+          (G) => G.floorLevel
+        );
+        let O = [...new Set(d)];
+        return O = O.sort(), O;
+      } else
+        return [];
+    }), w = V(() => {
+      let d = 0;
+      if (i.value) {
+        const O = i.value.cameras.map(
+          (Ue) => Ue.floorLevel
+        );
+        let G = [...new Set(O)];
+        G = G.sort();
+        const ae = G.findIndex(
+          (Ue) => Ue === E.value
+        );
+        ae !== -1 && (d = ae);
+      }
+      return d;
+    }), x = V(() => Y.value.findIndex(
+      (d) => d.archetypeID === I.value
+    )), W = V(() => k.value ? k.value.cameras.map((d) => ({
+      ...d,
+      thumbnailUrl: et(
+        `${B.value}/${$.value}/${e.apartmentId}/thumbs/200/${d.id}.jpg`
+      ),
+      imageUrl: et(
+        `${B.value}/${$.value}/${e.apartmentId}/images/1600/${d.id}.jpg`
+      )
+    })) : []), S = V(() => !W.value || !W.value[m.value] ? "" : W.value[m.value].imageUrl), Y = V(() => {
+      let d = [];
+      return s.value && (d = s.value.archetypes), e.validInteriorIds.length ? d.filter(
+        (O) => e.validInteriorIds.includes(O.archetypeID)
+      ) : d;
+    }), X = V(() => k.value ? Y.value.map((d) => ({
+      ...d,
+      url: `${B.value}/${d.archetypeID}/${e.apartmentId}/thumbs/200/${W.value[m.value].id}.jpg`
+    })) : []), K = V(() => {
+      if (p.value)
+        return p.value.storeys[w.value];
+    }), ne = V(() => i.value && i.value.timeInHours), ue = V(() => {
+      if (i.value && i.value.timeInHours && e.showTimeOfDay)
+        return Bt(i.value.timeInHours);
+    }), ve = V(() => R.value ? R.value : `${B.value}/${$.value}/${e.apartmentId}/minimap/sunsim0_13.jpg`);
+    De(
+      "i18n",
+      e.i18n ? new Le(e.i18n.labels, e.i18n.language) : new Le()
+    ), De("localMode", b.value), De("fileLoader", e.fileLoader), Z([() => e.projectSlug, () => e.cdnRoot], async () => {
+      await he(), ge(), await fe();
+    }), Z(
+      () => e.defaultViewMode,
+      (d) => {
+        d === "virtualTour" && (g.value = !1), d === "slideShow" && (g.value = !0, c.value = !0);
+      },
+      { immediate: !0 }
+    ), Z(p, (d) => {
+      if (d.storeys[w.value]) {
+        const O = d.storeys[w.value].defaultSunsimFile;
+        R.value = `${B.value}/${$.value}/${e.apartmentId}/minimap/${O}`;
+      }
+    }), ce(async () => {
+      try {
+        await he(), ge(), await fe(), f.value.setup(), Ie();
+      } catch {
+        n.value = !0;
+      }
+    });
+    async function he() {
+      s.value = await Me(B.value);
+    }
+    async function fe() {
+      if (i.value = await Pe(
+        B.value,
+        $.value,
+        e.apartmentId
+      ), i.value && (_.value = i.value.cameras.find(() => !0).id), k.value = await Ve(
+        B.value,
+        $.value,
+        e.apartmentId
+      ), k.value) {
+        let d = e.defaultWaypointIndex !== null ? e.defaultWaypointIndex : 0;
+        m.value = d, _.value = k.value.cameras[d].id, L.value = k.value.cameras[d].id;
+      }
+      e.showMiniMap && (p.value = await Ge(
+        B.value,
+        $.value,
+        e.apartmentId
+      ));
+    }
+    function ge() {
+      let d = e.defaultInteriorId;
+      d || (d = s.value.defaultArchetypeID), e.validInteriorIds.length && !e.validInteriorIds.includes(d) && (d = e.validInteriorIds[0]), d || (d = s.value.archetypes[0].archetypeID), I.value = d;
+    }
+    function Ie() {
+      const d = document.getElementById("main-canvas");
+      d.addEventListener("touchmove", O, { passive: !1 });
+      function O(ae) {
+        ae.preventDefault(), window.scrollBy(0, 0);
+      }
+      d.addEventListener(
+        "mouseenter",
+        () => {
+          document.addEventListener("wheel", G, {
+            passive: !1
+          });
+        },
+        { passive: !1 }
+      ), d.addEventListener(
+        "mouseleave",
+        () => {
+          document.removeEventListener("wheel", G);
+        },
+        { passive: !1 }
+      );
+      function G(ae) {
+        ae.preventDefault(), window.scrollBy(0, 0);
+      }
+    }
+    async function Me(d) {
+      try {
+        return await Qe(`${d}/config.json`);
+      } catch (O) {
+        console.error(
+          "Error loading config.json - ",
+          `${d}/config.json`,
+          O
+        );
+        return;
+      }
+    }
+    async function Pe(d, O, G) {
+      try {
+        return await Qe(
+          `${d}/${O}/${G}/apartment.json`
+        );
+      } catch (ae) {
+        console.error(
+          "Error loading apartment.json - ",
+          `${d}/${O}/${G}/apartment.json`,
+          ae
+        );
+        return;
+      }
+    }
+    async function Ve(d, O, G) {
+      try {
+        return await Qe(
+          `${d}/${O}/${G}/thumbs.json`
+        );
+      } catch {
+        console.error(
+          "Error loading thumbs.json - ",
+          `${d}/${O}/${G}/thumbs.json`
+        );
+        return;
+      }
+    }
+    async function Ge(d, O, G) {
+      try {
+        return await Qe(
+          `${d}/${O}/${G}/minimap/minimap.json`
+        );
+      } catch {
+        console.error(
+          "Error loading minimap.json - ",
+          `${d}/${O}/${G}/minimap/minimap.json`
+        );
+        return;
+      }
+    }
+    function Ae() {
+      let d = m.value + 1;
+      d >= W.value.length && (d = 0), m.value = d, P(W.value[m.value].id);
+    }
+    function Ne() {
+      let d = m.value - 1;
+      d < 0 && (d = W.value.length - 1), m.value = d, P(W.value[m.value].id);
+    }
+    function j(d, O = !0) {
+      let G = W.value.findIndex((ae) => ae.id === d);
+      G != -1 && (m.value = G, O && P(d));
+    }
+    function P(d) {
+      _.value = d;
+    }
+    function le(d) {
+      I.value = d, l("onInteriorUpdate", d), l("onCameraUpdate", L.value, i.value);
+    }
+    function Se(d) {
+      j(d, !1), L.value = d, l("onCameraUpdate", d, i.value);
+    }
+    function Ee(d) {
+      C.value = d;
+    }
+    function Fe(d) {
+      E.value = d;
+    }
+    function we(d) {
+      D.value = d;
+    }
+    function ke(d, O) {
+    }
+    function rt(d) {
+      v.value = d, e.playerSettings && v.value.updateSettings(e.playerSettings);
+    }
+    function Mt() {
+      f.value.toggle(), window.scrollTo({ top: 150, behavior: "smooth" });
+    }
+    function St() {
+      g.value = !g.value;
+    }
+    function ut(d) {
+      R.value = d;
+    }
+    async function Et() {
+      const d = 180 / Math.PI, O = await v.value.takePhoto(), G = v.value.getRotationEuler(), ae = v.value.getCurrentCamera(), Ue = new wl(O, ae), Ut = [
+        G.x * d,
+        G.y * d,
+        G.z * d
+      ];
+      return l("onSnapshot", Ue, Ut), Ue;
+    }
+    function et(d) {
+      let O = d;
+      return b.value ? O = `${e.fileLoader.getURL(d)}` : e.adminMode && (O = O + `?v=${Date.now()}`), O;
+    }
+    async function Qe(d) {
+      const O = et(d);
+      try {
+        return (await gt.get(O)).data;
+      } catch (G) {
+        throw new Error(G);
+      }
+    }
+    function Ft(d) {
+      v.value.updateSettings(d);
+    }
+    function xt(d) {
+      l("saveSettings", d);
+    }
+    function Bt(d) {
+      if (d === void 0)
+        return null;
+      const O = Math.floor(d), G = Math.floor((O - d) * 60);
+      return { hours: O, minutes: G };
+    }
+    function Vt(d) {
+      return d.replace(/\/$/, "");
+    }
+    return (d, O) => {
+      const G = T("v-btn");
+      return h(), F("div", kl, [
+        n.value ? (h(), F("div", bl, "Error loading the player!!")) : H("", !0),
+        o("div", yl, [
+          !f.value.isActive && p.value && L.value && K.value && A.value ? (h(), N(vt, {
+            key: 0,
+            allCameras: q.value,
+            rootUrl: U.value,
+            level: w.value,
+            backgroundImage: ve.value,
+            minimapJSON: p.value.storeys,
+            rotation: C.value,
+            currentCamera: L.value,
+            minimapCamera: K.value,
+            onClose: O[0] || (O[0] = (ae) => A.value = !1),
+            onSetBackgroundImage: ut
+          }, null, 8, ["allCameras", "rootUrl", "level", "backgroundImage", "minimapJSON", "rotation", "currentCamera", "minimapCamera"])) : H("", !0),
+          $.value && _.value ? (h(), F("div", _l, [
+            y(fn, {
+              ref: "player",
+              "file-loader": d.fileLoader,
+              style: re({ zIndex: g.value ? 1 : 2 }),
+              showStaticImage: g.value,
+              isFullScreen: f.value.isActive,
+              rootUrl: U.value,
+              currentCameraId: _.value,
+              "mouse-sensitivity": d.mouseSensitivity,
+              "is-in-iframe": d.isInIframe,
+              onNewCameraCallback: Se,
+              onNewRotationCallback: Ee,
+              onNewFloorCallback: Fe,
+              onNewFovCallback: we,
+              onNewSizeCallback: ke,
+              onPlayerApiCallback: rt
+            }, {
+              "slideshow-image": M(() => [
+                g.value ? (h(), N(Tn, {
+                  key: 0,
+                  image: S.value
+                }, null, 8, ["image"])) : H("", !0)
+              ]),
+              "top-left": M(() => [
+                d.adminMode ? de((h(), N(G, {
+                  key: 0,
+                  density: "comfortable",
+                  icon: "mdi-cog-outline",
+                  elevation: "3",
+                  class: "mr-2",
+                  onClick: O[1] || (O[1] = (ae) => a.value = !a.value)
+                }, null, 512)), [
+                  [me, c.value]
+                ]) : H("", !0),
+                p.value && _.value && K.value ? de((h(), N(G, {
+                  key: 1,
+                  density: "comfortable",
+                  elevation: "3",
+                  icon: "mdi-floor-plan",
+                  class: "mr-2",
+                  onClick: O[2] || (O[2] = (ae) => A.value = !A.value)
+                }, null, 512)), [
+                  [me, c.value]
+                ]) : H("", !0),
+                c.value && d.showFloorLevel && ee.value.length > 1 ? (h(), N(In, {
+                  key: 2,
+                  level: E.value,
+                  "floor-levels": ee.value,
+                  onLevel: Fe
+                }, null, 8, ["level", "floor-levels"])) : H("", !0),
+                c.value && d.adminMode && a.value ? (h(), F("div", Cl, [
+                  y(Na, {
+                    "project-slug": d.projectSlug,
+                    initialSettings: d.playerSettings,
+                    onUpdateSettings: Ft,
+                    onSaveSettings: xt
+                  }, null, 8, ["project-slug", "initialSettings"])
+                ])) : H("", !0)
+              ]),
+              "top-center": M(() => [
+                c.value ? (h(), N(qn, {
+                  key: 0,
+                  "return-url": d.websiteUrl
+                }, null, 8, ["return-url"])) : H("", !0)
+              ]),
+              "top-right": M(() => [
+                i.value && d.showCompass ? de((h(), F("div", Al, [
+                  y(Un, { rotation: C.value }, null, 8, ["rotation"])
+                ], 512)), [
+                  [me, c.value]
+                ]) : H("", !0),
+                c.value && i.value && ne.value && d.showTimeOfDay ? (h(), N(Nn, {
+                  key: 1,
+                  hours: ue.value.hours,
+                  minutes: ue.value.minutes
+                }, null, 8, ["hours", "minutes"])) : H("", !0)
+              ]),
+              "center-left": M(() => [
+                y(ze, { name: "slide-x-transition" }, {
+                  default: M(() => [
+                    g.value ? (h(), N(G, {
+                      key: 0,
+                      density: "comfortable",
+                      elevation: "3",
+                      icon: "mdi-chevron-left",
+                      onClick: Ne
+                    })) : H("", !0)
+                  ]),
+                  _: 1
+                })
+              ]),
+              "center-center": M(() => [
+                y(Aa, {
+                  project: B.value,
+                  onCloseTutorial: O[3] || (O[3] = (ae) => c.value = !0)
+                }, null, 8, ["project"]),
+                f.value.isActive && p.value && L.value && K.value && A.value ? (h(), N(vt, {
+                  key: 0,
+                  allCameras: q.value,
+                  rootUrl: U.value,
+                  minimapJSON: p.value.storeys,
+                  backgroundImage: ve.value,
+                  rotation: C.value,
+                  currentCamera: L.value,
+                  minimapCamera: K.value,
+                  level: w.value,
+                  onClose: O[4] || (O[4] = (ae) => A.value = !1),
+                  onSetBackgroundImage: ut
+                }, null, 8, ["allCameras", "rootUrl", "minimapJSON", "backgroundImage", "rotation", "currentCamera", "minimapCamera", "level"])) : H("", !0)
+              ]),
+              "center-right": M(() => [
+                y(ze, { name: "slide-x-reverse-transition" }, {
+                  default: M(() => [
+                    g.value ? (h(), N(G, {
+                      key: 0,
+                      density: "comfortable",
+                      elevation: "3",
+                      icon: "mdi-chevron-right",
+                      onClick: Ae
+                    })) : H("", !0)
+                  ]),
+                  _: 1
+                })
+              ]),
+              "bottom-left": M(() => [
+                c.value && d.showFullScreen ? (h(), N(Wn, {
+                  key: 0,
+                  isFullScreen: f.value.isActive,
+                  class: "btn-fullscreen",
+                  onToggleFullscreen: Mt
+                }, null, 8, ["isFullScreen"])) : H("", !0),
+                c.value && d.showSnapshot ? (h(), F("div", Ll, [
+                  y(G, {
+                    density: "comfortable",
+                    elevation: "3",
+                    icon: "mdi-camera",
+                    onClick: Et
+                  })
+                ])) : H("", !0),
+                c.value && d.showShare && !f.value.isActive ? (h(), F("div", Il, [
+                  y(En)
+                ])) : H("", !0)
+              ]),
+              "bottom-center": M(() => [
+                c.value && d.showCarousel ? (h(), F("div", Ml, [
+                  d.displayViewModeSwitch ? (h(), N(Gn, {
+                    key: 0,
+                    "show-static-image": g.value,
+                    onToggle: St
+                  }, null, 8, ["show-static-image"])) : H("", !0),
+                  c.value && f.value.isActive ? (h(), N(dt, {
+                    key: 1,
+                    class: ye([f.value.isActive ? "full-screen" : ""]),
+                    thumbnails: W.value,
+                    active: m.value,
+                    onNext: Ae,
+                    onPrevious: Ne,
+                    onGoto: j
+                  }, null, 8, ["class", "thumbnails", "active"])) : H("", !0)
+                ])) : H("", !0)
+              ]),
+              "bottom-right": M(() => [
+                c.value && d.showInteriorOptions && X.value ? (h(), N(xn, {
+                  key: 0,
+                  availableArchetypes: X.value,
+                  selectedIndex: x.value,
+                  onSelectInterior: le
+                }, null, 8, ["availableArchetypes", "selectedIndex"])) : H("", !0)
+              ]),
+              _: 1
+            }, 8, ["file-loader", "style", "showStaticImage", "isFullScreen", "rootUrl", "currentCameraId", "mouse-sensitivity", "is-in-iframe"]),
+            d.showCarousel && k.value ? (h(), N(dt, {
+              key: 0,
+              thumbnails: W.value,
+              active: m.value,
+              onNext: Ae,
+              onPrevious: Ne,
+              onGoto: j
+            }, null, 8, ["thumbnails", "active"])) : H("", !0)
+          ])) : H("", !0)
+        ])
+      ]);
+    };
+  }
+}), El = /* @__PURE__ */ te(Sl, [["__scopeId", "data-v-8e6a405e"]]), Fl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  VApartmentChooser: yo,
+  VApartmentChooserNavigation: bt,
+  VApartmentChooserRaster: wt,
+  VApartmentChooserRotator: yt,
+  VApartmentChooserSvg: kt,
+  VBuildingChooser: zo,
+  VBuildingChooserRaster: It,
+  VBuildingChooserRasterOverlay: Lt,
+  VBuildingChooserSceneImageStack: st,
+  VBuildingChooserSunSimControl: it,
+  VBuildingChooserSvg: At,
+  VFloatingCard: Ze,
+  VHoverProbe: He,
+  VNorthDirection: Ke,
+  VVirtualTour: El,
+  VZoomBox: Xe
+}, Symbol.toStringTag, { value: "Module" }));
+class Ul {
+  constructor(t) {
+    J(this, "_data");
+    this._data = t;
+  }
+  getPixel(t, e) {
+    const l = this._data[t][e];
+    if (l !== " ") {
+      const a = Number.parseInt(l);
+      return [a, a, a, 255];
+    } else
+      return [0, 0, 0, 0];
+  }
+}
+const Dl = function(t) {
+  Object.entries(Fl).forEach(([e, l]) => {
+    t.component(e, l);
+  });
+};
+export {
+  tt as BatchLoadTracker,
+  Re as BuildingMap,
+  Ct as BuildingPickerResourceProvider,
+  co as BuildingViewerModel,
+  Te as CanvasRaster,
+  Je as DayOfYearSelector,
+  Le as I18N,
+  $e as ResourceLoader,
+  at as RotationStep,
+  Ul as SampleRaster,
+  qt as SceneRotator,
+  yo as VApartmentChooser,
+  bt as VApartmentChooserNavigation,
+  wt as VApartmentChooserRaster,
+  yt as VApartmentChooserRotator,
+  kt as VApartmentChooserSvg,
+  zo as VBuildingChooser,
+  It as VBuildingChooserRaster,
+  Lt as VBuildingChooserRasterOverlay,
+  st as VBuildingChooserSceneImageStack,
+  it as VBuildingChooserSunSimControl,
+  At as VBuildingChooserSvg,
+  Ze as VFloatingCard,
+  He as VHoverProbe,
+  Ke as VNorthDirection,
+  El as VVirtualTour,
+  Xe as VZoomBox,
+  Dl as default
+};