@qispace/vue3-player 0.0.14 → 0.0.15

package/dist/vue3-player.js

@@ -1,2331 +1,2329 @@
-import { resolveComponent as c, openBlock as l, createBlock as y, normalizeStyle as M, defineComponent as W, createElementBlock as m, createElementVNode as o, createVNode as u, toDisplayString as _, withCtx as h, createTextVNode as L, withDirectives as x, Fragment as U, renderList as D, normalizeClass as E, vShow as B, createCommentVNode as f, renderSlot as A, ref as ge, mergeProps as F, resolveDynamicComponent as ve, createSlots as Be, normalizeProps as fe, guardReactiveProps as be, toHandlers as ye, Transition as $, pushScopeId as ee, popScopeId as te, vModelText as Fe, createStaticVNode as we } from "vue";
-import ke from "axios";
-import { PlayerV2 as G } from "@qispace/player-core";
+import fe from "axios";
+import { openBlock as l, createElementBlock as m, resolveComponent as c, withDirectives as x, createElementVNode as o, normalizeStyle as M, vShow as B, createVNode as u, Fragment as R, renderList as D, createCommentVNode as f, withCtx as h, toDisplayString as _, createTextVNode as L, normalizeClass as E, createBlock as y, renderSlot as A, resolveDynamicComponent as be, normalizeProps as ye, guardReactiveProps as we, defineComponent as W, ref as ke, mergeProps as F, createSlots as De, toHandlers as Ce, Transition as $, pushScopeId as ae, popScopeId as le, vModelText as Oe, createStaticVNode as _e } from "vue";
+import { PlayerV2 as K } from "@qispace/player-core";
 import * as T from "three";
