@qispace/vue3-player 0.0.10 → 0.0.13

package/dist/vue3-player.mjs

@@ -1,3058 +0,0 @@
-import ve from "axios";
-import { openBlock as d, createElementBlock as m, resolveComponent as u, withDirectives as A, createElementVNode as h, normalizeStyle as D, vShow as x, createVNode as l, Fragment as L, renderList as T, createCommentVNode as k, withCtx as c, toDisplayString as S, createTextVNode as B, normalizeClass as M, createBlock as I, renderSlot as _, resolveDynamicComponent as oe, normalizeProps as re, guardReactiveProps as ae, defineComponent as Y, ref as le, mergeProps as R, createSlots as pe, toHandlers as fe, Transition as G } from "vue";
-class U {
-  async loadJson(t) {
-    return (await ve.get(t)).data;
-  }
-  async loadImage(t) {
-    return new Promise((i, o) => {
-      const n = new Image();
-      n.crossOrigin = "anonymous", n.onload = () => {
-        i(n);
-      }, n.onerror = o, n.src = t;
-    });
-  }
-  async loadImageData(t) {
-    const i = await this.loadImage(t), o = document.createElement("canvas");
-    try {
-      const n = o.getContext("2d");
-      return o.width = i.width, o.height = i.height, n.drawImage(i, 0, 0), o.toDataURL("image/png");
-    } finally {
-      o.remove();
-    }
-  }
-}
-const w = (e, t) => {
-  const i = e.__vccOpts || e;
-  for (const [o, n] of t)
-    i[o] = n;
-  return i;
-}, be = {
-  name: "QiHoverProbe",
-  computed: {
-    isHoverEnabled() {
-      return window.getComputedStyle(this.$refs.hoverCheck).display === "none";
-    }
-  }
-}, ye = {
-  ref: "hoverCheck",
-  class: "hover-check"
-};
-function we(e, t, i, o, n, s) {
-  return d(), m("div", ye, null, 512);
-}
-const $ = /* @__PURE__ */ w(be, [["render", we], ["__scopeId", "data-v-e4729353"]]), de = {
-  methods: {
-    throttle(e, t) {
-      let i = !0;
-      return function(...o) {
-        i && (i = !1, e.apply(this, o), setTimeout(() => i = !0, t));
-      };
-    }
-  }
-}, _e = {
-  name: "QiApartmentChooserRaster",
-  components: { QiHoverProbe: $ },
-  mixins: [de],
-  props: {
-    cdnFileResolver: { type: Function, required: !0 },
-    viewModel: { type: Object, required: !0 },
-    selectedUnitId: { type: String, default: null },
-    unitCallback: { type: Function, default: (e) => e },
-    canGoToUnitCallback: { type: Function, default: () => !0 },
-    sceneData: { type: Array, default: [] },
-    colorCallback: {
-      type: Function,
-      default: () => ({ r: 108, g: 0, b: 108, a: 144, s: 2 })
-    },
-    drawObserver: {
-      type: [Object, Array, String, Number, Boolean],
-      default: null
-    }
-  },
-  emits: ["select-unit", "go-to-unit", "hover-over", "hover-out"],
-  data() {
-    return {
-      pos: { x: 0, y: 0, width: 0, height: 0 },
-      canvas: null,
-      canvasBg: null,
-      canvasWidth: 0,
-      canvasHeight: 0,
-      context: null,
-      contextBg: null,
-      image: null,
-      imageData: null,
-      originalImageData: null,
-      hoverApartmentIndex: -1,
-      showApartmentCard: !1,
-      cursorX: null,
-      cursorY: null,
-      rasterImages: {},
-      vueCanvasCursor: "auto",
-      timeout: null,
-      windowListener: void 0,
-      resourceLoader: new U(),
-      apartmentIndexRasterMap: {}
-    };
-  },
-  computed: {
-    isHoverable() {
-      return this.$refs.hoverProbe.isHoverEnabled;
-    },
-    rasterUrl() {
-      return this.cdnFileResolver(
-        `/scenedata${this.viewModel.currentScene}.png`
-      );
-    },
-    rasterImage() {
-      return this.rasterUrl in this.rasterImages ? this.rasterImages[this.rasterUrl] : null;
-    },
-    hoverApartment() {
-      if (this.hoverApartmentIndex < 0)
-        return !1;
-      const e = this.sceneData.find(
-        (t) => t.index === this.hoverApartmentIndex
-      );
-      return e ? this.unitCallback ? this.unitCallback(e.apartmentId) : e.apartmentId : !1;
-    },
-    canvasStyle() {
-      return {
-        width: this.canvasWidth + "px",
-        height: this.canvasHeight + "px",
-        cursor: this.vueCanvasCursor
-      };
-    },
-    hoverBehaviourIdentifier() {
-      return `hover-${this.showApartmentCard ? "over" : "out"}-${this.hoverApartment ? typeof this.hoverApartment == "object" && "unitId" in this.hoverApartment ? this.hoverApartment.unitId : this.hoverApartment : ""}`;
-    }
-  },
-  watch: {
-    rasterUrl: {
-      handler() {
-        this.rasterImages[this.rasterUrl] || this.resourceLoader.loadImageData(this.rasterUrl).then((e) => {
-          this.rasterImages = {
-            ...this.rasterImages,
-            [this.rasterUrl]: e
-          };
-        });
-      },
-      immediate: !0
-    },
-    rasterImage() {
-      this.rasterImage && this.init();
-    },
-    "viewModel.currentScene": {
-      handler() {
-        this.draw();
-      },
-      immediate: !0
-    },
-    "viewModel.isRotating"() {
-      this.draw();
-    },
-    drawObserver() {
-      this.draw();
-    },
-    selectedUnitId() {
-      this.draw();
-    },
-    hoverApartment() {
-      this.draw(), this.hoverApartment ? this.vueCanvasCursor = "pointer" : this.vueCanvasCursor = "auto";
-    },
-    hoverBehaviourIdentifier() {
-      this.$emit(this.showApartmentCard ? "hover-over" : "hover-out", {
-        hoverApartment: this.hoverApartment,
-        closeHandler: () => this.closeDialog()
-      });
-    },
-    pos() {
-      this.$emit("pos", this.pos);
-    }
-  },
-  mounted() {
-    this.windowListener = () => {
-      clearTimeout(this.timeout), this.updateCanvasSize(), this.timeout = setTimeout(() => {
-        this.updateCanvasSize();
-      }, 50);
-    }, window.addEventListener("resize", this.windowListener), this.updateCanvasSize();
-  },
-  beforeUnmount() {
-    window.removeEventListener("resize", this.windowListener);
-    for (const e in this.rasterImages)
-      URL.revokeObjectURL(this.rasterImages[e]);
-  },
-  methods: {
-    init() {
-      this.canvas = this.$refs.canvasMask, this.context = this.canvas.getContext("2d", { willReadFrequently: !0 }), this.image = new Image(), this.image.onload = () => {
-        this.setupDraw(), this.canvas.addEventListener(
-          "mousemove",
-          this.throttle(this.handleMouseMove, 50)
-        );
-      }, this.image.src = this.rasterImage;
-    },
-    handleMouseMove(e) {
-      const t = this.getApartmentIndexByCursorPosition(
-        e.offsetX,
-        e.offsetY
-      );
-      this.showApartmentCard = t >= 0, this.hoverApartmentIndex = t, this.pos = {
-        x: e.offsetX,
-        y: e.offsetY,
-        width: this.canvasWidth,
-        height: this.canvasHeight
-      };
-    },
-    clickCanvas(e) {
-      const t = this.getApartmentIndexByCursorPosition(
-        e.offsetX,
-        e.offsetY
-      );
-      t < 0 || this.isHoverable && this.goToApartmentByIndex(t);
-    },
-    setImageData() {
-      if (this.image && this.image.width) {
-        this.canvas.width = this.image.width, this.canvas.height = this.image.height, this.context.drawImage(
-          this.image,
-          0,
-          0,
-          this.image.width,
-          this.image.height
-        ), this.originalImageData = this.context.getImageData(
-          0,
-          0,
-          this.canvas.width,
-          this.canvas.height
-        ), this.imageData = this.context.getImageData(
-          0,
-          0,
-          this.canvas.width,
-          this.canvas.height
-        );
-        const e = this.originalImageData.data;
-        this.apartmentIndexRasterMap = {};
-        for (let t = 0; t < e.length; t += 4)
-          this.apartmentIndexRasterMap[e[t]] = [];
-        for (let t = 3; t < e.length; t += 4)
-          e[t] === 255 && e[t - 3] in this.apartmentIndexRasterMap && this.apartmentIndexRasterMap[e[t - 3]].push(t - 3);
-      }
-    },
-    getApartmentIndexByCursorPosition(e, t) {
-      this.cursorX = e, this.cursorY = t;
-      const i = this.canvas.offsetWidth / this.canvas.width, o = this.canvas.offsetHeight / this.canvas.height, n = (e / i).toFixed(), r = (t / o).toFixed() * (this.canvas.width * 4) + n * 4, a = this.originalImageData.data[r];
-      return this.originalImageData.data[r + 3] > 0 ? a : -1;
-    },
-    getApartmentIndexById(e) {
-      const t = this.sceneData.find((i) => i.apartmentId === e);
-      return t ? t.index : -1;
-    },
-    highlightApartments() {
-      this.getApartmentsInRaster().forEach((t) => {
-        if (t.index >= 0) {
-          const i = this.getApartmentPixelsByIndex(t.index), o = this.getApartmentIdByIndex(t.index);
-          let n = "idle";
-          !this.hoverApartment && this.selectedUnitId && o === this.selectedUnitId ? n = "selected" : this.hoverApartment && this.hoverApartmentIndex === t.index && (n = "hover");
-          const s = this.unitCallback ? this.unitCallback(o) : o;
-          if (s) {
-            const r = this.colorCallback(s, n);
-            if (r)
-              for (let a = 0; a < i.length; a++)
-                this.imageData.data[i[a]] = r.r, this.imageData.data[i[a] + 1] = r.g, this.imageData.data[i[a] + 2] = r.b, this.imageData.data[i[a] + 3] = r.a;
-          }
-        }
-      });
-    },
-    // GETTING APARTMENT DATA
-    // Returns the index of each RGBA value of a given apartment
-    getApartmentPixelsByIndex(e) {
-      return this.originalImageData ? this.apartmentIndexRasterMap[e] : !1;
-    },
-    getApartmentIdByIndex(e) {
-      const t = this.sceneData.find((i) => i.index === e);
-      return t && t.apartmentId;
-    },
-    getApartmentsInRaster() {
-      if (this.originalImageData) {
-        const e = Object.keys(this.apartmentIndexRasterMap).map(
-          (i) => parseInt(i)
-        );
-        return this.sceneData.filter(
-          (i) => e.includes(i.index)
-        );
-      } else
-        return [];
-    },
-    goToApartmentByIndex(e) {
-      const t = this.getApartmentIdByIndex(e);
-      this.goToApartmentById(t);
-    },
-    goToApartmentById(e) {
-      const t = this.unitCallback ? this.unitCallback(e) : e;
-      this.$emit("select-unit", t), t && this.canGoToUnitCallback(t) && this.$emit("go-to-unit", t);
-    },
-    setAlpha(e = 0) {
-      if (!this.imageData)
-        return;
-      const t = this.imageData.data;
-      for (let i = 3; i < t.length; i += 4)
-        t[i] = e;
-    },
-    updateCanvasSize() {
-      if (!this.$el)
-        return !1;
-      this.canvasWidth = this.$el.offsetWidth, this.canvasHeight = this.$el.offsetHeight;
-    },
-    setupDraw() {
-      this.setImageData(), this.draw();
-    },
-    draw() {
-      this.setAlpha(), this.highlightApartments(), this.context && this.imageData && this.context.putImageData(this.imageData, 0, 0);
-    },
-    closeDialog() {
-      this.showApartmentCard = !1;
-    }
-  }
-}, ke = { id: "canvas" };
-function Ie(e, t, i, o, n, s) {
-  const r = u("qi-hover-probe");
-  return d(), m("div", ke, [
-    A(h("canvas", {
-      id: "canvas-mask",
-      ref: "canvasMask",
-      style: D(s.canvasStyle),
-      onClick: t[0] || (t[0] = (...a) => s.clickCanvas && s.clickCanvas(...a))
-    }, null, 4), [
-      [x, !i.viewModel.isRotating]
-    ]),
-    l(r, { ref: "hoverProbe" }, null, 512)
-  ]);
-}
-const N = /* @__PURE__ */ w(_e, [["render", Ie], ["__scopeId", "data-v-3bbbc77b"]]), Ce = {
-  name: "QiApartmentChooserSvg",
-  components: { QiHoverProbe: $ },
-  mixins: [de],
-  props: {
-    cdnFileResolver: { type: Function, required: !0 },
-    viewModel: { type: Object, required: !0 },
-    selectedUnitId: { type: String, default: null },
-    unitCallback: { type: Function, default: (e) => e },
-    canGoToUnitCallback: { type: Function, default: () => !0 },
-    sceneData: { type: Array, default: [] },
-    colorCallback: {
-      type: Function,
-      default: () => ({ r: 108, g: 0, b: 108, a: 144, s: 2 })
-    },
-    drawObserver: {
-      type: [Object, Array, String, Number, Boolean],
-      default: null
-    }
-  },
-  emits: ["select-unit", "go-to-unit", "hover-over", "hover-out"],
-  data() {
-    return {
-      pos: { x: 0, y: 0, width: 0, height: 0 },
-      hoverApartmentIndex: -1,
-      svgImages: {},
-      currentSvgImage: null,
-      resourceLoader: new U()
-    };
-  },
-  computed: {
-    isHoverable() {
-      return this.$refs.hoverProbe.isHoverEnabled;
-    }
-  },
-  watch: {
-    "viewModel.currentScene": {
-      handler() {
-        this.viewModel.currentScene in this.svgImages && (this.currentSvgImage = this.svgImages[this.viewModel.currentScene]);
-      },
-      immediate: !0
-    },
-    svgImages: {
-      handler() {
-        this.viewModel.currentScene in this.svgImages && (this.currentSvgImage = this.svgImages[this.viewModel.currentScene]);
-      },
-      immediate: !0
-    },
-    pos() {
-      this.$emit("pos", this.pos);
-    },
-    hoverApartmentIndex(e, t) {
-      if (e >= 0) {
-        const i = this.getApartmentByIndex(e);
-        this.$emit("hover-over", {
-          hoverApartment: i,
-          closeHandler: () => {
-            this.hoverApartmentIndex = -1;
-          }
-        });
-      } else {
-        const i = this.getApartmentByIndex(t);
-        this.$emit("hover-out", {
-          hoverApartment: i,
-          closeHandler: () => {
-            this.hoverApartmentIndex = -1;
-          }
-        });
-      }
-    }
-  },
-  mounted() {
-    for (let e = 1; e <= 4; e++) {
-      const t = this.cdnFileResolver(`/scenedata${e}.svg`), i = {};
-      this.resourceLoader.loadJson(t).then((o) => {
-        i.markup = o;
-        const s = new DOMParser().parseFromString(o, "image/svg+xml").getElementsByTagName("svg")[0];
-        i.viewBox = s.getAttribute("viewBox"), i.svgObjects = Array.from(
-          s.querySelectorAll("*[data-index]")
-        ).map((r) => ({
-          index: parseInt(r.getAttribute("data-index")),
-          svg: r.innerHTML
-        })), this.svgImages = { ...this.svgImages, [e]: i };
-      });
-    }
-    this.$refs.container.addEventListener(
-      "mousemove",
-      this.throttle(this.handleMouseMove, 50)
-    );
-  },
-  methods: {
-    handleMouseMove(e) {
-      this.pos = {
-        x: e.offsetX,
-        y: e.offsetY,
-        width: this.$el.offsetWidth,
-        height: this.$el.offsetHeight
-      };
-    },
-    getApartmentIdByIndex(e) {
-      var t;
-      return (t = this.sceneData.find((i) => i.index === parseInt(e))) == null ? void 0 : t.apartmentId;
-    },
-    getApartmentByIndex(e) {
-      const t = this.getApartmentIdByIndex(e);
-      return this.unitCallback ? this.unitCallback(t) : t;
-    },
-    mouseEnter(e) {
-      this.isHoverable && (this.hoverApartmentIndex = e);
-    },
-    mouseLeave() {
-      this.isHoverable && (this.hoverApartmentIndex = -1);
-    },
-    click(e) {
-      const t = this.getApartmentByIndex(e);
-      this.$emit("select-unit", t), this.isHoverable && t && this.canGoToUnitCallback(t) ? this.$emit("go-to-unit", t) : this.hoverApartmentIndex = e;
-    },
-    getGClass(e) {
-      const t = this.getApartmentIdByIndex(e), i = this.getApartmentByIndex(e);
-      let o = "idle";
-      this.hoverApartmentIndex < 0 && this.selectedUnitId && t === this.selectedUnitId ? o = "selected" : this.hoverApartmentIndex >= 0 && this.hoverApartmentIndex === e && (o = "hover");
-      const n = this.colorCallback(i, o);
-      if (n) {
-        const { r: s, g: r, b: a, a: g, s: f } = n;
-        return {
-          strokeWidth: f !== void 0 ? f : 2,
-          stroke: `rgb(${s}, ${r}, ${a})`,
-          strokeOpacity: 1,
-          fill: `rgb(${s}, ${r}, ${a})`,
-          fillOpacity: g / 255,
-          cursor: `${this.canGoToUnitCallback(i) ? "cursor" : "default"} !important`
-        };
-      } else
-        return {
-          strokeWidth: 0,
-          stroke: "white",
-          strokeOpacity: 0,
-          fill: "white",
-          fillOpacity: 0,
-          cursor: "default !important"
-        };
-    }
-  }
-}, Se = {
-  id: "container",
-  ref: "container"
-}, Be = ["viewBox"], De = ["innerHTML", "onMouseenter", "onMouseleave", "onClick"];
-function Ae(e, t, i, o, n, s) {
-  const r = u("qi-hover-probe");
-  return d(), m("div", Se, [
-    A(h("div", {
-      class: "svg-container",
-      style: D({
-        opacity: !n.currentSvgImage || !n.currentSvgImage.svgObjects ? 0 : 1
-      })
-    }, [
-      n.currentSvgImage && n.currentSvgImage.svgObjects ? (d(), m("svg", {
-        key: 0,
-        viewBox: n.currentSvgImage.viewBox
-      }, [
-        (d(!0), m(L, null, T(n.currentSvgImage.svgObjects, ({ index: a, svg: g }) => (d(), m("g", {
-          key: a,
-          innerHTML: g,
-          style: D(s.getGClass(a)),
-          onMouseenter: (f) => s.mouseEnter(a),
-          onMouseleave: (f) => s.mouseLeave(a),
-          onClick: (f) => s.click(a)
-        }, null, 44, De))), 128))
-      ], 8, Be)) : k("", !0)
-    ], 4), [
-      [x, !i.viewModel.isRotating]
-    ]),
-    l(r, { ref: "hoverProbe" }, null, 512)
-  ], 512);
-}
-const X = /* @__PURE__ */ w(Ce, [["render", Ae], ["__scopeId", "data-v-82a61864"]]), xe = {
-  name: "QiApartmentChooserNavigation",
-  inject: ["i18n"],
-  props: {
-    canGoToUnitCallback: { type: Function, default: () => !0 },
-    selectedUnit: { type: Object, default: null },
-    prevUnit: { type: Object, default: null },
-    nextUnit: { type: Object, default: null },
-    viewModel: { type: Object, required: !0 }
-  },
-  mounted() {
-    window.addEventListener("keydown", this.keyNavigate);
-  },
-  beforeUnmount() {
-    window.removeEventListener("keydown", this.keyNavigate);
-  },
-  methods: {
-    keyNavigate(e) {
-      e.keyCode === 37 ? this.prevUnit && this.$emit("prev-unit") : e.keyCode === 39 && this.nextUnit && this.$emit("next-unit");
-    }
-  }
-}, Me = {
-  key: 0,
-  class: "d-none d-md-flex"
-};
-function Re(e, t, i, o, n, s) {
-  const r = u("v-btn");
-  return d(), m("div", null, [
-    l(r, {
-      elevation: "1",
-      icon: "mdi-rotate-right",
-      class: "black darken-1",
-      onClick: t[0] || (t[0] = (a) => i.viewModel.rotateClockwise())
-    }),
-    l(r, {
-      elevation: "1",
-      plain: "",
-      icon: "mdi-chevron-left",
-      class: "mr-sm-4 ml-sm-8 mr-3 ml-3 black darken-1",
-      disabled: !i.prevUnit,
-      onClick: t[1] || (t[1] = (a) => e.$emit("prev-unit"))
-    }, null, 8, ["disabled"]),
-    l(r, {
-      color: "success darken-2",
-      elevation: "1",
-      rounded: "",
-      plain: "",
-      disabled: !i.selectedUnit || !i.canGoToUnitCallback(i.selectedUnit),
-      onClick: t[2] || (t[2] = (a) => e.$emit("go-to-unit", i.selectedUnit))
-    }, {
-      default: c(() => [
-        i.selectedUnit && i.canGoToUnitCallback(i.selectedUnit) ? (d(), m("span", Me, S(s.i18n.getLabel("see-apartment")) + "  ", 1)) : k("", !0),
-        h("span", null, S(i.selectedUnit && "title" in i.selectedUnit ? i.selectedUnit.title : "-"), 1)
-      ]),
-      _: 1
-    }, 8, ["disabled"]),
-    l(r, {
-      elevation: "1",
-      plain: "",
-      icon: "mdi-chevron-right",
-      class: "mr-sm-8 ml-sm-4 mr-3 ml-3 black darken-1",
-      disabled: !i.nextUnit,
-      onClick: t[3] || (t[3] = (a) => e.$emit("next-unit"))
-    }, null, 8, ["disabled"]),
-    l(r, {
-      elevation: "1",
-      plain: "",
-      icon: "mdi-rotate-left",
-      class: "black darken-1",
-      onClick: t[4] || (t[4] = (a) => i.viewModel.rotateCounterClockwise())
-    })
-  ]);
-}
-const ce = /* @__PURE__ */ w(xe, [["render", Re], ["__scopeId", "data-v-129ef905"]]);
-class W {
-  constructor(t) {
-    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 J {
-  constructor(t, i, o, n) {
-    this._rotator = t, this._direction = i, this._frameIndex = o, this._sceneCount = n;
-  }
-  get atEnd() {
-    return this._sceneCount === 0;
-  }
-  get frameIndex() {
-    return this._frameIndex;
-  }
-  nextFrame() {
-    const t = this._rotator.clampFrameIndex(
-      this._frameIndex + this._direction
-    ), i = this._rotator.isCardinalFrame(t) ? this._sceneCount - 1 : this._sceneCount;
-    return new J(
-      this._rotator,
-      this._direction,
-      t,
-      i
-    );
-  }
-}
-class Fe {
-  constructor(t, i) {
-    this._cardinalFrames = t, this._totalFrameCount = i;
-  }
-  start(t, i, o) {
-    const n = this.startFrameIndexForScene(i);
-    return new J(this, t, n, o);
-  }
-  isCardinalFrame(t) {
-    return this._cardinalFrames.includes(t);
-  }
-  clampFrameIndex(t) {
-    return (this._totalFrameCount + t) % this._totalFrameCount;
-  }
-  startFrameIndexForScene(t) {
-    return this._cardinalFrames[t];
-  }
-}
-const se = 64, O = 4, He = 120, Te = {
-  name: "QiApartmentChooserRotator",
-  props: {
-    viewModel: { type: Object, required: !0 },
-    build: { type: String, default: "" },
-    cdnFileResolver: { type: Function, required: !0 },
-    cardinalFrames: { type: Array, required: !0 }
-  },
-  emits: ["loaded", "error", "progress"],
-  data() {
-    const e = this.createFrames();
-    return {
-      loadTracker: new W(e.length).onLoadFinished(() => this.$emit("loaded")).onLoadProgress((t) => this.$emit("progress", t)).onLoadError(() => this.$emit("error")),
-      sceneRotator: new Fe(this.cardinalFrames, se),
-      images: e,
-      isPreloaded: !1
-    };
-  },
-  computed: {
-    activeFrame() {
-      return this.images.find((e) => e.show);
-    }
-  },
-  watch: {
-    "viewModel.currentScene"(e, t) {
-      const i = this.getDirection(t, e), o = this.getSceneCountBetween(t, e);
-      this.rotateInDirection(t, i, o);
-    }
-  },
-  created() {
-    this.rotateComplete();
-  },
-  methods: {
-    rotateInDirection(e, t, i) {
-      this.viewModel.isRotating || (this.viewModel.isRotating = !0, this.rotationStep(
-        this.sceneRotator.start(
-          t,
-          e % O,
-          i
-        )
-      ));
-    },
-    rotationStep(e) {
-      setTimeout(() => {
-        this.images[e.frameIndex].show = !1;
-        const t = e.nextFrame();
-        this.images[t.frameIndex].show = !0, t.atEnd ? this.rotateComplete() : window.requestAnimationFrame(() => this.rotationStep(t));
-      }, 1e3 / He);
-    },
-    rotateComplete() {
-      const e = this.sceneRotator.startFrameIndexForScene(
-        this.viewModel.currentScene % O
-      );
-      e in this.images && (this.images[e].show = !0), this.viewModel.isRotating = !1;
-    },
-    createFrames() {
-      const e = [];
-      for (let t = 0; t < se; t++) {
-        const { sourceSet: i, defaultPath: o } = this.frameImageSource(t);
-        e.push({
-          index: t,
-          sourceSet: i,
-          defaultPath: o,
-          show: !1
-        });
-      }
-      return e;
-    },
-    frameImageSource(e) {
-      const t = ("0000" + (e + 1)).slice(-4), i = this.build ? `?v=${this.build}` : "", o = [
-        `${this.cdnFileResolver(`/480/${t}.jpg${i}`)} 480w`,
-        `${this.cdnFileResolver(`/960/${t}.jpg${i}`)} 960w`,
-        `${this.cdnFileResolver(`/1280/${t}.jpg${i}`)} 1280w`
-      ].join(","), n = this.cdnFileResolver(
-        `/480/${t}.jpg${i}`
-      );
-      return { sourceSet: o, defaultPath: n };
-    },
-    getSceneCountBetween(e, t) {
-      const i = O / 2, o = Math.abs(e - t);
-      return o > i ? O - o : o;
-    },
-    getDirection(e, t) {
-      if (e === t)
-        return 0;
-      const o = Math.abs(e - t) < O / 2;
-      return o && e < t || !o && e > t ? 1 : -1;
-    }
-  }
-}, Le = {
-  key: 0,
-  class: "fill-parent d-flex justify-center align-center blue-grey lighten-5"
-}, Ue = {
-  key: 1,
-  class: "frame-container"
-}, $e = { class: "frame-image" }, Oe = ["srcset", "type"], Ee = ["src"], qe = {
-  key: 2,
-  id: "image-stack",
-  class: "frame-container"
-}, je = ["alt"], Ye = ["srcset"], ze = ["src"];
-function Pe(e, t, i, o, n, s) {
-  const r = u("v-icon");
-  return d(), m("div", null, [
-    n.loadTracker.isError ? (d(), m("div", Le, [
-      l(r, { "x-large": "" }, {
-        default: c(() => [
-          B("mdi-alert-circle-outline")
-        ]),
-        _: 1
-      })
-    ])) : n.isPreloaded ? (d(), m("div", qe, [
-      (d(!0), m(L, null, T(n.images, (a) => (d(), m("picture", {
-        key: a.index,
-        alt: a.index,
-        class: M({ "frame-image": !0, show: a.show })
-      }, [
-        h("source", {
-          srcset: a.sourceSet,
-          type: "image/jpeg"
-        }, null, 8, Ye),
-        h("img", {
-          src: a.defaultPath,
-          alt: "Building image",
-          onLoad: t[2] || (t[2] = (g) => n.loadTracker.partLoaded()),
-          onError: t[3] || (t[3] = (g) => n.loadTracker.errorDetected())
-        }, null, 40, ze)
-      ], 10, je))), 128))
-    ])) : (d(), m("div", Ue, [
-      h("picture", $e, [
-        h("source", {
-          srcset: s.activeFrame.sourceSet,
-          type: s.activeFrame.type
-        }, null, 8, Oe),
-        h("img", {
-          src: s.activeFrame.defaultPath,
-          onLoad: t[0] || (t[0] = (a) => n.isPreloaded = !0),
-          onError: t[1] || (t[1] = (a) => n.loadTracker.errorDetected())
-        }, null, 40, Ee)
-      ])
-    ]))
-  ]);
-}
-const ue = /* @__PURE__ */ w(Te, [["render", Pe], ["__scopeId", "data-v-e6481f8e"]]), Qe = {
-  name: "FloatingCard",
-  props: {
-    pos: { type: Object, required: !0 },
-    isHoverable: Boolean
-  },
-  computed: {
-    q() {
-      const e = this.pos.x <= this.pos.width / 2 ? "left" : "right";
-      return `${this.pos.y <= this.pos.height / 2 ? "top" : "bottom"}-${e}`;
-    }
-  }
-};
-function Ve(e, t, i, o, n, s) {
-  const r = u("v-dialog"), a = u("v-fade-transition");
-  return d(), I(a, {
-    origin: s.q.replace("-", " ") + " " + i.pos.x + " " + i.pos.y
-  }, {
-    default: c(() => [
-      i.isHoverable ? (d(), m("div", {
-        key: 0,
-        class: M(["floating-card", s.q]),
-        style: D({ left: `${i.pos.x}px`, top: `${i.pos.y}px`, pointerEvents: "none" })
-      }, [
-        _(e.$slots, "default", { isHoverable: i.isHoverable }, void 0, !0)
-      ], 6)) : (d(), I(r, {
-        key: 1,
-        value: !0,
-        width: "auto",
-        "onClick:outside": t[0] || (t[0] = (g) => e.$emit("outside", g))
-      }, {
-        default: c(() => [
-          _(e.$slots, "default", { isHoverable: i.isHoverable }, void 0, !0)
-        ]),
-        _: 3
-      }))
-    ]),
-    _: 3
-  }, 8, ["origin"]);
-}
-const z = /* @__PURE__ */ w(Qe, [["render", Ve], ["__scopeId", "data-v-b74de171"]]), Ge = {
-  name: "QiZoomBox",
-  props: {
-    desktop: {
-      type: Boolean,
-      default: !0
-    },
-    mobile: {
-      type: Boolean,
-      default: !0
-    },
-    maxScale: {
-      type: Number,
-      default: 10
-    },
-    consumeMouseClickWhenMoved: {
-      type: Boolean,
-      default: !0
-    },
-    consumeMouseUpWhenMoved: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  data() {
-    return {
-      zoom: 100,
-      originX: 0,
-      originY: 0,
-      moving: !1,
-      scaling: !1,
-      lastEvent: void 0,
-      moved: !1
-    };
-  },
-  computed: {
-    transform() {
-      return `translateX(${this.originX}px) translateY(${this.originY}px) scale(${this.scale})`;
-    },
-    scale() {
-      return this.zoom / 100;
-    },
-    actualMaxScale() {
-      return this.maxScale * 100;
-    }
-  },
-  watch: {
-    scale() {
-      this.emitUpdate();
-    },
-    originX() {
-      this.emitUpdate();
-    },
-    originY() {
-      this.emitUpdate();
-    },
-    desktop() {
-      this.desktop ? this.addDesktopHandlers() : this.removeDesktopHandlers();
-    },
-    mobile() {
-      this.mobile ? this.addMobileHandlers() : this.removeMobileHandlers();
-    }
-  },
-  mounted() {
-    this.desktop && this.addDesktopHandlers(), this.mobile && this.addMobileHandlers();
-  },
-  beforeUnmount() {
-    this.desktop && this.removeDesktopHandlers(), this.mobile && this.removeMobileHandlers();
-  },
-  methods: {
-    addDesktopHandlers() {
-      this.$refs.box.addEventListener("wheel", this.wheelHandler, {
-        capture: !0
-      }), this.$refs.box.addEventListener("mousedown", this.mouseDownHandler, {
-        capture: !0
-      }), this.$refs.box.addEventListener("mousemove", this.mouseMoveHandler, {
-        capture: !0
-      }), window.addEventListener("mouseup", this.mouseUpHandler, {
-        capture: !0
-      }), window.addEventListener("click", this.mouseClickHandler, {
-        capture: !0
-      });
-    },
-    addMobileHandlers() {
-      this.$refs.box.addEventListener("touchstart", this.touchStartHandler, {
-        capture: !0
-      }), this.$refs.box.addEventListener("touchmove", this.touchMoveHandler, {
-        capture: !0
-      }), window.addEventListener("touchend", this.touchEndHandler, {
-        capture: !0
-      }), window.addEventListener("touchcancel", this.touchEndHandler, {
-        capture: !0
-      });
-    },
-    removeDesktopHandlers() {
-      this.$refs.box.removeEventListener("wheel", this.wheelHandler, {
-        capture: !0
-      }), this.$refs.box.removeEventListener("mousedown", this.mouseDownHandler, {
-        capture: !0
-      }), this.$refs.box.removeEventListener("mousemove", this.mouseMoveHandler, {
-        capture: !0
-      }), window.removeEventListener("mouseup", this.mouseUpHandler, {
-        capture: !0
-      }), window.removeEventListener("click", this.mouseClickHandler, {
-        capture: !0
-      });
-    },
-    removeMobileHandlers() {
-      this.$refs.box.removeEventListener("touchstart", this.touchStartHandler, {
-        capture: !0
-      }), this.$refs.box.removeEventListener("touchmove", this.touchMoveHandler, {
-        capture: !0
-      }), window.removeEventListener("touchend", this.touchEndHandler, {
-        capture: !0
-      }), window.removeEventListener("touchcancel", this.touchEndHandler, {
-        capture: !0
-      });
-    },
-    wheelHandler(e) {
-      const { x: t, y: i } = this.getOffsetCoordinates(e);
-      this.adjustZoom(-e.deltaY / 10, t, i), e.preventDefault();
-    },
-    mouseDownHandler(e) {
-      this.moving = !0, this.moved = !1, this.lastEvent = e;
-    },
-    mouseMoveHandler(e) {
-      if (this.moving) {
-        const { x: t, y: i } = this.getOffsetCoordinates(e), { x: o, y: n } = this.getOffsetCoordinates(this.lastEvent), s = {
-          x: t - o,
-          y: i - n
-        };
-        this.adjustTranslateX(s.x), this.adjustTranslateY(s.y), this.moved = !0, this.lastEvent = e;
-      }
-    },
-    mouseUpHandler(e) {
-      this.moving && this.moved && this.consumeMouseUpWhenMoved && (e.preventDefault(), e.stopImmediatePropagation());
-    },
-    mouseClickHandler(e) {
-      this.moving && (this.moved && this.consumeMouseClickWhenMoved && (e.preventDefault(), e.stopImmediatePropagation()), this.moving = !1);
-    },
-    touchStartHandler(e) {
-      this.moving = e.touches.length === 1, this.scaling = e.touches.length === 2, this.lastEvent = e;
-    },
-    touchMoveHandler(e) {
-      if (this.moving) {
-        const { x: t, y: i } = this.getOffsetCoordinates(e.touches[0]), { x: o, y: n } = this.getOffsetCoordinates(
-          this.lastEvent.touches[0]
-        ), s = {
-          x: t - o,
-          y: i - n
-        };
-        this.adjustTranslateX(s.x), this.adjustTranslateY(s.y);
-      } else if (this.scaling && e.touches.length === 2) {
-        const { x: t, y: i } = this.getOffsetCoordinates(e.touches[0]), { x: o, y: n } = this.getOffsetCoordinates(
-          this.lastEvent.touches[0]
-        ), { x: s, y: r } = this.getOffsetCoordinates(e.touches[1]), { x: a, y: g } = this.getOffsetCoordinates(
-          this.lastEvent.touches[1]
-        ), f = Math.hypot(o - a, n - g), y = Math.hypot(t - s, i - r), C = (s + t) / 2, p = (r + i) / 2;
-        this.adjustZoom(y - f, C, p);
-      }
-      this.lastEvent = e;
-    },
-    touchEndHandler() {
-      this.moving = !1, this.scaling = !1;
-    },
-    getOffsetCoordinates(e) {
-      const { left: t, top: i } = this.$refs.box.getBoundingClientRect();
-      return {
-        x: e.clientX - t,
-        y: e.clientY - i
-      };
-    },
-    adjustTranslateX(e) {
-      const t = this.$refs.box.clientWidth, i = t * this.scale;
-      this.originX = Math.max(
-        Math.min(0, this.originX + e),
-        -(i - t)
-      );
-    },
-    adjustTranslateY(e) {
-      const t = this.$refs.box.clientHeight, i = t * this.scale;
-      this.originY = Math.max(
-        Math.min(0, this.originY + e),
-        -(i - t)
-      );
-    },
-    adjustZoom(e, t, i) {
-      const o = this.$refs.box.clientWidth, n = this.$refs.box.clientHeight, s = o * this.scale, r = n * this.scale;
-      this.zoom = Math.min(
-        Math.max(100, this.zoom + e),
-        this.actualMaxScale
-      );
-      const a = o * this.scale, g = n * this.scale, f = a - s, y = g - r;
-      this.originX -= t / o * f, this.originY -= i / n * y, this.adjustTranslateX(0), this.adjustTranslateY(0);
-    },
-    emitUpdate() {
-      this.$emit("update", {
-        scale: this.scale,
-        x: this.originX,
-        y: this.originY,
-        resolve: (e, t) => {
-          const i = this.$refs.box.clientWidth, o = this.$refs.box.clientHeight, n = this.originX / -this.scale, s = this.originY / -this.scale, r = n + i / this.scale, a = s + o / this.scale, g = e / i * (r - n) + n, f = t / o * (a - s) + s;
-          return { x: g, y: f };
-        }
-      });
-    }
-  }
-}, Ne = {
-  ref: "box",
-  class: "zoom-box-container"
-};
-function Xe(e, t, i, o, n, s) {
-  return d(), m("div", Ne, [
-    h("div", {
-      style: D({ "transform-origin": "top left", transform: s.transform }),
-      class: "zoom-box"
-    }, [
-      _(e.$slots, "default", {}, void 0, !0)
-    ], 4)
-  ], 512);
-}
-const P = /* @__PURE__ */ w(Ge, [["render", Xe], ["__scopeId", "data-v-83bfd28a"]]), ee = 4;
-function he(e) {
-  return e < ee ? e + 1 : 1;
-}
-function We(e) {
-  return e > 1 ? e - 1 : ee;
-}
-class Ke {
-  constructor(t) {
-    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 = he(this.currentScene);
-    });
-  }
-  rotateClockwise() {
-    this.unlessRotatingDo(() => {
-      this.currentScene = We(this.currentScene);
-    });
-  }
-}
-const Ze = {
-  // 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 F {
-  constructor(t, i) {
-    this._labels = { ...Ze, ...t || {} }, this._language = i || "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 i in t)
-      if (t[i])
-        return t[i];
-    return "";
-  }
-}
-const Je = 4, et = [0, 16, 32, 48], tt = {
-  name: "QiApartmentChooser",
-  components: {
-    QiApartmentChooserRaster: N,
-    QiApartmentChooserSvg: X,
-    QiApartmentChooserNavigation: ce,
-    QiApartmentChooserRotator: ue,
-    QiFloatingCard: z,
-    QiHoverProbe: $,
-    QiZoomBox: P
-  },
-  provide() {
-    return {
-      i18n: this.i18n ? new F(this.i18n.labels, this.i18n.language) : new F()
-    };
-  },
-  emits: [
-    "select-unit",
-    "go-to-unit",
-    "nav-unit",
-    "hover-over-unit",
-    "hover-out-unit",
-    "initialized"
-  ],
-  props: {
-    i18n: { type: Object, default: void 0 },
-    showCards: { type: Boolean, default: !0 },
-    build: { type: String, default: "" },
-    buildingSceneDataResolver: { type: Function, default: null },
-    buildingScenesByApartmentResolver: { type: Function, default: null },
-    cdnFileResolver: { type: Function, required: !0 },
-    colorCallback: {
-      type: Function,
-      default: () => ({ r: 108, g: 0, b: 108, a: 144, s: 2 })
-    },
-    unitCallback: { type: Function, default: (e) => e },
-    canGoToUnitCallback: { type: Function, default: () => !0 },
-    selectedUnitId: { type: String, default: null },
-    nextUnit: { type: Object, default: null },
-    prevUnit: { type: Object, default: null },
-    drawObserver: {
-      type: [Object, Array, String, Number, Boolean],
-      default: null
-    },
-    interactiveDesktop: { type: Boolean, default: !0 },
-    interactiveMobile: { type: Boolean, default: !0 },
-    useSvg: { type: Boolean, default: !1 }
-  },
-  data() {
-    return {
-      loadState: { isReady: !1, isError: !1, progress: void 0 },
-      scenesByApartment: null,
-      sceneData: null,
-      scenes: null,
-      viewModel: void 0,
-      resourceLoader: new U(),
-      pos: { x: 0, y: 0, width: 0, height: 0 },
-      closeHandler: void 0,
-      hoverApartment: void 0
-    };
-  },
-  computed: {
-    isHoverable() {
-      return this.$refs.hoverProbe.isHoverEnabled;
-    },
-    selectedUnit() {
-      return this.unitCallback ? this.unitCallback(this.selectedUnitId) : this.selectedUnitId;
-    },
-    overlayComponent() {
-      return this.useSvg ? X : N;
-    }
-  },
-  watch: {
-    selectedUnitId: {
-      handler() {
-        if (this.selectedUnitId && this.viewModel) {
-          const e = this.scenesByApartment[this.selectedUnitId];
-          e && (this.viewModel.currentScene = e);
-        }
-      },
-      immediate: !0
-    }
-  },
-  async mounted() {
-    let e = null;
-    try {
-      e = await this.resourceLoader.loadJson(
-        this.cdnFileResolver("/apartmentChooser.json")
-      );
-    } catch {
-      console.info("apartmentChooser.json not found");
-    }
-    const t = e && e.startScene !== void 0 ? e.startScene : Je;
-    this.scenes = e && e.scenes !== void 0 ? e.scenes : et, this.sceneData = e && e.sceneData !== void 0 ? e.sceneData.map((n) => ({
-      apartmentId: n.apartmentID,
-      index: n.index
-    })) : this.buildingSceneDataResolver ? await this.buildingSceneDataResolver() : [], this.scenesByApartment = e && e.sceneData !== void 0 ? e.sceneData.map((n) => {
-      const s = n.bestScene === 0 ? 4 : n.bestScene;
-      return { unitId: n.apartmentID, scene: s };
-    }).reduce((n, s) => ({ ...n, [s.unitId]: s.scene }), {}) : this.buildingScenesByApartmentResolver ? await this.buildingScenesByApartmentResolver() : [];
-    const i = (n, s = "unitId") => {
-      let r = t, a = [];
-      for (let g = 0; g < ee; g++)
-        a.push(r), r = he(r);
-      return n.sort((g, f) => {
-        const y = a.findIndex(
-          (p) => p === this.scenesByApartment[g[s]]
-        ), C = a.findIndex(
-          (p) => p === this.scenesByApartment[f[s]]
-        );
-        return y < C ? -1 : y > C ? 1 : 0;
-      }), n;
-    }, o = (n) => {
-      this.viewModel = new Ke(n);
-    };
-    this.$emit("initialized", {
-      scene: t,
-      scenes: this.scenes,
-      sceneData: this.sceneData,
-      scenesByApartment: this.scenesByApartment,
-      unitsSceneSort: i,
-      initialize: o
-    });
-  },
-  methods: {
-    onPos(e) {
-      this.pos = e;
-    },
-    hoverOver({ hoverApartment: e, closeHandler: t }) {
-      this.hoverApartment = e, this.closeHandler = t, this.$emit("hover-over-unit", e);
-    },
-    hoverOut({ hoverApartment: e, closeHandler: t }) {
-      this.hoverApartment = null, this.closeHandler = t, this.$emit("hover-out-unit", e);
-    }
-  }
-}, it = { key: 0 }, nt = { class: "interactive-viewer" }, st = { class: "fill-parent" }, ot = { key: 0 }, rt = {
-  key: 1,
-  class: "navigation"
-}, at = { key: 2 };
-function lt(e, t, i, o, n, s) {
-  const r = u("qi-apartment-chooser-rotator"), a = u("qi-zoom-box"), g = u("qi-floating-card"), f = u("qi-apartment-chooser-navigation"), y = u("v-progress-linear"), C = u("qi-hover-probe");
-  return n.viewModel ? (d(), m("div", it, [
-    h("div", nt, [
-      h("div", st, [
-        l(a, {
-          desktop: n.loadState.isReady && i.interactiveDesktop,
-          mobile: n.loadState.isReady && i.interactiveMobile
-        }, {
-          default: c(() => [
-            l(r, {
-              "cdn-file-resolver": i.cdnFileResolver,
-              "view-model": n.viewModel,
-              "cardinal-frames": n.scenes,
-              build: i.build,
-              onProgress: t[0] || (t[0] = (p) => n.loadState.progress = p),
-              onLoaded: t[1] || (t[1] = (p) => n.loadState.isReady = !0),
-              onError: t[2] || (t[2] = (p) => n.loadState.isError = !0)
-            }, null, 8, ["cdn-file-resolver", "view-model", "cardinal-frames", "build"]),
-            n.loadState.isReady ? (d(), m("div", ot, [
-              (d(), I(oe(s.overlayComponent), {
-                "cdn-file-resolver": i.cdnFileResolver,
-                "view-model": n.viewModel,
-                "selected-unit-id": i.selectedUnitId,
-                "scene-data": n.sceneData,
-                "color-callback": i.colorCallback,
-                "unit-callback": i.unitCallback,
-                "can-go-to-unit-callback": i.canGoToUnitCallback,
-                "draw-observer": i.drawObserver,
-                onSelectUnit: t[3] || (t[3] = (p) => e.$emit("select-unit", p)),
-                onGoToUnit: t[4] || (t[4] = (p) => e.$emit("go-to-unit", p)),
-                onHoverOver: s.hoverOver,
-                onHoverOut: s.hoverOut,
-                onPos: s.onPos
-              }, {
-                default: c((p) => [
-                  _(e.$slots, "default", re(ae(p)), 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", "onHoverOver", "onHoverOut", "onPos"]))
-            ])) : k("", !0)
-          ]),
-          _: 3
-        }, 8, ["desktop", "mobile"]),
-        n.hoverApartment && i.showCards ? (d(), I(g, {
-          key: 0,
-          "is-hoverable": s.isHoverable,
-          pos: n.pos,
-          onOutside: n.closeHandler
-        }, {
-          default: c(() => [
-            _(e.$slots, "default", {
-              unit: n.hoverApartment,
-              canGoToUnit: i.canGoToUnitCallback(n.hoverApartment),
-              goToUnit: () => i.canGoToUnitCallback(n.hoverApartment) && e.$emit("go-to-unit", n.hoverApartment),
-              pos: n.pos,
-              isHoverable: s.isHoverable,
-              close: n.closeHandler
-            }, void 0, !0)
-          ]),
-          _: 3
-        }, 8, ["is-hoverable", "pos", "onOutside"])) : k("", !0),
-        n.loadState.isReady ? (d(), m("div", rt, [
-          l(f, {
-            "can-go-to-unit-callback": i.canGoToUnitCallback,
-            "selected-unit": s.selectedUnit,
-            "prev-unit": i.prevUnit,
-            "next-unit": i.nextUnit,
-            "view-model": n.viewModel,
-            onGoToUnit: t[5] || (t[5] = (p) => e.$emit("go-to-unit", p)),
-            onPrevUnit: t[6] || (t[6] = (p) => e.$emit("nav-unit", i.prevUnit)),
-            onNextUnit: t[7] || (t[7] = (p) => e.$emit("nav-unit", i.nextUnit))
-          }, null, 8, ["can-go-to-unit-callback", "selected-unit", "prev-unit", "next-unit", "view-model"])
-        ])) : n.loadState.isError ? k("", !0) : (d(), m("div", at, [
-          l(y, {
-            indeterminate: !n.loadState.progress,
-            value: n.loadState.progress
-          }, null, 8, ["indeterminate", "value"])
-        ]))
-      ])
-    ]),
-    l(C, { ref: "hoverProbe" }, null, 512)
-  ])) : k("", !0);
-}
-const dt = /* @__PURE__ */ w(tt, [["render", lt], ["__scopeId", "data-v-3a1121f3"]]), ct = "data:image/png;base64,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", ut = {
-  name: "QiNorthDirection",
-  props: {
-    longitude: { type: Number, default: () => 0 }
-  },
-  data() {
-    return {
-      compassNeedle: ct
-    };
-  },
-  computed: {
-    needleRotation() {
-      return {
-        transform: `rotate(${90 - this.longitude}deg)`,
-        transition: " transform 0.5s ease-in"
-      };
-    }
-  }
-};
-function ht(e, t, i, o, n, s) {
-  const r = u("v-img");
-  return d(), I(r, {
-    src: n.compassNeedle,
-    style: D(s.needleRotation)
-  }, null, 8, ["src", "style"]);
-}
-const te = /* @__PURE__ */ w(ut, [["render", ht]]);
-function V(e) {
-  return e.toLocaleString("en-no", {
-    month: "short",
-    day: "numeric"
-  });
-}
-const mt = Y({
-  setup() {
-  },
-  name: "QiBuildingChooserSunSimControl",
-  props: {
-    modelValue: { type: Number, required: !0 },
-    dateSelector: { type: Object, required: !0 },
-    isLoading: { type: Boolean, default: !1 }
-  },
-  emits: ["update:modelValue"],
-  data() {
-    return {
-      currentValue: this.modelValue,
-      currentDate: null
-    };
-  },
-  computed: {
-    currentValueString() {
-      const e = Math.floor(this.currentValue / 2).toString().padStart(2, "0"), t = this.currentValue % 2 === 0 ? "00" : "30";
-      return `${e}:${t}`;
-    },
-    dates() {
-      return this.dateSelector.dates.map(V);
-    },
-    selectedDate: {
-      get() {
-        return V(this.dateSelector.selectedDate);
-      },
-      set(e) {
-        this.dateSelector.selectIndex(this.dates.indexOf(e));
-      }
-    }
-  },
-  watch: {
-    currentValue(e) {
-      this.$emit("update:modelValue", e);
-    },
-    modelValue(e) {
-      this.currentValue = Math.floor(e);
-    },
-    dates: {
-      handler(e) {
-        this.currentDate = V(this.dateSelector.selectedDate);
-      },
-      immediate: !0
-    },
-    currentDate(e) {
-      this.dateSelector.selectIndex(this.dates.indexOf(e));
-    }
-  },
-  methods: {}
-}), gt = { class: "sunsim-bar-wrapper" }, vt = { class: "sunsim-date d-flex align-center pl-5 pr-5" }, pt = {
-  key: 1,
-  class: "text-center text-body-1"
-}, ft = { class: "sunsim-wrapper d-flex align-center px-3" }, bt = { class: "sunsim-time-label text-body-1 font-weight-normal ml-2" };
-function yt(e, t, i, o, n, s) {
-  const r = u("v-icon"), a = u("v-select"), g = u("v-progress-linear"), f = u("v-slider");
-  return d(), m("div", gt, [
-    h("div", vt, [
-      l(r, {
-        color: "black",
-        class: "mr-2",
-        icon: "mdi-calendar-blank-outline"
-      }),
-      e.dateSelector.hasMultipleDates ? (d(), I(a, {
-        key: 0,
-        modelValue: e.currentDate,
-        "onUpdate:modelValue": t[0] || (t[0] = (y) => e.currentDate = y),
-        items: e.dates,
-        density: "compact",
-        variant: "underlined",
-        "hide-details": "",
-        class: "day-selector"
-      }, null, 8, ["modelValue", "items"])) : (d(), m("span", pt, S(e.selectedDate), 1))
-    ]),
-    h("div", ft, [
-      h("span", bt, S(e.currentValueString), 1),
-      l(r, {
-        medium: "",
-        class: "ml-2 mr-2 icon"
-      }, {
-        default: c(() => [
-          B("mdi-white-balance-sunny")
-        ]),
-        _: 1
-      }),
-      e.isLoading ? (d(), I(g, {
-        key: 0,
-        indeterminate: "",
-        rounded: "",
-        height: "6",
-        color: "grey lighten-1",
-        class: "mr-2"
-      })) : (d(), I(f, {
-        key: 1,
-        modelValue: e.currentValue,
-        "onUpdate:modelValue": t[1] || (t[1] = (y) => e.currentValue = y),
-        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"]))
-    ])
-  ]);
-}
-const ie = /* @__PURE__ */ w(mt, [["render", yt], ["__scopeId", "data-v-1fba3edd"]]), wt = Y({
-  setup() {
-  },
-  name: "QiBuildingChooserSceneImageStack",
-  props: {
-    imageUrls: { type: Array, required: !0 },
-    activeIndex: { type: Number, required: !0 }
-  },
-  emits: ["resize", "ready", "preloaded", "reset"],
-  data() {
-    return {
-      state: "init",
-      activeStates: ["preloaded", "loaded"],
-      loadTracker: new W(0)
-    };
-  },
-  watch: {
-    imageUrls(e) {
-      this.$emit("reset"), this.loadImages(e);
-    }
-  },
-  mounted() {
-    this.loadImages(this.imageUrls), new ResizeObserver((e) => {
-      window.requestAnimationFrame(() => {
-        const t = e[0].contentRect.width, i = e[0].contentRect.height;
-        this.$emit("resize", { width: t, height: i });
-      });
-    }).observe(this.$refs.baseImage);
-  },
-  methods: {
-    onPreloaded() {
-      this.state = "preloaded", this.$emit("preloaded");
-    },
-    loadImages(e) {
-      this.state = "init", this.$refs.baseImage.src = e[0], this.loadTracker = new W(e.length).onLoadFinished(
-        () => {
-          this.state = "loaded", this.$emit("ready");
-        }
-      );
-    }
-  }
-}), _t = { key: 0 }, kt = ["src"];
-function It(e, t, i, o, n, s) {
-  return d(), m("div", null, [
-    h("img", {
-      ref: "baseImage",
-      class: "image-instance zero",
-      style: { opacity: 1, borderRadius: 50 },
-      onLoad: t[0] || (t[0] = (...r) => e.onPreloaded && e.onPreloaded(...r))
-    }, null, 544),
-    e.state === "preloaded" || e.state === "loaded" ? A((d(), m("div", _t, [
-      (d(!0), m(L, null, T(e.imageUrls, (r, a) => (d(), m("img", {
-        key: a,
-        class: M({ "image-instance": !0, active: a === e.activeIndex }),
-        src: r,
-        onLoad: t[1] || (t[1] = (g) => e.loadTracker.partLoaded())
-      }, null, 42, kt))), 128)),
-      B(" Here ")
-    ], 512)), [
-      [x, e.state === "loaded"]
-    ]) : k("", !0)
-  ]);
-}
-const ne = /* @__PURE__ */ w(wt, [["render", It], ["__scopeId", "data-v-fad48118"]]), Ct = "buildingChooser.json", St = 180;
-class me {
-  constructor(t) {
-    this._cdnFileResolver = t, this._resourceLoader = new U();
-  }
-  constructFileUrl(t) {
-    return this._cdnFileResolver ? this._cdnFileResolver(`/${t}`) : null;
-  }
-  loadConfigFile() {
-    const t = this.constructFileUrl(Ct);
-    return t ? this._resourceLoader.loadJson(t) : null;
-  }
-  loadBuildingMapImage(t) {
-    const i = this.constructFileUrl(t.lookupFilename);
-    return i ? this._resourceLoader.loadImage(i) : null;
-  }
-  getViewLongitude(t) {
-    return t.cameraRotation && t.cameraRotation.y + 270;
-  }
-  getBuildingData(t) {
-    const i = t ? t.buildings : [], o = i.map((s) => s.id), n = i.map((s) => ({
-      id: s.id,
-      url: this.constructFileUrl(s.overlayFilename)
-    }));
-    return { buildingIds: o, buildingOverlays: n };
-  }
-  getBackgroundImageData(t) {
-    return "days" in t ? this.processMultipleDays(t.days) : [this.processTimeSamples(
-      St,
-      t.timeSamples
-    )];
-  }
-  processMultipleDays(t) {
-    return t.map(
-      (i) => this.processTimeSamples(i.dayOfYear, i.timeSamples)
-    );
-  }
-  processTimeSamples(t, i) {
-    return {
-      urls: i.map(
-        (n) => this.constructFileUrl(n.filename)
-      ),
-      referenceDate: this.makeReferenceDate(t)
-    };
-  }
-  makeReferenceDate(t) {
-    const i = /* @__PURE__ */ new Date(0);
-    return i.setUTCDate(t), i;
-  }
-  async loadBuildingChooser() {
-    try {
-      const t = await this.loadConfigFile();
-      if (t) {
-        const i = await this.loadBuildingMapImage(t);
-        if (i) {
-          const o = this.getViewLongitude(t), { buildingIds: n, buildingOverlays: s } = this.getBuildingData(t), r = this.getBackgroundImageData(t);
-          return {
-            mapImage: i,
-            viewLongitude: o,
-            buildingIds: n,
-            buildingOverlays: s,
-            backgrounds: r
-          };
-        }
-      }
-      return null;
-    } catch {
-      return null;
-    }
-  }
-}
-class E {
-  static empty() {
-    return new E([]);
-  }
-  constructor(t) {
-    this._buildingIds = t;
-  }
-  getBuildingId(t, i, o) {
-    const n = this._getBuildingIndex(t, i, o);
-    if (n !== void 0)
-      return this._buildingIds[n];
-  }
-  _getBuildingIndex(t, i, o) {
-    const [n, s, r, a] = t.getPixel(i, o);
-    if (a === 255 && n === s && s === r)
-      return n;
-  }
-}
-class q {
-  static empty() {
-    return new q(null);
-  }
-  constructor(t) {
-    this._mapImage = t, this._context = 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, i) {
-    try {
-      return this._context ? this._context.getImageData(t, i, 1, 1).data : [0, 0, 0, 0];
-    } catch {
-      return [0, 0, 0, 0];
-    }
-  }
-}
-const Bt = /* @__PURE__ */ new Date(0);
-class Q {
-  static empty() {
-    return new Q([{ referenceDate: Bt, urls: [] }]);
-  }
-  constructor(t) {
-    this._imagesByDay = t, this._state = { selectedIndex: 0 };
-  }
-  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 Dt = Y({
-  setup() {
-    le({});
-  },
-  name: "QiBuildingChooserSvg",
-  components: {
-    QiBuildingChooserSunSimControl: ie,
-    QiBuildingChooserSceneImageStack: ne,
-    QiNorthDirection: te,
-    QiFloatingCard: z,
-    QiHoverProbe: $,
-    QiZoomBox: P
-  },
-  emits: ["go-to-building", "hover-over-building", "hover-out-building"],
-  provide() {
-    return {
-      i18n: this.i18n ? new F(this.i18n.labels, this.i18n.language) : new F()
-    };
-  },
-  props: {
-    showCards: { type: Boolean, default: () => !0 },
-    colorCallback: {
-      type: Function,
-      default: () => ({ r: 108, g: 0, b: 108, a: 144, s: 2 })
-    },
-    buildingCallback: { type: Function, default: (e) => e },
-    canGoToBuildingCallback: { type: Function, default: () => !0 },
-    buildingChooserTimeOfDay: { type: String, default: null },
-    cdnFileResolver: { type: Function, required: !0 },
-    i18n: { type: Object, default: void 0 },
-    interactiveDesktop: { type: Boolean, default: !0 },
-    interactiveMobile: { type: Boolean, default: !0 },
-    customOverlayContent: { type: String, default: "" }
-  },
-  data() {
-    return {
-      sceneState: { preloaded: !1, ready: !1 },
-      canvasDimensions: { width: 0, height: 0 },
-      pos: { x: 0, y: 0, width: 0, height: 0 },
-      pickerData: void 0,
-      hoverBuildingId: void 0,
-      halfHourMark: (/* @__PURE__ */ new Date()).getHours() * 2 + ((/* @__PURE__ */ new Date()).getMinutes() < 30 ? 0 : 1),
-      error: !1,
-      resourceLoader: new U(),
-      svgObjects: void 0,
-      svgViewBox: "0 0 0 0"
-    };
-  },
-  computed: {
-    isHoverable() {
-      return this.$refs.hoverProbe.isHoverEnabled;
-    },
-    hoverBuilding() {
-      return this.getBuildingData(this.hoverBuildingId);
-    }
-  },
-  watch: {
-    buildingChooserTimeOfDay: {
-      handler() {
-        if (this.buildingChooserTimeOfDay) {
-          const [e, t, i] = /^(\d\d):(\d\d)$/.exec(
-            this.buildingChooserTimeOfDay
-          ), o = parseInt(i);
-          this.halfHourMark = parseInt(t) * 2 + (o < 15 ? 0 : o > 45 ? 2 : 1);
-        }
-      },
-      immediate: !0
-    },
-    hoverBuildingId(e, t) {
-      e ? this.$emit("hover-over-building", this.getBuildingData(e)) : this.$emit("hover-out-building", this.getBuildingData(t));
-    }
-  },
-  async mounted() {
-    const t = await new me(
-      this.cdnFileResolver
-    ).loadBuildingChooser();
-    if (t) {
-      this.canvasRaster = new q(t.mapImage), this.buildingMap = new E(t.buildingIds), this.daysOfYear = new Q(t.backgrounds), this.pickerData = {
-        buildingOverlays: t.buildingOverlays,
-        sceneLongitude: t.viewLongitude
-      };
-      const i = [];
-      for (let { id: o, url: n } of t.buildingOverlays)
-        this.resourceLoader.loadJson(n.replace(".png", ".svg")).then((s) => {
-          const a = new DOMParser().parseFromString(s, "image/svg+xml").getElementsByTagName("svg")[0];
-          this.svgViewBox = a.getAttribute("viewBox"), i.push({
-            id: o,
-            svg: a.innerHTML
-          });
-        });
-      this.svgObjects = i;
-    } else
-      this.error = !0;
-  },
-  methods: {
-    resizeScene({ width: e, height: t }) {
-      this.canvasDimensions.width = e, this.canvasDimensions.height = t;
-    },
-    sceneReset() {
-      this.sceneState = { preloaded: !1, ready: !1 };
-    },
-    getBuildingData(e) {
-      return this.buildingCallback ? this.buildingCallback(e) : e;
-    },
-    getColor(e) {
-      return this.colorCallback(
-        this.getBuildingData(e),
-        e === this.hoverBuildingId ? "hover" : "idle"
-      );
-    },
-    getGClass(e) {
-      const t = this.getBuildingData(e), i = this.colorCallback(
-        t,
-        e === this.hoverBuildingId ? "hover" : "idle"
-      ), o = [];
-      return e === this.hoverBuildingId ? o.push("hover") : o.push("idle"), i && this.canGoToBuildingCallback(t) ? o.push("clickable") : o.push("restricted"), o.join(" ");
-    },
-    getGStyle(e) {
-      const t = this.getBuildingData(e), i = this.colorCallback(
-        t,
-        e === this.hoverBuildingId ? "hover" : "idle"
-      );
-      if (i) {
-        const { r: o, g: n, b: s, a: r, s: a } = i;
-        return {
-          strokeWidth: a !== void 0 ? a : 2,
-          stroke: `rgb(${o}, ${n}, ${s})`,
-          strokeOpacity: 1,
-          fill: `rgb(${o}, ${n}, ${s})`,
-          fillOpacity: r / 255,
-          cursor: `${this.canGoToBuildingCallback(t) ? "cursor" : "default"} !important`
-        };
-      } else
-        return {
-          strokeWidth: 0,
-          stroke: "white",
-          strokeOpacity: 0,
-          fill: "white",
-          fillOpacity: 0,
-          cursor: "default !important"
-        };
-    },
-    onBuildingMouseOver(e, t) {
-      this.isHoverable && (this.pos = {
-        x: e.layerX,
-        y: e.layerY,
-        width: this.canvasDimensions.width,
-        height: this.canvasDimensions.height
-      }, this.hoverBuildingId = t, this.$emit("hover-over-building", this.getBuildingData(t)));
-    },
-    onBuildingMouseOut(e, t) {
-      this.isHoverable && (this.pos = {
-        x: e.layerX,
-        y: e.layerY,
-        width: this.canvasDimensions.width,
-        height: this.canvasDimensions.height
-      }, this.hoverBuildingId = void 0, this.$emit("hover-out-building", this.getBuildingData(t)));
-    },
-    onBuildingMouseMove(e) {
-      this.isHoverable && (this.pos = {
-        x: e.layerX,
-        y: e.layerY,
-        width: this.canvasDimensions.width,
-        height: this.canvasDimensions.height
-      });
-    },
-    onBuildingClick(e) {
-      this.hoverBuildingId = e, this.isHoverable && this.hoverBuilding && this.canGoToBuildingCallback(this.hoverBuilding) && this.$emit("go-to-building", this.hoverBuilding);
-    }
-  }
-}), At = {
-  key: 0,
-  style: { height: "50vh" },
-  class: "d-flex justify-center align-center blue-grey lighten-5"
-}, xt = { class: "image-instances" }, Mt = { key: 0 }, Rt = { class: "svg-container" }, Ft = ["viewBox"], Ht = ["innerHTML", "data-building-id", "onMouseover", "onMouseout", "onMousemove", "onClick"], Tt = ["innerHTML"];
-function Lt(e, t, i, o, n, s) {
-  const r = u("v-icon"), a = u("qi-building-chooser-scene-image-stack"), g = u("qi-zoom-box"), f = u("qi-north-direction"), y = u("qi-building-chooser-sun-sim-control"), C = u("qi-floating-card"), p = u("qi-hover-probe");
-  return e.error ? (d(), m("div", At, [
-    l(r, { "x-large": "" }, {
-      default: c(() => [
-        B("mdi-alert-circle-outline")
-      ]),
-      _: 1
-    })
-  ])) : e.pickerData ? (d(), m("div", {
-    key: 1,
-    style: D(`height: ${e.canvasDimensions.height}px; position: relative`),
-    class: "image-container"
-  }, [
-    l(g, {
-      desktop: e.interactiveDesktop,
-      mobile: e.interactiveMobile
-    }, {
-      default: c(() => [
-        h("div", xt, [
-          l(a, {
-            "image-urls": e.daysOfYear.imageUrls,
-            "active-index": e.halfHourMark,
-            onResize: e.resizeScene,
-            onPreloaded: t[0] || (t[0] = (b) => e.sceneState.preloaded = !0),
-            onReady: t[1] || (t[1] = (b) => e.sceneState.ready = !0),
-            onReset: e.sceneReset
-          }, null, 8, ["image-urls", "active-index", "onResize", "onReset"]),
-          e.svgObjects ? A((d(), m("div", Mt, [
-            h("div", Rt, [
-              (d(), m("svg", { viewBox: e.svgViewBox }, [
-                (d(!0), m(L, null, T(e.svgObjects, ({ id: b, svg: v }, j) => (d(), m("g", {
-                  key: j,
-                  innerHTML: v,
-                  "data-building-id": b,
-                  class: M(e.getGClass(b)),
-                  style: D(e.getGStyle(b)),
-                  onMouseover: (H) => e.onBuildingMouseOver(H, b),
-                  onMouseout: (H) => e.onBuildingMouseOut(H, b),
-                  onMousemove: (H) => e.onBuildingMouseMove(H, b),
-                  onClick: (H) => e.onBuildingClick(b)
-                }, null, 46, Ht))), 128))
-              ], 8, Ft))
-            ])
-          ], 512)), [
-            [x, e.sceneState.preloaded]
-          ]) : k("", !0),
-          A(h("div", {
-            class: "custom-overlay-layer",
-            innerHTML: e.customOverlayContent
-          }, null, 8, Tt), [
-            [x, e.sceneState.preloaded]
-          ])
-        ])
-      ]),
-      _: 1
-    }, 8, ["desktop", "mobile"]),
-    A(h("div", null, [
-      e.pickerData.sceneLongitude ? (d(), I(f, {
-        key: 0,
-        class: "north-indicator",
-        longitude: e.pickerData.sceneLongitude
-      }, null, 8, ["longitude"])) : k("", !0),
-      l(y, {
-        modelValue: e.halfHourMark,
-        "onUpdate:modelValue": t[2] || (t[2] = (b) => e.halfHourMark = b),
-        "date-selector": e.daysOfYear,
-        "is-loading": !e.sceneState.ready
-      }, null, 8, ["modelValue", "date-selector", "is-loading"])
-    ], 512), [
-      [x, e.sceneState.preloaded]
-    ]),
-    e.showCards && e.hoverBuilding ? (d(), I(C, {
-      key: 0,
-      "is-hoverable": e.isHoverable,
-      pos: e.pos,
-      onOutside: t[3] || (t[3] = () => e.hoverBuildingId = void 0)
-    }, {
-      default: c(() => [
-        _(e.$slots, "default", {
-          building: e.hoverBuilding,
-          canGoToBuilding: e.canGoToBuildingCallback(e.hoverBuilding),
-          goToBuilding: () => e.canGoToBuildingCallback(e.hoverBuilding) && e.$emit("go-to-building", e.hoverBuilding),
-          pos: e.pos,
-          isHoverable: e.isHoverable,
-          close: () => e.hoverBuildingId = void 0
-        }, void 0, !0)
-      ]),
-      _: 3
-    }, 8, ["is-hoverable", "pos"])) : k("", !0),
-    l(p, { ref: "hoverProbe" }, null, 512)
-  ], 4)) : k("", !0);
-}
-const K = /* @__PURE__ */ w(Dt, [["render", Lt], ["__scopeId", "data-v-0a2cec1f"]]), Ut = {
-  name: "QiBuildingChooserRasterOverlay",
-  props: {
-    imageUrl: { type: String, required: !0 },
-    dimensions: { type: Object, required: !0 },
-    color: {
-      type: Object,
-      default: () => ({ r: 108, g: 0, b: 108, a: 144, s: 2 })
-    }
-  },
-  data() {
-    return {
-      isLoaded: !1,
-      overlayImage: void 0,
-      resourceLoader: new U(),
-      context: void 0,
-      imageData: void 0,
-      imageDataIndices: []
-    };
-  },
-  watch: {
-    color(e, t) {
-      (e.r !== t.r || e.g !== t.g || e.b !== t.b || e.a !== t.a) && this.draw();
-    }
-  },
-  async mounted() {
-    this.overlayImage = await this.resourceLoader.loadImage(this.imageUrl), this.setupDraw();
-  },
-  methods: {
-    setupDraw() {
-      if (!this.overlayImage || !this.$refs.canvas)
-        return;
-      const { width: e, height: t } = this.dimensions;
-      if (!(e === 0 || t === 0)) {
-        this.context = this.$refs.canvas.getContext("2d", {
-          willReadFrequently: !0
-        }), this.context.drawImage(this.overlayImage, 0, 0, e, t), this.imageData = this.context.getImageData(0, 0, e, t);
-        for (let i = 3; i < this.imageData.data.length; i += 4)
-          this.imageData.data[i] !== 0 && this.imageDataIndices.push(i);
-        this.draw(), this.isLoaded = !0;
-      }
-    },
-    draw() {
-      this.context && this.imageData && (this.applyColor(), this.context.putImageData(this.imageData, 0, 0));
-    },
-    applyColor() {
-      if (this.color)
-        for (let e = 0; e < this.imageDataIndices.length; e++)
-          this.imageData.data[this.imageDataIndices[e] - 3] = this.color.r, this.imageData.data[this.imageDataIndices[e] - 2] = this.color.g, this.imageData.data[this.imageDataIndices[e] - 1] = this.color.b, this.imageData.data[this.imageDataIndices[e]] = this.color.a;
-    }
-  }
-};
-function $t(e, t, i, o, n, s) {
-  return d(), m("canvas", R({
-    ref: "canvas",
-    class: "overlay"
-  }, i.dimensions), null, 16);
-}
-const ge = /* @__PURE__ */ w(Ut, [["render", $t], ["__scopeId", "data-v-9a90fa2f"]]), Ot = Y({
-  setup() {
-    le({});
-  },
-  name: "QiBuildingChooserRaster",
-  components: {
-    QiBuildingChooserRasterOverlay: ge,
-    QiBuildingChooserSunSimControl: ie,
-    QiBuildingChooserSceneImageStack: ne,
-    QiNorthDirection: te,
-    QiFloatingCard: z,
-    QiHoverProbe: $,
-    QiZoomBox: P
-  },
-  emits: ["go-to-building", "hover-over-building", "hover-out-building"],
-  provide() {
-    return {
-      i18n: this.i18n ? new F(this.i18n.labels, this.i18n.language) : new F()
-    };
-  },
-  props: {
-    showCards: { type: Boolean, default: () => !0 },
-    colorCallback: {
-      type: Function,
-      default: () => ({ r: 108, g: 0, b: 108, a: 144, s: 2 })
-    },
-    buildingCallback: { type: Function, default: (e) => e },
-    canGoToBuildingCallback: { type: Function, default: () => !0 },
-    buildingChooserTimeOfDay: { type: String, default: null },
-    cdnFileResolver: { type: Function, required: !0 },
-    i18n: { type: Object, default: void 0 },
-    interactiveDesktop: { type: Boolean, default: !0 },
-    interactiveMobile: { type: Boolean, default: !0 },
-    customOverlayContent: { type: String, default: "" }
-  },
-  data() {
-    return {
-      sceneState: { preloaded: !1, ready: !1 },
-      canvasDimensions: { width: 0, height: 0 },
-      pos: { x: 0, y: 0, width: 0, height: 0 },
-      pickerData: void 0,
-      buildingMap: E.empty(),
-      canvasRaster: q.empty(),
-      selectedBuildingId: void 0,
-      halfHourMark: (/* @__PURE__ */ new Date()).getHours() * 2 + ((/* @__PURE__ */ new Date()).getMinutes() < 30 ? 0 : 1),
-      viewResolver: (e, t) => ({ x: e, y: t }),
-      error: !1
-    };
-  },
-  computed: {
-    isHoverable() {
-      return this.$refs.hoverProbe.isHoverEnabled;
-    },
-    selectedBuilding() {
-      return this.getBuildingData(this.selectedBuildingId);
-    }
-  },
-  watch: {
-    buildingChooserTimeOfDay: {
-      handler() {
-        if (this.buildingChooserTimeOfDay) {
-          const [e, t, i] = /^(\d\d):(\d\d)$/.exec(
-            this.buildingChooserTimeOfDay
-          ), o = parseInt(i);
-          this.halfHourMark = parseInt(t) * 2 + (o < 15 ? 0 : o > 45 ? 2 : 1);
-        }
-      },
-      immediate: !0
-    },
-    selectedBuildingId(e, t) {
-      e ? this.$emit("hover-over-building", this.getBuildingData(e)) : this.$emit("hover-out-building", this.getBuildingData(t));
-    }
-  },
-  async mounted() {
-    const t = await new me(
-      this.cdnFileResolver
-    ).loadBuildingChooser();
-    t ? (this.canvasRaster = new q(t.mapImage), this.buildingMap = new E(t.buildingIds), this.daysOfYear = new Q(t.backgrounds), this.pickerData = {
-      buildingOverlays: t.buildingOverlays,
-      sceneLongitude: t.viewLongitude
-    }, this.resizeImages()) : this.error = !0;
-  },
-  methods: {
-    resizeScene({ width: e, height: t }) {
-      this.canvasDimensions.width = e, this.canvasDimensions.height = t, this.$nextTick(this.resizeImages);
-    },
-    sceneReset() {
-      this.sceneState = { preloaded: !1, ready: !1 };
-    },
-    getBuildingData(e) {
-      return this.buildingCallback ? this.buildingCallback(e) : e;
-    },
-    getBuildingId(e) {
-      const { x: t, y: i } = this.viewResolver(e.layerX, e.layerY);
-      return this.buildingMap.getBuildingId(this.canvasRaster, t, i);
-    },
-    resizeImages() {
-      if (this.$refs.canvas && (this.canvasRaster.update(this.$refs.canvas), this.$refs.overlays))
-        for (const e of this.$refs.overlays)
-          e.setupDraw();
-    },
-    onMove(e) {
-      this.isHoverable && (this.selectedBuildingId = this.getBuildingId(e), this.selectedBuildingId !== void 0 && (this.pos = {
-        x: e.layerX,
-        y: e.layerY,
-        width: this.canvasDimensions.width,
-        height: this.canvasDimensions.height
-      }));
-    },
-    onClick(e) {
-      this.selectedBuildingId = this.getBuildingId(e), this.isHoverable && this.selectedBuilding && this.$emit("go-to-building", this.selectedBuilding);
-    },
-    getColor(e) {
-      return this.colorCallback(
-        this.getBuildingData(e),
-        e === this.selectedBuildingId ? "hover" : "idle"
-      );
-    },
-    updateView({ resolve: e }) {
-      this.viewResolver = e;
-    }
-  }
-}), Et = {
-  key: 0,
-  style: { height: "50vh" },
-  class: "d-flex justify-center align-center blue-grey lighten-5"
-}, qt = { class: "image-instances" }, jt = ["innerHTML"];
-function Yt(e, t, i, o, n, s) {
-  const r = u("v-icon"), a = u("qi-building-chooser-scene-image-stack"), g = u("qi-building-chooser-raster-overlay"), f = u("qi-zoom-box"), y = u("qi-north-direction"), C = u("qi-building-chooser-sun-sim-control"), p = u("qi-floating-card"), b = u("qi-hover-probe");
-  return e.error ? (d(), m("div", Et, [
-    l(r, { "x-large": "" }, {
-      default: c(() => [
-        B("mdi-alert-circle-outline")
-      ]),
-      _: 1
-    })
-  ])) : e.pickerData ? (d(), m("div", {
-    key: 1,
-    style: D(`cursor: ${e.selectedBuildingId ? "pointer" : "auto"};height: ${e.canvasDimensions.height}px; position: relative`),
-    class: "image-container"
-  }, [
-    l(f, {
-      desktop: e.interactiveDesktop,
-      mobile: e.interactiveMobile,
-      onUpdate: e.updateView
-    }, {
-      default: c(() => [
-        h("div", qt, [
-          l(a, {
-            "image-urls": e.daysOfYear.imageUrls,
-            "active-index": e.halfHourMark,
-            onResize: e.resizeScene,
-            onPreloaded: t[0] || (t[0] = (v) => e.sceneState.preloaded = !0),
-            onReady: t[1] || (t[1] = (v) => e.sceneState.ready = !0),
-            onReset: e.sceneReset
-          }, null, 8, ["image-urls", "active-index", "onResize", "onReset"]),
-          A(h("div", null, [
-            (d(!0), m(L, null, T(e.pickerData.buildingOverlays, (v) => (d(), I(g, {
-              ref_for: !0,
-              ref: "overlays",
-              key: v.id,
-              "image-url": v.url,
-              dimensions: e.canvasDimensions,
-              color: e.getColor(v.id)
-            }, null, 8, ["image-url", "dimensions", "color"]))), 128))
-          ], 512), [
-            [x, e.sceneState.preloaded]
-          ])
-        ]),
-        h("canvas", R(e.canvasDimensions, {
-          ref: "canvas",
-          class: { hover: !!e.selectedBuildingId },
-          onClick: t[2] || (t[2] = (...v) => e.onClick && e.onClick(...v)),
-          onMousemove: t[3] || (t[3] = (...v) => e.onMove && e.onMove(...v))
-        }), null, 16),
-        A(h("div", {
-          class: "custom-overlay-layer",
-          innerHTML: e.customOverlayContent
-        }, null, 8, jt), [
-          [x, e.sceneState.preloaded]
-        ])
-      ]),
-      _: 1
-    }, 8, ["desktop", "mobile", "onUpdate"]),
-    A(h("div", null, [
-      e.pickerData.sceneLongitude ? (d(), I(y, {
-        key: 0,
-        class: "north-indicator",
-        longitude: e.pickerData.sceneLongitude
-      }, null, 8, ["longitude"])) : k("", !0),
-      l(C, {
-        modelValue: e.halfHourMark,
-        "onUpdate:modelValue": t[4] || (t[4] = (v) => e.halfHourMark = v),
-        "date-selector": e.daysOfYear,
-        "is-loading": !e.sceneState.ready
-      }, null, 8, ["modelValue", "date-selector", "is-loading"])
-    ], 512), [
-      [x, e.sceneState.preloaded]
-    ]),
-    e.showCards && e.selectedBuilding ? (d(), I(p, {
-      key: 0,
-      "is-hoverable": e.isHoverable,
-      pos: e.pos,
-      onOutside: t[5] || (t[5] = () => e.selectedBuildingId = void 0)
-    }, {
-      default: c(() => [
-        _(e.$slots, "default", {
-          building: e.selectedBuilding,
-          canGoToBuilding: e.canGoToBuildingCallback(e.selectedBuilding),
-          goToBuilding: () => e.canGoToBuildingCallback(e.selectedBuilding) && e.$emit("go-to-building", e.selectedBuilding),
-          pos: e.pos,
-          isHoverable: e.isHoverable,
-          close: () => e.selectedBuildingId = void 0
-        }, void 0, !0)
-      ]),
-      _: 3
-    }, 8, ["is-hoverable", "pos"])) : k("", !0),
-    l(b, { ref: "hoverProbe" }, null, 512)
-  ], 4)) : k("", !0);
-}
-const Z = /* @__PURE__ */ w(Ot, [["render", Yt], ["__scopeId", "data-v-08f2ea1e"]]), zt = {
-  name: "QiBuildingChooser",
-  components: {
-    QiBuildingChooserSvg: K,
-    QiBuildingChooserRaster: Z
-  },
-  emits: ["go-to-building", "hover-over-building", "hover-out-building"],
-  props: {
-    showCards: { type: Boolean, default: () => !0 },
-    colorCallback: {
-      type: Function,
-      default: () => ({ r: 108, g: 0, b: 108, a: 144, s: 2 })
-    },
-    buildingCallback: { type: Function, default: (e) => e },
-    cdnFileResolver: { type: Function, required: !0 },
-    i18n: { type: Object, default: void 0 },
-    interactiveDesktop: { type: Boolean, default: !0 },
-    interactiveMobile: { type: Boolean, default: !0 },
-    useSvg: { type: Boolean, default: !1 },
-    buildingChooserTimeOfDay: { type: String, default: null },
-    canGoToBuildingCallback: { type: Function, default: () => !0 },
-    customOverlayContent: { type: String, default: "" }
-  },
-  computed: {
-    component() {
-      return this.useSvg ? K : Z;
-    }
-  }
-};
-function Pt(e, t, i, o, n, s) {
-  return d(), I(oe(s.component), {
-    "show-cards": i.showCards,
-    "color-callback": i.colorCallback,
-    "building-callback": i.buildingCallback,
-    "cdn-file-resolver": i.cdnFileResolver,
-    i18n: i.i18n,
-    "interactive-desktop": i.interactiveDesktop,
-    "interactive-mobile": i.interactiveMobile,
-    "building-chooser-time-of-day": i.buildingChooserTimeOfDay,
-    "can-go-to-building-callback": i.canGoToBuildingCallback,
-    "custom-overlay-content": i.customOverlayContent,
-    onGoToBuilding: t[0] || (t[0] = (r) => e.$emit("go-to-building", r)),
-    onHoverOverBuilding: t[1] || (t[1] = (r) => e.$emit("hover-over-building", r)),
-    onHoverOutBuilding: t[2] || (t[2] = (r) => e.$emit("hover-out-building", r))
-  }, pe({ _: 2 }, [
-    T(Object.keys(e.$slots), (r) => ({
-      name: r,
-      fn: c((a) => [
-        _(e.$slots, r, re(ae(a)))
-      ])
-    }))
-  ]), 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"]);
-}
-const Qt = /* @__PURE__ */ w(zt, [["render", Pt]]), Vt = 37, Gt = 39, Nt = {
-  name: "WaypointCarousel",
-  props: {
-    thumbnails: { type: Array, required: !0 },
-    active: { type: Number, required: !0 }
-  },
-  data() {
-    return {
-      activeThumb: 0
-    };
-  },
-  computed: {
-    activeIndex: {
-      get() {
-        return this.active;
-      },
-      set(e) {
-        this.activeThumb = e;
-      }
-    },
-    isMobile() {
-      return /Android|webOS|iPhone|iPad|BlackBerry|Windows Phone|Opera Mini|IEMobile|Mobile/i.test(
-        window.navigator.userAgent
-      );
-    }
-  },
-  mounted() {
-    window.addEventListener("keydown", this.keyNavigate);
-  },
-  beforeUnmount() {
-    window.removeEventListener("keydown", this.keyNavigate);
-  },
-  methods: {
-    keyNavigate(e) {
-      switch (e.keyCode) {
-        case e.keyCode === Vt:
-          this.$emit("previous");
-        case e.keyCode === Gt:
-          this.$emit("next");
-        default:
-          return;
-      }
-    },
-    goToCamera(e, t) {
-      t(), this.$emit("goto", e);
-    }
-  }
-}, Xt = { class: "waypoint-carousel" };
-function Wt(e, t, i, o, n, s) {
-  const r = u("v-icon"), a = u("v-btn"), g = u("v-hover"), f = u("v-img"), y = u("v-card"), C = u("v-slide-group-item"), p = u("v-slide-group");
-  return d(), m("div", Xt, [
-    l(p, {
-      modelValue: s.activeIndex,
-      "onUpdate:modelValue": t[2] || (t[2] = (b) => s.activeIndex = b),
-      "active-class": "active-apt",
-      "selected-class": "active-apt",
-      "show-arrows": "",
-      "center-active": "",
-      mandatory: ""
-    }, {
-      prev: c(() => [
-        l(g, null, {
-          default: c(({ hover: b }) => [
-            l(a, {
-              elevation: "0",
-              class: M(["carousel-button", { mobile: s.isMobile }]),
-              onClick: t[0] || (t[0] = (v) => e.$emit("previous"))
-            }, {
-              default: c(() => [
-                l(r, {
-                  color: b ? "#999" : "#d2d2d2",
-                  "x-large": ""
-                }, {
-                  default: c(() => [
-                    B(" mdi-chevron-left ")
-                  ]),
-                  _: 2
-                }, 1032, ["color"])
-              ]),
-              _: 2
-            }, 1032, ["class"])
-          ]),
-          _: 1
-        })
-      ]),
-      next: c(() => [
-        l(g, null, {
-          default: c(({ hover: b }) => [
-            l(a, {
-              elevation: "0",
-              class: M(["carousel-button", { mobile: s.isMobile }]),
-              onClick: t[1] || (t[1] = (v) => e.$emit("next"))
-            }, {
-              default: c(() => [
-                l(r, {
-                  color: b ? "#999" : "#d2d2d2",
-                  "x-large": ""
-                }, {
-                  default: c(() => [
-                    B(" mdi-chevron-right ")
-                  ]),
-                  _: 2
-                }, 1032, ["color"])
-              ]),
-              _: 2
-            }, 1032, ["class"])
-          ]),
-          _: 1
-        })
-      ]),
-      default: c(() => [
-        (d(!0), m(L, null, T(i.thumbnails, (b) => (d(), I(C, {
-          key: b.id
-        }, {
-          default: c(({ toggle: v, selectedClass: j }) => [
-            l(y, {
-              class: M(["ma-2", j]),
-              align: "center",
-              justify: "center",
-              height: s.isMobile ? 50 : 100,
-              width: s.isMobile ? 80 : 160,
-              elevation: "0",
-              style: { overflow: "hidden" },
-              onClick: (H) => s.goToCamera(b.id, v)
-            }, {
-              default: c(() => [
-                l(f, {
-                  "max-height": "100",
-                  "max-width": "160",
-                  src: b.thumbnailUrl
-                }, null, 8, ["src"])
-              ]),
-              _: 2
-            }, 1032, ["class", "height", "width", "onClick"])
-          ]),
-          _: 2
-        }, 1024))), 128))
-      ]),
-      _: 1
-    }, 8, ["modelValue"])
-  ]);
-}
-const Kt = /* @__PURE__ */ w(Nt, [["render", Wt], ["__scopeId", "data-v-f4e6ce2e"]]), Zt = {
-  name: "QiVirtualTourSocialShare",
-  inject: ["i18n"],
-  data() {
-    return {
-      showSocialShare: !1,
-      currentURL: location.href
-    };
-  },
-  methods: {
-    shareToFacebook() {
-      return window.open(
-        "https://www.facebook.com/sharer/sharer.php?u=" + encodeURIComponent(location.href),
-        "facebook-share-dialog",
-        "width=626,height=436"
-      ), !1;
-    },
-    shareToTwitter() {
-      return window.open(
-        "https://twitter.com/intent/tweet?text=" + encodeURIComponent(location.href),
-        "twiter-share-dialog",
-        "width=626,height=436"
-      ), !1;
-    },
-    shareToLinkedin() {
-      return window.open(
-        "https://www.linkedin.com/sharing/share-offsite/?url=" + encodeURIComponent(location.href),
-        "linkedin-share-dialog",
-        "width=626,height=736"
-      ), !1;
-    },
-    copyLink() {
-      navigator.clipboard.writeText(location.href);
-    }
-  }
-}, Jt = {
-  id: "share-btns-wrapper",
-  class: "text-center"
-};
-function ei(e, t, i, o, n, s) {
-  const r = u("v-btn"), a = u("v-tooltip"), g = u("v-toolbar-title"), f = u("v-spacer"), y = u("v-toolbar"), C = u("v-card-text"), p = u("v-card"), b = u("v-dialog");
-  return d(), m("div", null, [
-    l(a, {
-      elevation: "2",
-      top: "",
-      attach: ""
-    }, {
-      activator: c(({ on: v }) => [
-        l(r, R({
-          density: "comfortable",
-          elevation: "1",
-          icon: "mdi-share-variant",
-          onClick: t[0] || (t[0] = (j) => n.showSocialShare = !n.showSocialShare)
-        }, fe({ ...v })), null, 16)
-      ]),
-      default: c(() => [
-        h("span", null, S(s.i18n.getLabel("share")), 1)
-      ]),
-      _: 1
-    }),
-    l(b, {
-      id: "share-box",
-      width: "400",
-      modelValue: n.showSocialShare,
-      "onUpdate:modelValue": t[2] || (t[2] = (v) => n.showSocialShare = v)
-    }, {
-      default: c(() => [
-        l(p, null, {
-          default: c(() => [
-            l(y, { elevation: "0" }, {
-              default: c(() => [
-                l(r, {
-                  size: "x-small",
-                  icon: "mdi-close",
-                  onClick: t[1] || (t[1] = (v) => n.showSocialShare = !1)
-                }),
-                l(g, null, {
-                  default: c(() => [
-                    B(S(s.i18n.getLabel("share")), 1)
-                  ]),
-                  _: 1
-                }),
-                l(f)
-              ]),
-              _: 1
-            }),
-            l(C, { class: "mt-5" }, {
-              default: c(() => [
-                h("p", Jt, [
-                  l(a, { location: "top" }, {
-                    activator: c(({ props: v }) => [
-                      l(r, R({
-                        depressed: "",
-                        fab: "",
-                        light: "",
-                        icon: "mdi-facebook"
-                      }, v, { onClick: s.shareToFacebook }), null, 16, ["onClick"])
-                    ]),
-                    default: c(() => [
-                      h("span", null, S(s.i18n.getLabel("share-to-facebook")), 1)
-                    ]),
-                    _: 1
-                  }),
-                  l(a, { location: "top" }, {
-                    activator: c(({ props: v }) => [
-                      l(r, R({
-                        depressed: "",
-                        fab: "",
-                        light: "",
-                        icon: "mdi-linkedin"
-                      }, v, { onClick: s.shareToLinkedin }), null, 16, ["onClick"])
-                    ]),
-                    default: c(() => [
-                      h("span", null, S(s.i18n.getLabel("share-to-linkedin")), 1)
-                    ]),
-                    _: 1
-                  }),
-                  l(a, { location: "top" }, {
-                    activator: c(({ props: v }) => [
-                      l(r, R({
-                        depressed: "",
-                        fab: "",
-                        light: "",
-                        icon: "mdi-twitter"
-                      }, v, { onClick: s.shareToTwitter }), null, 16, ["onClick"])
-                    ]),
-                    default: c(() => [
-                      h("span", null, S(s.i18n.getLabel("share-to-twitter")), 1)
-                    ]),
-                    _: 1
-                  }),
-                  l(a, { location: "top" }, {
-                    activator: c(({ props: v }) => [
-                      l(r, R({
-                        depressed: "",
-                        fab: "",
-                        light: "",
-                        icon: "mdi-email",
-                        link: "",
-                        href: `mailto:?body=${n.currentURL}`
-                      }, v), null, 16, ["href"])
-                    ]),
-                    default: c(() => [
-                      h("span", null, S(s.i18n.getLabel("share-via-email")), 1)
-                    ]),
-                    _: 1
-                  }),
-                  l(a, { location: "top" }, {
-                    activator: c(({ props: v }) => [
-                      l(r, R({
-                        depressed: "",
-                        fab: "",
-                        light: "",
-                        icon: "mdi-content-copy",
-                        onClick: s.copyLink
-                      }, v), null, 16, ["onClick"])
-                    ]),
-                    default: c(() => [
-                      h("span", null, S(s.i18n.getLabel("copy-link")), 1)
-                    ]),
-                    _: 1
-                  }),
-                  l(f)
-                ])
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        })
-      ]),
-      _: 1
-    }, 8, ["modelValue"])
-  ]);
-}
-const ti = /* @__PURE__ */ w(Zt, [["render", ei], ["__scopeId", "data-v-3560cd03"]]);
-class ii {
-  constructor(t, i) {
-    this._doc = t, this._elemId = i, this._state = { isActive: !1 };
-  }
-  get isActive() {
-    return this._state.isActive;
-  }
-  setup() {
-    const t = [
-      "fullscreenchange",
-      "webkitfullscreenchange",
-      "mozfullscreenchange",
-      "msfullscreenchange"
-    ], i = this._getElement();
-    t.forEach((o) => {
-      i.addEventListener(o, this._toggle.bind(this), !1);
-    });
-  }
-  toggle() {
-    this.isActive ? this._exit() : this._enter();
-  }
-  _enter() {
-    const t = this._getElement(), i = t.requestFullscreen || t.webkitRequestFullscreen || t.mozRequestFullscreen || t.msRequestFullscreen;
-    i && i.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;
-  }
-}
-const ni = {
-  props: {
-    isFullScreen: {
-      type: Boolean,
-      required: !0
-    }
-  },
-  emits: ["toggle-fullscreen"]
-}, si = {
-  id: "btn-fullscreen",
-  class: "btn-placeholder mr-2"
-};
-function oi(e, t, i, o, n, s) {
-  const r = u("v-btn");
-  return d(), m("div", si, [
-    l(r, {
-      density: "comfortable",
-      elevation: "3",
-      icon: i.isFullScreen ? "mdi-fullscreen-exit" : "mdi-fullscreen",
-      onClick: t[0] || (t[0] = (a) => e.$emit("toggle-fullscreen"))
-    }, null, 8, ["icon"])
-  ]);
-}
-const ri = /* @__PURE__ */ w(ni, [["render", oi]]), ai = {
-  name: "Disclaimer",
-  inject: ["i18n"],
-  data() {
-    return {
-      isVisible: !0
-    };
-  }
-}, li = {
-  key: 0,
-  class: "text-white disclaimer caption"
-};
-function di(e, t, i, o, n, s) {
-  return d(), I(G, { name: "fade-transition" }, {
-    default: c(() => [
-      n.isVisible ? (d(), m("div", li, [
-        B(S(s.i18n.getLabel("all-illustrations-are-indicative-deviations-may-occur")) + " ", 1),
-        h("span", {
-          onClick: t[0] || (t[0] = (r) => n.isVisible = !1),
-          class: "link-text text-decoration-underline"
-        }, S(s.i18n.getLabel("i-understand")), 1)
-      ])) : k("", !0)
-    ]),
-    _: 1
-  });
-}
-const ci = /* @__PURE__ */ w(ai, [["render", di], ["__scopeId", "data-v-6e4f02d6"]]), ui = {
-  name: "ManualSlideShowImage",
-  props: {
-    isFullScreen: { type: Boolean, required: !0 }
-  },
-  data() {
-    return {};
-  },
-  watch: {},
-  mounted() {
-    window.addEventListener("resize", this.setPlayerSize), this.setPlayerSize();
-  },
-  methods: {
-    findClosestAncestor(e, t) {
-      let i = e, o = e;
-      for (; (i = i.parentNode) && i.className.indexOf(t) < 0; )
-        ;
-      return o = i, o;
-    },
-    setPlayerSize() {
-      let e = 1.7777777777777777, t = document.querySelector("#player-sizer");
-      if (!t)
-        return;
-      let i = t.offsetWidth, o = i * (1 / e);
-      (window.innerWidth <= 600 || i <= 600) && (o = window.innerHeight * 0.75, i = o * (1 / e)), t.style.height = o + "px", t.style.width = i + "px", this.$emit("new-size-callback", i, o);
-    }
-  }
-}, hi = { id: "player-wrapper" }, mi = { id: "player-sizer" }, gi = {
-  class: "player-control",
-  id: "controls-top-left"
-}, vi = {
-  class: "player-control",
-  id: "controls-top-center"
-}, pi = {
-  class: "player-control",
-  id: "controls-top-right"
-}, fi = {
-  class: "player-control",
-  id: "controls-center-left"
-}, bi = {
-  class: "player-control",
-  id: "controls-center-center"
-}, yi = {
-  class: "player-control",
-  id: "controls-center-right"
-}, wi = {
-  class: "player-control",
-  id: "controls-bottom-left"
-}, _i = {
-  class: "player-control",
-  id: "controls-bottom-center"
-}, ki = {
-  class: "player-control",
-  id: "controls-bottom-right"
-};
-function Ii(e, t, i, o, n, s) {
-  return d(), m("div", hi, [
-    h("div", mi, [
-      _(e.$slots, "slideshow-image", {}, void 0, !0),
-      h("div", gi, [
-        _(e.$slots, "top-left", {}, void 0, !0)
-      ]),
-      h("div", vi, [
-        _(e.$slots, "top-center", {}, void 0, !0)
-      ]),
-      h("div", pi, [
-        _(e.$slots, "top-right", {}, void 0, !0)
-      ]),
-      h("div", fi, [
-        _(e.$slots, "center-left", {}, void 0, !0)
-      ]),
-      h("div", bi, [
-        _(e.$slots, "center-center", {}, void 0, !0)
-      ]),
-      h("div", yi, [
-        _(e.$slots, "center-right", {}, void 0, !0)
-      ]),
-      h("div", wi, [
-        _(e.$slots, "bottom-left", {}, void 0, !0)
-      ]),
-      h("div", _i, [
-        _(e.$slots, "bottom-center", {}, void 0, !0)
-      ]),
-      h("div", ki, [
-        _(e.$slots, "bottom-right", {}, void 0, !0)
-      ])
-    ])
-  ]);
-}
-const Ci = /* @__PURE__ */ w(ui, [["render", Ii], ["__scopeId", "data-v-1dab1ac3"]]), Si = {
-  name: "StaticImage",
-  props: {
-    image: { type: String, required: !0 },
-    aspectRatio: { type: String, default: () => "wide" }
-  },
-  computed: {
-    style() {
-      return { "background-image": `url("${encodeURI(this.image)}")` };
-    }
-  }
-}, Bi = { class: "static-image-wrapper" };
-function Di(e, t, i, o, n, s) {
-  return d(), m("div", Bi, [
-    h("div", {
-      class: M(["img-div", [i.aspectRatio]]),
-      style: D(s.style)
-    }, null, 6)
-  ]);
-}
-const Ai = /* @__PURE__ */ w(Si, [["render", Di], ["__scopeId", "data-v-b418cf51"]]), xi = {
-  name: "ManualSlideShow",
-  components: {
-    WaypointCarousel: Kt,
-    SingleImage: Ai,
-    SocialShare: ti,
-    FullScreenButton: ri,
-    Disclaimer: ci,
-    ManualSlideShowPlayer: Ci
-  },
-  provide() {
-    return {
-      i18n: this.i18n ? new F(this.i18n.labels, this.i18n.language) : new F()
-    };
-  },
-  props: {
-    images: { type: Array, required: !0 },
-    websiteUrl: { type: String, default: () => {
-    } },
-    i18n: { type: Object, default: void 0 },
-    showFullScreen: { type: Boolean, default: () => !0 },
-    showShare: { type: Boolean, default: () => !0 },
-    defaultWaypointIndex: { type: Number, default: () => 0 }
-  },
-  data() {
-    return {
-      loading: !0,
-      error: !1,
-      currentIndex: 0,
-      currentImageId: void 0,
-      fullScreen: new ii(document, "player-wrapper")
-    };
-  },
-  computed: {
-    imagesWithThumbnails() {
-      return this.images.map((e) => ({ ...e, thumbnailUrl: e.url }));
-    },
-    currentImage() {
-      return this.images[this.currentIndex].url;
-    }
-  },
-  mounted() {
-    this.fullScreen.setup();
-  },
-  methods: {
-    toggleFullscreen() {
-      this.fullScreen.toggle(), window.scrollTo({ top: 150, behavior: "smooth" });
-    },
-    nextImage() {
-      let e = this.currentIndex + 1;
-      e >= this.images.length && (e = 0), this.currentIndex = e;
-    },
-    previousImage() {
-      let e = this.currentIndex - 1;
-      e < 0 && (e = this.images.length - 1), this.currentIndex = e;
-    },
-    goToImage(e, t = !0) {
-      let i = this.images.findIndex((o) => o.id === e);
-      i != -1 && (this.currentIndex = i);
-    }
-  }
-}, Mi = { class: "virtual-tour-v2-wrapper" }, Ri = { class: "player-and-components-wrapper" }, Fi = {
-  key: 1,
-  class: "btn-placeholder"
-};
-function Hi(e, t, i, o, n, s) {
-  const r = u("single-image"), a = u("disclaimer"), g = u("v-icon"), f = u("v-btn"), y = u("full-screen-button"), C = u("social-share"), p = u("waypoint-carousel"), b = u("manual-slide-show-player");
-  return d(), m("div", Mi, [
-    h("div", Ri, [
-      h("div", null, [
-        l(b, {
-          isFullScreen: n.fullScreen.isActive
-        }, {
-          "slideshow-image": c(() => [
-            l(r, { image: s.currentImage }, null, 8, ["image"])
-          ]),
-          "top-left": c(() => []),
-          "top-center": c(() => [
-            l(a, { "return-url": i.websiteUrl }, null, 8, ["return-url"])
-          ]),
-          "top-right": c(() => []),
-          "center-left": c(() => [
-            l(G, { name: "slide-x-transition" }, {
-              default: c(() => [
-                l(f, {
-                  elevation: "1",
-                  rounded: "",
-                  plain: "",
-                  icon: "",
-                  onClick: s.previousImage
-                }, {
-                  default: c(() => [
-                    l(g, { color: "black darken-1" }, {
-                      default: c(() => [
-                        B("mdi-chevron-left")
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                }, 8, ["onClick"])
-              ]),
-              _: 1
-            })
-          ]),
-          "center-center": c(() => []),
-          "center-right": c(() => [
-            l(G, { name: "slide-x-reverse-transition" }, {
-              default: c(() => [
-                l(f, {
-                  elevation: "1",
-                  rounded: "",
-                  plain: "",
-                  icon: "",
-                  onClick: s.nextImage
-                }, {
-                  default: c(() => [
-                    l(g, { color: "black darken-1" }, {
-                      default: c(() => [
-                        B("mdi-chevron-right")
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                }, 8, ["onClick"])
-              ]),
-              _: 1
-            })
-          ]),
-          "bottom-left": c(() => [
-            i.showFullScreen ? (d(), I(y, {
-              key: 0,
-              isFullScreen: n.fullScreen.isActive,
-              class: "btn-fullscreen",
-              onToggleFullscreen: s.toggleFullscreen
-            }, null, 8, ["isFullScreen", "onToggleFullscreen"])) : k("", !0),
-            i.showShare ? (d(), m("div", Fi, [
-              l(C)
-            ])) : k("", !0)
-          ]),
-          "bottom-center": c(() => [
-            h("div", null, [
-              n.fullScreen.isActive ? (d(), I(p, {
-                key: 0,
-                class: M([n.fullScreen.isActive ? "full-screen" : ""]),
-                thumbnails: s.imagesWithThumbnails,
-                active: n.currentIndex,
-                onNext: s.nextImage,
-                onPrevious: s.previousImage,
-                onGoto: s.goToImage
-              }, null, 8, ["class", "thumbnails", "active", "onNext", "onPrevious", "onGoto"])) : k("", !0)
-            ])
-          ]),
-          "bottom-right": c(() => []),
-          _: 1
-        }, 8, ["isFullScreen"]),
-        l(p, {
-          thumbnails: s.imagesWithThumbnails,
-          active: n.currentIndex,
-          onNext: s.nextImage,
-          onPrevious: s.previousImage,
-          onGoto: s.goToImage
-        }, null, 8, ["thumbnails", "active", "onNext", "onPrevious", "onGoto"])
-      ])
-    ])
-  ]);
-}
-const Ti = /* @__PURE__ */ w(xi, [["render", Hi], ["__scopeId", "data-v-e2117d1e"]]), Li = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  ManualSlideShow: Ti,
-  QiApartmentChooser: dt,
-  QiApartmentChooserNavigation: ce,
-  QiApartmentChooserRaster: N,
-  QiApartmentChooserRotator: ue,
-  QiApartmentChooserSvg: X,
-  QiBuildingChooser: Qt,
-  QiBuildingChooserRaster: Z,
-  QiBuildingChooserRasterOverlay: ge,
-  QiBuildingChooserSceneImageStack: ne,
-  QiBuildingChooserSunSimControl: ie,
-  QiBuildingChooserSvg: K,
-  QiFloatingCard: z,
-  QiHoverProbe: $,
-  QiNorthDirection: te,
-  QiZoomBox: P
-}, Symbol.toStringTag, { value: "Module" }));
-class Oi {
-  constructor(t) {
-    this._data = t;
-  }
-  getPixel(t, i) {
-    const o = this._data[t][i];
-    if (o !== " ") {
-      const n = Number.parseInt(o);
-      return [n, n, n, 255];
-    } else
-      return [0, 0, 0, 0];
-  }
-}
-const Ei = function(t) {
-  Object.entries(Li).forEach(([i, o]) => {
-    t.component(i, o);
-  });
-};
-export {
-  W as BatchLoadTracker,
-  E as BuildingMap,
-  me as BuildingPickerResourceProvider,
-  Ke as BuildingViewerModel,
-  q as CanvasRaster,
-  Q as DayOfYearSelector,
-  F as I18N,
-  Ti as ManualSlideShow,
-  dt as QiApartmentChooser,
-  ce as QiApartmentChooserNavigation,
-  N as QiApartmentChooserRaster,
-  ue as QiApartmentChooserRotator,
-  X as QiApartmentChooserSvg,
-  Qt as QiBuildingChooser,
-  Z as QiBuildingChooserRaster,
-  ge as QiBuildingChooserRasterOverlay,
-  ne as QiBuildingChooserSceneImageStack,
-  ie as QiBuildingChooserSunSimControl,
-  K as QiBuildingChooserSvg,
-  z as QiFloatingCard,
-  $ as QiHoverProbe,
-  te as QiNorthDirection,
-  P as QiZoomBox,
-  U as ResourceLoader,
-  Oi as SampleRaster,
-  Fe as SceneRotator,
-  Ei as default,
-  de as throttle
-};