@qispace/vue3-player 0.0.5

package/dist/vue3-player.esm.js

@@ -0,0 +1,2992 @@
+(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,iVBORw0KGgoAAAANSUhEUgAAAGwAAABsCAYAAACPZlfNAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAA6ySURBVHgB7Z3Nb1TVG8efQstLActbIBAI8wsJBgLxZ+KeaVy5EVgZo4klceOKstCdYdQ/gLLSjQESjEvBjTs7Ju40AQMBIQEvgUAgvLRCWlpax/O9c56b09N7Z87bPTNT+SSHTqftMHO+93nO955Xolf0FH3UwzQajYr4wmVIlPUFvzohyqQoCR739fVdoh6lJwQTwkCI/4vyhihV+bhCfkC0RH79BV+FkBPU5XStYEKkKjXFOSi/xqBOTQEvCPHq1IV0lWBSpEOijFBxeotFQk0BT/VyCg0O0p0ox0QZb3QvF0X5iLqAjkVYo9kujYpyjDofTaYkopwV5YyIuoQ6QHTBelQonYSawo31glFxRog1KsrTxtLhr0bkVBklwsSHgg0/SfHcXmwSUYZjpMllVDJCrJr4cpGWrligIspf8rOWSmkR1mj2QpympS1UHgmVGG2lCCbEOkxNsUozFXNzczQ7O0vT09M0MzOTlpSbN2nT99+nDx+//z7R7t3p45UrV6ZlxYoVtHr1aurv76cSSUQ5LkQ7T4EJ/q5lWjhBgYEgExMTNDU1Rc+fP0/FymPVgwf02u+/p4+n3n6bXmzYkPt7EA3irV+/ntatW5eKGZCKKD+IuvhCiFajgAQVTLzBMWra9SBApMePH6dCIZJagQpfvnw5rRwczJ4bFKIMCDEgbhaBErweyuTkZPo9BIRwW7ZsCSneCVEnQ0K04xSIIII1mvdWP1Cg9goCPRCRgkjSQWWuXbuWBoUwHCVqBb8Uf/O3fLxj504a2LMn+9n8/HwaoRDq2bNnWToFLODDhw/T19+0aRNt3ryZAjAq2/OjIe7ZvAWTYo1TswfdGbRJqCwUVKwKrnykrqGhIa+rHxGI1+JIAog+iIdIxleACwXl/v37tG3bthDCoU2viLoa9hXNS7BQYj169CitHLVdgilApaKgossCEYpoQmHx8F4Qefj+9u3boYRDHY37iuYbYafJQyykpzt37ixIfXz1I6Jio4qHiMsTbo9IsR5RjrpC0zFMjjgLJg3GYXLk3r17aQUwqIQdO3Z0RKg8ioS7cuVKGm3bt28nR6qi7k66GhEnwaR1d3KD+OBJkmRRFSv1ucLCQTRcZACPIaRHtMGITLpYfuuuKXlT7HSfhfbh2rVrmVhIf3v37k2v2G4USwXv8cCBA5lAiLYbN25kRsWBE7IurbASTNrTk+QAbDo+IDvArVu3plco2o2QzMsoAHPyBjoUeK/79+/P0iGLhs/myGlZp8ZYdU1hOIEcJr+o7RVS4K5du0prq56+8w79I0VbJip2w08/URngXhGpnS9Aj3atLlKjsQkxjjDZblXIElUspBOkwLLEevnbb5lYAI9fBo4yBp9h3759WYpU2zhLYEKMmxgjwWTYWrdbulhlpECVmR9/XPTci3PnqCzwWVTj4SFaTY4ZtsU0wsbJEuT1mGKh7coTDBHWcDcGbckTzbFNM/IGbQUTyo+QZSqEc7p79276OIZYAOkwD4j14rvvqEx00fDZHdwjUuNou19qKZjserJKhXyfBWAwYogFpr/5pvBnMz//TGXDovHtyU0xLqePEBhwQtZ5Ie0iDIpXyALYXO4ThBuMIZZuNnTmr18vzXyo4LNWKpXm/yncI7qzLIFYLTskCgWTRsNqRhAaXBYLFjdWN1Ne26VTpvlQwWfmkQCkRQcTMtoqylpF2AhZRBfCXzUZuC+JQZHZ0CnbfKjsFONw6MUBqBN0clvQMspaCWYVXUiFzB5l0LBsisyGTgzzoYLUyO0ZGzALCqMsVzBbZ4jxLDUVxmi3mFZmQyeG+WBQB2pqRB1ZALFyA6Yowqx64juRCkE7s6ETy3ww6C9V78/0kfQ25HYMLxJM3nEbD0qq0RVTLGDSdunEMh8AKRFjfAB1ZHlDjfuyqv5kXoQ5RxfGjWJhajZ0YpoPwNPoAOarWHJIfyJPsCoZ0snoMjUbOrHNB+C2DCkRvfwWjOhPLBBMhmCFDMGoK4gdXcDGbOjENB8AUcaO0TLK1utpUY+wQ2QI7rt45LgT0fWPW694SmzzAVTHaNlldVD9RhfM2GyoVwrn6Fi4tF2LXuPCBYoJHCPDmcmQqvpNJpi8UauSIdwbDbFi3ne5mg2d2fHxqOaDJ7ECnh5uSFW9iVYjzDi6ENI81z122+VqNnRS8xE5yjBzGaCryjItZtqogh0kQ9Sxntjp0Mds6Lwctx6X9ULtDLd0i2/wA6cI45Dm9Vax8DUbi15PGI+Y5kOtr3arcTSq/EAVrEKGcDhj9UhMQrRdOrORLT5nJMsR6dyUaBRhuPnjqwPLcmIRymzo4DVjmg++yNHhYNG3WOEHqWCmM3aAOrYzqCyeK5s8s9EnrlbMPUTpK2hL1d/J+73Y5kOtMxvjITTaha8cYcZDw+qSoJiC5ZmNFcPD6URRlI2//kr9r7++6HfwHP8OCv5GJ6b5UNt8y3asgn+Wqd+YoF4VsebDm5qNdWNjhZHW8vUjmg918YSlta/gHxZsyPSvOMJiukPTtgspb/CTT8iF2ciDm+n/WbCwvoA0C1qnRCbwqvtCbM3Gqg8+oP633iJbYpoPx8y0QDBjHObaeeHSs7Huq6+sU2NM88GCWUZYSulbF/ni0rPhmhpj93y40NWC2fZszCoV7pIaY/d8uNDVgtneKE+fO7egwl1SY+yeD1usBWOzYTkDyBrXno3nn3+emQekxtWWqTGm+XBx2iyY9b4R2AilTFyHUZBCp77+Ovs+72a6FTHMh4vZIKkRC2Y8ouZ4D2GNz0QZ/O2sh4Eo23w43ssuECwx/COfO3Vj5q5fT+dd+KCmRlvKNB9qU2J5L5vgH2vB1CGVsqIsxGRPiPVstO36uELKMh9q57llhKVZMBXMZvdM9aqwXJVhBCp6NlBKQpRMO4pflvlwHe3gww5Ul5iY/CHu0h1HTY3AnEHTisLvwWRwyQM33nN//pn9js1rl2E+eGogxLLoospOpujXnqyQARg1VberC4mN2UAktotGVPzke++RCzAfqz/8kELCEWaZDhN+oEZYnQxRR01DGo8QZiMkoc0HbzAGLFenZhGmCvYHGeIx+6clMVeWmBLSfHjMNqvzA1WwS2QIjAdHmeWkyEJCmo2QhDQfPOMX7ZdlSsyCKRNM7pJZJ0M4ynDVhOimsjEbMQllPtS1CJaTl+rqDqZ6X2KdDFFn/HrsZpYRewmQDSF6PtR0qM6zN2BB5tMF+4UMQVr0WKi2gG4zGzohzAcvfHRYi3Be/WaBYPIYQWMX4bFQbQHdaDZ0fMyHuvDRci1CIjRZEER5wytnyBCPhWoZoc3GcmXPQtue+lb4mA+PZcV1/Yk8waxaWHWhmkuUhTAbA2JkefDTT9O5iWu+/DJ7fvCzz9K5iGvFQKbLxBwVV/Phuaz4lP7Eok2akRYbjUadDNeKoQF98uRJ6oKwpTlytM2sIFezAZEGhodp1aFDLUeVMYi58t1308IbXqLiXbaXden58IiuS3mHpRbtqo2GrkoGQBxcOdjBjbc2MN1KFaPKNmbDVKQifMVj8zFgGK3q3lsO0TWW92SRYDjfsUaG8xV5f3ekRbRl+N5krGdaGRkuwlekIlzFg/kwEUzfe8vBbJzN+0GuYLhRkwcJ1MgQbCCCLc552zmT/aaKrHJZIhVhIx7MB6bQtXtfnntvnSn6QauDBtDgYQTQKMrQ3YKwx1WFSEN7hl3NikCFqEMisUUqop14bD5atWX6NoQOPfNni35YKJhLlOHNofuFUyOfSpQHrtRuEamIIvFamY+nT5/67r3V8ozolvvWy9Xr2KveajnS1atX09QIQ4Jtz/PaM1ypZYiE2VZ/f/xx+vi1b781Ngg2QLxlOcYK7RY3C457HSeivNnq9KOW8xLlH35BFuAN7pbnTuKNI5fnjZl1Y0SZUiSWevKF4/a5tXZHVbWdSCpeAGmxThYgFXL7xcddxF5EERMWi9stdUdSCwqdoYrpzF/ro5PQA6KfUbIURdPFwmfm3h9LjI7zMBJM3nHXyBL1PJKlKFqeWI77btVMZ64Zz60XL4i2rE6W6KKhUQ45raBTwA3iswQQK5F1a4TtYoij5DAPHx+E2zQ0ytiE3/GMkq4A95i3bt3KDAY+m6tYZHm8opVgMmyPkgPI6/oZJZcvX+6pFIn3el30ffJQEp984dhmgeM2k3iB9XIjeVx7jRyAc1JF4zMluz3asFIH7zHvdEGPvbZqLkffO52BiZwrb6qtJ6/zKXd5Z0oGOjM5KGirsO+8uo7Ao71ixmzaLRXnU2ZxSqrcQadKDuADowebnWPgM5O9yTutne8vPffYOu9z1L3vOc5HyOPgbY62ojOTIRwqKdYWE0WntXOfYIC9IXF75OQBGC/BZAcxXI7XaemtDrsGmMeHn5chHv4vRBOKGk0g8JHFEKuzR9sDRTScmn6YPFCFUxdboCK5MhGVSEkQD0M6eIyKNYEvBCxIQMFr5q1xK+G09rooR3zFAt6CAflGjuAEcHIwIjosHE85QMXyqg88h6JPEYeQKAPCIPA+THfF/dK0EBXprd3iQ4gPgTZu3Bg6ijFc4pUGVYIIxkgjAvFqFAAIoHYi88wsjhIVFnKVeJ4Fm5qephcFa9ggClIthMJevCW1kzVXN1hEUMGAtPyYvI9oq1AgIB5HHkDUQDRe8pRF0Nat2ZS2NSKtrZG/j7/nRRz4WvJOdLhoj7rcZ7XD6uBtG+QJfzAjFfpvUaemWAmVQGk74eANi/I/CpQeewSkwOGyxAKlRZjKfyDa6tTsFzReY+dKlL2mlGiDW0po6YC2alRGVeligSgRpiL7IHFG2Qj1bsRBKEydOBXi3sqG6IIxyrHDI9Q7wnVMqK4Ch6SKcrHRvYyLcqzR5hTzGHQswvJoNHv/kS6r1PmoQwSdoWbvuvHK1LLpKsFUhHg4vAd9k85DOA7UuXSTSCpdK5iKTEU44adKTQEr5DE6IEmo2YNel1//6IV2qScEK0KmUHQdVqg5nbyojZmQJaHmLKXb9IpXxOBfKqW3YKRX2kIAAAAASUVORK5CYII=", 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
+};