-const Ee = "data:image/png;base64,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", C = (e, t) => {
+class H {
+  async loadJson(t) {
+    return (await fe.get(t)).data;
+  }
+  async loadImage(t) {
+    return new Promise((i, r) => {
+      const n = new Image();
+      n.crossOrigin = "anonymous", n.onload = () => {
+        i(n);
+      }, n.onerror = r, n.src = t;
+    });
+  }
+  async loadImageData(t) {
+    const i = await this.loadImage(t), r = document.createElement("canvas");
+    try {
+      const n = r.getContext("2d");
+      return r.width = i.width, r.height = i.height, n.drawImage(i, 0, 0), r.toDataURL("image/png");
+    } finally {
+      r.remove();
+    }
+  }
+}
+const C = (e, t) => {
   const i = e.__vccOpts || e;
   for (const [r, n] of t)
     i[r] = n;
   return i;
-}, De = {
-  name: "QiNorthDirection",
-  props: {
-    longitude: { type: Number, default: () => 0 }
-  },
-  data() {
-    return {
-      compassNeedle: Ee
-    };
-  },
+}, Re = {
+  name: "QiHoverProbe",
   computed: {
-    needleRotation() {
-      return {
-        transform: `rotate(${90 - this.longitude}deg)`,
-        transition: " transform 0.5s ease-in"
-      };
+    isHoverEnabled() {
+      return window.getComputedStyle(this.$refs.hoverCheck).display === "none";
     }
   }
+}, Ue = {
+  ref: "hoverCheck",
+  class: "hover-check"
 };
-function Oe(e, t, i, r, n, s) {
-  const a = c("v-img");
-  return l(), y(a, {
-    src: n.compassNeedle,
-    style: M(s.needleRotation)
-  }, null, 8, ["src", "style"]);
-}
-const ie = /* @__PURE__ */ C(De, [["render", Oe]]);
-function X(e) {
-  return e.toLocaleString("en-no", {
-    month: "short",
-    day: "numeric"
-  });
+function Te(e, t, i, r, n, s) {
+  return l(), m("div", Ue, null, 512);
 }
-const Ue = W({
-  setup() {
-  },
-  name: "QiBuildingChooserSunSimControl",
+const N = /* @__PURE__ */ C(Re, [["render", Te], ["__scopeId", "data-v-e4729353"]]), Ie = {
+  methods: {
+    throttle(e, t) {
+      let i = !0;
+      return function(...r) {
+        i && (i = !1, e.apply(this, r), setTimeout(() => i = !0, t));
+      };
+    }
+  }
+}, Ve = {
+  name: "QiApartmentChooserRaster",
+  components: { QiHoverProbe: N },
+  mixins: [Ie],
   props: {
-    modelValue: { type: Number, required: !0 },
-    dateSelector: { type: Object, required: !0 },
-    isLoading: { type: Boolean, default: !1 }
+    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: ["update:modelValue"],
+  emits: ["select-unit", "go-to-unit", "hover-over", "hover-out"],
   data() {
     return {
-      currentValue: this.modelValue,
-      currentDate: null
+      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 H(),
+      apartmentIndexRasterMap: {}
     };
   },
   computed: {
-    currentValueString() {
-      const e = Math.floor(this.currentValue / 2).toString().padStart(2, "0"), t = this.currentValue % 2 === 0 ? "00" : "30";
-      return `${e}:${t}`;
+    isHoverable() {
+      return this.$refs.hoverProbe.isHoverEnabled;
     },
-    dates() {
-      return this.dateSelector.dates.map(X);
+    rasterUrl() {
+      return this.cdnFileResolver(
+        `/scenedata${this.viewModel.currentScene}.png`
+      );
     },
-    selectedDate: {
-      get() {
-        return X(this.dateSelector.selectedDate);
-      },
-      set(e) {
-        this.dateSelector.selectIndex(this.dates.indexOf(e));
-      }
+    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: {
-    currentValue(e) {
-      this.$emit("update:modelValue", e);
+    rasterUrl: {
+      handler() {
+        this.rasterImages[this.rasterUrl] || this.resourceLoader.loadImageData(this.rasterUrl).then((e) => {
+          this.rasterImages = {
+            ...this.rasterImages,
+            [this.rasterUrl]: e
+          };
+        });
+      },
+      immediate: !0
     },
-    modelValue(e) {
-      this.currentValue = Math.floor(e);
+    rasterImage() {
+      this.rasterImage && this.init();
     },
-    dates: {
-      handler(e) {
-        this.currentDate = X(this.dateSelector.selectedDate);
+    "viewModel.currentScene": {
+      handler() {
+        this.draw();
       },
       immediate: !0
     },
-    currentDate(e) {
-      this.dateSelector.selectIndex(this.dates.indexOf(e));
+    "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);
     }
   },
-  methods: {}
-}), Re = { class: "sunsim-bar-wrapper" }, Te = { class: "sunsim-date d-flex align-center pl-5 pr-5" }, Ve = {
-  key: 1,
-  class: "text-center text-body-1"
-}, He = { class: "sunsim-wrapper d-flex align-center px-3" }, Ne = { class: "sunsim-time-label text-body-1 font-weight-normal ml-2" };
-function je(e, t, i, r, n, s) {
-  const a = c("v-icon"), d = c("v-select"), p = c("v-progress-linear"), v = c("v-slider");
-  return l(), m("div", Re, [
-    o("div", Te, [
-      u(a, {
-        color: "black",
-        class: "mr-2",
-        icon: "mdi-calendar-blank-outline"
-      }),
-      e.dateSelector.hasMultipleDates ? (l(), y(d, {
-        key: 0,
-        modelValue: e.currentDate,
-        "onUpdate:modelValue": t[0] || (t[0] = (w) => e.currentDate = w),
-        items: e.dates,
-        density: "compact",
-        variant: "underlined",
-        "hide-details": "",
-        class: "day-selector"
-      }, null, 8, ["modelValue", "items"])) : (l(), m("span", Ve, _(e.selectedDate), 1))
-    ]),
-    o("div", He, [
-      o("span", Ne, _(e.currentValueString), 1),
-      u(a, {
-        medium: "",
-        class: "ml-2 mr-2 icon"
-      }, {
-        default: h(() => [
-          L("mdi-white-balance-sunny")
-        ]),
-        _: 1
-      }),
-      e.isLoading ? (l(), y(p, {
-        key: 0,
-        indeterminate: "",
-        rounded: "",
-        height: "6",
-        color: "grey lighten-1",
-        class: "mr-2"
-      })) : (l(), y(v, {
-        key: 1,
-        modelValue: e.currentValue,
-        "onUpdate:modelValue": t[1] || (t[1] = (w) => e.currentValue = w),
-        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 Ce = /* @__PURE__ */ C(Ue, [["render", je], ["__scopeId", "data-v-1fba3edd"]]);
-class K {
-  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);
+  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, r = this.canvas.offsetHeight / this.canvas.height, n = (e / i).toFixed(), a = (t / r).toFixed() * (this.canvas.width * 4) + n * 4, d = this.originalImageData.data[a];
+      return this.originalImageData.data[a + 3] > 0 ? d : -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), r = this.getApartmentIdByIndex(t.index);
+          let n = "idle";
+          !this.hoverApartment && this.selectedUnitId && r === this.selectedUnitId ? n = "selected" : this.hoverApartment && this.hoverApartmentIndex === t.index && (n = "hover");
+          const s = this.unitCallback ? this.unitCallback(r) : r;
+          if (s) {
+            const a = this.colorCallback(s, n);
+            if (a)
+              for (let d = 0; d < i.length; d++)
+                this.imageData.data[i[d]] = a.r, this.imageData.data[i[d] + 1] = a.g, this.imageData.data[i[d] + 2] = a.b, this.imageData.data[i[d] + 3] = a.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;
+    }
   }
+}, He = { id: "canvas" };
+function Ne(e, t, i, r, n, s) {
+  const a = c("qi-hover-probe");
+  return l(), m("div", He, [
+    x(o("canvas", {
+      id: "canvas-mask",
+      ref: "canvasMask",
+      style: M(s.canvasStyle),
+      onClick: t[0] || (t[0] = (...d) => s.clickCanvas && s.clickCanvas(...d))
+    }, null, 4), [
+      [B, !i.viewModel.isRotating]
+    ]),
+    u(a, { ref: "hoverProbe" }, null, 512)
+  ]);
 }
-const qe = W({
-  setup() {
-  },
-  name: "QiBuildingChooserSceneImageStack",
+const ie = /* @__PURE__ */ C(Ve, [["render", Ne], ["__scopeId", "data-v-3bbbc77b"]]), je = {
+  name: "QiApartmentChooserSvg",
+  components: { QiHoverProbe: N },
+  mixins: [Ie],
   props: {
-    imageUrls: { type: Array, required: !0 },
-    activeIndex: { type: Number, required: !0 }
+    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: ["resize", "ready", "preloaded", "reset"],
+  emits: ["select-unit", "go-to-unit", "hover-over", "hover-out"],
   data() {
     return {
-      state: "init",
-      activeStates: ["preloaded", "loaded"],
-      loadTracker: new K(0)
+      pos: { x: 0, y: 0, width: 0, height: 0 },
+      hoverApartmentIndex: -1,
+      svgImages: {},
+      currentSvgImage: null,
+      resourceLoader: new H()
     };
   },
+  computed: {
+    isHoverable() {
+      return this.$refs.hoverProbe.isHoverEnabled;
+    }
+  },
   watch: {
-    imageUrls(e) {
-      this.$emit("reset"), this.loadImages(e);
+    "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() {
-    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 });
+    for (let e = 1; e <= 4; e++) {
+      const t = this.cdnFileResolver(`/scenedata${e}.svg`), i = {};
+      this.resourceLoader.loadJson(t).then((r) => {
+        i.markup = r;
+        const s = new DOMParser().parseFromString(r, "image/svg+xml").getElementsByTagName("svg")[0];
+        i.viewBox = s.getAttribute("viewBox"), i.svgObjects = Array.from(
+          s.querySelectorAll("*[data-index]")
+        ).map((a) => ({
+          index: parseInt(a.getAttribute("data-index")),
+          svg: a.innerHTML
+        })), this.svgImages = { ...this.svgImages, [e]: i };
       });
-    }).observe(this.$refs.baseImage);
+    }
+    this.$refs.container.addEventListener(
+      "mousemove",
+      this.throttle(this.handleMouseMove, 50)
+    );
   },
   methods: {
-    onPreloaded() {
-      this.state = "preloaded", this.$emit("preloaded");
-    },
-    loadImages(e) {
-      this.state = "init", this.$refs.baseImage.src = e[0], this.loadTracker = new K(e.length).onLoadFinished(
-        () => {
-          this.state = "loaded", this.$emit("ready");
-        }
-      );
+    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 r = "idle";
+      this.hoverApartmentIndex < 0 && this.selectedUnitId && t === this.selectedUnitId ? r = "selected" : this.hoverApartmentIndex >= 0 && this.hoverApartmentIndex === e && (r = "hover");
+      const n = this.colorCallback(i, r);
+      if (n) {
+        const { r: s, g: a, b: d, a: p, s: v } = n;
+        return {
+          strokeWidth: v !== void 0 ? v : 2,
+          stroke: `rgb(${s}, ${a}, ${d})`,
+          strokeOpacity: 1,
+          fill: `rgb(${s}, ${a}, ${d})`,
+          fillOpacity: p / 255,
+          cursor: `${this.canGoToUnitCallback(i) ? "cursor" : "default"} !important`
+        };
+      } else
+        return {
+          strokeWidth: 0,
+          stroke: "white",
+          strokeOpacity: 0,
+          fill: "white",
+          fillOpacity: 0,
+          cursor: "default !important"
+        };
     }
   }
-}), Pe = { key: 0 }, Ye = ["src"];
+}, qe = {
+  id: "container",
+  ref: "container"
+}, Pe = ["viewBox"], Ye = ["innerHTML", "onMouseenter", "onMouseleave", "onClick"];
 function Qe(e, t, i, r, n, s) {
-  return l(), m("div", null, [
-    o("img", {
-      ref: "baseImage",
-      class: "image-instance zero",
-      style: { opacity: 1, borderRadius: 50 },
-      onLoad: t[0] || (t[0] = (...a) => e.onPreloaded && e.onPreloaded(...a))
-    }, null, 544),
-    e.state === "preloaded" || e.state === "loaded" ? x((l(), m("div", Pe, [
-      (l(!0), m(U, null, D(e.imageUrls, (a, d) => (l(), m("img", {
-        key: d,
-        class: E({ "image-instance": !0, active: d === e.activeIndex }),
-        src: a,
-        onLoad: t[1] || (t[1] = (p) => e.loadTracker.partLoaded())
-      }, null, 42, Ye))), 128)),
-      L(" Here ")
-    ], 512)), [
-      [B, e.state === "loaded"]
-    ]) : f("", !0)
-  ]);
-}
-const _e = /* @__PURE__ */ C(qe, [["render", Qe], ["__scopeId", "data-v-fad48118"]]), ze = {
-  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 $e(e, t, i, r, n, s) {
-  const a = c("v-dialog"), d = c("v-fade-transition");
-  return l(), y(d, {
-    origin: s.q.replace("-", " ") + " " + i.pos.x + " " + i.pos.y
-  }, {
-    default: h(() => [
-      i.isHoverable ? (l(), m("div", {
+  const a = c("qi-hover-probe");
+  return l(), m("div", qe, [
+    x(o("div", {
+      class: "svg-container",
+      style: M({
+        opacity: !n.currentSvgImage || !n.currentSvgImage.svgObjects ? 0 : 1
+      })
+    }, [
+      n.currentSvgImage && n.currentSvgImage.svgObjects ? (l(), m("svg", {
         key: 0,
-        class: E(["floating-card", s.q]),
-        style: M({ left: `${i.pos.x}px`, top: `${i.pos.y}px`, pointerEvents: "none" })
+        viewBox: n.currentSvgImage.viewBox
       }, [
-        A(e.$slots, "default", { isHoverable: i.isHoverable }, void 0, !0)
-      ], 6)) : (l(), y(a, {
-        key: 1,
-        value: !0,
-        width: "auto",
-        "onClick:outside": t[0] || (t[0] = (p) => e.$emit("outside", p))
-      }, {
-        default: h(() => [
-          A(e.$slots, "default", { isHoverable: i.isHoverable }, void 0, !0)
-        ]),
-        _: 3
-      }))
+        (l(!0), m(R, null, D(n.currentSvgImage.svgObjects, ({ index: d, svg: p }) => (l(), m("g", {
+          key: d,
+          innerHTML: p,
+          style: M(s.getGClass(d)),
+          onMouseenter: (v) => s.mouseEnter(d),
+          onMouseleave: (v) => s.mouseLeave(d),
+          onClick: (v) => s.click(d)
+        }, null, 44, Ye))), 128))
+      ], 8, Pe)) : f("", !0)
+    ], 4), [
+      [B, !i.viewModel.isRotating]
     ]),
-    _: 3
-  }, 8, ["origin"]);
-}
-const ne = /* @__PURE__ */ C(ze, [["render", $e], ["__scopeId", "data-v-b74de171"]]), We = {
-  name: "QiHoverProbe",
-  computed: {
-    isHoverEnabled() {
-      return window.getComputedStyle(this.$refs.hoverCheck).display === "none";
-    }
-  }
-}, Je = {
-  ref: "hoverCheck",
-  class: "hover-check"
-};
-function Ge(e, t, i, r, n, s) {
-  return l(), m("div", Je, null, 512);
+    u(a, { ref: "hoverProbe" }, null, 512)
+  ], 512);
 }
-const Q = /* @__PURE__ */ C(We, [["render", Ge], ["__scopeId", "data-v-e4729353"]]), Xe = {
-  name: "QiZoomBox",
+const ne = /* @__PURE__ */ C(je, [["render", Qe], ["__scopeId", "data-v-82a61864"]]), ze = {
+  name: "QiApartmentChooserNavigation",
+  inject: ["i18n"],
   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();
-    }
+    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() {
-    this.desktop && this.addDesktopHandlers(), this.mobile && this.addMobileHandlers();
+    window.addEventListener("keydown", this.keyNavigate);
   },
   beforeUnmount() {
-    this.desktop && this.removeDesktopHandlers(), this.mobile && this.removeMobileHandlers();
+    window.removeEventListener("keydown", this.keyNavigate);
   },
   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: r, y: n } = this.getOffsetCoordinates(this.lastEvent), s = {
-          x: t - r,
-          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: r, y: n } = this.getOffsetCoordinates(
-          this.lastEvent.touches[0]
-        ), s = {
-          x: t - r,
-          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: r, y: n } = this.getOffsetCoordinates(
-          this.lastEvent.touches[0]
-        ), { x: s, y: a } = this.getOffsetCoordinates(e.touches[1]), { x: d, y: p } = this.getOffsetCoordinates(
-          this.lastEvent.touches[1]
-        ), v = Math.hypot(r - d, n - p), w = Math.hypot(t - s, i - a), S = (s + t) / 2, g = (a + i) / 2;
-        this.adjustZoom(w - v, S, g);
-      }
-      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 r = this.$refs.box.clientWidth, n = this.$refs.box.clientHeight, s = r * this.scale, a = n * this.scale;
-      this.zoom = Math.min(
-        Math.max(100, this.zoom + e),
-        this.actualMaxScale
-      );
-      const d = r * this.scale, p = n * this.scale, v = d - s, w = p - a;
-      this.originX -= t / r * v, this.originY -= i / n * w, 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, r = this.$refs.box.clientHeight, n = this.originX / -this.scale, s = this.originY / -this.scale, a = n + i / this.scale, d = s + r / this.scale, p = e / i * (a - n) + n, v = t / r * (d - s) + s;
-          return { x: p, y: v };
-        }
-      });
+    keyNavigate(e) {
+      e.keyCode === 37 ? this.prevUnit && this.$emit("prev-unit") : e.keyCode === 39 && this.nextUnit && this.$emit("next-unit");
     }
   }
-}, Ze = {
-  ref: "box",
-  class: "zoom-box-container"
+}, $e = {
+  key: 0,
+  class: "d-none d-md-flex"
 };
-function Ke(e, t, i, r, n, s) {
-  return l(), m("div", Ze, [
-    o("div", {
-      style: M({ "transform-origin": "top left", transform: s.transform }),
-      class: "zoom-box"
-    }, [
-      A(e.$slots, "default", {}, void 0, !0)
-    ], 4)
-  ], 512);
+function We(e, t, i, r, n, s) {
+  const a = c("v-btn");
+  return l(), m("div", null, [
+    u(a, {
+      elevation: "1",
+      icon: "mdi-rotate-right",
+      class: "black darken-1",
+      onClick: t[0] || (t[0] = (d) => i.viewModel.rotateClockwise())
+    }),
+    u(a, {
+      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] = (d) => e.$emit("prev-unit"))
+    }, null, 8, ["disabled"]),
+    u(a, {
+      color: "success darken-2",
+      elevation: "1",
+      rounded: "",
+      plain: "",
+      disabled: !i.selectedUnit || !i.canGoToUnitCallback(i.selectedUnit),
+      onClick: t[2] || (t[2] = (d) => e.$emit("go-to-unit", i.selectedUnit))
+    }, {
+      default: h(() => [
+        i.selectedUnit && i.canGoToUnitCallback(i.selectedUnit) ? (l(), m("span", $e, _(s.i18n.getLabel("see-apartment")) + "  ", 1)) : f("", !0),
+        o("span", null, _(i.selectedUnit && "title" in i.selectedUnit ? i.selectedUnit.title : "-"), 1)
+      ]),
+      _: 1
+    }, 8, ["disabled"]),
+    u(a, {
+      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] = (d) => e.$emit("next-unit"))
+    }, null, 8, ["disabled"]),
+    u(a, {
+      elevation: "1",
+      plain: "",
+      icon: "mdi-rotate-left",
+      class: "black darken-1",
+      onClick: t[4] || (t[4] = (d) => i.viewModel.rotateCounterClockwise())
+    })
+  ]);
 }
-const se = /* @__PURE__ */ C(Xe, [["render", Ke], ["__scopeId", "data-v-83bfd28a"]]);
-class H {
-  async loadJson(t) {
-    return (await ke.get(t)).data;
-  }
-  async loadImage(t) {
-    return new Promise((i, r) => {
-      const n = new Image();
-      n.crossOrigin = "anonymous", n.onload = () => {
-        i(n);
-      }, n.onerror = r, n.src = t;
-    });
+const Se = /* @__PURE__ */ C(ze, [["render", We], ["__scopeId", "data-v-129ef905"]]);
+class se {
+  constructor(t) {
+    this._numParts = t, this._loadedCount = 0, this._isError = !1, this._finishedAction = () => {
+    }, this._errorAction = () => {
+    }, this._loadProgressAction = () => {
+    };
   }
-  async loadImageData(t) {
-    const i = await this.loadImage(t), r = document.createElement("canvas");
-    try {
-      const n = r.getContext("2d");
-      return r.width = i.width, r.height = i.height, n.drawImage(i, 0, 0), r.toDataURL("image/png");
-    } finally {
-      r.remove();
-    }
+  onLoadFinished(t) {
+    return this._finishedAction = t, this;
   }
-}
-const et = "buildingChooser.json", tt = 180;
-class Ie {
-  constructor(t) {
-    this._cdnFileResolver = t, this._resourceLoader = new H();
+  onLoadError(t) {
+    return this._errorAction = t, this;
   }
-  constructFileUrl(t) {
-    return this._cdnFileResolver ? this._cdnFileResolver(`/${t}`) : null;
+  onLoadProgress(t) {
+    return this._loadProgressAction = t, this;
   }
-  loadConfigFile() {
-    const t = this.constructFileUrl(et);
-    return t ? this._resourceLoader.loadJson(t) : null;
+  partLoaded() {
+    this.isFinished || (this._loadedCount++, this._loadProgressAction(this.percentLoaded), this.isFinished && this._finishedAction());
   }
-  loadBuildingMapImage(t) {
-    const i = this.constructFileUrl(t.lookupFilename);
-    return i ? this._resourceLoader.loadImage(i) : null;
+  errorDetected() {
+    this._isError || (this._isError = !0, this._errorAction());
   }
-  getViewLongitude(t) {
-    return t.cameraRotation && t.cameraRotation.y + 270;
+  get isFinished() {
+    return this._loadedCount >= this._numParts;
   }
-  getBuildingData(t) {
-    const i = t ? t.buildings : [], r = i.map((s) => s.id), n = i.map((s) => ({
-      id: s.id,
-      url: this.constructFileUrl(s.overlayFilename)
-    }));
-    return { buildingIds: r, buildingOverlays: n };
+  get isError() {
+    return this._isError;
   }
-  getBackgroundImageData(t) {
-    return "days" in t ? this.processMultipleDays(t.days) : [this.processTimeSamples(
-      tt,
-      t.timeSamples
-    )];
+  get percentLoaded() {
+    return Math.round(this._loadedCount * 100 / this._numParts);
   }
-  processMultipleDays(t) {
-    return t.map(
-      (i) => this.processTimeSamples(i.dayOfYear, i.timeSamples)
-    );
+}
+class de {
+  constructor(t, i, r, n) {
+    this._rotator = t, this._direction = i, this._frameIndex = r, this._sceneCount = n;
   }
-  processTimeSamples(t, i) {
-    return {
-      urls: i.map(
-        (n) => this.constructFileUrl(n.filename)
-      ),
-      referenceDate: this.makeReferenceDate(t)
-    };
+  get atEnd() {
+    return this._sceneCount === 0;
   }
-  makeReferenceDate(t) {
-    const i = /* @__PURE__ */ new Date(0);
-    return i.setUTCDate(t), i;
+  get frameIndex() {
+    return this._frameIndex;
   }
-  async loadBuildingChooser() {
-    try {
-      const t = await this.loadConfigFile();
-      if (t) {
-        const i = await this.loadBuildingMapImage(t);
-        if (i) {
-          const r = this.getViewLongitude(t), { buildingIds: n, buildingOverlays: s } = this.getBuildingData(t), a = this.getBackgroundImageData(t);
-          return {
-            mapImage: i,
-            viewLongitude: r,
-            buildingIds: n,
-            buildingOverlays: s,
-            backgrounds: a
-          };
-        }
-      }
-      return null;
-    } catch {
-      return null;
-    }
+  nextFrame() {
+    const t = this._rotator.clampFrameIndex(
+      this._frameIndex + this._direction
+    ), i = this._rotator.isCardinalFrame(t) ? this._sceneCount - 1 : this._sceneCount;
+    return new de(
+      this._rotator,
+      this._direction,
+      t,
+      i
+    );
   }
 }
-class P {
-  static empty() {
-    return new P([]);
+class Je {
+  constructor(t, i) {
+    this._cardinalFrames = t, this._totalFrameCount = i;
   }
-  constructor(t) {
-    this._buildingIds = t;
-  }
-  getBuildingId(t, i, r) {
-    const n = this._getBuildingIndex(t, i, r);
-    if (n !== void 0)
-      return this._buildingIds[n];
-  }
-  _getBuildingIndex(t, i, r) {
-    const [n, s, a, d] = t.getPixel(i, r);
-    if (d === 255 && n === s && s === a)
-      return n;
-  }
-}
-class Y {
-  static empty() {
-    return new Y(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 it = /* @__PURE__ */ new Date(0);
-class J {
-  static empty() {
-    return new J([{ referenceDate: it, 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;
+  start(t, i, r) {
+    const n = this.startFrameIndexForScene(i);
+    return new de(this, t, n, r);
   }
-}
-const nt = {
-  // 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 R {
-  constructor(t, i) {
-    this._labels = { ...nt, ...t || {} }, this._language = i || "en";
+  isCardinalFrame(t) {
+    return this._cardinalFrames.includes(t);
   }
-  getLabel(t) {
-    return t in this._labels ? this.get(this._labels[t]) : t;
+  clampFrameIndex(t) {
+    return (this._totalFrameCount + t) % this._totalFrameCount;
   }
-  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 "";
+  startFrameIndexForScene(t) {
+    return this._cardinalFrames[t];
   }
 }
-const st = W({
-  setup() {
-    ge({});
-  },
-  name: "QiBuildingChooserSvg",
-  components: {
-    QiBuildingChooserSunSimControl: Ce,
-    QiBuildingChooserSceneImageStack: _e,
-    QiNorthDirection: ie,
-    QiFloatingCard: ne,
-    QiHoverProbe: Q,
-    QiZoomBox: se
-  },
-  emits: ["go-to-building", "hover-over-building", "hover-out-building"],
-  provide() {
-    return {
-      i18n: this.i18n ? new R(this.i18n.labels, this.i18n.language) : new R()
-    };
-  },
+const pe = 64, q = 4, Ge = 120, Xe = {
+  name: "QiApartmentChooserRotator",
   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 },
+    viewModel: { type: Object, required: !0 },
+    build: { type: String, default: "" },
     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: "" }
+    cardinalFrames: { type: Array, required: !0 }
   },
+  emits: ["loaded", "error", "progress"],
   data() {
+    const e = this.createFrames();
     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 H(),
-      svgObjects: void 0,
-      svgViewBox: "0 0 0 0"
+      loadTracker: new se(e.length).onLoadFinished(() => this.$emit("loaded")).onLoadProgress((t) => this.$emit("progress", t)).onLoadError(() => this.$emit("error")),
+      sceneRotator: new Je(this.cardinalFrames, pe),
+      images: e,
+      isPreloaded: !1
     };
   },
   computed: {
-    isHoverable() {
-      return this.$refs.hoverProbe.isHoverEnabled;
-    },
-    hoverBuilding() {
-      return this.getBuildingData(this.hoverBuildingId);
+    activeFrame() {
+      return this.images.find((e) => e.show);
     }
   },
   watch: {
-    buildingChooserTimeOfDay: {
-      handler() {
-        if (this.buildingChooserTimeOfDay) {
-          const [e, t, i] = /^(\d\d):(\d\d)$/.exec(
-            this.buildingChooserTimeOfDay
-          ), r = parseInt(i);
-          this.halfHourMark = parseInt(t) * 2 + (r < 15 ? 0 : r > 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));
+    "viewModel.currentScene"(e, t) {
+      const i = this.getDirection(t, e), r = this.getSceneCountBetween(t, e);
+      this.rotateInDirection(t, i, r);
     }
   },
-  async mounted() {
-    const t = await new Ie(
-      this.cdnFileResolver
-    ).loadBuildingChooser();
-    if (t) {
-      this.canvasRaster = new Y(t.mapImage), this.buildingMap = new P(t.buildingIds), this.daysOfYear = new J(t.backgrounds), this.pickerData = {
-        buildingOverlays: t.buildingOverlays,
-        sceneLongitude: t.viewLongitude
-      };
-      const i = [];
-      for (let { id: r, url: n } of t.buildingOverlays)
-        this.resourceLoader.loadJson(n.replace(".png", ".svg")).then((s) => {
-          const d = new DOMParser().parseFromString(s, "image/svg+xml").getElementsByTagName("svg")[0];
-          this.svgViewBox = d.getAttribute("viewBox"), i.push({
-            id: r,
-            svg: d.innerHTML
-          });
-        });
-      this.svgObjects = i;
-    } else
-      this.error = !0;
+  created() {
+    this.rotateComplete();
   },
   methods: {
-    resizeScene({ width: e, height: t }) {
-      this.canvasDimensions.width = e, this.canvasDimensions.height = t;
-    },
-    sceneReset() {
-      this.sceneState = { preloaded: !1, ready: !1 };
+    rotateInDirection(e, t, i) {
+      this.viewModel.isRotating || (this.viewModel.isRotating = !0, this.rotationStep(
+        this.sceneRotator.start(
+          t,
+          e % q,
+          i
+        )
+      ));
     },
-    getBuildingData(e) {
-      return this.buildingCallback ? this.buildingCallback(e) : e;
+    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 / Ge);
     },
-    getColor(e) {
-      return this.colorCallback(
-        this.getBuildingData(e),
-        e === this.hoverBuildingId ? "hover" : "idle"
+    rotateComplete() {
+      const e = this.sceneRotator.startFrameIndexForScene(
+        this.viewModel.currentScene % q
       );
+      e in this.images && (this.images[e].show = !0), this.viewModel.isRotating = !1;
     },
-    getGClass(e) {
-      const t = this.getBuildingData(e), i = this.colorCallback(
-        t,
-        e === this.hoverBuildingId ? "hover" : "idle"
-      ), r = [];
-      return e === this.hoverBuildingId ? r.push("hover") : r.push("idle"), i && this.canGoToBuildingCallback(t) ? r.push("clickable") : r.push("restricted"), r.join(" ");
+    createFrames() {
+      const e = [];
+      for (let t = 0; t < pe; t++) {
+        const { sourceSet: i, defaultPath: r } = this.frameImageSource(t);
+        e.push({
+          index: t,
+          sourceSet: i,
+          defaultPath: r,
+          show: !1
+        });
+      }
+      return e;
     },
-    getGStyle(e) {
-      const t = this.getBuildingData(e), i = this.colorCallback(
-        t,
-        e === this.hoverBuildingId ? "hover" : "idle"
+    frameImageSource(e) {
+      const t = ("0000" + (e + 1)).slice(-4), i = this.build ? `?v=${this.build}` : "", r = [
+        `${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}`
       );
-      if (i) {
-        const { r, g: n, b: s, a, s: d } = i;
-        return {
-          strokeWidth: d !== void 0 ? d : 2,
-          stroke: `rgb(${r}, ${n}, ${s})`,
-          strokeOpacity: 1,
-          fill: `rgb(${r}, ${n}, ${s})`,
-          fillOpacity: a / 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)));
+      return { sourceSet: r, defaultPath: n };
     },
-    onBuildingMouseMove(e) {
-      this.isHoverable && (this.pos = {
-        x: e.layerX,
-        y: e.layerY,
-        width: this.canvasDimensions.width,
-        height: this.canvasDimensions.height
-      });
+    getSceneCountBetween(e, t) {
+      const i = q / 2, r = Math.abs(e - t);
+      return r > i ? q - r : r;
     },
-    onBuildingClick(e) {
-      this.hoverBuildingId = e, this.isHoverable && this.hoverBuilding && this.canGoToBuildingCallback(this.hoverBuilding) && this.$emit("go-to-building", this.hoverBuilding);
+    getDirection(e, t) {
+      if (e === t)
+        return 0;
+      const r = Math.abs(e - t) < q / 2;
+      return r && e < t || !r && e > t ? 1 : -1;
     }
   }
-}), ot = {
+}, Ze = {
   key: 0,
-  style: { height: "50vh" },
-  class: "d-flex justify-center align-center blue-grey lighten-5"
-}, rt = { class: "image-instances" }, at = { key: 0 }, lt = { class: "svg-container" }, dt = ["viewBox"], ct = ["innerHTML", "data-building-id", "onMouseover", "onMouseout", "onMousemove", "onClick"], ut = ["innerHTML"];
-function ht(e, t, i, r, n, s) {
-  const a = c("v-icon"), d = c("qi-building-chooser-scene-image-stack"), p = c("qi-zoom-box"), v = c("qi-north-direction"), w = c("qi-building-chooser-sun-sim-control"), S = c("qi-floating-card"), g = c("qi-hover-probe");
-  return e.error ? (l(), m("div", ot, [
-    u(a, { "x-large": "" }, {
-      default: h(() => [
-        L("mdi-alert-circle-outline")
-      ]),
-      _: 1
-    })
-  ])) : e.pickerData ? (l(), m("div", {
-    key: 1,
-    style: M(`height: ${e.canvasDimensions.height}px; position: relative`),
-    class: "image-container"
-  }, [
-    u(p, {
-      desktop: e.interactiveDesktop,
-      mobile: e.interactiveMobile
-    }, {
-      default: h(() => [
-        o("div", rt, [
-          u(d, {
-            "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 ? x((l(), m("div", at, [
-            o("div", lt, [
-              (l(), m("svg", { viewBox: e.svgViewBox }, [
-                (l(!0), m(U, null, D(e.svgObjects, ({ id: b, svg: k }, I) => (l(), m("g", {
-                  key: I,
-                  innerHTML: k,
-                  "data-building-id": b,
-                  class: E(e.getGClass(b)),
-                  style: M(e.getGStyle(b)),
-                  onMouseover: (O) => e.onBuildingMouseOver(O, b),
-                  onMouseout: (O) => e.onBuildingMouseOut(O, b),
-                  onMousemove: (O) => e.onBuildingMouseMove(O, b),
-                  onClick: (O) => e.onBuildingClick(b)
-                }, null, 46, ct))), 128))
-              ], 8, dt))
-            ])
-          ], 512)), [
-            [B, e.sceneState.preloaded]
-          ]) : f("", !0),
-          x(o("div", {
-            class: "custom-overlay-layer",
-            innerHTML: e.customOverlayContent
-          }, null, 8, ut), [
-            [B, e.sceneState.preloaded]
-          ])
-        ])
-      ]),
-      _: 1
-    }, 8, ["desktop", "mobile"]),
-    x(o("div", null, [
-      e.pickerData.sceneLongitude ? (l(), y(v, {
+  class: "fill-parent d-flex justify-center align-center blue-grey lighten-5"
+}, Ke = {
+  key: 1,
+  class: "frame-container"
+}, et = { class: "frame-image" }, tt = ["srcset", "type"], it = ["src"], nt = {
+  key: 2,
+  id: "image-stack",
+  class: "frame-container"
+}, st = ["alt"], ot = ["srcset"], rt = ["src"];
+function at(e, t, i, r, n, s) {
+  const a = c("v-icon");
+  return l(), m("div", null, [
+    n.loadTracker.isError ? (l(), m("div", Ze, [
+      u(a, { "x-large": "" }, {
+        default: h(() => [
+          L("mdi-alert-circle-outline")
+        ]),
+        _: 1
+      })
+    ])) : n.isPreloaded ? (l(), m("div", nt, [
+      (l(!0), m(R, null, D(n.images, (d) => (l(), m("picture", {
+        key: d.index,
+        alt: d.index,
+        class: E({ "frame-image": !0, show: d.show })
+      }, [
+        o("source", {
+          srcset: d.sourceSet,
+          type: "image/jpeg"
+        }, null, 8, ot),
+        o("img", {
+          src: d.defaultPath,
+          alt: "Building image",
+          onLoad: t[2] || (t[2] = (p) => n.loadTracker.partLoaded()),
+          onError: t[3] || (t[3] = (p) => n.loadTracker.errorDetected())
+        }, null, 40, rt)
+      ], 10, st))), 128))
+    ])) : (l(), m("div", Ke, [
+      o("picture", et, [
+        o("source", {
+          srcset: s.activeFrame.sourceSet,
+          type: s.activeFrame.type
+        }, null, 8, tt),
+        o("img", {
+          src: s.activeFrame.defaultPath,
+          onLoad: t[0] || (t[0] = (d) => n.isPreloaded = !0),
+          onError: t[1] || (t[1] = (d) => n.loadTracker.errorDetected())
+        }, null, 40, it)
+      ])
+    ]))
+  ]);
+}
+const Ae = /* @__PURE__ */ C(Xe, [["render", at], ["__scopeId", "data-v-e6481f8e"]]), lt = {
+  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 dt(e, t, i, r, n, s) {
+  const a = c("v-dialog"), d = c("v-fade-transition");
+  return l(), y(d, {
+    origin: s.q.replace("-", " ") + " " + i.pos.x + " " + i.pos.y
+  }, {
+    default: h(() => [
+      i.isHoverable ? (l(), m("div", {
         key: 0,
-        class: "north-indicator",
-        longitude: e.pickerData.sceneLongitude
-      }, null, 8, ["longitude"])) : f("", !0),
-      u(w, {
-        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), [
-      [B, e.sceneState.preloaded]
+        class: E(["floating-card", s.q]),
+        style: M({ left: `${i.pos.x}px`, top: `${i.pos.y}px`, pointerEvents: "none" })
+      }, [
+        A(e.$slots, "default", { isHoverable: i.isHoverable }, void 0, !0)
+      ], 6)) : (l(), y(a, {
+        key: 1,
+        value: !0,
+        width: "auto",
+        "onClick:outside": t[0] || (t[0] = (p) => e.$emit("outside", p))
+      }, {
+        default: h(() => [
+          A(e.$slots, "default", { isHoverable: i.isHoverable }, void 0, !0)
+        ]),
+        _: 3
+      }))
     ]),
-    e.showCards && e.hoverBuilding ? (l(), y(S, {
-      key: 0,
-      "is-hoverable": e.isHoverable,
-      pos: e.pos,
-      onOutside: t[3] || (t[3] = () => e.hoverBuildingId = void 0)
-    }, {
-      default: h(() => [
-        A(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"])) : f("", !0),
-    u(g, { ref: "hoverProbe" }, null, 512)
-  ], 4)) : f("", !0);
+    _: 3
+  }, 8, ["origin"]);
 }
-const le = /* @__PURE__ */ C(st, [["render", ht], ["__scopeId", "data-v-0a2cec1f"]]), mt = {
-  name: "QiBuildingChooserRasterOverlay",
+const J = /* @__PURE__ */ C(lt, [["render", dt], ["__scopeId", "data-v-b74de171"]]), ct = {
+  name: "QiZoomBox",
   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 })
+    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 {
-      isLoaded: !1,
-      overlayImage: void 0,
-      resourceLoader: new H(),
-      context: void 0,
-      imageData: void 0,
-      imageDataIndices: []
+      zoom: 100,
+      originX: 0,
+      originY: 0,
+      moving: !1,
+      scaling: !1,
+      lastEvent: void 0,
+      moved: !1
     };
   },
-  watch: {
-    color(e, t) {
-      (e.r !== t.r || e.g !== t.g || e.b !== t.b || e.a !== t.a) && this.draw();
+  computed: {
+    transform() {
+      return `translateX(${this.originX}px) translateY(${this.originY}px) scale(${this.scale})`;
+    },
+    scale() {
+      return this.zoom / 100;
+    },
+    actualMaxScale() {
+      return this.maxScale * 100;
     }
   },
-  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;
-      }
+  watch: {
+    scale() {
+      this.emitUpdate();
     },
-    draw() {
-      this.context && this.imageData && (this.applyColor(), this.context.putImageData(this.imageData, 0, 0));
+    originX() {
+      this.emitUpdate();
     },
-    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 pt(e, t, i, r, n, s) {
-  return l(), m("canvas", F({
-    ref: "canvas",
-    class: "overlay"
-  }, i.dimensions), null, 16);
-}
-const gt = /* @__PURE__ */ C(mt, [["render", pt], ["__scopeId", "data-v-9a90fa2f"]]), vt = W({
-  setup() {
-    ge({});
-  },
-  name: "QiBuildingChooserRaster",
-  components: {
-    QiBuildingChooserRasterOverlay: gt,
-    QiBuildingChooserSunSimControl: Ce,
-    QiBuildingChooserSceneImageStack: _e,
-    QiNorthDirection: ie,
-    QiFloatingCard: ne,
-    QiHoverProbe: Q,
-    QiZoomBox: se
-  },
-  emits: ["go-to-building", "hover-over-building", "hover-out-building"],
-  provide() {
-    return {
-      i18n: this.i18n ? new R(this.i18n.labels, this.i18n.language) : new R()
-    };
-  },
-  props: {
-    showCards: { type: Boolean, default: () => !0 },
-    colorCallback: {
-      type: Function,
-      default: () => ({ r: 108, g: 0, b: 108, a: 144, s: 2 })
+    originY() {
+      this.emitUpdate();
     },
-    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: P.empty(),
-      canvasRaster: Y.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;
+    desktop() {
+      this.desktop ? this.addDesktopHandlers() : this.removeDesktopHandlers();
     },
-    selectedBuilding() {
-      return this.getBuildingData(this.selectedBuildingId);
+    mobile() {
+      this.mobile ? this.addMobileHandlers() : this.removeMobileHandlers();
     }
   },
-  watch: {
-    buildingChooserTimeOfDay: {
-      handler() {
-        if (this.buildingChooserTimeOfDay) {
-          const [e, t, i] = /^(\d\d):(\d\d)$/.exec(
-            this.buildingChooserTimeOfDay
-          ), r = parseInt(i);
-          this.halfHourMark = parseInt(t) * 2 + (r < 15 ? 0 : r > 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));
-    }
+  mounted() {
+    this.desktop && this.addDesktopHandlers(), this.mobile && this.addMobileHandlers();
   },
-  async mounted() {
-    const t = await new Ie(
-      this.cdnFileResolver
-    ).loadBuildingChooser();
-    t ? (this.canvasRaster = new Y(t.mapImage), this.buildingMap = new P(t.buildingIds), this.daysOfYear = new J(t.backgrounds), this.pickerData = {
-      buildingOverlays: t.buildingOverlays,
-      sceneLongitude: t.viewLongitude
-    }, this.resizeImages()) : this.error = !0;
+  beforeUnmount() {
+    this.desktop && this.removeDesktopHandlers(), this.mobile && this.removeMobileHandlers();
   },
   methods: {
-    resizeScene({ width: e, height: t }) {
-      this.canvasDimensions.width = e, this.canvasDimensions.height = t, this.$nextTick(this.resizeImages);
+    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
+      });
     },
-    sceneReset() {
-      this.sceneState = { preloaded: !1, ready: !1 };
+    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
+      });
     },
-    getBuildingData(e) {
-      return this.buildingCallback ? this.buildingCallback(e) : e;
+    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
+      });
     },
-    getBuildingId(e) {
-      const { x: t, y: i } = this.viewResolver(e.layerX, e.layerY);
-      return this.buildingMap.getBuildingId(this.canvasRaster, t, i);
+    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
+      });
     },
-    resizeImages() {
-      if (this.$refs.canvas && (this.canvasRaster.update(this.$refs.canvas), this.$refs.overlays))
-        for (const e of this.$refs.overlays)
-          e.setupDraw();
+    wheelHandler(e) {
+      const { x: t, y: i } = this.getOffsetCoordinates(e);
+      this.adjustZoom(-e.deltaY / 10, t, i), e.preventDefault();
     },
-    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
-      }));
+    mouseDownHandler(e) {
+      this.moving = !0, this.moved = !1, this.lastEvent = e;
     },
-    onClick(e) {
-      this.selectedBuildingId = this.getBuildingId(e), this.isHoverable && this.selectedBuilding && this.$emit("go-to-building", this.selectedBuilding);
+    mouseMoveHandler(e) {
+      if (this.moving) {
+        const { x: t, y: i } = this.getOffsetCoordinates(e), { x: r, y: n } = this.getOffsetCoordinates(this.lastEvent), s = {
+          x: t - r,
+          y: i - n
+        };
+        this.adjustTranslateX(s.x), this.adjustTranslateY(s.y), this.moved = !0, this.lastEvent = e;
+      }
     },
-    getColor(e) {
-      return this.colorCallback(
-        this.getBuildingData(e),
-        e === this.selectedBuildingId ? "hover" : "idle"
+    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: r, y: n } = this.getOffsetCoordinates(
+          this.lastEvent.touches[0]
+        ), s = {
+          x: t - r,
+          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: r, y: n } = this.getOffsetCoordinates(
+          this.lastEvent.touches[0]
+        ), { x: s, y: a } = this.getOffsetCoordinates(e.touches[1]), { x: d, y: p } = this.getOffsetCoordinates(
+          this.lastEvent.touches[1]
+        ), v = Math.hypot(r - d, n - p), w = Math.hypot(t - s, i - a), S = (s + t) / 2, g = (a + i) / 2;
+        this.adjustZoom(w - v, S, g);
+      }
+      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)
       );
     },
-    updateView({ resolve: e }) {
-      this.viewResolver = e;
+    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 r = this.$refs.box.clientWidth, n = this.$refs.box.clientHeight, s = r * this.scale, a = n * this.scale;
+      this.zoom = Math.min(
+        Math.max(100, this.zoom + e),
+        this.actualMaxScale
+      );
+      const d = r * this.scale, p = n * this.scale, v = d - s, w = p - a;
+      this.originX -= t / r * v, this.originY -= i / n * w, 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, r = this.$refs.box.clientHeight, n = this.originX / -this.scale, s = this.originY / -this.scale, a = n + i / this.scale, d = s + r / this.scale, p = e / i * (a - n) + n, v = t / r * (d - s) + s;
+          return { x: p, y: v };
+        }
+      });
     }
   }
-}), ft = {
-  key: 0,
-  style: { height: "50vh" },
-  class: "d-flex justify-center align-center blue-grey lighten-5"
-}, bt = { class: "image-instances" }, yt = ["innerHTML"];
-function wt(e, t, i, r, n, s) {
-  const a = c("v-icon"), d = c("qi-building-chooser-scene-image-stack"), p = c("qi-building-chooser-raster-overlay"), v = c("qi-zoom-box"), w = c("qi-north-direction"), S = c("qi-building-chooser-sun-sim-control"), g = c("qi-floating-card"), b = c("qi-hover-probe");
-  return e.error ? (l(), m("div", ft, [
-    u(a, { "x-large": "" }, {
-      default: h(() => [
-        L("mdi-alert-circle-outline")
-      ]),
-      _: 1
-    })
-  ])) : e.pickerData ? (l(), m("div", {
-    key: 1,
-    style: M(`cursor: ${e.selectedBuildingId ? "pointer" : "auto"};height: ${e.canvasDimensions.height}px; position: relative`),
-    class: "image-container"
-  }, [
-    u(v, {
-      desktop: e.interactiveDesktop,
-      mobile: e.interactiveMobile,
-      onUpdate: e.updateView
-    }, {
-      default: h(() => [
-        o("div", bt, [
-          u(d, {
-            "image-urls": e.daysOfYear.imageUrls,
-            "active-index": e.halfHourMark,
-            onResize: e.resizeScene,
-            onPreloaded: t[0] || (t[0] = (k) => e.sceneState.preloaded = !0),
-            onReady: t[1] || (t[1] = (k) => e.sceneState.ready = !0),
-            onReset: e.sceneReset
-          }, null, 8, ["image-urls", "active-index", "onResize", "onReset"]),
-          x(o("div", null, [
-            (l(!0), m(U, null, D(e.pickerData.buildingOverlays, (k) => (l(), y(p, {
-              ref_for: !0,
-              ref: "overlays",
-              key: k.id,
-              "image-url": k.url,
-              dimensions: e.canvasDimensions,
-              color: e.getColor(k.id)
-            }, null, 8, ["image-url", "dimensions", "color"]))), 128))
-          ], 512), [
-            [B, e.sceneState.preloaded]
-          ])
-        ]),
-        o("canvas", F(e.canvasDimensions, {
-          ref: "canvas",
-          class: { hover: !!e.selectedBuildingId },
-          onClick: t[2] || (t[2] = (...k) => e.onClick && e.onClick(...k)),
-          onMousemove: t[3] || (t[3] = (...k) => e.onMove && e.onMove(...k))
-        }), null, 16),
-        x(o("div", {
-          class: "custom-overlay-layer",
-          innerHTML: e.customOverlayContent
-        }, null, 8, yt), [
-          [B, e.sceneState.preloaded]
-        ])
-      ]),
-      _: 1
-    }, 8, ["desktop", "mobile", "onUpdate"]),
-    x(o("div", null, [
-      e.pickerData.sceneLongitude ? (l(), y(w, {
-        key: 0,
-        class: "north-indicator",
-        longitude: e.pickerData.sceneLongitude
-      }, null, 8, ["longitude"])) : f("", !0),
-      u(S, {
-        modelValue: e.halfHourMark,
-        "onUpdate:modelValue": t[4] || (t[4] = (k) => e.halfHourMark = k),
-        "date-selector": e.daysOfYear,
-        "is-loading": !e.sceneState.ready
-      }, null, 8, ["modelValue", "date-selector", "is-loading"])
-    ], 512), [
-      [B, e.sceneState.preloaded]
-    ]),
-    e.showCards && e.selectedBuilding ? (l(), y(g, {
-      key: 0,
-      "is-hoverable": e.isHoverable,
-      pos: e.pos,
-      onOutside: t[5] || (t[5] = () => e.selectedBuildingId = void 0)
-    }, {
-      default: h(() => [
-        A(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"])) : f("", !0),
-    u(b, { ref: "hoverProbe" }, null, 512)
-  ], 4)) : f("", !0);
+}, ut = {
+  ref: "box",
+  class: "zoom-box-container"
+};
+function ht(e, t, i, r, n, s) {
+  return l(), m("div", ut, [
+    o("div", {
+      style: M({ "transform-origin": "top left", transform: s.transform }),
+      class: "zoom-box"
+    }, [
+      A(e.$slots, "default", {}, void 0, !0)
+    ], 4)
+  ], 512);
 }
-const de = /* @__PURE__ */ C(vt, [["render", wt], ["__scopeId", "data-v-08f2ea1e"]]), kt = {
-  name: "QiBuildingChooser",
-  components: {
-    QiBuildingChooserSvg: le,
-    QiBuildingChooserRaster: de
-  },
-  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 ? le : de;
-    }
+const G = /* @__PURE__ */ C(ct, [["render", ht], ["__scopeId", "data-v-83bfd28a"]]), ce = 4;
+function Le(e) {
+  return e < ce ? e + 1 : 1;
+}
+function mt(e) {
+  return e > 1 ? e - 1 : ce;
+}
+class pt {
+  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 = Le(this.currentScene);
+    });
+  }
+  rotateClockwise() {
+    this.unlessRotatingDo(() => {
+      this.currentScene = mt(this.currentScene);
+    });
   }
-};
-function Ct(e, t, i, r, n, s) {
-  return l(), y(ve(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] = (a) => e.$emit("go-to-building", a)),
-    onHoverOverBuilding: t[1] || (t[1] = (a) => e.$emit("hover-over-building", a)),
-    onHoverOutBuilding: t[2] || (t[2] = (a) => e.$emit("hover-out-building", a))
-  }, Be({ _: 2 }, [
-    D(Object.keys(e.$slots), (a) => ({
-      name: a,
-      fn: h((d) => [
-        A(e.$slots, a, fe(be(d)))
-      ])
-    }))
-  ]), 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 _t = /* @__PURE__ */ C(kt, [["render", Ct]]), Se = {
-  methods: {
-    throttle(e, t) {
-      let i = !0;
-      return function(...r) {
-        i && (i = !1, e.apply(this, r), setTimeout(() => i = !0, t));
-      };
-    }
+const gt = {
+  // 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 U {
+  constructor(t, i) {
+    this._labels = { ...gt, ...t || {} }, this._language = i || "en";
   }
-}, It = {
-  name: "QiApartmentChooserRaster",
-  components: { QiHoverProbe: Q },
-  mixins: [Se],
+  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 vt = 4, ft = [0, 16, 32, 48], bt = {
+  name: "QiApartmentChooser",
+  components: {
+    QiApartmentChooserRaster: ie,
+    QiApartmentChooserSvg: ne,
+    QiApartmentChooserNavigation: Se,
+    QiApartmentChooserRotator: Ae,
+    QiFloatingCard: J,
+    QiHoverProbe: N,
+    QiZoomBox: G
+  },
+  provide() {
+    return {
+      i18n: this.i18n ? new U(this.i18n.labels, this.i18n.language) : new U()
+    };
+  },
+  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 },
-    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 })
     },
+    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 }
   },
-  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,
+      loadState: { isReady: !1, isError: !1, progress: void 0 },
+      scenesByApartment: null,
+      sceneData: null,
+      scenes: null,
+      viewModel: void 0,
       resourceLoader: new H(),
-      apartmentIndexRasterMap: {}
+      pos: { x: 0, y: 0, width: 0, height: 0 },
+      closeHandler: void 0,
+      hoverApartment: void 0
     };
   },
   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
-      };
+    selectedUnit() {
+      return this.unitCallback ? this.unitCallback(this.selectedUnitId) : this.selectedUnitId;
     },
-    hoverBehaviourIdentifier() {
-      return `hover-${this.showApartmentCard ? "over" : "out"}-${this.hoverApartment ? typeof this.hoverApartment == "object" && "unitId" in this.hoverApartment ? this.hoverApartment.unitId : this.hoverApartment : ""}`;
+    overlayComponent() {
+      return this.useSvg ? ne : ie;
     }
   },
   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": {
+    selectedUnitId: {
       handler() {
-        this.draw();
+        if (this.selectedUnitId && this.viewModel) {
+          const e = this.scenesByApartment[this.selectedUnitId];
+          e && (this.viewModel.currentScene = e);
+        }
       },
       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
+  async mounted() {
+    let e = null;
+    try {
+      e = await this.resourceLoader.loadJson(
+        this.cdnFileResolver("/apartmentChooser.json")
       );
-      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, r = this.canvas.offsetHeight / this.canvas.height, n = (e / i).toFixed(), a = (t / r).toFixed() * (this.canvas.width * 4) + n * 4, d = this.originalImageData.data[a];
-      return this.originalImageData.data[a + 3] > 0 ? d : -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), r = this.getApartmentIdByIndex(t.index);
-          let n = "idle";
-          !this.hoverApartment && this.selectedUnitId && r === this.selectedUnitId ? n = "selected" : this.hoverApartment && this.hoverApartmentIndex === t.index && (n = "hover");
-          const s = this.unitCallback ? this.unitCallback(r) : r;
-          if (s) {
-            const a = this.colorCallback(s, n);
-            if (a)
-              for (let d = 0; d < i.length; d++)
-                this.imageData.data[i[d]] = a.r, this.imageData.data[i[d] + 1] = a.g, this.imageData.data[i[d] + 2] = a.b, this.imageData.data[i[d] + 3] = a.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)
+    } catch {
+      console.info("apartmentChooser.json not found");
+    }
+    const t = e && e.startScene !== void 0 ? e.startScene : vt;
+    this.scenes = e && e.scenes !== void 0 ? e.scenes : ft, 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 a = t, d = [];
+      for (let p = 0; p < ce; p++)
+        d.push(a), a = Le(a);
+      return n.sort((p, v) => {
+        const w = d.findIndex(
+          (g) => g === this.scenesByApartment[p[s]]
+        ), S = d.findIndex(
+          (g) => g === this.scenesByApartment[v[s]]
         );
-      } else
-        return [];
+        return w < S ? -1 : w > S ? 1 : 0;
+      }), n;
+    }, r = (n) => {
+      this.viewModel = new pt(n);
+    };
+    this.$emit("initialized", {
+      scene: t,
+      scenes: this.scenes,
+      sceneData: this.sceneData,
+      scenesByApartment: this.scenesByApartment,
+      unitsSceneSort: i,
+      initialize: r
+    });
+  },
+  methods: {
+    onPos(e) {
+      this.pos = e;
     },
-    goToApartmentByIndex(e) {
-      const t = this.getApartmentIdByIndex(e);
-      this.goToApartmentById(t);
+    hoverOver({ hoverApartment: e, closeHandler: t }) {
+      this.hoverApartment = e, this.closeHandler = t, this.$emit("hover-over-unit", e);
     },
-    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);
+    hoverOut({ hoverApartment: e, closeHandler: t }) {
+      this.hoverApartment = null, this.closeHandler = t, this.$emit("hover-out-unit", e);
+    }
+  }
+}, yt = { key: 0 }, wt = { class: "interactive-viewer" }, kt = { class: "fill-parent" }, Ct = { key: 0 }, _t = {
+  key: 1,
+  class: "navigation"
+}, It = { key: 2 };
+function St(e, t, i, r, n, s) {
+  const a = c("qi-apartment-chooser-rotator"), d = c("qi-zoom-box"), p = c("qi-floating-card"), v = c("qi-apartment-chooser-navigation"), w = c("v-progress-linear"), S = c("qi-hover-probe");
+  return n.viewModel ? (l(), m("div", yt, [
+    o("div", wt, [
+      o("div", kt, [
+        u(d, {
+          desktop: n.loadState.isReady && i.interactiveDesktop,
+          mobile: n.loadState.isReady && i.interactiveMobile
+        }, {
+          default: h(() => [
+            u(a, {
+              "cdn-file-resolver": i.cdnFileResolver,
+              "view-model": n.viewModel,
+              "cardinal-frames": n.scenes,
+              build: i.build,
+              onProgress: t[0] || (t[0] = (g) => n.loadState.progress = g),
+              onLoaded: t[1] || (t[1] = (g) => n.loadState.isReady = !0),
+              onError: t[2] || (t[2] = (g) => n.loadState.isError = !0)
+            }, null, 8, ["cdn-file-resolver", "view-model", "cardinal-frames", "build"]),
+            n.loadState.isReady ? (l(), m("div", Ct, [
+              (l(), y(be(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] = (g) => e.$emit("select-unit", g)),
+                onGoToUnit: t[4] || (t[4] = (g) => e.$emit("go-to-unit", g)),
+                onHoverOver: s.hoverOver,
+                onHoverOut: s.hoverOut,
+                onPos: s.onPos
+              }, {
+                default: h((g) => [
+                  A(e.$slots, "default", ye(we(g)), 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"]))
+            ])) : f("", !0)
+          ]),
+          _: 3
+        }, 8, ["desktop", "mobile"]),
+        n.hoverApartment && i.showCards ? (l(), y(p, {
+          key: 0,
+          "is-hoverable": s.isHoverable,
+          pos: n.pos,
+          onOutside: n.closeHandler
+        }, {
+          default: h(() => [
+            A(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"])) : f("", !0),
+        n.loadState.isReady ? (l(), m("div", _t, [
+          u(v, {
+            "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] = (g) => e.$emit("go-to-unit", g)),
+            onPrevUnit: t[6] || (t[6] = (g) => e.$emit("nav-unit", i.prevUnit)),
+            onNextUnit: t[7] || (t[7] = (g) => e.$emit("nav-unit", i.nextUnit))
+          }, null, 8, ["can-go-to-unit-callback", "selected-unit", "prev-unit", "next-unit", "view-model"])
+        ])) : n.loadState.isError ? f("", !0) : (l(), m("div", It, [
+          u(w, {
+            indeterminate: !n.loadState.progress,
+            value: n.loadState.progress
+          }, null, 8, ["indeterminate", "value"])
+        ]))
+      ])
+    ]),
+    u(S, { ref: "hoverProbe" }, null, 512)
+  ])) : f("", !0);
+}
+const At = /* @__PURE__ */ C(bt, [["render", St], ["__scopeId", "data-v-3a1121f3"]]), Lt = "data:image/png;base64,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", Mt = {
+  name: "QiNorthDirection",
+  props: {
+    longitude: { type: Number, default: () => 0 }
+  },
+  data() {
+    return {
+      compassNeedle: Lt
+    };
+  },
+  computed: {
+    needleRotation() {
+      return {
+        transform: `rotate(${90 - this.longitude}deg)`,
+        transition: " transform 0.5s ease-in"
+      };
+    }
+  }
+};
+function xt(e, t, i, r, n, s) {
+  const a = c("v-img");
+  return l(), y(a, {
+    src: n.compassNeedle,
+    style: M(s.needleRotation)
+  }, null, 8, ["src", "style"]);
+}
+const X = /* @__PURE__ */ C(Mt, [["render", xt]]);
+function ee(e) {
+  return e.toLocaleString("en-no", {
+    month: "short",
+    day: "numeric"
+  });
+}
+const Bt = W({
+  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}`;
     },
-    setAlpha(e = 0) {
-      if (!this.imageData)
-        return;
-      const t = this.imageData.data;
-      for (let i = 3; i < t.length; i += 4)
-        t[i] = e;
+    dates() {
+      return this.dateSelector.dates.map(ee);
     },
-    updateCanvasSize() {
-      if (!this.$el)
-        return !1;
-      this.canvasWidth = this.$el.offsetWidth, this.canvasHeight = this.$el.offsetHeight;
+    selectedDate: {
+      get() {
+        return ee(this.dateSelector.selectedDate);
+      },
+      set(e) {
+        this.dateSelector.selectIndex(this.dates.indexOf(e));
+      }
+    }
+  },
+  watch: {
+    currentValue(e) {
+      this.$emit("update:modelValue", e);
     },
-    setupDraw() {
-      this.setImageData(), this.draw();
+    modelValue(e) {
+      this.currentValue = Math.floor(e);
     },
-    draw() {
-      this.setAlpha(), this.highlightApartments(), this.context && this.imageData && this.context.putImageData(this.imageData, 0, 0);
+    dates: {
+      handler(e) {
+        this.currentDate = ee(this.dateSelector.selectedDate);
+      },
+      immediate: !0
     },
-    closeDialog() {
-      this.showApartmentCard = !1;
+    currentDate(e) {
+      this.dateSelector.selectIndex(this.dates.indexOf(e));
     }
-  }
-}, St = { id: "canvas" };
-function At(e, t, i, r, n, s) {
-  const a = c("qi-hover-probe");
-  return l(), m("div", St, [
-    x(o("canvas", {
-      id: "canvas-mask",
-      ref: "canvasMask",
-      style: M(s.canvasStyle),
-      onClick: t[0] || (t[0] = (...d) => s.clickCanvas && s.clickCanvas(...d))
-    }, null, 4), [
-      [B, !i.viewModel.isRotating]
+  },
+  methods: {}
+}), Ft = { class: "sunsim-bar-wrapper" }, Et = { class: "sunsim-date d-flex align-center pl-5 pr-5" }, Dt = {
+  key: 1,
+  class: "text-center text-body-1"
+}, Ot = { class: "sunsim-wrapper d-flex align-center px-3" }, Rt = { class: "sunsim-time-label text-body-1 font-weight-normal ml-2" };
+function Ut(e, t, i, r, n, s) {
+  const a = c("v-icon"), d = c("v-select"), p = c("v-progress-linear"), v = c("v-slider");
+  return l(), m("div", Ft, [
+    o("div", Et, [
+      u(a, {
+        color: "black",
+        class: "mr-2",
+        icon: "mdi-calendar-blank-outline"
+      }),
+      e.dateSelector.hasMultipleDates ? (l(), y(d, {
+        key: 0,
+        modelValue: e.currentDate,
+        "onUpdate:modelValue": t[0] || (t[0] = (w) => e.currentDate = w),
+        items: e.dates,
+        density: "compact",
+        variant: "underlined",
+        "hide-details": "",
+        class: "day-selector"
+      }, null, 8, ["modelValue", "items"])) : (l(), m("span", Dt, _(e.selectedDate), 1))
     ]),
-    u(a, { ref: "hoverProbe" }, null, 512)
+    o("div", Ot, [
+      o("span", Rt, _(e.currentValueString), 1),
+      u(a, {
+        medium: "",
+        class: "ml-2 mr-2 icon"
+      }, {
+        default: h(() => [
+          L("mdi-white-balance-sunny")
+        ]),
+        _: 1
+      }),
+      e.isLoading ? (l(), y(p, {
+        key: 0,
+        indeterminate: "",
+        rounded: "",
+        height: "6",
+        color: "grey lighten-1",
+        class: "mr-2"
+      })) : (l(), y(v, {
+        key: 1,
+        modelValue: e.currentValue,
+        "onUpdate:modelValue": t[1] || (t[1] = (w) => e.currentValue = w),
+        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 ce = /* @__PURE__ */ C(It, [["render", At], ["__scopeId", "data-v-3bbbc77b"]]), Lt = {
-  name: "QiApartmentChooserSvg",
-  components: { QiHoverProbe: Q },
-  mixins: [Se],
+const ue = /* @__PURE__ */ C(Bt, [["render", Ut], ["__scopeId", "data-v-1fba3edd"]]), Tt = W({
+  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 se(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 se(e.length).onLoadFinished(
+        () => {
+          this.state = "loaded", this.$emit("ready");
+        }
+      );
+    }
+  }
+}), Vt = { key: 0 }, Ht = ["src"];
+function Nt(e, t, i, r, n, s) {
+  return l(), m("div", null, [
+    o("img", {
+      ref: "baseImage",
+      class: "image-instance zero",
+      style: { opacity: 1, borderRadius: 50 },
+      onLoad: t[0] || (t[0] = (...a) => e.onPreloaded && e.onPreloaded(...a))
+    }, null, 544),
+    e.state === "preloaded" || e.state === "loaded" ? x((l(), m("div", Vt, [
+      (l(!0), m(R, null, D(e.imageUrls, (a, d) => (l(), m("img", {
+        key: d,
+        class: E({ "image-instance": !0, active: d === e.activeIndex }),
+        src: a,
+        onLoad: t[1] || (t[1] = (p) => e.loadTracker.partLoaded())
+      }, null, 42, Ht))), 128)),
+      L(" Here ")
+    ], 512)), [
+      [B, e.state === "loaded"]
+    ]) : f("", !0)
+  ]);
+}
+const he = /* @__PURE__ */ C(Tt, [["render", Nt], ["__scopeId", "data-v-fad48118"]]), jt = "buildingChooser.json", qt = 180;
+class Me {
+  constructor(t) {
+    this._cdnFileResolver = t, this._resourceLoader = new H();
+  }
+  constructFileUrl(t) {
+    return this._cdnFileResolver ? this._cdnFileResolver(`/${t}`) : null;
+  }
+  loadConfigFile() {
+    const t = this.constructFileUrl(jt);
+    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 : [], r = i.map((s) => s.id), n = i.map((s) => ({
+      id: s.id,
+      url: this.constructFileUrl(s.overlayFilename)
+    }));
+    return { buildingIds: r, buildingOverlays: n };
+  }
+  getBackgroundImageData(t) {
+    return "days" in t ? this.processMultipleDays(t.days) : [this.processTimeSamples(
+      qt,
+      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 r = this.getViewLongitude(t), { buildingIds: n, buildingOverlays: s } = this.getBuildingData(t), a = this.getBackgroundImageData(t);
+          return {
+            mapImage: i,
+            viewLongitude: r,
+            buildingIds: n,
+            buildingOverlays: s,
+            backgrounds: a
+          };
+        }
+      }
+      return null;
+    } catch {
+      return null;
+    }
+  }
+}
+class Y {
+  static empty() {
+    return new Y([]);
+  }
+  constructor(t) {
+    this._buildingIds = t;
+  }
+  getBuildingId(t, i, r) {
+    const n = this._getBuildingIndex(t, i, r);
+    if (n !== void 0)
+      return this._buildingIds[n];
+  }
+  _getBuildingIndex(t, i, r) {
+    const [n, s, a, d] = t.getPixel(i, r);
+    if (d === 255 && n === s && s === a)
+      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 Pt = /* @__PURE__ */ new Date(0);
+class Z {
+  static empty() {
+    return new Z([{ referenceDate: Pt, 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 Yt = W({
+  setup() {
+    ke({});
+  },
+  name: "QiBuildingChooserSvg",
+  components: {
+    QiBuildingChooserSunSimControl: ue,
+    QiBuildingChooserSceneImageStack: he,
+    QiNorthDirection: X,
+    QiFloatingCard: J,
+    QiHoverProbe: N,
+    QiZoomBox: G
+  },
+  emits: ["go-to-building", "hover-over-building", "hover-out-building"],
+  provide() {
+    return {
+      i18n: this.i18n ? new U(this.i18n.labels, this.i18n.language) : new U()
+    };
+  },
   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: [] },
+    showCards: { type: Boolean, default: () => !0 },
     colorCallback: {
       type: Function,
       default: () => ({ r: 108, g: 0, b: 108, a: 144, s: 2 })
     },
-    drawObserver: {
-      type: [Object, Array, String, Number, Boolean],
-      default: null
-    }
+    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: "" }
   },
-  emits: ["select-unit", "go-to-unit", "hover-over", "hover-out"],
   data() {
     return {
+      sceneState: { preloaded: !1, ready: !1 },
+      canvasDimensions: { width: 0, height: 0 },
       pos: { x: 0, y: 0, width: 0, height: 0 },
-      hoverApartmentIndex: -1,
-      svgImages: {},
-      currentSvgImage: null,
-      resourceLoader: new H()
+      pickerData: void 0,
+      hoverBuildingId: void 0,
+      halfHourMark: (/* @__PURE__ */ new Date()).getHours() * 2 + ((/* @__PURE__ */ new Date()).getMinutes() < 30 ? 0 : 1),
+      error: !1,
+      resourceLoader: new H(),
+      svgObjects: void 0,
+      svgViewBox: "0 0 0 0"
     };
   },
   computed: {
     isHoverable() {
       return this.$refs.hoverProbe.isHoverEnabled;
+    },
+    hoverBuilding() {
+      return this.getBuildingData(this.hoverBuildingId);
     }
   },
   watch: {
-    "viewModel.currentScene": {
+    buildingChooserTimeOfDay: {
       handler() {
-        this.viewModel.currentScene in this.svgImages && (this.currentSvgImage = this.svgImages[this.viewModel.currentScene]);
+        if (this.buildingChooserTimeOfDay) {
+          const [e, t, i] = /^(\d\d):(\d\d)$/.exec(
+            this.buildingChooserTimeOfDay
+          ), r = parseInt(i);
+          this.halfHourMark = parseInt(t) * 2 + (r < 15 ? 0 : r > 45 ? 2 : 1);
+        }
       },
       immediate: !0
     },
-    svgImages: {
-      handler() {
-        this.viewModel.currentScene in this.svgImages && (this.currentSvgImage = this.svgImages[this.viewModel.currentScene]);
-      },
-      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 Y(t.buildingIds), this.daysOfYear = new Z(t.backgrounds), this.pickerData = {
+        buildingOverlays: t.buildingOverlays,
+        sceneLongitude: t.viewLongitude
+      };
+      const i = [];
+      for (let { id: r, url: n } of t.buildingOverlays)
+        this.resourceLoader.loadJson(n.replace(".png", ".svg")).then((s) => {
+          const d = new DOMParser().parseFromString(s, "image/svg+xml").getElementsByTagName("svg")[0];
+          this.svgViewBox = d.getAttribute("viewBox"), i.push({
+            id: r,
+            svg: d.innerHTML
+          });
+        });
+      this.svgObjects = i;
+    } else
+      this.error = !0;
+  },
+  methods: {
+    resizeScene({ width: e, height: t }) {
+      this.canvasDimensions.width = e, this.canvasDimensions.height = t;
     },
-    pos() {
-      this.$emit("pos", this.pos);
+    sceneReset() {
+      this.sceneState = { preloaded: !1, ready: !1 };
     },
-    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;
-          }
-        });
-      }
+    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"
+      ), r = [];
+      return e === this.hoverBuildingId ? r.push("hover") : r.push("idle"), i && this.canGoToBuildingCallback(t) ? r.push("clickable") : r.push("restricted"), r.join(" ");
+    },
+    getGStyle(e) {
+      const t = this.getBuildingData(e), i = this.colorCallback(
+        t,
+        e === this.hoverBuildingId ? "hover" : "idle"
+      );
+      if (i) {
+        const { r, g: n, b: s, a, s: d } = i;
+        return {
+          strokeWidth: d !== void 0 ? d : 2,
+          stroke: `rgb(${r}, ${n}, ${s})`,
+          strokeOpacity: 1,
+          fill: `rgb(${r}, ${n}, ${s})`,
+          fillOpacity: a / 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);
+    }
+  }
+}), Qt = {
+  key: 0,
+  style: { height: "50vh" },
+  class: "d-flex justify-center align-center blue-grey lighten-5"
+}, zt = { class: "image-instances" }, $t = { key: 0 }, Wt = { class: "svg-container" }, Jt = ["viewBox"], Gt = ["innerHTML", "data-building-id", "onMouseover", "onMouseout", "onMousemove", "onClick"], Xt = ["innerHTML"];
+function Zt(e, t, i, r, n, s) {
+  const a = c("v-icon"), d = c("qi-building-chooser-scene-image-stack"), p = c("qi-zoom-box"), v = c("qi-north-direction"), w = c("qi-building-chooser-sun-sim-control"), S = c("qi-floating-card"), g = c("qi-hover-probe");
+  return e.error ? (l(), m("div", Qt, [
+    u(a, { "x-large": "" }, {
+      default: h(() => [
+        L("mdi-alert-circle-outline")
+      ]),
+      _: 1
+    })
+  ])) : e.pickerData ? (l(), m("div", {
+    key: 1,
+    style: M(`height: ${e.canvasDimensions.height}px; position: relative`),
+    class: "image-container"
+  }, [
+    u(p, {
+      desktop: e.interactiveDesktop,
+      mobile: e.interactiveMobile
+    }, {
+      default: h(() => [
+        o("div", zt, [
+          u(d, {
+            "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 ? x((l(), m("div", $t, [
+            o("div", Wt, [
+              (l(), m("svg", { viewBox: e.svgViewBox }, [
+                (l(!0), m(R, null, D(e.svgObjects, ({ id: b, svg: k }, I) => (l(), m("g", {
+                  key: I,
+                  innerHTML: k,
+                  "data-building-id": b,
+                  class: E(e.getGClass(b)),
+                  style: M(e.getGStyle(b)),
+                  onMouseover: (O) => e.onBuildingMouseOver(O, b),
+                  onMouseout: (O) => e.onBuildingMouseOut(O, b),
+                  onMousemove: (O) => e.onBuildingMouseMove(O, b),
+                  onClick: (O) => e.onBuildingClick(b)
+                }, null, 46, Gt))), 128))
+              ], 8, Jt))
+            ])
+          ], 512)), [
+            [B, e.sceneState.preloaded]
+          ]) : f("", !0),
+          x(o("div", {
+            class: "custom-overlay-layer",
+            innerHTML: e.customOverlayContent
+          }, null, 8, Xt), [
+            [B, e.sceneState.preloaded]
+          ])
+        ])
+      ]),
+      _: 1
+    }, 8, ["desktop", "mobile"]),
+    x(o("div", null, [
+      e.pickerData.sceneLongitude ? (l(), y(v, {
+        key: 0,
+        class: "north-indicator",
+        longitude: e.pickerData.sceneLongitude
+      }, null, 8, ["longitude"])) : f("", !0),
+      u(w, {
+        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), [
+      [B, e.sceneState.preloaded]
+    ]),
+    e.showCards && e.hoverBuilding ? (l(), y(S, {
+      key: 0,
+      "is-hoverable": e.isHoverable,
+      pos: e.pos,
+      onOutside: t[3] || (t[3] = () => e.hoverBuildingId = void 0)
+    }, {
+      default: h(() => [
+        A(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"])) : f("", !0),
+    u(g, { ref: "hoverProbe" }, null, 512)
+  ], 4)) : f("", !0);
+}
+const oe = /* @__PURE__ */ C(Yt, [["render", Zt], ["__scopeId", "data-v-0a2cec1f"]]), Kt = {
+  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 })
     }
   },
-  mounted() {
-    for (let e = 1; e <= 4; e++) {
-      const t = this.cdnFileResolver(`/scenedata${e}.svg`), i = {};
-      this.resourceLoader.loadJson(t).then((r) => {
-        i.markup = r;
-        const s = new DOMParser().parseFromString(r, "image/svg+xml").getElementsByTagName("svg")[0];
-        i.viewBox = s.getAttribute("viewBox"), i.svgObjects = Array.from(
-          s.querySelectorAll("*[data-index]")
-        ).map((a) => ({
-          index: parseInt(a.getAttribute("data-index")),
-          svg: a.innerHTML
-        })), this.svgImages = { ...this.svgImages, [e]: i };
-      });
+  data() {
+    return {
+      isLoaded: !1,
+      overlayImage: void 0,
+      resourceLoader: new H(),
+      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();
     }
-    this.$refs.container.addEventListener(
-      "mousemove",
-      this.throttle(this.handleMouseMove, 50)
-    );
+  },
+  async mounted() {
+    this.overlayImage = await this.resourceLoader.loadImage(this.imageUrl), this.setupDraw();
   },
   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);
+    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;
+      }
     },
-    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;
+    draw() {
+      this.context && this.imageData && (this.applyColor(), this.context.putImageData(this.imageData, 0, 0));
     },
-    getGClass(e) {
-      const t = this.getApartmentIdByIndex(e), i = this.getApartmentByIndex(e);
-      let r = "idle";
-      this.hoverApartmentIndex < 0 && this.selectedUnitId && t === this.selectedUnitId ? r = "selected" : this.hoverApartmentIndex >= 0 && this.hoverApartmentIndex === e && (r = "hover");
-      const n = this.colorCallback(i, r);
-      if (n) {
-        const { r: s, g: a, b: d, a: p, s: v } = n;
-        return {
-          strokeWidth: v !== void 0 ? v : 2,
-          stroke: `rgb(${s}, ${a}, ${d})`,
-          strokeOpacity: 1,
-          fill: `rgb(${s}, ${a}, ${d})`,
-          fillOpacity: p / 255,
-          cursor: `${this.canGoToUnitCallback(i) ? "cursor" : "default"} !important`
-        };
-      } else
-        return {
-          strokeWidth: 0,
-          stroke: "white",
-          strokeOpacity: 0,
-          fill: "white",
-          fillOpacity: 0,
-          cursor: "default !important"
-        };
+    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;
     }
   }
-}, Mt = {
-  id: "container",
-  ref: "container"
-}, xt = ["viewBox"], Bt = ["innerHTML", "onMouseenter", "onMouseleave", "onClick"];
-function Ft(e, t, i, r, n, s) {
-  const a = c("qi-hover-probe");
-  return l(), m("div", Mt, [
-    x(o("div", {
-      class: "svg-container",
-      style: M({
-        opacity: !n.currentSvgImage || !n.currentSvgImage.svgObjects ? 0 : 1
-      })
-    }, [
-      n.currentSvgImage && n.currentSvgImage.svgObjects ? (l(), m("svg", {
-        key: 0,
-        viewBox: n.currentSvgImage.viewBox
-      }, [
-        (l(!0), m(U, null, D(n.currentSvgImage.svgObjects, ({ index: d, svg: p }) => (l(), m("g", {
-          key: d,
-          innerHTML: p,
-          style: M(s.getGClass(d)),
-          onMouseenter: (v) => s.mouseEnter(d),
-          onMouseleave: (v) => s.mouseLeave(d),
-          onClick: (v) => s.click(d)
-        }, null, 44, Bt))), 128))
-      ], 8, xt)) : f("", !0)
-    ], 4), [
-      [B, !i.viewModel.isRotating]
-    ]),
-    u(a, { ref: "hoverProbe" }, null, 512)
-  ], 512);
+};
+function ei(e, t, i, r, n, s) {
+  return l(), m("canvas", F({
+    ref: "canvas",
+    class: "overlay"
+  }, i.dimensions), null, 16);
 }
-const ue = /* @__PURE__ */ C(Lt, [["render", Ft], ["__scopeId", "data-v-82a61864"]]), Et = {
-  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 }
+const xe = /* @__PURE__ */ C(Kt, [["render", ei], ["__scopeId", "data-v-9a90fa2f"]]), ti = W({
+  setup() {
+    ke({});
   },
-  mounted() {
-    window.addEventListener("keydown", this.keyNavigate);
+  name: "QiBuildingChooserRaster",
+  components: {
+    QiBuildingChooserRasterOverlay: xe,
+    QiBuildingChooserSunSimControl: ue,
+    QiBuildingChooserSceneImageStack: he,
+    QiNorthDirection: X,
+    QiFloatingCard: J,
+    QiHoverProbe: N,
+    QiZoomBox: G
   },
-  beforeUnmount() {
-    window.removeEventListener("keydown", this.keyNavigate);
+  emits: ["go-to-building", "hover-over-building", "hover-out-building"],
+  provide() {
+    return {
+      i18n: this.i18n ? new U(this.i18n.labels, this.i18n.language) : new U()
+    };
   },
-  methods: {
-    keyNavigate(e) {
-      e.keyCode === 37 ? this.prevUnit && this.$emit("prev-unit") : e.keyCode === 39 && this.nextUnit && this.$emit("next-unit");
-    }
-  }
-}, Dt = {
-  key: 0,
-  class: "d-none d-md-flex"
-};
-function Ot(e, t, i, r, n, s) {
-  const a = c("v-btn");
-  return l(), m("div", null, [
-    u(a, {
-      elevation: "1",
-      icon: "mdi-rotate-right",
-      class: "black darken-1",
-      onClick: t[0] || (t[0] = (d) => i.viewModel.rotateClockwise())
-    }),
-    u(a, {
-      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] = (d) => e.$emit("prev-unit"))
-    }, null, 8, ["disabled"]),
-    u(a, {
-      color: "success darken-2",
-      elevation: "1",
-      rounded: "",
-      plain: "",
-      disabled: !i.selectedUnit || !i.canGoToUnitCallback(i.selectedUnit),
-      onClick: t[2] || (t[2] = (d) => e.$emit("go-to-unit", i.selectedUnit))
-    }, {
-      default: h(() => [
-        i.selectedUnit && i.canGoToUnitCallback(i.selectedUnit) ? (l(), m("span", Dt, _(s.i18n.getLabel("see-apartment")) + "  ", 1)) : f("", !0),
-        o("span", null, _(i.selectedUnit && "title" in i.selectedUnit ? i.selectedUnit.title : "-"), 1)
-      ]),
-      _: 1
-    }, 8, ["disabled"]),
-    u(a, {
-      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] = (d) => e.$emit("next-unit"))
-    }, null, 8, ["disabled"]),
-    u(a, {
-      elevation: "1",
-      plain: "",
-      icon: "mdi-rotate-left",
-      class: "black darken-1",
-      onClick: t[4] || (t[4] = (d) => i.viewModel.rotateCounterClockwise())
-    })
-  ]);
-}
-const Ut = /* @__PURE__ */ C(Et, [["render", Ot], ["__scopeId", "data-v-129ef905"]]);
-class oe {
-  constructor(t, i, r, n) {
-    this._rotator = t, this._direction = i, this._frameIndex = r, 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 oe(
-      this._rotator,
-      this._direction,
-      t,
-      i
-    );
-  }
-}
-class Rt {
-  constructor(t, i) {
-    this._cardinalFrames = t, this._totalFrameCount = i;
-  }
-  start(t, i, r) {
-    const n = this.startFrameIndexForScene(i);
-    return new oe(this, t, n, r);
-  }
-  isCardinalFrame(t) {
-    return this._cardinalFrames.includes(t);
-  }
-  clampFrameIndex(t) {
-    return (this._totalFrameCount + t) % this._totalFrameCount;
-  }
-  startFrameIndexForScene(t) {
-    return this._cardinalFrames[t];
-  }
-}
-const he = 64, j = 4, Tt = 120, Vt = {
-  name: "QiApartmentChooserRotator",
   props: {
-    viewModel: { type: Object, required: !0 },
-    build: { type: String, default: "" },
+    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 },
-    cardinalFrames: { type: Array, required: !0 }
+    i18n: { type: Object, default: void 0 },
+    interactiveDesktop: { type: Boolean, default: !0 },
+    interactiveMobile: { type: Boolean, default: !0 },
+    customOverlayContent: { type: String, default: "" }
   },
-  emits: ["loaded", "error", "progress"],
   data() {
-    const e = this.createFrames();
     return {
-      loadTracker: new K(e.length).onLoadFinished(() => this.$emit("loaded")).onLoadProgress((t) => this.$emit("progress", t)).onLoadError(() => this.$emit("error")),
-      sceneRotator: new Rt(this.cardinalFrames, he),
-      images: e,
-      isPreloaded: !1
+      sceneState: { preloaded: !1, ready: !1 },
+      canvasDimensions: { width: 0, height: 0 },
+      pos: { x: 0, y: 0, width: 0, height: 0 },
+      pickerData: void 0,
+      buildingMap: Y.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: {
-    activeFrame() {
-      return this.images.find((e) => e.show);
+    isHoverable() {
+      return this.$refs.hoverProbe.isHoverEnabled;
+    },
+    selectedBuilding() {
+      return this.getBuildingData(this.selectedBuildingId);
     }
   },
   watch: {
-    "viewModel.currentScene"(e, t) {
-      const i = this.getDirection(t, e), r = this.getSceneCountBetween(t, e);
-      this.rotateInDirection(t, i, r);
+    buildingChooserTimeOfDay: {
+      handler() {
+        if (this.buildingChooserTimeOfDay) {
+          const [e, t, i] = /^(\d\d):(\d\d)$/.exec(
+            this.buildingChooserTimeOfDay
+          ), r = parseInt(i);
+          this.halfHourMark = parseInt(t) * 2 + (r < 15 ? 0 : r > 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));
     }
   },
-  created() {
-    this.rotateComplete();
+  async mounted() {
+    const t = await new Me(
+      this.cdnFileResolver
+    ).loadBuildingChooser();
+    t ? (this.canvasRaster = new Q(t.mapImage), this.buildingMap = new Y(t.buildingIds), this.daysOfYear = new Z(t.backgrounds), this.pickerData = {
+      buildingOverlays: t.buildingOverlays,
+      sceneLongitude: t.viewLongitude
+    }, this.resizeImages()) : this.error = !0;
   },
   methods: {
-    rotateInDirection(e, t, i) {
-      this.viewModel.isRotating || (this.viewModel.isRotating = !0, this.rotationStep(
-        this.sceneRotator.start(
-          t,
-          e % j,
-          i
-        )
-      ));
+    resizeScene({ width: e, height: t }) {
+      this.canvasDimensions.width = e, this.canvasDimensions.height = t, this.$nextTick(this.resizeImages);
     },
-    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 / Tt);
+    sceneReset() {
+      this.sceneState = { preloaded: !1, ready: !1 };
     },
-    rotateComplete() {
-      const e = this.sceneRotator.startFrameIndexForScene(
-        this.viewModel.currentScene % j
-      );
-      e in this.images && (this.images[e].show = !0), this.viewModel.isRotating = !1;
+    getBuildingData(e) {
+      return this.buildingCallback ? this.buildingCallback(e) : e;
     },
-    createFrames() {
-      const e = [];
-      for (let t = 0; t < he; t++) {
-        const { sourceSet: i, defaultPath: r } = this.frameImageSource(t);
-        e.push({
-          index: t,
-          sourceSet: i,
-          defaultPath: r,
-          show: !1
-        });
-      }
-      return e;
+    getBuildingId(e) {
+      const { x: t, y: i } = this.viewResolver(e.layerX, e.layerY);
+      return this.buildingMap.getBuildingId(this.canvasRaster, t, i);
     },
-    frameImageSource(e) {
-      const t = ("0000" + (e + 1)).slice(-4), i = this.build ? `?v=${this.build}` : "", r = [
-        `${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: r, defaultPath: n };
+    resizeImages() {
+      if (this.$refs.canvas && (this.canvasRaster.update(this.$refs.canvas), this.$refs.overlays))
+        for (const e of this.$refs.overlays)
+          e.setupDraw();
     },
-    getSceneCountBetween(e, t) {
-      const i = j / 2, r = Math.abs(e - t);
-      return r > i ? j - r : r;
+    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
+      }));
     },
-    getDirection(e, t) {
-      if (e === t)
-        return 0;
-      const r = Math.abs(e - t) < j / 2;
-      return r && e < t || !r && e > t ? 1 : -1;
+    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;
     }
   }
-}, Ht = {
+}), ii = {
   key: 0,
-  class: "fill-parent d-flex justify-center align-center blue-grey lighten-5"
-}, Nt = {
-  key: 1,
-  class: "frame-container"
-}, jt = { class: "frame-image" }, qt = ["srcset", "type"], Pt = ["src"], Yt = {
-  key: 2,
-  id: "image-stack",
-  class: "frame-container"
-}, Qt = ["alt"], zt = ["srcset"], $t = ["src"];
-function Wt(e, t, i, r, n, s) {
-  const a = c("v-icon");
-  return l(), m("div", null, [
-    n.loadTracker.isError ? (l(), m("div", Ht, [
-      u(a, { "x-large": "" }, {
-        default: h(() => [
-          L("mdi-alert-circle-outline")
+  style: { height: "50vh" },
+  class: "d-flex justify-center align-center blue-grey lighten-5"
+}, ni = { class: "image-instances" }, si = ["innerHTML"];
+function oi(e, t, i, r, n, s) {
+  const a = c("v-icon"), d = c("qi-building-chooser-scene-image-stack"), p = c("qi-building-chooser-raster-overlay"), v = c("qi-zoom-box"), w = c("qi-north-direction"), S = c("qi-building-chooser-sun-sim-control"), g = c("qi-floating-card"), b = c("qi-hover-probe");
+  return e.error ? (l(), m("div", ii, [
+    u(a, { "x-large": "" }, {
+      default: h(() => [
+        L("mdi-alert-circle-outline")
+      ]),
+      _: 1
+    })
+  ])) : e.pickerData ? (l(), m("div", {
+    key: 1,
+    style: M(`cursor: ${e.selectedBuildingId ? "pointer" : "auto"};height: ${e.canvasDimensions.height}px; position: relative`),
+    class: "image-container"
+  }, [
+    u(v, {
+      desktop: e.interactiveDesktop,
+      mobile: e.interactiveMobile,
+      onUpdate: e.updateView
+    }, {
+      default: h(() => [
+        o("div", ni, [
+          u(d, {
+            "image-urls": e.daysOfYear.imageUrls,
+            "active-index": e.halfHourMark,
+            onResize: e.resizeScene,
+            onPreloaded: t[0] || (t[0] = (k) => e.sceneState.preloaded = !0),
+            onReady: t[1] || (t[1] = (k) => e.sceneState.ready = !0),
+            onReset: e.sceneReset
+          }, null, 8, ["image-urls", "active-index", "onResize", "onReset"]),
+          x(o("div", null, [
+            (l(!0), m(R, null, D(e.pickerData.buildingOverlays, (k) => (l(), y(p, {
+              ref_for: !0,
+              ref: "overlays",
+              key: k.id,
+              "image-url": k.url,
+              dimensions: e.canvasDimensions,
+              color: e.getColor(k.id)
+            }, null, 8, ["image-url", "dimensions", "color"]))), 128))
+          ], 512), [
+            [B, e.sceneState.preloaded]
+          ])
         ]),
-        _: 1
-      })
-    ])) : n.isPreloaded ? (l(), m("div", Yt, [
-      (l(!0), m(U, null, D(n.images, (d) => (l(), m("picture", {
-        key: d.index,
-        alt: d.index,
-        class: E({ "frame-image": !0, show: d.show })
-      }, [
-        o("source", {
-          srcset: d.sourceSet,
-          type: "image/jpeg"
-        }, null, 8, zt),
-        o("img", {
-          src: d.defaultPath,
-          alt: "Building image",
-          onLoad: t[2] || (t[2] = (p) => n.loadTracker.partLoaded()),
-          onError: t[3] || (t[3] = (p) => n.loadTracker.errorDetected())
-        }, null, 40, $t)
-      ], 10, Qt))), 128))
-    ])) : (l(), m("div", Nt, [
-      o("picture", jt, [
-        o("source", {
-          srcset: s.activeFrame.sourceSet,
-          type: s.activeFrame.type
-        }, null, 8, qt),
-        o("img", {
-          src: s.activeFrame.defaultPath,
-          onLoad: t[0] || (t[0] = (d) => n.isPreloaded = !0),
-          onError: t[1] || (t[1] = (d) => n.loadTracker.errorDetected())
-        }, null, 40, Pt)
-      ])
-    ]))
-  ]);
-}
-const Jt = /* @__PURE__ */ C(Vt, [["render", Wt], ["__scopeId", "data-v-e6481f8e"]]), re = 4;
-function Ae(e) {
-  return e < re ? e + 1 : 1;
-}
-function Gt(e) {
-  return e > 1 ? e - 1 : re;
-}
-class Xt {
-  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 = Ae(this.currentScene);
-    });
-  }
-  rotateClockwise() {
-    this.unlessRotatingDo(() => {
-      this.currentScene = Gt(this.currentScene);
-    });
-  }
+        o("canvas", F(e.canvasDimensions, {
+          ref: "canvas",
+          class: { hover: !!e.selectedBuildingId },
+          onClick: t[2] || (t[2] = (...k) => e.onClick && e.onClick(...k)),
+          onMousemove: t[3] || (t[3] = (...k) => e.onMove && e.onMove(...k))
+        }), null, 16),
+        x(o("div", {
+          class: "custom-overlay-layer",
+          innerHTML: e.customOverlayContent
+        }, null, 8, si), [
+          [B, e.sceneState.preloaded]
+        ])
+      ]),
+      _: 1
+    }, 8, ["desktop", "mobile", "onUpdate"]),
+    x(o("div", null, [
+      e.pickerData.sceneLongitude ? (l(), y(w, {
+        key: 0,
+        class: "north-indicator",
+        longitude: e.pickerData.sceneLongitude
+      }, null, 8, ["longitude"])) : f("", !0),
+      u(S, {
+        modelValue: e.halfHourMark,
+        "onUpdate:modelValue": t[4] || (t[4] = (k) => e.halfHourMark = k),
+        "date-selector": e.daysOfYear,
+        "is-loading": !e.sceneState.ready
+      }, null, 8, ["modelValue", "date-selector", "is-loading"])
+    ], 512), [
+      [B, e.sceneState.preloaded]
+    ]),
+    e.showCards && e.selectedBuilding ? (l(), y(g, {
+      key: 0,
+      "is-hoverable": e.isHoverable,
+      pos: e.pos,
+      onOutside: t[5] || (t[5] = () => e.selectedBuildingId = void 0)
+    }, {
+      default: h(() => [
+        A(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"])) : f("", !0),
+    u(b, { ref: "hoverProbe" }, null, 512)
+  ], 4)) : f("", !0);
 }
-const Zt = 4, Kt = [0, 16, 32, 48], ei = {
-  name: "QiApartmentChooser",
+const re = /* @__PURE__ */ C(ti, [["render", oi], ["__scopeId", "data-v-08f2ea1e"]]), ri = {
+  name: "QiBuildingChooser",
   components: {
-    QiApartmentChooserRaster: ce,
-    QiApartmentChooserSvg: ue,
-    QiApartmentChooserNavigation: Ut,
-    QiApartmentChooserRotator: Jt,
-    QiFloatingCard: ne,
-    QiHoverProbe: Q,
-    QiZoomBox: se
-  },
-  provide() {
-    return {
-      i18n: this.i18n ? new R(this.i18n.labels, this.i18n.language) : new R()
-    };
+    QiBuildingChooserSvg: oe,
+    QiBuildingChooserRaster: re
   },
-  emits: [
-    "select-unit",
-    "go-to-unit",
-    "nav-unit",
-    "hover-over-unit",
-    "hover-out-unit",
-    "initialized"
-  ],
+  emits: ["go-to-building", "hover-over-building", "hover-out-building"],
   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 },
+    showCards: { type: Boolean, default: () => !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
-    },
+    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 }
-  },
-  data() {
-    return {
-      loadState: { isReady: !1, isError: !1, progress: void 0 },
-      scenesByApartment: null,
-      sceneData: null,
-      scenes: null,
-      viewModel: void 0,
-      resourceLoader: new H(),
-      pos: { x: 0, y: 0, width: 0, height: 0 },
-      closeHandler: void 0,
-      hoverApartment: void 0
-    };
+    useSvg: { type: Boolean, default: !1 },
+    buildingChooserTimeOfDay: { type: String, default: null },
+    canGoToBuildingCallback: { type: Function, default: () => !0 },
+    customOverlayContent: { type: String, default: "" }
   },
   computed: {
-    isHoverable() {
-      return this.$refs.hoverProbe.isHoverEnabled;
-    },
-    selectedUnit() {
-      return this.unitCallback ? this.unitCallback(this.selectedUnitId) : this.selectedUnitId;
-    },
-    overlayComponent() {
-      return this.useSvg ? ue : ce;
-    }
-  },
-  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 : Zt;
-    this.scenes = e && e.scenes !== void 0 ? e.scenes : Kt, 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 a = t, d = [];
-      for (let p = 0; p < re; p++)
-        d.push(a), a = Ae(a);
-      return n.sort((p, v) => {
-        const w = d.findIndex(
-          (g) => g === this.scenesByApartment[p[s]]
-        ), S = d.findIndex(
-          (g) => g === this.scenesByApartment[v[s]]
-        );
-        return w < S ? -1 : w > S ? 1 : 0;
-      }), n;
-    }, r = (n) => {
-      this.viewModel = new Xt(n);
-    };
-    this.$emit("initialized", {
-      scene: t,
-      scenes: this.scenes,
-      sceneData: this.sceneData,
-      scenesByApartment: this.scenesByApartment,
-      unitsSceneSort: i,
-      initialize: r
-    });
-  },
-  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);
+    component() {
+      return this.useSvg ? oe : re;
     }
   }
-}, ti = { key: 0 }, ii = { class: "interactive-viewer" }, ni = { class: "fill-parent" }, si = { key: 0 }, oi = {
-  key: 1,
-  class: "navigation"
-}, ri = { key: 2 };
+};
 function ai(e, t, i, r, n, s) {
-  const a = c("qi-apartment-chooser-rotator"), d = c("qi-zoom-box"), p = c("qi-floating-card"), v = c("qi-apartment-chooser-navigation"), w = c("v-progress-linear"), S = c("qi-hover-probe");
-  return n.viewModel ? (l(), m("div", ti, [
-    o("div", ii, [
-      o("div", ni, [
-        u(d, {
-          desktop: n.loadState.isReady && i.interactiveDesktop,
-          mobile: n.loadState.isReady && i.interactiveMobile
-        }, {
-          default: h(() => [
-            u(a, {
-              "cdn-file-resolver": i.cdnFileResolver,
-              "view-model": n.viewModel,
-              "cardinal-frames": n.scenes,
-              build: i.build,
-              onProgress: t[0] || (t[0] = (g) => n.loadState.progress = g),
-              onLoaded: t[1] || (t[1] = (g) => n.loadState.isReady = !0),
-              onError: t[2] || (t[2] = (g) => n.loadState.isError = !0)
-            }, null, 8, ["cdn-file-resolver", "view-model", "cardinal-frames", "build"]),
-            n.loadState.isReady ? (l(), m("div", si, [
-              (l(), y(ve(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] = (g) => e.$emit("select-unit", g)),
-                onGoToUnit: t[4] || (t[4] = (g) => e.$emit("go-to-unit", g)),
-                onHoverOver: s.hoverOver,
-                onHoverOut: s.hoverOut,
-                onPos: s.onPos
-              }, {
-                default: h((g) => [
-                  A(e.$slots, "default", fe(be(g)), 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"]))
-            ])) : f("", !0)
-          ]),
-          _: 3
-        }, 8, ["desktop", "mobile"]),
-        n.hoverApartment && i.showCards ? (l(), y(p, {
-          key: 0,
-          "is-hoverable": s.isHoverable,
-          pos: n.pos,
-          onOutside: n.closeHandler
-        }, {
-          default: h(() => [
-            A(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"])) : f("", !0),
-        n.loadState.isReady ? (l(), m("div", oi, [
-          u(v, {
-            "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] = (g) => e.$emit("go-to-unit", g)),
-            onPrevUnit: t[6] || (t[6] = (g) => e.$emit("nav-unit", i.prevUnit)),
-            onNextUnit: t[7] || (t[7] = (g) => e.$emit("nav-unit", i.nextUnit))
-          }, null, 8, ["can-go-to-unit-callback", "selected-unit", "prev-unit", "next-unit", "view-model"])
-        ])) : n.loadState.isError ? f("", !0) : (l(), m("div", ri, [
-          u(w, {
-            indeterminate: !n.loadState.progress,
-            value: n.loadState.progress
-          }, null, 8, ["indeterminate", "value"])
-        ]))
+  return l(), y(be(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] = (a) => e.$emit("go-to-building", a)),
+    onHoverOverBuilding: t[1] || (t[1] = (a) => e.$emit("hover-over-building", a)),
+    onHoverOutBuilding: t[2] || (t[2] = (a) => e.$emit("hover-out-building", a))
+  }, De({ _: 2 }, [
+    D(Object.keys(e.$slots), (a) => ({
+      name: a,
+      fn: h((d) => [
+        A(e.$slots, a, ye(we(d)))
       ])
-    ]),
-    u(S, { ref: "hoverProbe" }, null, 512)
-  ])) : f("", !0);
+    }))
+  ]), 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 li = /* @__PURE__ */ C(ei, [["render", ai], ["__scopeId", "data-v-3a1121f3"]]);
-var N = {};
-Object.defineProperty(N, "__esModule", {
+const li = /* @__PURE__ */ C(ri, [["render", ai]]);
+var j = {};
+Object.defineProperty(j, "__esModule", {
   value: !0
 });
 var di = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
   return typeof e;
 } : function(e) {
   return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-}, ci = typeof window < "u" && typeof window.document < "u", ui = typeof process < "u" && process.versions != null && process.versions.node != null, hi = (typeof self > "u" ? "undefined" : di(self)) === "object" && self.constructor && self.constructor.name === "DedicatedWorkerGlobalScope", mi = typeof window < "u" && window.name === "nodejs" || typeof navigator < "u" && (navigator.userAgent.includes("Node.js") || navigator.userAgent.includes("jsdom")), pi = typeof Deno < "u" && typeof Deno.version < "u" && typeof Deno.version.deno < "u", gi = N.isBrowser = ci;
-N.isWebWorker = hi;
-N.isNode = ui;
-N.isJsDom = mi;
-N.isDeno = pi;
+}, ci = typeof window < "u" && typeof window.document < "u", ui = typeof process < "u" && process.versions != null && process.versions.node != null, hi = (typeof self > "u" ? "undefined" : di(self)) === "object" && self.constructor && self.constructor.name === "DedicatedWorkerGlobalScope", mi = typeof window < "u" && window.name === "nodejs" || typeof navigator < "u" && (navigator.userAgent.includes("Node.js") || navigator.userAgent.includes("jsdom")), pi = typeof Deno < "u" && typeof Deno.version < "u" && typeof Deno.version.deno < "u", gi = j.isBrowser = ci;
+j.isWebWorker = hi;
+j.isNode = ui;
+j.isJsDom = mi;
+j.isDeno = pi;
 const vi = {
   name: "Player",
   emits: [
@@ -2382,7 +2380,7 @@ const vi = {
     window.addEventListener("resize", this.setPlayerSize), this.setPlayerSize();
     const r = {
       initialized: () => {
-        this.playerAPI = G.Main.getPlayerAPI();
+        this.playerAPI = K.Main.getPlayerAPI();
         const s = this.playerAPI.getCurrentCamera();
         s && (this.playerCamera = s.id), this.$emit("new-camera-callback", this.playerCamera);
       },
@@ -2399,7 +2397,7 @@ const vi = {
     };
     if (!gi)
       return;
-    const n = await new G.Main(
+    const n = await new K.Main(
       this.rootUrl,
       "qpc",
       r,
@@ -2410,7 +2408,7 @@ const vi = {
     n && (n.handleWindowResize(), window.addEventListener(
       "resize",
       n.handleWindowResize.bind(n)
-    ), n.animate(), this.playerAPI = G.Main.getPlayerAPI(), this.playerAPI && this.playerAPI.setLookSensitivity(this.mouseSensitivity));
+    ), n.animate(), this.playerAPI = K.Main.getPlayerAPI(), this.playerAPI && this.playerAPI.setLookSensitivity(this.mouseSensitivity));
   },
   beforeUnmount() {
     this.playerAPI && this.playerAPI.destroy();
@@ -2546,7 +2544,7 @@ const Bi = /* @__PURE__ */ C(vi, [["render", xi], ["__scopeId", "data-v-dd836eff
     }
   }
 }, Oi = { class: "waypoint-carousel" };
-function Ui(e, t, i, r, n, s) {
+function Ri(e, t, i, r, n, s) {
   const a = c("v-icon"), d = c("v-btn"), p = c("v-hover"), v = c("v-img"), w = c("v-card"), S = c("v-slide-group-item"), g = c("v-slide-group");
   return l(), m("div", Oi, [
     u(g, {
@@ -2609,7 +2607,7 @@ function Ui(e, t, i, r, n, s) {
         })
       ]),
       default: h(() => [
-        (l(!0), m(U, null, D(i.thumbnails, (b) => (l(), y(S, {
+        (l(!0), m(R, null, D(i.thumbnails, (b) => (l(), y(S, {
           key: b.id
         }, {
           default: h(({ toggle: k, selectedClass: I }) => [
@@ -2640,7 +2638,7 @@ function Ui(e, t, i, r, n, s) {
     }, 8, ["modelValue"])
   ]);
 }
-const Ri = /* @__PURE__ */ C(Di, [["render", Ui], ["__scopeId", "data-v-f4e6ce2e"]]), Ti = {
+const Ui = /* @__PURE__ */ C(Di, [["render", Ri], ["__scopeId", "data-v-f4e6ce2e"]]), Ti = {
   name: "FloorLevel",
   inject: ["i18n"],
   props: {
@@ -2675,7 +2673,7 @@ function qi(e, t, i, r, n, s) {
         density: "comfortable",
         elevation: "1",
         icon: ""
-      }, ye({ ...p })), {
+      }, Ce({ ...p })), {
         default: h(() => [
           (l(), m("svg", Vi, [
             o("path", {
@@ -2756,7 +2754,7 @@ function zi(e, t, i, r, n, s) {
           elevation: "1",
           icon: "mdi-share-variant",
           onClick: t[0] || (t[0] = (I) => n.showSocialShare = !n.showSocialShare)
-        }, ye({ ...k })), null, 16)
+        }, Ce({ ...k })), null, 16)
       ]),
       default: h(() => [
         o("span", null, _(s.i18n.getLabel("share")), 1)
@@ -2916,7 +2914,7 @@ function Ji(e, t, i, r, n, s) {
       default: h(() => [
         u(w, { class: "interior-selector-list" }, {
           default: h(() => [
-            (l(!0), m(U, null, D(i.availableArchetypes, (g, b) => (l(), y(v, {
+            (l(!0), m(R, null, D(i.availableArchetypes, (g, b) => (l(), y(v, {
               density: "compact",
               key: `at-menuitem-${b}`,
               onClick: (k) => e.$emit("select-interior", g.archetypeID),
@@ -3002,7 +3000,7 @@ function on(e, t, i, r, n, s) {
   ]);
 }
 const rn = /* @__PURE__ */ C(nn, [["render", on], ["__scopeId", "data-v-b418cf51"]]), an = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAMAAADyHTlpAAAAllBMVEUAAAD/rwD/rwD/qgP/qwL/qAL/qwP/qwH/rAL/rAL/qwL/qQD/qwL/qwD/qQD/qwL/pQD/qgH/nwD/pwD/qQL/rAL/qwD/qwT/rAP/qwL/rAL/rAD/rAL/qgD/qwL/qQP/rAP/rAH/qgH/qwL/qwD/qgL/rwD/qgD/qwH/qgD/qgL/rAD/qgD/qgD/qwH/rAP/qgX/qwA+O5E+AAAAMnRSTlMAECBg/3C/v5Dff4+PT1/PMN8QII9vf0CfgO9vnzDvUF+vr3BA3zA/z2+fX59g71AwcDsf6p0AAAFGSURBVHicvdRtT8MgEABgaM9hu1aHXV/cpm6zWt829f//OYEK9qC3NDF6HxYCTw5GuWPsd8GjqTIGOJtIZwDi/ymnKPflOSTub6cAcwdnkHk5AQY2v3Dzl2phga1EFkl5hScLbZc+LbUs/FltK5OpLpsmrS0NpbLLSu3Er1dgIsn0cdabEdlHlICL5IZSRq5gELcn7DCnsfQL24AX5PeNfAlAHSEOaYrFXaNiqwa7kO7V9L1dt9u25kX58cBY7dbZYz/MKdr2o06nrZ6klNX4AYRdf8aHzkL6QtxAG9KculjhS0nJMO0rSVmF5ZyWnn2jFC+36vcgLTzq+3lPRx6XrjjTqQ7iqJxY6+KLydp0ZWhrVHWE0JoqHq1NSHBxF0h+1Mh6LUMM5LC/Kht8h+5nG9zeTtbt37Ti3XT6+d29pkTXTZVEfAEKARRF2iiwhQAAAB10RVh0U29mdHdhcmUAQGx1bmFwYWludC9wbmctY29kZWP1QxkeAAAAAElFTkSuQmCC";
-function me(e) {
+function ge(e) {
   return ("0" + e).slice(-2);
 }
 const ln = {
@@ -3016,7 +3014,7 @@ const ln = {
   },
   computed: {
     displayValue() {
-      return [me(this.hours), ":", me(this.minutes)].join("");
+      return [ge(this.hours), ":", ge(this.minutes)].join("");
     }
   }
 }, dn = { class: "d-flex flex-column align-center justify-center clock-face" }, cn = { class: "clock-icon" }, un = { class: "clock-value grey--text text--darken-3" };
@@ -3070,19 +3068,19 @@ class pn {
     this._state.isActive = t;
   }
 }
-function q(e) {
+function P(e) {
   return ("0" + e).slice(-2);
 }
 function gn() {
   const e = /* @__PURE__ */ new Date();
   return [
     e.getFullYear().toString(),
-    q(e.getMonth() + 1),
-    q(e.getDate()),
+    P(e.getMonth() + 1),
+    P(e.getDate()),
     " ",
-    q(e.getHours()),
-    q(e.getMinutes()),
-    q(e.getSeconds())
+    P(e.getHours()),
+    P(e.getMinutes()),
+    P(e.getSeconds())
   ].join("");
 }
 function vn() {
@@ -3219,7 +3217,7 @@ const Mn = /* @__PURE__ */ C(Sn, [["render", Ln], ["__scopeId", "data-v-6e4f02d6
       localStorage.setItem(`${this.project}-dont-show-tutorial`, !0);
     }
   }
-}, V = (e) => (ee("data-v-d87b088a"), e = e(), te(), e), Bn = {
+}, V = (e) => (ae("data-v-d87b088a"), e = e(), le(), e), Bn = {
   key: 0,
   class: "tutorial"
 }, Fn = {
@@ -3272,7 +3270,7 @@ const Mn = /* @__PURE__ */ C(Sn, [["render", Ln], ["__scopeId", "data-v-6e4f02d6
       "stroke-width": "1.5"
     })
   ])
-], -1)), Un = { class: "text mt-3" }, Rn = { class: "box col" }, Tn = /* @__PURE__ */ V(() => /* @__PURE__ */ o("div", { class: "tutorial-icon d-flex align-items-center justify-center" }, [
+], -1)), Rn = { class: "text mt-3" }, Un = { class: "box col" }, Tn = /* @__PURE__ */ V(() => /* @__PURE__ */ o("div", { class: "tutorial-icon d-flex align-items-center justify-center" }, [
   /* @__PURE__ */ o("svg", {
     width: "100",
     height: "65",
@@ -3756,9 +3754,9 @@ function ns(e, t, i, r, n, s) {
           o("div", En, [
             o("div", Dn, [
               On,
-              o("div", Un, _(s.i18n.getLabel("click-and-drag-to-look-around")), 1)
+              o("div", Rn, _(s.i18n.getLabel("click-and-drag-to-look-around")), 1)
             ]),
-            o("div", Rn, [
+            o("div", Un, [
               Tn,
               o("div", Vn, _(s.i18n.getLabel("click-on-the-cricles-to-move-around")), 1)
             ]),
@@ -3816,14 +3814,14 @@ function os(e) {
   const t = parseInt(e.substr(1, 2), 16) / 255, i = parseInt(e.substr(3, 2), 16) / 255, r = parseInt(e.substr(5, 2), 16) / 255;
   return [t, i, r];
 }
-function Z(e) {
+function te(e) {
   var t = e.toString(16);
   return t.length == 1 ? "0" + t : t;
 }
 function rs([e, t, i]) {
-  return "#" + Z(parseInt(e * 255)) + Z(parseInt(t * 255)) + Z(parseInt(i * 255));
+  return "#" + te(parseInt(e * 255)) + te(parseInt(t * 255)) + te(parseInt(i * 255));
 }
-function pe(e) {
+function ve(e) {
   const t = [
     "Cool 5",
     "Cool 10",
@@ -3932,7 +3930,7 @@ const as = {
   },
   data() {
     return {
-      allSettings: pe(this.initialSettings)
+      allSettings: ve(this.initialSettings)
     };
   },
   watch: {
@@ -3967,10 +3965,10 @@ const as = {
       this.$emit("save-settings", this.settingsToUpdate);
     },
     resetForm() {
-      this.allSettings = pe(), this.$emit("update-settings", this.settingsToUpdate);
+      this.allSettings = ve(), this.$emit("update-settings", this.settingsToUpdate);
     }
   }
-}, ls = (e) => (ee("data-v-c04f3195"), e = e(), te(), e), ds = { class: "player-settings-ui" }, cs = { id: "settings-ui-form" }, us = { class: "form-inputs" }, hs = { class: "setting-label" }, ms = { class: "setting-label" }, ps = ["max", "min", "step"], gs = { class: "setting-label" }, vs = { class: "flex-grow-1 flex-shrink-0" }, fs = ["onUpdate:modelValue"], bs = {
+}, ls = (e) => (ae("data-v-c04f3195"), e = e(), le(), e), ds = { class: "player-settings-ui" }, cs = { id: "settings-ui-form" }, us = { class: "form-inputs" }, hs = { class: "setting-label" }, ms = { class: "setting-label" }, ps = ["max", "min", "step"], gs = { class: "setting-label" }, vs = { class: "flex-grow-1 flex-shrink-0" }, fs = ["onUpdate:modelValue"], bs = {
   key: 3,
   "d-block": "",
   class: "mt-3"
@@ -3986,7 +3984,7 @@ function Ss(e, t, i, r, n, s) {
   return l(), m("div", ds, [
     o("form", cs, [
       o("div", us, [
-        (l(!0), m(U, null, D(n.allSettings, (g, b, k) => (l(), m("div", {
+        (l(!0), m(R, null, D(n.allSettings, (g, b, k) => (l(), m("div", {
           key: k,
           "d-block": ""
         }, [
@@ -4049,7 +4047,7 @@ function Ss(e, t, i, r, n, s) {
                 type: "color",
                 onChange: t[0] || (t[0] = (...I) => s.updateSettings && s.updateSettings(...I))
               }, null, 40, fs), [
-                [Fe, n.allSettings[b].value]
+                [Oe, n.allSettings[b].value]
               ])
             ]),
             o("div", null, [
@@ -4170,7 +4168,7 @@ const As = /* @__PURE__ */ C(as, [["render", Ss], ["__scopeId", "data-v-c04f3195
   class: "rotation-marker-svg",
   viewBox: "0 0 40 40",
   xmlns: "http://www.w3.org/2000/svg"
-}, xs = /* @__PURE__ */ we('<defs><radialGradient id="Gradient" cx="0" cy="0" r="0.9" fx="0" fy="0"><stop offset="0%" class="stop1"></stop><stop offset="60%" class="stop2"></stop><stop offset="90%" class="stop3"></stop></radialGradient><linearGradient id="LineGradient" gradientTransform="rotate(90)"><stop offset="0%" class="stop1"></stop><stop offset="75%" class="stop2"></stop><stop offset="100%" class="stop3"></stop></linearGradient></defs>', 1), Bs = ["transform"], Fs = /* @__PURE__ */ we('<rect id="field-of-view-gradient" x="20" y="20" width="38" height="38" transform="rotate(0)" transform-origin="20 20" fill="url(#Gradient)"></rect><rect class="field-of-view-border" x="20" y="20" width="1" height="25" fill="url(#LineGradient)" transform="rotate(0)" transform-origin="20 20"></rect><rect class="field-of-view-border" x="19" y="19" width="1" height="25" fill="url(#LineGradient)" transform="rotate(-90)" transform-origin="20 20"></rect><circle cx="20" cy="20" r="5" fill="white"></circle><circle cx="20" cy="20" r="3" fill="red"></circle>', 5), Es = [
+}, xs = /* @__PURE__ */ _e('<defs><radialGradient id="Gradient" cx="0" cy="0" r="0.9" fx="0" fy="0"><stop offset="0%" class="stop1"></stop><stop offset="60%" class="stop2"></stop><stop offset="90%" class="stop3"></stop></radialGradient><linearGradient id="LineGradient" gradientTransform="rotate(90)"><stop offset="0%" class="stop1"></stop><stop offset="75%" class="stop2"></stop><stop offset="100%" class="stop3"></stop></linearGradient></defs>', 1), Bs = ["transform"], Fs = /* @__PURE__ */ _e('<rect id="field-of-view-gradient" x="20" y="20" width="38" height="38" transform="rotate(0)" transform-origin="20 20" fill="url(#Gradient)"></rect><rect class="field-of-view-border" x="20" y="20" width="1" height="25" fill="url(#LineGradient)" transform="rotate(0)" transform-origin="20 20"></rect><rect class="field-of-view-border" x="19" y="19" width="1" height="25" fill="url(#LineGradient)" transform="rotate(-90)" transform-origin="20 20"></rect><circle cx="20" cy="20" r="5" fill="white"></circle><circle cx="20" cy="20" r="3" fill="red"></circle>', 5), Es = [
   Fs
 ];
 function Ds(e, t, i, r, n, s) {
@@ -4183,10 +4181,10 @@ function Ds(e, t, i, r, n, s) {
   ]);
 }
 const Os = /* @__PURE__ */ C(Ls, [["render", Ds]]);
-function Us(e) {
+function Rs(e) {
   return T.MathUtils.degToRad(e);
 }
-const Rs = {
+const Us = {
   name: "MiniMapMap",
   components: { RotationMarkerV2: Os },
   props: {
@@ -4303,7 +4301,7 @@ const Rs = {
     },
     calculateRelativeValues() {
       const e = this.minimapCamera.position.y - this.floorVerticalPosition;
-      this.planeHeight = 2 * (e * Math.tan(Us(this.minimapCamera.fovY / 2))), this.planeWidth = 512 / 384 * this.planeHeight;
+      this.planeHeight = 2 * (e * Math.tan(Rs(this.minimapCamera.fovY / 2))), this.planeWidth = 512 / 384 * this.planeHeight;
       const t = this.planeHeight / 2, i = this.planeWidth / 2, r = new T.Vector3(
         i * -1,
         0,
@@ -4336,7 +4334,7 @@ function Hs(e, t, i, r, n, s) {
           class: "center-pivot",
           style: M(n.centerPivotStyle)
         }, [
-          (l(!0), m(U, null, D(s.camerasWithRelativePosition, (d) => (l(), m("div", {
+          (l(!0), m(R, null, D(s.camerasWithRelativePosition, (d) => (l(), m("div", {
             key: d.id
           }, [
             s.currentCameraObject.floorLevel === d.floorLevel ? (l(), m("div", {
@@ -4356,7 +4354,7 @@ function Hs(e, t, i, r, n, s) {
     ])
   ]);
 }
-const Ns = /* @__PURE__ */ C(Rs, [["render", Hs], ["__scopeId", "data-v-341837d7"]]), js = {
+const Ns = /* @__PURE__ */ C(Us, [["render", Hs], ["__scopeId", "data-v-341837d7"]]), js = {
   name: "Moveable",
   emits: ["close"],
   data() {
@@ -4393,7 +4391,7 @@ function qs(e) {
     document.removeEventListener("mouseup", p, !1), document.removeEventListener("mousemove", d, !1), document.removeEventListener("touchend", p, !1), document.removeEventListener("touchmove", d, !1);
   }
 }
-const Ps = (e) => (ee("data-v-243baf73"), e = e(), te(), e), Ys = /* @__PURE__ */ Ps(() => /* @__PURE__ */ o("div", { id: "filler-div" }, null, -1)), Qs = {
+const Ps = (e) => (ae("data-v-243baf73"), e = e(), le(), e), Ys = /* @__PURE__ */ Ps(() => /* @__PURE__ */ o("div", { id: "filler-div" }, null, -1)), Qs = {
   class: "moveable-body",
   id: "moveableDivheader"
 }, zs = { class: "moveable-footer" };
@@ -4434,7 +4432,7 @@ function $s(e, t, i, r, n, s) {
 }
 const Ws = /* @__PURE__ */ C(js, [["render", $s], ["__scopeId", "data-v-243baf73"]]), Js = {
   name: "MinimapCompass",
-  components: { QiNorthDirection: ie },
+  components: { QiNorthDirection: X },
   props: {
     scale: {
       type: Number,
@@ -4720,7 +4718,7 @@ const ao = /* @__PURE__ */ C(oo, [["render", ro], ["__scopeId", "data-v-547d8112
   ],
   components: {
     Player: Bi,
-    WaypointCarousel: Ri,
+    WaypointCarousel: Ui,
     InteriorSelector: Gi,
     Compass: tn,
     SingleImage: rn,
@@ -4806,7 +4804,7 @@ const ao = /* @__PURE__ */ C(oo, [["render", ro], ["__scopeId", "data-v-547d8112
     };
   },
   provide() {
-    const e = this.i18n ? new R(this.i18n.labels, this.i18n.language) : new R();
+    const e = this.i18n ? new U(this.i18n.labels, this.i18n.language) : new U();
     return {
       localMode: this.localMode,
       fileLoader: this.fileLoader,
@@ -5122,7 +5120,7 @@ function uo(e) {
 }
 async function ho(e) {
   try {
-    return (await ke.get(e)).data;
+    return (await fe.get(e)).data;
   } catch (t) {
     throw console.error(t), new Error(t);
   }
@@ -5147,7 +5145,7 @@ const po = { class: "virtual-tour-v2-wrapper" }, go = {
   class: "btn-placeholder"
 }, Co = { key: 0 };
 function _o(e, t, i, r, n, s) {
-  const a = c("mini-map-v-2"), d = c("single-image"), p = c("v-btn"), v = c("floor-level"), w = c("settings-u-i"), S = c("disclaimer"), g = c("compass"), b = c("time-of-day"), k = c("tutorial"), I = c("full-screen-button"), O = c("social-share"), Le = c("view-mode-toggle"), ae = c("waypoint-carousel"), Me = c("interior-selector"), xe = c("player");
+  const a = c("mini-map-v-2"), d = c("single-image"), p = c("v-btn"), v = c("floor-level"), w = c("settings-u-i"), S = c("disclaimer"), g = c("compass"), b = c("time-of-day"), k = c("tutorial"), I = c("full-screen-button"), O = c("social-share"), Be = c("view-mode-toggle"), me = c("waypoint-carousel"), Fe = c("interior-selector"), Ee = c("player");
   return l(), m("div", po, [
     n.error ? (l(), m("div", go, "Error loading the player!!")) : f("", !0),
     o("div", vo, [
@@ -5165,7 +5163,7 @@ function _o(e, t, i, r, n, s) {
         onSetBackgroundImage: s.setMinimapBackgroundImage
       }, null, 8, ["allCameras", "rootUrl", "level", "backgroundImage", "minimapJSON", "rotation", "currentCamera", "minimapCamera", "onSetBackgroundImage"])) : f("", !0),
       s.interiorId && n.currentCameraId ? (l(), m("div", fo, [
-        u(xe, {
+        u(Ee, {
           ref: "player",
           "file-loader": i.fileLoader,
           style: M({ zIndex: n.showStaticImage ? 1 : 2 }),
@@ -5309,12 +5307,12 @@ function _o(e, t, i, r, n, s) {
           ]),
           "bottom-center": h(() => [
             n.showUI && i.showCarousel ? (l(), m("div", Co, [
-              i.displayViewModeSwitch ? (l(), y(Le, {
+              i.displayViewModeSwitch ? (l(), y(Be, {
                 key: 0,
                 "show-static-image": n.showStaticImage,
                 onToggle: s.toggleViewMode
               }, null, 8, ["show-static-image", "onToggle"])) : f("", !0),
-              n.showUI && n.fullScreen.isActive ? (l(), y(ae, {
+              n.showUI && n.fullScreen.isActive ? (l(), y(me, {
                 key: 1,
                 class: E([n.fullScreen.isActive ? "full-screen" : ""]),
                 thumbnails: s.thumbnails,
@@ -5326,7 +5324,7 @@ function _o(e, t, i, r, n, s) {
             ])) : f("", !0)
           ]),
           "bottom-right": h(() => [
-            n.showUI && i.showInteriorOptions && s.interiorsWithImage ? (l(), y(Me, {
+            n.showUI && i.showInteriorOptions && s.interiorsWithImage ? (l(), y(Fe, {
               key: 0,
               availableArchetypes: s.interiorsWithImage,
               selectedIndex: s.selectedInteriorIndex,
@@ -5335,7 +5333,7 @@ function _o(e, t, i, r, n, s) {
           ]),
           _: 1
         }, 8, ["file-loader", "style", "showStaticImage", "isFullScreen", "rootUrl", "currentCameraId", "mouse-sensitivity", "is-in-iframe", "onNewCameraCallback", "onNewRotationCallback", "onNewFloorCallback", "onNewFovCallback", "onNewSizeCallback", "onPlayerApiCallback"]),
-        i.showCarousel && n.thumbsJSON ? (l(), y(ae, {
+        i.showCarousel && n.thumbsJSON ? (l(), y(me, {
           key: 0,
           thumbnails: s.thumbnails,
           active: n.currentThumbnailIndex,
@@ -5347,7 +5345,70 @@ function _o(e, t, i, r, n, s) {
     ])
   ]);
 }
-const Io = /* @__PURE__ */ C(co, [["render", _o], ["__scopeId", "data-v-5e036d71"]]), Mo = { QiBuildingChooser: _t, QiApartmentChooser: li, VirtualTourV2: Io };
+const Io = /* @__PURE__ */ C(co, [["render", _o], ["__scopeId", "data-v-5e036d71"]]), So = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  QiApartmentChooser: At,
+  QiApartmentChooserNavigation: Se,
+  QiApartmentChooserRaster: ie,
+  QiApartmentChooserRotator: Ae,
+  QiApartmentChooserSvg: ne,
+  QiBuildingChooser: li,
+  QiBuildingChooserRaster: re,
+  QiBuildingChooserRasterOverlay: xe,
+  QiBuildingChooserSceneImageStack: he,
+  QiBuildingChooserSunSimControl: ue,
+  QiBuildingChooserSvg: oe,
+  QiFloatingCard: J,
+  QiHoverProbe: N,
+  QiNorthDirection: X,
+  QiZoomBox: G,
+  VirtualTourV2: Io
+}, Symbol.toStringTag, { value: "Module" }));
+class xo {
+  constructor(t) {
+    this._data = t;
+  }
+  getPixel(t, i) {
+    const r = this._data[t][i];
+    if (r !== " ") {
+      const n = Number.parseInt(r);
+      return [n, n, n, 255];
+    } else
+      return [0, 0, 0, 0];
+  }
+}
+const Bo = function(t) {
+  Object.entries(So).forEach(([i, r]) => {
+    t.component(i, r);
+  });
+};
 export {
-  Mo as default
+  se as BatchLoadTracker,
+  Y as BuildingMap,
+  Me as BuildingPickerResourceProvider,
+  pt as BuildingViewerModel,
+  Q as CanvasRaster,
+  Z as DayOfYearSelector,
+  U as I18N,
+  At as QiApartmentChooser,
+  Se as QiApartmentChooserNavigation,
+  ie as QiApartmentChooserRaster,
+  Ae as QiApartmentChooserRotator,
+  ne as QiApartmentChooserSvg,
+  li as QiBuildingChooser,
+  re as QiBuildingChooserRaster,
+  xe as QiBuildingChooserRasterOverlay,
+  he as QiBuildingChooserSceneImageStack,
+  ue as QiBuildingChooserSunSimControl,
+  oe as QiBuildingChooserSvg,
+  J as QiFloatingCard,
+  N as QiHoverProbe,
+  X as QiNorthDirection,
+  G as QiZoomBox,
+  H as ResourceLoader,
+  xo as SampleRaster,
+  Je as SceneRotator,
+  Io as VirtualTourV2,
+  Bo as default,
+  Ie as throttle
 };