@qispace/vue3-player 0.0.6 → 0.0.8

package/dist/vue3-player.esm.js

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