@qispace/vue3-player 0.4.22 → 0.4.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,7 +1,7 @@
1
1
  var Cn = Object.defineProperty;
2
2
  var Sn = (t, a, n) => a in t ? Cn(t, a, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[a] = n;
3
3
  var Ue = (t, a, n) => (Sn(t, typeof a != "symbol" ? a + "" : a, n), n);
4
- import { defineComponent as J, computed as D, resolveComponent as L, openBlock as u, createBlock as T, withCtx as v, createElementBlock as E, normalizeStyle as le, renderSlot as K, ref as y, unref as p, watch as H, onMounted as Re, onBeforeUnmount as ot, createElementVNode as e, toRefs as Ce, nextTick as $e, inject as Ie, createVNode as _, mergeProps as Ee, toDisplayString as W, createTextVNode as ae, Fragment as xe, renderList as Me, normalizeClass as me, pushScopeId as vt, popScopeId as mt, Transition as Ve, createCommentVNode as F, withDirectives as tt, vModelText as An, createStaticVNode as Yt, onBeforeUpdate as xn, withModifiers as In, provide as nt, vShow as it, reactive as Ln, watchEffect as Ft, normalizeProps as En, guardReactiveProps as Mn } from "vue";
4
+ import { defineComponent as J, computed as D, resolveComponent as L, openBlock as u, createBlock as T, withCtx as v, createElementBlock as E, normalizeStyle as le, renderSlot as K, ref as y, unref as p, watch as H, onMounted as Re, onBeforeUnmount as ot, createElementVNode as e, toRefs as Ce, nextTick as $e, inject as Ie, createVNode as _, mergeProps as Ee, toDisplayString as P, createTextVNode as ae, Fragment as xe, renderList as Me, normalizeClass as me, pushScopeId as vt, popScopeId as mt, Transition as Ve, createCommentVNode as F, withDirectives as tt, vModelText as An, createStaticVNode as Yt, onBeforeUpdate as xn, withModifiers as In, provide as nt, vShow as it, reactive as Ln, watchEffect as Ft, normalizeProps as En, guardReactiveProps as Mn } from "vue";
5
5
  import ut from "axios";
6
6
  import * as Fn from "@qispace/player-core";
7
7
  import { Vector3 as Ke, Object3D as Vn, MathUtils as Dn } from "three";
@@ -101,7 +101,7 @@ const Bn = /* @__PURE__ */ J({
101
101
  a({
102
102
  adjustZoom: se
103
103
  });
104
- const o = y(100), s = y(0), i = y(0), f = y(!1), h = y(!1), g = y(void 0), C = y(!1), w = y(), V = D(() => `translateX(${s.value}px) translateY(${i.value}px) scale(${S.value})`), S = D(() => o.value / 100), c = D(() => l.maxScale * 100);
104
+ const o = y(100), s = y(0), i = y(0), f = y(!1), h = y(!1), g = y(void 0), k = y(!1), C = y(), V = D(() => `translateX(${s.value}px) translateY(${i.value}px) scale(${S.value})`), S = D(() => o.value / 100), c = D(() => l.maxScale * 100);
105
105
  H(
106
106
  [S, s, i],
107
107
  () => {
@@ -116,19 +116,19 @@ const Bn = /* @__PURE__ */ J({
116
116
  ), H(
117
117
  () => l.mobile,
118
118
  () => {
119
- l.mobile ? k() : x();
119
+ l.mobile ? w() : x();
120
120
  }
121
121
  ), Re(() => {
122
- l.desktop && m(), l.mobile && k();
122
+ l.desktop && m(), l.mobile && w();
123
123
  }), ot(() => {
124
124
  l.desktop && A(), l.mobile && x();
125
125
  });
126
126
  function m() {
127
- w.value.addEventListener("wheel", $, {
127
+ C.value.addEventListener("wheel", $, {
128
128
  capture: !0
129
- }), w.value.addEventListener("mousedown", X, {
129
+ }), C.value.addEventListener("mousedown", X, {
130
130
  capture: !0
131
- }), w.value.addEventListener("mousemove", R, {
131
+ }), C.value.addEventListener("mousemove", R, {
132
132
  capture: !0
133
133
  }), window.addEventListener("mouseup", te, {
134
134
  capture: !0
@@ -136,10 +136,10 @@ const Bn = /* @__PURE__ */ J({
136
136
  capture: !0
137
137
  });
138
138
  }
139
- function k() {
140
- w.value.addEventListener("touchstart", Y, {
139
+ function w() {
140
+ C.value.addEventListener("touchstart", Y, {
141
141
  capture: !0
142
- }), w.value.addEventListener("touchmove", Se, {
142
+ }), C.value.addEventListener("touchmove", Se, {
143
143
  capture: !0
144
144
  }), window.addEventListener("touchend", ye, {
145
145
  capture: !0
@@ -148,11 +148,11 @@ const Bn = /* @__PURE__ */ J({
148
148
  });
149
149
  }
150
150
  function A() {
151
- w.value.removeEventListener("wheel", $, {
151
+ C.value.removeEventListener("wheel", $, {
152
152
  capture: !0
153
- }), w.value.removeEventListener("mousedown", X, {
153
+ }), C.value.removeEventListener("mousedown", X, {
154
154
  capture: !0
155
- }), w.value.removeEventListener("mousemove", R, {
155
+ }), C.value.removeEventListener("mousemove", R, {
156
156
  capture: !0
157
157
  }), window.removeEventListener("mouseup", te, {
158
158
  capture: !0
@@ -161,9 +161,9 @@ const Bn = /* @__PURE__ */ J({
161
161
  });
162
162
  }
163
163
  function x() {
164
- w.value.removeEventListener("touchstart", Y, {
164
+ C.value.removeEventListener("touchstart", Y, {
165
165
  capture: !0
166
- }), w.value.removeEventListener("touchmove", Se, {
166
+ }), C.value.removeEventListener("touchmove", Se, {
167
167
  capture: !0
168
168
  }), window.removeEventListener("touchend", ye, {
169
169
  capture: !0
@@ -176,7 +176,7 @@ const Bn = /* @__PURE__ */ J({
176
176
  se(-M.deltaY / 10, q, Q), M.preventDefault();
177
177
  }
178
178
  function X(M) {
179
- f.value = !0, C.value = !1, g.value = M;
179
+ f.value = !0, k.value = !1, g.value = M;
180
180
  }
181
181
  function R(M) {
182
182
  if (f.value) {
@@ -184,14 +184,14 @@ const Bn = /* @__PURE__ */ J({
184
184
  x: q - z,
185
185
  y: Q - oe
186
186
  };
187
- ie(Z.x), N(Z.y), C.value = !0, g.value = M;
187
+ ie(Z.x), N(Z.y), k.value = !0, g.value = M;
188
188
  }
189
189
  }
190
190
  function te(M) {
191
- f.value && C.value && l.consumeMouseUpWhenMoved && (M.preventDefault(), M.stopImmediatePropagation());
191
+ f.value && k.value && l.consumeMouseUpWhenMoved && (M.preventDefault(), M.stopImmediatePropagation());
192
192
  }
193
193
  function de(M) {
194
- f.value && (C.value && l.consumeMouseClickWhenMoved && (M.preventDefault(), M.stopImmediatePropagation()), f.value = !1);
194
+ f.value && (k.value && l.consumeMouseClickWhenMoved && (M.preventDefault(), M.stopImmediatePropagation()), f.value = !1);
195
195
  }
196
196
  function Y(M) {
197
197
  f.value = M.touches.length === 1, h.value = M.touches.length === 2, g.value = M;
@@ -208,9 +208,9 @@ const Bn = /* @__PURE__ */ J({
208
208
  } else if (h.value && M.touches.length === 2) {
209
209
  const { x: q, y: Q } = O(M.touches[0]), { x: z, y: oe } = O(
210
210
  g.value.touches[0]
211
- ), { x: Z, y: re } = O(M.touches[1]), { x: P, y: pe } = O(
211
+ ), { x: Z, y: re } = O(M.touches[1]), { x: W, y: pe } = O(
212
212
  g.value.touches[1]
213
- ), he = Math.hypot(z - P, oe - pe), ve = Math.hypot(q - Z, Q - re), be = (Z + q) / 2, we = (re + Q) / 2;
213
+ ), he = Math.hypot(z - W, oe - pe), ve = Math.hypot(q - Z, Q - re), be = (Z + q) / 2, we = (re + Q) / 2;
214
214
  se(ve - he, be, we);
215
215
  }
216
216
  g.value = M;
@@ -219,30 +219,30 @@ const Bn = /* @__PURE__ */ J({
219
219
  f.value = !1, h.value = !1;
220
220
  }
221
221
  function O(M) {
222
- const { left: q, top: Q } = w.value.getBoundingClientRect();
222
+ const { left: q, top: Q } = C.value.getBoundingClientRect();
223
223
  return {
224
224
  x: M.clientX - q,
225
225
  y: M.clientY - Q
226
226
  };
227
227
  }
228
228
  function ie(M) {
229
- const q = w.value.clientWidth, Q = q * S.value;
229
+ const q = C.value.clientWidth, Q = q * S.value;
230
230
  s.value = Math.max(
231
231
  Math.min(0, s.value + M),
232
232
  -(Q - q)
233
233
  );
234
234
  }
235
235
  function N(M) {
236
- const q = w.value.clientHeight, Q = q * S.value;
236
+ const q = C.value.clientHeight, Q = q * S.value;
237
237
  i.value = Math.max(
238
238
  Math.min(0, i.value + M),
239
239
  -(Q - q)
240
240
  );
241
241
  }
242
242
  function se(M, q, Q) {
243
- const z = q !== void 0 ? q : w.value.clientWidth / 2, oe = Q !== void 0 ? Q : w.value.clientHeight / 2, Z = w.value.clientWidth, re = w.value.clientHeight, P = Z * S.value, pe = re * S.value;
243
+ const z = q !== void 0 ? q : C.value.clientWidth / 2, oe = Q !== void 0 ? Q : C.value.clientHeight / 2, Z = C.value.clientWidth, re = C.value.clientHeight, W = Z * S.value, pe = re * S.value;
244
244
  o.value = Math.min(Math.max(100, o.value + M), c.value);
245
- const he = Z * S.value, ve = re * S.value, be = he - P, we = ve - pe;
245
+ const he = Z * S.value, ve = re * S.value, be = he - W, we = ve - pe;
246
246
  s.value -= z / Z * be, i.value -= oe / re * we, ie(0), N(0);
247
247
  }
248
248
  function U() {
@@ -254,14 +254,14 @@ const Bn = /* @__PURE__ */ J({
254
254
  min: 100,
255
255
  max: c.value,
256
256
  resolve: (M, q) => {
257
- const Q = w.value.clientWidth, z = w.value.clientHeight, oe = s.value / -S.value, Z = i.value / -S.value, re = oe + Q / S.value, P = Z + z / S.value, pe = M / Q * (re - oe) + oe, he = q / z * (P - Z) + Z;
257
+ const Q = C.value.clientWidth, z = C.value.clientHeight, oe = s.value / -S.value, Z = i.value / -S.value, re = oe + Q / S.value, W = Z + z / S.value, pe = M / Q * (re - oe) + oe, he = q / z * (W - Z) + Z;
258
258
  return { x: pe, y: he };
259
259
  }
260
260
  });
261
261
  }
262
262
  return (M, q) => (u(), E("div", {
263
263
  ref_key: "box",
264
- ref: w,
264
+ ref: C,
265
265
  class: "zoom-box-container",
266
266
  style: le({ position: l.position })
267
267
  }, [
@@ -282,10 +282,10 @@ var Un = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? fun
282
282
  return typeof t;
283
283
  } : function(t) {
284
284
  return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
285
- }, zn = typeof window < "u" && typeof window.document < "u", jn = typeof process < "u" && process.versions != null && process.versions.node != null, Pn = (typeof self > "u" ? "undefined" : Un(self)) === "object" && self.constructor && self.constructor.name === "DedicatedWorkerGlobalScope", Wn = typeof window < "u" && window.name === "nodejs" || typeof navigator < "u" && (navigator.userAgent.includes("Node.js") || navigator.userAgent.includes("jsdom")), Nn = typeof Deno < "u" && typeof Deno.version < "u" && typeof Deno.version.deno < "u", Qn = qe.isBrowser = zn;
286
- qe.isWebWorker = Pn;
285
+ }, zn = typeof window < "u" && typeof window.document < "u", jn = typeof process < "u" && process.versions != null && process.versions.node != null, Wn = (typeof self > "u" ? "undefined" : Un(self)) === "object" && self.constructor && self.constructor.name === "DedicatedWorkerGlobalScope", Pn = typeof window < "u" && window.name === "nodejs" || typeof navigator < "u" && (navigator.userAgent.includes("Node.js") || navigator.userAgent.includes("jsdom")), Nn = typeof Deno < "u" && typeof Deno.version < "u" && typeof Deno.version.deno < "u", Qn = qe.isBrowser = zn;
286
+ qe.isWebWorker = Wn;
287
287
  qe.isNode = jn;
288
- qe.isJsDom = Wn;
288
+ qe.isJsDom = Pn;
289
289
  qe.isDeno = Nn;
290
290
  function _e(t, a) {
291
291
  return typeof t == "string" ? `${t}${a}` : t(a);
@@ -332,7 +332,7 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
332
332
  const l = Fn.PlayerV2;
333
333
  a({
334
334
  updateFrontendMarkers: (x) => {
335
- w.value && m.value ? w.value.updateFrontendMarkers(x) : console.warn(
335
+ C.value && m.value ? C.value.updateFrontendMarkers(x) : console.warn(
336
336
  "Player API not initialized or not available. Cannot update frontend markers."
337
337
  );
338
338
  }
@@ -344,59 +344,62 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
344
344
  currentCameraId: f,
345
345
  showStaticImage: h,
346
346
  mouseSensitivity: g
347
- } = Ce(r), C = n, w = y(), V = y(f.value), S = y(0), c = y(0), m = y(!1);
347
+ } = Ce(r), k = n, C = y(), V = y(f.value), S = y(0), c = y(0), m = y(!1);
348
348
  H(f, () => {
349
349
  V.value = f.value;
350
350
  }), H([s, i], async () => {
351
- w.value && (w.value.updateSettings({ ACTIVE_TONEMAPPER: "AgXTonemap" }), await w.value.loadInterior(
351
+ C.value && await C.value.loadInterior(
352
352
  (x) => _e(
353
353
  o.value,
354
354
  `/${s.value}/${i.value}${x}`
355
355
  ),
356
356
  V.value,
357
- !1
358
- ));
357
+ !1,
358
+ () => {
359
+ C.value.updateSettings({ ACTIVE_TONEMAPPER: "AgXTonemap" });
360
+ }
361
+ );
359
362
  }), H(
360
363
  V,
361
364
  () => {
362
- w.value && (w.value.updateSettings({ ACTIVE_TONEMAPPER: "AgXTonemap" }), w.value.goToCamera(V.value, !0)), C("newCameraCallback", V.value);
365
+ C.value && C.value.goToCamera(V.value, !0), k("newCameraCallback", V.value);
363
366
  },
364
367
  { immediate: !0 }
365
368
  ), H(
366
369
  [o],
367
370
  async () => {
368
371
  await A(), $e(async () => {
369
- await k();
372
+ await w();
370
373
  });
371
374
  },
372
375
  { immediate: !0, deep: !0 }
373
- ), H(w, () => {
374
- if (w.value) {
375
- C("playerApiCallback", w.value);
376
- const x = w.value.getCurrentCamera();
377
- x && (V.value = x.id, C("sunsimCallback", x.sunsimDayOfYear));
376
+ ), H(C, () => {
377
+ if (C.value) {
378
+ k("playerApiCallback", C.value);
379
+ const x = C.value.getCurrentCamera();
380
+ x && (V.value = x.id, k("sunsimCallback", x.sunsimDayOfYear));
378
381
  }
379
382
  });
380
- async function k() {
383
+ async function w() {
381
384
  A();
382
385
  const te = {
383
386
  initialized: () => {
384
- w.value = l.Main.getPlayerAPI();
385
- const Y = w.value.getCurrentCamera();
387
+ C.value = l.Main.getPlayerAPI();
388
+ const Y = C.value.getCurrentCamera();
386
389
  Y && (V.value = Y.id), m.value = !0;
387
390
  },
388
391
  newCamera: (Y) => {
389
- C("newFloorCallback", Y.floorLevel), C("sunsimCallback", Y.sunsimDayOfYear), w.value && w.value.resetMarkerBehaviour(0), V.value = Y.id;
392
+ k("newFloorCallback", Y.floorLevel), k("sunsimCallback", Y.sunsimDayOfYear), C.value && C.value.resetMarkerBehaviour(0), V.value = Y.id;
390
393
  },
391
394
  newFOV: (Y) => {
392
- C("newFovCallback", Y), c.value = Y;
395
+ k("newFovCallback", Y), c.value = Y;
393
396
  },
394
397
  newRotation: (Y) => {
395
398
  const Se = Y + 0;
396
- C("newRotationCallback", Se), S.value = Se;
399
+ k("newRotationCallback", Se), S.value = Se;
397
400
  },
398
401
  onFrontendMarkersUpdate: (Y) => {
399
- C("frontendMarkersUpdate", Y);
402
+ k("frontendMarkersUpdate", Y);
400
403
  }
401
404
  };
402
405
  if (!Qn)
@@ -414,10 +417,10 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
414
417
  de && (de.handleWindowResize(), window.addEventListener(
415
418
  "resize",
416
419
  de.handleWindowResize.bind(de)
417
- ), de.animate(), w.value = l.Main.getPlayerAPI(), w.value && w.value.setLookSensitivity(g.value));
420
+ ), de.animate(), C.value = l.Main.getPlayerAPI(), C.value && C.value.setLookSensitivity(g.value));
418
421
  }
419
422
  async function A() {
420
- w.value && (w.value.updateSettings({ ACTIVE_TONEMAPPER: "AgXTonemap" }), await w.value.destroy(), w.value = void 0);
423
+ C.value && (await C.value.destroy(), C.value = void 0);
421
424
  }
422
425
  return ot(() => {
423
426
  A();
@@ -460,7 +463,7 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
460
463
  ])
461
464
  ]));
462
465
  }
463
- }), ro = /* @__PURE__ */ ne(so, [["__scopeId", "data-v-78638f36"]]), De = Symbol(), io = {
466
+ }), ro = /* @__PURE__ */ ne(so, [["__scopeId", "data-v-0faf1380"]]), De = Symbol(), io = {
464
467
  style: { width: "24px", height: "24px" },
465
468
  viewBox: "0 0 18 16",
466
469
  xmlns: "http://www.w3.org/2000/svg"
@@ -480,14 +483,14 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
480
483
  const g = n.level + 1;
481
484
  g >= o.value.length ? l("level", o.value[0]) : l("level", o.value[g]);
482
485
  }
483
- return (g, C) => {
484
- const w = L("v-btn"), V = L("v-tooltip");
486
+ return (g, k) => {
487
+ const C = L("v-btn"), V = L("v-tooltip");
485
488
  return u(), T(V, {
486
489
  right: "",
487
490
  attach: ""
488
491
  }, {
489
492
  activator: v(({ props: S }) => [
490
- _(w, Ee({
493
+ _(C, Ee({
491
494
  style: { cursor: "pointer" },
492
495
  density: "comfortable",
493
496
  elevation: "1",
@@ -515,7 +518,7 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
515
518
  }, 1040)
516
519
  ]),
517
520
  default: v(() => [
518
- e("span", vo, W(p(r).getLabel(s.value)) + " " + W(p(r).getLabel("floor")), 1)
521
+ e("span", vo, P(p(r).getLabel(s.value)) + " " + P(p(r).getLabel("floor")), 1)
519
522
  ]),
520
523
  _: 1
521
524
  });
@@ -541,8 +544,8 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
541
544
  elevation: "0",
542
545
  attach: ""
543
546
  }, {
544
- activator: v(({ props: C }) => [
545
- _(f, Ee({ rounded: "" }, C, { class: "text-capitalize" }), {
547
+ activator: v(({ props: k }) => [
548
+ _(f, Ee({ rounded: "" }, k, { class: "text-capitalize" }), {
546
549
  default: v(() => [
547
550
  _(i, null, {
548
551
  default: v(() => [
@@ -550,18 +553,18 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
550
553
  ]),
551
554
  _: 1
552
555
  }),
553
- e("span", fo, W(p(r).getLabel("interior")), 1)
556
+ e("span", fo, P(p(r).getLabel("interior")), 1)
554
557
  ]),
555
558
  _: 2
556
559
  }, 1040)
557
560
  ]),
558
561
  default: v(() => [
559
562
  e("div", ho, [
560
- (u(!0), E(xe, null, Me(n.availableArchetypes, (C, w) => (u(), E("div", {
561
- key: `at-menuitem-${w}`,
562
- onClick: (V) => l("selectInterior", C.archetypeID),
563
+ (u(!0), E(xe, null, Me(n.availableArchetypes, (k, C) => (u(), E("div", {
564
+ key: `at-menuitem-${C}`,
565
+ onClick: (V) => l("selectInterior", k.archetypeID),
563
566
  class: me(["interior-selector-list-item", {
564
- active: w === o.selectedIndex
567
+ active: C === o.selectedIndex
565
568
  }])
566
569
  }, [
567
570
  e("div", yo, [
@@ -570,11 +573,11 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
570
573
  width: "100",
571
574
  "max-width": "100",
572
575
  height: "66",
573
- src: C.url,
576
+ src: k.url,
574
577
  class: "pa-0 ma-0"
575
578
  }, null, 8, ["src"])
576
579
  ]),
577
- e("div", bo, W(p(r).get(C.title)), 1)
580
+ e("div", bo, P(p(r).get(k.title)), 1)
578
581
  ])
579
582
  ], 10, go))), 128))
580
583
  ])
@@ -630,7 +633,7 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
630
633
  "aspect-ratio": "1"
631
634
  }, null, 8, ["src"])
632
635
  ]),
633
- e("div", Eo, W(n.value), 1)
636
+ e("div", Eo, P(n.value), 1)
634
637
  ]);
635
638
  };
636
639
  }
@@ -661,13 +664,13 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
661
664
  return (s, i) => {
662
665
  const f = L("v-icon"), h = L("v-btn"), g = L("v-tooltip");
663
666
  return u(), T(g, { location: "top" }, {
664
- activator: v(({ props: C }) => [
667
+ activator: v(({ props: k }) => [
665
668
  _(h, Ee({
666
669
  density: "comfortable",
667
670
  elevation: "1",
668
671
  icon: "",
669
- onClick: i[0] || (i[0] = (w) => l("toggle"))
670
- }, C), {
672
+ onClick: i[0] || (i[0] = (C) => l("toggle"))
673
+ }, k), {
671
674
  default: v(() => [
672
675
  o.value === "virtualTour" ? (u(), E("svg", Vo, Oo)) : (u(), T(f, { key: 1 }, {
673
676
  default: v(() => [
@@ -680,7 +683,7 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
680
683
  }, 1040)
681
684
  ]),
682
685
  default: v(() => [
683
- e("span", null, W(p(r).getLabel(o.value)), 1)
686
+ e("span", null, P(p(r).getLabel(o.value)), 1)
684
687
  ]),
685
688
  _: 1
686
689
  });
@@ -736,7 +739,7 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
736
739
  "stroke-width": "1.5"
737
740
  })
738
741
  ])
739
- ], -1)), jo = { class: "text-div text-center text mt-2" }, Po = { class: "box col d-flex flex-column align-bottom justify-center" }, Wo = /* @__PURE__ */ ze(() => /* @__PURE__ */ e("div", { class: "tutorial-icon justify-center" }, [
742
+ ], -1)), jo = { class: "text-div text-center text mt-2" }, Wo = { class: "box col d-flex flex-column align-bottom justify-center" }, Po = /* @__PURE__ */ ze(() => /* @__PURE__ */ e("div", { class: "tutorial-icon justify-center" }, [
740
743
  /* @__PURE__ */ e("svg", {
741
744
  width: "50",
742
745
  height: "32.5",
@@ -1227,7 +1230,7 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
1227
1230
  n("closeTutorial", r.value);
1228
1231
  }
1229
1232
  return (f, h) => {
1230
- const g = L("v-icon"), C = L("v-card-title"), w = L("v-btn"), V = L("v-divider"), S = L("v-card-text"), c = L("v-card-actions"), m = L("v-card"), k = L("v-expand-transition"), A = L("v-checkbox");
1233
+ const g = L("v-icon"), k = L("v-card-title"), C = L("v-btn"), V = L("v-divider"), S = L("v-card-text"), c = L("v-card-actions"), m = L("v-card"), w = L("v-expand-transition"), A = L("v-checkbox");
1231
1234
  return u(), T(Ve, { name: "fade-transition" }, {
1232
1235
  default: v(() => [
1233
1236
  _(m, {
@@ -1235,7 +1238,7 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
1235
1238
  elevation: "16"
1236
1239
  }, {
1237
1240
  default: v(() => [
1238
- _(C, { class: "text-capitalize" }, {
1241
+ _(k, { class: "text-capitalize" }, {
1239
1242
  default: v(() => [
1240
1243
  _(g, { size: "x-small" }, {
1241
1244
  default: v(() => [
@@ -1243,21 +1246,21 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
1243
1246
  ]),
1244
1247
  _: 1
1245
1248
  }),
1246
- ae(" " + W(p(l).getLabel("disclaimer")), 1)
1249
+ ae(" " + P(p(l).getLabel("disclaimer")), 1)
1247
1250
  ]),
1248
1251
  _: 1
1249
1252
  }),
1250
1253
  _(S, { class: "pb-0" }, {
1251
1254
  default: v(() => [
1252
- e("p", null, W(p(l).getLabel("disclaimerTextShort")), 1),
1253
- _(w, {
1255
+ e("p", null, P(p(l).getLabel("disclaimerTextShort")), 1),
1256
+ _(C, {
1254
1257
  variant: "tonal",
1255
1258
  size: "small",
1256
1259
  onClick: h[0] || (h[0] = (x) => o.value = !0),
1257
1260
  class: "text-capitalize mt-2"
1258
1261
  }, {
1259
1262
  default: v(() => [
1260
- ae(W(p(l).getLabel("learnMore")) + " ", 1),
1263
+ ae(P(p(l).getLabel("learnMore")) + " ", 1),
1261
1264
  _(g, null, {
1262
1265
  default: v(() => [
1263
1266
  ae("mdi-chevron-right")
@@ -1272,41 +1275,41 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
1272
1275
  e("div", Ho, [
1273
1276
  e("div", Uo, [
1274
1277
  zo,
1275
- e("div", jo, W(p(l).getLabel("clickAndDragToLookAround")), 1)
1278
+ e("div", jo, P(p(l).getLabel("clickAndDragToLookAround")), 1)
1276
1279
  ]),
1277
- e("div", Po, [
1278
- Wo,
1279
- e("div", No, W(p(l).getLabel("clickOnTheCirclesToMoveAround")), 1)
1280
+ e("div", Wo, [
1281
+ Po,
1282
+ e("div", No, P(p(l).getLabel("clickOnTheCirclesToMoveAround")), 1)
1280
1283
  ]),
1281
1284
  e("div", Qo, [
1282
1285
  Zo,
1283
- e("div", qo, W(p(l).getLabel("useTheMouseWheelToZoom")), 1)
1286
+ e("div", qo, P(p(l).getLabel("useTheMouseWheelToZoom")), 1)
1284
1287
  ]),
1285
1288
  e("div", Jo, [
1286
1289
  Xo,
1287
- e("div", Go, W(p(l).getLabel("youCanAlsoUseTheArrowKeysToMoveAround")), 1)
1290
+ e("div", Go, P(p(l).getLabel("youCanAlsoUseTheArrowKeysToMoveAround")), 1)
1288
1291
  ])
1289
1292
  ])
1290
1293
  ])),
1291
1294
  s.value ? (u(), E("div", Ko, [
1292
1295
  e("div", ea, [
1293
1296
  ta,
1294
- e("div", na, W(p(l).getLabel("tapAndDragToLookAround")), 1)
1297
+ e("div", na, P(p(l).getLabel("tapAndDragToLookAround")), 1)
1295
1298
  ]),
1296
1299
  e("div", oa, [
1297
1300
  aa,
1298
- e("div", la, W(p(l).getLabel("tapOnTheCirclesToMoveAround")), 1)
1301
+ e("div", la, P(p(l).getLabel("tapOnTheCirclesToMoveAround")), 1)
1299
1302
  ]),
1300
1303
  e("div", sa, [
1301
1304
  ra,
1302
- e("div", ia, W(p(l).getLabel("useTwoFingersToZoom")), 1)
1305
+ e("div", ia, P(p(l).getLabel("useTwoFingersToZoom")), 1)
1303
1306
  ])
1304
1307
  ])) : F("", !0),
1305
1308
  _(V, { class: "my-1" })
1306
1309
  ]),
1307
1310
  _: 1
1308
1311
  }),
1309
- _(k, null, {
1312
+ _(w, null, {
1310
1313
  default: v(() => [
1311
1314
  o.value ? (u(), T(m, {
1312
1315
  key: 0,
@@ -1324,15 +1327,15 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
1324
1327
  ]),
1325
1328
  _: 1
1326
1329
  }),
1327
- ae(" " + W(p(l).getLabel("disclaimer")), 1)
1330
+ ae(" " + P(p(l).getLabel("disclaimer")), 1)
1328
1331
  ]),
1329
- e("p", ca, W(p(l).getLabel("disclaimerText")), 1)
1332
+ e("p", ca, P(p(l).getLabel("disclaimerText")), 1)
1330
1333
  ]),
1331
1334
  _: 1
1332
1335
  }),
1333
1336
  _(c, null, {
1334
1337
  default: v(() => [
1335
- _(w, {
1338
+ _(C, {
1336
1339
  variant: "tonal",
1337
1340
  size: "small",
1338
1341
  onClick: h[1] || (h[1] = (x) => o.value = !1),
@@ -1345,7 +1348,7 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
1345
1348
  ]),
1346
1349
  _: 1
1347
1350
  }),
1348
- ae(" " + W(p(l).getLabel("back")), 1)
1351
+ ae(" " + P(p(l).getLabel("back")), 1)
1349
1352
  ]),
1350
1353
  _: 1
1351
1354
  })
@@ -1366,20 +1369,20 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
1366
1369
  "hide-details": ""
1367
1370
  }, {
1368
1371
  label: v(() => [
1369
- e("span", va, W(p(l).getLabel("dontShowAgain")), 1)
1372
+ e("span", va, P(p(l).getLabel("dontShowAgain")), 1)
1370
1373
  ]),
1371
1374
  _: 1
1372
1375
  }, 8, ["modelValue"])
1373
1376
  ]),
1374
1377
  _(c, null, {
1375
1378
  default: v(() => [
1376
- _(w, {
1379
+ _(C, {
1377
1380
  variant: "tonal",
1378
1381
  onClick: h[3] || (h[3] = (x) => i()),
1379
1382
  block: ""
1380
1383
  }, {
1381
1384
  default: v(() => [
1382
- ae(W(p(l).getLabel("iUnderstand")), 1)
1385
+ ae(P(p(l).getLabel("iUnderstand")), 1)
1383
1386
  ]),
1384
1387
  _: 1
1385
1388
  })
@@ -1445,15 +1448,15 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
1445
1448
  r.value = V(), l("updateSettings", o.value);
1446
1449
  }
1447
1450
  function g(S) {
1448
- const c = parseInt(S.substr(1, 2), 16) / 255, m = parseInt(S.substr(3, 2), 16) / 255, k = parseInt(S.substr(5, 2), 16) / 255;
1449
- return [c, m, k];
1451
+ const c = parseInt(S.substr(1, 2), 16) / 255, m = parseInt(S.substr(3, 2), 16) / 255, w = parseInt(S.substr(5, 2), 16) / 255;
1452
+ return [c, m, w];
1450
1453
  }
1451
- function C(S) {
1454
+ function k(S) {
1452
1455
  var c = S.toString(16);
1453
1456
  return c.length == 1 ? "0" + c : c;
1454
1457
  }
1455
- function w([S, c, m]) {
1456
- return "#" + C(parseInt((S * 255).toString())) + C(parseInt((c * 255).toString())) + C(parseInt((m * 255).toString()));
1458
+ function C([S, c, m]) {
1459
+ return "#" + k(parseInt((S * 255).toString())) + k(parseInt((c * 255).toString())) + k(parseInt((m * 255).toString()));
1457
1460
  }
1458
1461
  function V(S = {}) {
1459
1462
  const c = [
@@ -1538,21 +1541,21 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
1538
1541
  whitePoint: {
1539
1542
  label: "White Point",
1540
1543
  type: "color",
1541
- value: w(m.whitePoint)
1544
+ value: C(m.whitePoint)
1542
1545
  },
1543
1546
  lut: {
1544
1547
  label: "Lut",
1545
1548
  type: "lut",
1546
- items: c.map((k) => ({
1547
- text: k,
1548
- value: `https://cdn.visuado.com/luts/${k}.png`
1549
+ items: c.map((w) => ({
1550
+ text: w,
1551
+ value: `https://cdn.visuado.com/luts/${w}.png`
1549
1552
  })),
1550
1553
  value: m.lut
1551
1554
  }
1552
1555
  };
1553
1556
  }
1554
1557
  return (S, c) => {
1555
- const m = L("v-text-field"), k = L("v-slider"), A = L("v-checkbox"), x = L("v-btn"), $ = L("v-select"), X = L("v-icon");
1558
+ const m = L("v-text-field"), w = L("v-slider"), A = L("v-checkbox"), x = L("v-btn"), $ = L("v-select"), X = L("v-icon");
1556
1559
  return u(), E("div", ha, [
1557
1560
  e("form", ga, [
1558
1561
  e("div", ya, [
@@ -1560,7 +1563,7 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
1560
1563
  key: de,
1561
1564
  "d-block": ""
1562
1565
  }, [
1563
- R.type === "slider" ? (u(), T(k, {
1566
+ R.type === "slider" ? (u(), T(w, {
1564
1567
  key: 0,
1565
1568
  modelValue: r.value[te].value,
1566
1569
  "onUpdate:modelValue": (Y) => r.value[te].value = Y,
@@ -1570,7 +1573,7 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
1570
1573
  step: R.step
1571
1574
  }, {
1572
1575
  prepend: v(() => [
1573
- e("div", _a, W(R.label), 1)
1576
+ e("div", _a, P(R.label), 1)
1574
1577
  ]),
1575
1578
  append: v(() => [
1576
1579
  e("div", null, [
@@ -1598,10 +1601,10 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
1598
1601
  onChange: s
1599
1602
  }, {
1600
1603
  prepend: v(() => [
1601
- e("div", ba, W(R.label), 1)
1604
+ e("div", ba, P(R.label), 1)
1602
1605
  ]),
1603
1606
  append: v(() => [
1604
- e("div", null, W(R.value), 1)
1607
+ e("div", null, P(R.value), 1)
1605
1608
  ]),
1606
1609
  _: 2
1607
1610
  }, 1032, ["modelValue", "onUpdate:modelValue"])) : F("", !0),
@@ -1612,7 +1615,7 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
1612
1615
  min: R.min,
1613
1616
  step: R.step
1614
1617
  }, [
1615
- e("div", ka, W(R.label), 1),
1618
+ e("div", ka, P(R.label), 1),
1616
1619
  e("div", Ca, [
1617
1620
  tt(e("input", {
1618
1621
  "onUpdate:modelValue": (Y) => r.value[te].value = Y,
@@ -1638,7 +1641,7 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
1638
1641
  ], 8, wa)) : F("", !0),
1639
1642
  R.type === "lut" ? (u(), E("div", Aa, [
1640
1643
  e("div", xa, [
1641
- e("div", Ia, W(R.label), 1),
1644
+ e("div", Ia, P(R.label), 1),
1642
1645
  e("div", null, [
1643
1646
  _(x, {
1644
1647
  class: "ml-2",
@@ -1755,18 +1758,18 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
1755
1758
  const i = document.getElementsByClassName("anchor");
1756
1759
  for (let c = 0; c < i.length; c++) {
1757
1760
  const m = i[c];
1758
- m.addEventListener("touchstart", w, { passive: !1 }), m.addEventListener("touchend", S, { passive: !1 }), m.addEventListener("mousedown", w, { passive: !1 }), m.addEventListener("mouseup", S, { passive: !1 });
1761
+ m.addEventListener("touchstart", C, { passive: !1 }), m.addEventListener("touchend", S, { passive: !1 }), m.addEventListener("mousedown", C, { passive: !1 }), m.addEventListener("mouseup", S, { passive: !1 });
1759
1762
  }
1760
- let f = 0, h = 0, g = 0, C = 0;
1761
- function w(c) {
1763
+ let f = 0, h = 0, g = 0, k = 0;
1764
+ function C(c) {
1762
1765
  c = c || window.event, c.preventDefault();
1763
1766
  let m = c;
1764
- c.type === "touchstart" && (m = c.touches[0]), g = m.clientX, C = m.clientY, document.addEventListener("mouseup", S, { passive: !1 }), document.addEventListener("touchend", S, { passive: !1 }), document.addEventListener("mousemove", V, { passive: !1 }), document.addEventListener("touchmove", V, { passive: !1 });
1767
+ c.type === "touchstart" && (m = c.touches[0]), g = m.clientX, k = m.clientY, document.addEventListener("mouseup", S, { passive: !1 }), document.addEventListener("touchend", S, { passive: !1 }), document.addEventListener("mousemove", V, { passive: !1 }), document.addEventListener("touchmove", V, { passive: !1 });
1765
1768
  }
1766
1769
  function V(c) {
1767
1770
  c = c || window.event, c.preventDefault();
1768
1771
  let m = c;
1769
- c.type === "touchmove" && (m = c.touches[0]), f = g - m.clientX, h = C - m.clientY, g = m.clientX, C = m.clientY, s.style.top = s.offsetTop - h + "px", s.style.left = s.offsetLeft - f + "px";
1772
+ c.type === "touchmove" && (m = c.touches[0]), f = g - m.clientX, h = k - m.clientY, g = m.clientX, k = m.clientY, s.style.top = s.offsetTop - h + "px", s.style.left = s.offsetLeft - f + "px";
1770
1773
  }
1771
1774
  function S() {
1772
1775
  document.removeEventListener("mouseup", S, !1), document.removeEventListener("mousemove", V, !1), document.removeEventListener("touchend", S, !1), document.removeEventListener("touchmove", V, !1);
@@ -1797,8 +1800,8 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
1797
1800
  class: "rotation-marker-svg",
1798
1801
  viewBox: "0 0 40 40",
1799
1802
  xmlns: "http://www.w3.org/2000/svg"
1800
- }, za = /* @__PURE__ */ Yt('<defs><radialGradient id="Gradient" cx="0" cy="0" r="0.9" fx="0" fy="0"><stop offset="0%" class="stop1"></stop><stop offset="60%" class="stop2"></stop><stop offset="90%" class="stop3"></stop></radialGradient><linearGradient id="LineGradient" gradientTransform="rotate(90)"><stop offset="0%" class="stop1"></stop><stop offset="75%" class="stop2"></stop><stop offset="100%" class="stop3"></stop></linearGradient></defs>', 1), ja = ["transform"], Pa = /* @__PURE__ */ Yt('<rect id="field-of-view-gradient" x="20" y="20" width="38" height="38" transform="rotate(0)" transform-origin="20 20" fill="url(#Gradient)"></rect><rect class="field-of-view-border" x="20" y="20" width="1" height="25" fill="url(#LineGradient)" transform="rotate(0)" transform-origin="20 20"></rect><rect class="field-of-view-border" x="19" y="19" width="1" height="25" fill="url(#LineGradient)" transform="rotate(-90)" transform-origin="20 20"></rect><circle cx="20" cy="20" r="5" fill="white"></circle><circle cx="20" cy="20" r="3" fill="red"></circle>', 5), Wa = [
1801
- Pa
1803
+ }, za = /* @__PURE__ */ Yt('<defs><radialGradient id="Gradient" cx="0" cy="0" r="0.9" fx="0" fy="0"><stop offset="0%" class="stop1"></stop><stop offset="60%" class="stop2"></stop><stop offset="90%" class="stop3"></stop></radialGradient><linearGradient id="LineGradient" gradientTransform="rotate(90)"><stop offset="0%" class="stop1"></stop><stop offset="75%" class="stop2"></stop><stop offset="100%" class="stop3"></stop></linearGradient></defs>', 1), ja = ["transform"], Wa = /* @__PURE__ */ Yt('<rect id="field-of-view-gradient" x="20" y="20" width="38" height="38" transform="rotate(0)" transform-origin="20 20" fill="url(#Gradient)"></rect><rect class="field-of-view-border" x="20" y="20" width="1" height="25" fill="url(#LineGradient)" transform="rotate(0)" transform-origin="20 20"></rect><rect class="field-of-view-border" x="19" y="19" width="1" height="25" fill="url(#LineGradient)" transform="rotate(-90)" transform-origin="20 20"></rect><circle cx="20" cy="20" r="5" fill="white"></circle><circle cx="20" cy="20" r="3" fill="red"></circle>', 5), Pa = [
1804
+ Wa
1802
1805
  ], Na = /* @__PURE__ */ J({
1803
1806
  __name: "VRotationMarker",
1804
1807
  props: {
@@ -1810,7 +1813,7 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
1810
1813
  e("g", {
1811
1814
  "transform-origin": "20 20",
1812
1815
  transform: `rotate(${45 + a.rotation})`
1813
- }, Wa, 8, ja)
1816
+ }, Pa, 8, ja)
1814
1817
  ]));
1815
1818
  }
1816
1819
  }), Qa = { class: "minimap-wrapper" }, Za = { class: "minimap-container" }, qa = ["id"], Ja = /* @__PURE__ */ J({
@@ -1828,11 +1831,11 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
1828
1831
  },
1829
1832
  emits: ["goToCamera"],
1830
1833
  setup(t, { emit: a }) {
1831
- const n = t, l = a, r = y(512), o = y(384), s = y(512), i = y(384), f = y(new Ke()), h = y(new Vn()), g = y({}), C = y(1), w = y(), V = r.value / r.value, S = D(() => {
1834
+ const n = t, l = a, r = y(512), o = y(384), s = y(512), i = y(384), f = y(new Ke()), h = y(new Vn()), g = y({}), k = y(1), C = y(), V = r.value / r.value, S = D(() => {
1832
1835
  const N = n.containerWidth / n.containerHeight;
1833
1836
  let se;
1834
1837
  return N > V ? se = n.containerHeight / o.value : se = n.containerWidth / r.value, se;
1835
- }), c = D(() => n.allCameras), m = D(() => n.allCameras.find((N) => N.id === n.currentCamera)), k = D(() => n.rotation), A = D(() => new Ke(
1838
+ }), c = D(() => n.allCameras), m = D(() => n.allCameras.find((N) => N.id === n.currentCamera)), w = D(() => n.rotation), A = D(() => new Ke(
1836
1839
  n.storey.position.x,
1837
1840
  n.storey.position.y,
1838
1841
  n.storey.position.z
@@ -1855,11 +1858,11 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
1855
1858
  Re(() => {
1856
1859
  ye(), de(), O();
1857
1860
  const N = document.getElementById("moveableDiv");
1858
- N && (w.value = new ResizeObserver(O).observe(N));
1861
+ N && (C.value = new ResizeObserver(O).observe(N));
1859
1862
  }), xn(() => {
1860
1863
  ye(), de();
1861
1864
  }), ot(() => {
1862
- w.value && w.value.unobserve(document.getElementById("moveableDiv"));
1865
+ C.value && C.value.unobserve(document.getElementById("moveableDiv"));
1863
1866
  });
1864
1867
  function te(N) {
1865
1868
  return Dn.degToRad(N);
@@ -1895,21 +1898,21 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
1895
1898
  if (!N)
1896
1899
  return;
1897
1900
  const se = N.offsetHeight / 384 * 0.8, U = N.offsetWidth / 512 * 0.8;
1898
- N.offsetHeight > N.offsetWidth ? C.value = U * 0.5 : C.value = se * 0.9;
1901
+ N.offsetHeight > N.offsetWidth ? k.value = U * 0.5 : k.value = se * 0.9;
1899
1902
  }
1900
1903
  function ie(N) {
1901
1904
  const U = N.currentTarget.getBoundingClientRect(), M = N.clientX - U.left, q = N.clientY - U.top, Q = document.querySelectorAll(".single-camera-marker");
1902
1905
  let z = null, oe = 1 / 0;
1903
1906
  if (Q.forEach((Z) => {
1904
- const re = Z, P = re.getBoundingClientRect(), pe = P.left + P.width / 2 - U.left, he = P.top + P.height / 2 - U.top, ve = Math.sqrt(
1907
+ const re = Z, W = re.getBoundingClientRect(), pe = W.left + W.width / 2 - U.left, he = W.top + W.height / 2 - U.top, ve = Math.sqrt(
1905
1908
  (M - pe) ** 2 + (q - he) ** 2
1906
1909
  );
1907
1910
  ve < oe && (oe = ve, z = re);
1908
1911
  }), z) {
1909
- const Z = z.getBoundingClientRect(), re = Z.left + Z.width / 2, P = Z.top + Z.height / 2;
1912
+ const Z = z.getBoundingClientRect(), re = Z.left + Z.width / 2, W = Z.top + Z.height / 2;
1910
1913
  for (let he = 0; he < 3; he++) {
1911
1914
  const ve = document.createElement("div");
1912
- ve.className = "ripple-effect", ve.style.position = "fixed", ve.style.left = `${re}px`, ve.style.top = `${P}px`, ve.style.pointerEvents = "none", ve.style.animationDelay = `${he * 0.5}s`, document.body.appendChild(ve), setTimeout(() => {
1915
+ ve.className = "ripple-effect", ve.style.position = "fixed", ve.style.left = `${re}px`, ve.style.top = `${W}px`, ve.style.pointerEvents = "none", ve.style.animationDelay = `${he * 0.5}s`, document.body.appendChild(ve), setTimeout(() => {
1913
1916
  ve.remove();
1914
1917
  }, 500 + he * 500);
1915
1918
  }
@@ -1954,7 +1957,7 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
1954
1957
  m.value.id === U.id && n.rotation !== null ? (u(), T(Na, {
1955
1958
  key: 0,
1956
1959
  class: "rotation-marker-component-base rotation-marker-component",
1957
- rotation: k.value,
1960
+ rotation: w.value,
1958
1961
  style: le({ ...Y(U) })
1959
1962
  }, null, 8, ["rotation", "style"])) : F("", !0)
1960
1963
  ], !0)
@@ -1996,10 +1999,10 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
1996
1999
  },
1997
2000
  emits: ["setBackgroundImage"],
1998
2001
  setup(t, { emit: a }) {
1999
- const n = t, l = a, r = y((/* @__PURE__ */ new Date()).getHours()), o = y(!0), s = y(!0), i = y(""), f = y(/* @__PURE__ */ new Map()), h = D(() => n.minimapJson.storeys[n.level]), g = D(() => `${Math.floor(r.value).toString().padStart(2, "0")}:00`), C = D(() => {
2002
+ const n = t, l = a, r = y((/* @__PURE__ */ new Date()).getHours()), o = y(!0), s = y(!0), i = y(""), f = y(/* @__PURE__ */ new Map()), h = D(() => n.minimapJson.storeys[n.level]), g = D(() => `${Math.floor(r.value).toString().padStart(2, "0")}:00`), k = D(() => {
2000
2003
  if (h.value.sunsimFilesTimeStamps[r.value]) {
2001
- const k = h.value.sunsimFilesTimeStamps[r.value].split(" ");
2002
- return `${k[0]} ${k[1]}`;
2004
+ const w = h.value.sunsimFilesTimeStamps[r.value].split(" ");
2005
+ return `${w[0]} ${w[1]}`;
2003
2006
  }
2004
2007
  return "";
2005
2008
  });
@@ -2007,25 +2010,25 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
2007
2010
  i.value = await S(
2008
2011
  h.value.sunsimFiles[r.value]
2009
2012
  ), l("setBackgroundImage", i.value), s.value = !1;
2010
- const k = await V(n.minimapJson.storeys);
2011
- f.value = k, o.value = !1, l("setBackgroundImage", w(n.level, r.value));
2013
+ const w = await V(n.minimapJson.storeys);
2014
+ f.value = w, o.value = !1, l("setBackgroundImage", C(n.level, r.value));
2012
2015
  }), H(r, () => {
2013
- const k = w(n.level, r.value);
2014
- l("setBackgroundImage", k);
2016
+ const w = C(n.level, r.value);
2017
+ l("setBackgroundImage", w);
2015
2018
  }), H(
2016
2019
  () => n.level,
2017
2020
  () => {
2018
- l("setBackgroundImage", w(n.level, r.value));
2021
+ l("setBackgroundImage", C(n.level, r.value));
2019
2022
  },
2020
2023
  { immediate: !0 }
2021
2024
  );
2022
- function w(k, A) {
2023
- return f.value.get(`sunsim${k}_${A}`) ? f.value.get(`sunsim${k}_${A}`) : "";
2025
+ function C(w, A) {
2026
+ return f.value.get(`sunsim${w}_${A}`) ? f.value.get(`sunsim${w}_${A}`) : "";
2024
2027
  }
2025
- async function V(k) {
2028
+ async function V(w) {
2026
2029
  let A = /* @__PURE__ */ new Map();
2027
- for (let x = 0; x < k.length; x++) {
2028
- const $ = k[x].sunsimFiles;
2030
+ for (let x = 0; x < w.length; x++) {
2031
+ const $ = w[x].sunsimFiles;
2029
2032
  for (let X = 0; X < $.length; X++) {
2030
2033
  const R = $[X];
2031
2034
  try {
@@ -2038,28 +2041,28 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
2038
2041
  }
2039
2042
  return A;
2040
2043
  }
2041
- async function S(k) {
2044
+ async function S(w) {
2042
2045
  const x = await (await fetch(
2043
2046
  _e(
2044
2047
  n.cdnFileResolver,
2045
- `/${n.apartmentJson.type}/${n.apartmentJson.id}/minimap/${k}`
2048
+ `/${n.apartmentJson.type}/${n.apartmentJson.id}/minimap/${w}`
2046
2049
  )
2047
2050
  )).blob(), $ = await m(x);
2048
2051
  return c($);
2049
2052
  }
2050
- function c(k) {
2051
- return "data:image/jpeg;base64," + k;
2053
+ function c(w) {
2054
+ return "data:image/jpeg;base64," + w;
2052
2055
  }
2053
- async function m(k) {
2056
+ async function m(w) {
2054
2057
  return new Promise((A, x) => {
2055
2058
  const $ = new FileReader();
2056
2059
  $.onload = () => {
2057
2060
  const X = $.result.split(",")[1];
2058
2061
  A(X);
2059
- }, $.onerror = x, $.readAsDataURL(k);
2062
+ }, $.onerror = x, $.readAsDataURL(w);
2060
2063
  });
2061
2064
  }
2062
- return (k, A) => {
2065
+ return (w, A) => {
2063
2066
  const x = L("v-progress-linear"), $ = L("v-icon"), X = L("v-slider");
2064
2067
  return u(), E("div", Ga, [
2065
2068
  e("div", Ka, [
@@ -2092,11 +2095,11 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
2092
2095
  ]),
2093
2096
  _: 1
2094
2097
  }),
2095
- e("span", null, W(C.value), 1)
2098
+ e("span", null, P(k.value), 1)
2096
2099
  ])
2097
2100
  ]),
2098
2101
  "thumb-label": v(() => [
2099
- ae(W(g.value), 1)
2102
+ ae(P(g.value), 1)
2100
2103
  ]),
2101
2104
  _: 1
2102
2105
  }, 8, ["modelValue"]))
@@ -2134,16 +2137,16 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
2134
2137
  { immediate: !0, once: !0 }
2135
2138
  );
2136
2139
  const h = D(() => {
2137
- let k = 1;
2138
- return s.value !== 0 && (Math.abs(s.value) % 180 === 0 ? k = 1 : k = -1), V.value === "small" && (k = 0.6), k;
2140
+ let w = 1;
2141
+ return s.value !== 0 && (Math.abs(s.value) % 180 === 0 ? w = 1 : w = -1), V.value === "small" && (w = 0.6), w;
2139
2142
  });
2140
- function g(k) {
2141
- o.value = k;
2143
+ function g(w) {
2144
+ o.value = w;
2142
2145
  }
2143
- const C = ["big", "bigger", "small"];
2144
- function w() {
2145
- const A = (C.indexOf(V.value) + 1) % C.length;
2146
- V.value = C[A];
2146
+ const k = ["big", "bigger", "small"];
2147
+ function C() {
2148
+ const A = (k.indexOf(V.value) + 1) % k.length;
2149
+ V.value = k[A];
2147
2150
  }
2148
2151
  const V = y("big");
2149
2152
  function S() {
@@ -2152,10 +2155,10 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
2152
2155
  const c = () => {
2153
2156
  r("close");
2154
2157
  };
2155
- function m(k) {
2156
- r("goToCamera", k);
2158
+ function m(w) {
2159
+ r("goToCamera", w);
2157
2160
  }
2158
- return (k, A) => {
2161
+ return (w, A) => {
2159
2162
  const x = L("v-btn");
2160
2163
  return u(), T(Ha, {
2161
2164
  ref_key: "minimapMoveable",
@@ -2184,7 +2187,7 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
2184
2187
  class: "resize-icon ml-1",
2185
2188
  icon: "mdi-image-size-select-small",
2186
2189
  size: "x-small",
2187
- onClick: w,
2190
+ onClick: C,
2188
2191
  title: "Resize"
2189
2192
  })
2190
2193
  ])
@@ -2201,10 +2204,10 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
2201
2204
  e("div", il, [
2202
2205
  _(Ut, {
2203
2206
  "transform-angle": s.value,
2204
- "all-cameras": k.apartmentJson.cameras,
2207
+ "all-cameras": w.apartmentJson.cameras,
2205
2208
  "background-image": o.value,
2206
- rotation: k.rotation,
2207
- "current-camera": k.currentCamera,
2209
+ rotation: w.rotation,
2210
+ "current-camera": w.currentCamera,
2208
2211
  storey: i.value,
2209
2212
  containerWidth: n.value && n.value.bodyWidth || 512,
2210
2213
  containerHeight: n.value && n.value.bodyHeight || 384,
@@ -2255,10 +2258,10 @@ const cl = { class: "d-flex align-center" }, dl = { class: "d-block mr-1" }, vl
2255
2258
  },
2256
2259
  { immediate: !0 }
2257
2260
  ), (f, h) => {
2258
- const g = L("v-icon"), C = L("v-slider"), w = L("v-field"), V = L("v-btn");
2261
+ const g = L("v-icon"), k = L("v-slider"), C = L("v-field"), V = L("v-btn");
2259
2262
  return u(), E("div", cl, [
2260
2263
  e("div", dl, [
2261
- _(w, {
2264
+ _(C, {
2262
2265
  class: "ss-slider-field",
2263
2266
  style: {},
2264
2267
  variant: "solo-filled",
@@ -2266,7 +2269,7 @@ const cl = { class: "d-flex align-center" }, dl = { class: "d-block mr-1" }, vl
2266
2269
  flat: ""
2267
2270
  }, {
2268
2271
  default: v(() => [
2269
- p(l).timeSamples.length > 1 ? (u(), T(C, {
2272
+ p(l).timeSamples.length > 1 ? (u(), T(k, {
2270
2273
  key: 0,
2271
2274
  class: "pa-2 pr-2",
2272
2275
  modelValue: i.value,
@@ -2291,7 +2294,7 @@ const cl = { class: "d-flex align-center" }, dl = { class: "d-block mr-1" }, vl
2291
2294
  ]),
2292
2295
  _: 1
2293
2296
  }),
2294
- e("span", vl, W(p(ct)(i.value)), 1)
2297
+ e("span", vl, P(p(ct)(i.value)), 1)
2295
2298
  ]),
2296
2299
  _: 1
2297
2300
  }, 8, ["modelValue", "min", "max", "step", "disabled"])) : (u(), E(xe, { key: 1 }, [
@@ -2305,7 +2308,7 @@ const cl = { class: "d-flex align-center" }, dl = { class: "d-block mr-1" }, vl
2305
2308
  ]),
2306
2309
  _: 1
2307
2310
  }),
2308
- e("span", ml, W(p(ct)(i.value)), 1)
2311
+ e("span", ml, P(p(ct)(i.value)), 1)
2309
2312
  ], 64))
2310
2313
  ]),
2311
2314
  _: 1
@@ -2342,7 +2345,7 @@ const cl = { class: "d-flex align-center" }, dl = { class: "d-block mr-1" }, vl
2342
2345
  onClick: o[0] || (o[0] = (i) => n("toggleSunStudy"))
2343
2346
  }, {
2344
2347
  default: v(() => [
2345
- ae(W(p(l).getLabel("openSunStudy")), 1)
2348
+ ae(P(p(l).getLabel("openSunStudy")), 1)
2346
2349
  ]),
2347
2350
  _: 1
2348
2351
  })) : F("", !0);
@@ -2419,7 +2422,7 @@ const cl = { class: "d-flex align-center" }, dl = { class: "d-block mr-1" }, vl
2419
2422
  g(), l("goto", h);
2420
2423
  }
2421
2424
  return (h, g) => {
2422
- const C = L("v-btn"), w = L("v-img"), V = L("v-icon"), S = L("v-card"), c = L("v-slide-group-item"), m = L("v-slide-group");
2425
+ const k = L("v-btn"), C = L("v-img"), V = L("v-icon"), S = L("v-card"), c = L("v-slide-group-item"), m = L("v-slide-group");
2423
2426
  return u(), E("div", {
2424
2427
  class: me(["d-flex align-center justify-center", {
2425
2428
  mobileWaypointWrapper: s.value,
@@ -2430,7 +2433,7 @@ const cl = { class: "d-flex align-center" }, dl = { class: "d-block mr-1" }, vl
2430
2433
  K(h.$slots, "before", {}, void 0, !0),
2431
2434
  _(m, {
2432
2435
  modelValue: o.value,
2433
- "onUpdate:modelValue": g[2] || (g[2] = (k) => o.value = k),
2436
+ "onUpdate:modelValue": g[2] || (g[2] = (w) => o.value = w),
2434
2437
  class: me({ mobileWaypoint: s.value }),
2435
2438
  "active-class": "active-apt",
2436
2439
  "selected-class": "active-apt",
@@ -2439,28 +2442,28 @@ const cl = { class: "d-flex align-center" }, dl = { class: "d-block mr-1" }, vl
2439
2442
  mandatory: ""
2440
2443
  }, {
2441
2444
  prev: v(() => [
2442
- s.value ? F("", !0) : (u(), T(C, {
2445
+ s.value ? F("", !0) : (u(), T(k, {
2443
2446
  key: 0,
2444
2447
  class: me(["carousel-button", { mobile: s.value }]),
2445
2448
  icon: "mdi-chevron-left",
2446
2449
  varient: "tonal",
2447
2450
  size: "small",
2448
- onClick: g[0] || (g[0] = (k) => l("previous"))
2451
+ onClick: g[0] || (g[0] = (w) => l("previous"))
2449
2452
  }, null, 8, ["class"]))
2450
2453
  ]),
2451
2454
  next: v(() => [
2452
- s.value ? F("", !0) : (u(), T(C, {
2455
+ s.value ? F("", !0) : (u(), T(k, {
2453
2456
  key: 0,
2454
2457
  class: me(["carousel-button", { mobile: s.value }]),
2455
2458
  icon: "mdi-chevron-right",
2456
2459
  varient: "tonal",
2457
2460
  size: "small",
2458
- onClick: g[1] || (g[1] = (k) => l("next"))
2461
+ onClick: g[1] || (g[1] = (w) => l("next"))
2459
2462
  }, null, 8, ["class"]))
2460
2463
  ]),
2461
2464
  default: v(() => [
2462
- (u(!0), E(xe, null, Me(h.thumbnails, (k) => (u(), T(c, {
2463
- key: k.id
2465
+ (u(!0), E(xe, null, Me(h.thumbnails, (w) => (u(), T(c, {
2466
+ key: w.id
2464
2467
  }, {
2465
2468
  default: v(({ toggle: A, selectedClass: x }) => [
2466
2469
  _(S, {
@@ -2472,15 +2475,15 @@ const cl = { class: "d-flex align-center" }, dl = { class: "d-block mr-1" }, vl
2472
2475
  align: "center",
2473
2476
  justify: "center",
2474
2477
  style: { overflow: "hidden" },
2475
- onClick: ($) => f(k.id, A)
2478
+ onClick: ($) => f(w.id, A)
2476
2479
  }, {
2477
2480
  default: v(() => [
2478
- _(w, {
2481
+ _(C, {
2479
2482
  cover: "",
2480
2483
  "aspect-ratio": 1,
2481
- src: k.thumbnailUrl
2484
+ src: w.thumbnailUrl
2482
2485
  }, null, 8, ["src"]),
2483
- n.cameraHasSunStudy(k.id) ? (u(), E("div", gl, [
2486
+ n.cameraHasSunStudy(w.id) ? (u(), E("div", gl, [
2484
2487
  _(V, {
2485
2488
  class: "sun-icon",
2486
2489
  icon: "mdi-white-balance-sunny"
@@ -2531,9 +2534,9 @@ const cl = { class: "d-flex align-center" }, dl = { class: "d-block mr-1" }, vl
2531
2534
  navigator.clipboard.writeText(location.href);
2532
2535
  }
2533
2536
  return (f, h) => {
2534
- const g = L("v-btn"), C = L("v-tooltip"), w = L("v-toolbar-title"), V = L("v-spacer"), S = L("v-toolbar"), c = L("v-card-text"), m = L("v-card"), k = L("v-dialog");
2537
+ const g = L("v-btn"), k = L("v-tooltip"), C = L("v-toolbar-title"), V = L("v-spacer"), S = L("v-toolbar"), c = L("v-card-text"), m = L("v-card"), w = L("v-dialog");
2535
2538
  return u(), E("div", null, [
2536
- _(C, {
2539
+ _(k, {
2537
2540
  elevation: "2",
2538
2541
  top: "",
2539
2542
  attach: ""
@@ -2547,11 +2550,11 @@ const cl = { class: "d-flex align-center" }, dl = { class: "d-block mr-1" }, vl
2547
2550
  }, A), null, 16)
2548
2551
  ]),
2549
2552
  default: v(() => [
2550
- e("span", null, W(p(a).getLabel("share")), 1)
2553
+ e("span", null, P(p(a).getLabel("share")), 1)
2551
2554
  ]),
2552
2555
  _: 1
2553
2556
  }),
2554
- _(k, {
2557
+ _(w, {
2555
2558
  id: "share-box",
2556
2559
  width: "400",
2557
2560
  modelValue: n.value,
@@ -2567,9 +2570,9 @@ const cl = { class: "d-flex align-center" }, dl = { class: "d-block mr-1" }, vl
2567
2570
  icon: "mdi-close",
2568
2571
  onClick: h[1] || (h[1] = (A) => n.value = !1)
2569
2572
  }),
2570
- _(w, null, {
2573
+ _(C, null, {
2571
2574
  default: v(() => [
2572
- ae(W(p(a).getLabel("share")), 1)
2575
+ ae(P(p(a).getLabel("share")), 1)
2573
2576
  ]),
2574
2577
  _: 1
2575
2578
  }),
@@ -2580,7 +2583,7 @@ const cl = { class: "d-flex align-center" }, dl = { class: "d-block mr-1" }, vl
2580
2583
  _(c, { class: "mt-5" }, {
2581
2584
  default: v(() => [
2582
2585
  e("p", wl, [
2583
- _(C, { location: "top" }, {
2586
+ _(k, { location: "top" }, {
2584
2587
  activator: v(({ props: A }) => [
2585
2588
  _(g, Ee({
2586
2589
  depressed: "",
@@ -2590,11 +2593,11 @@ const cl = { class: "d-flex align-center" }, dl = { class: "d-block mr-1" }, vl
2590
2593
  }, A, { onClick: r }), null, 16)
2591
2594
  ]),
2592
2595
  default: v(() => [
2593
- e("span", null, W(p(a).getLabel("shareToFacebook")), 1)
2596
+ e("span", null, P(p(a).getLabel("shareToFacebook")), 1)
2594
2597
  ]),
2595
2598
  _: 1
2596
2599
  }),
2597
- _(C, { location: "top" }, {
2600
+ _(k, { location: "top" }, {
2598
2601
  activator: v(({ props: A }) => [
2599
2602
  _(g, Ee({
2600
2603
  depressed: "",
@@ -2604,11 +2607,11 @@ const cl = { class: "d-flex align-center" }, dl = { class: "d-block mr-1" }, vl
2604
2607
  }, A, { onClick: s }), null, 16)
2605
2608
  ]),
2606
2609
  default: v(() => [
2607
- e("span", null, W(p(a).getLabel("shareToLinkedin")), 1)
2610
+ e("span", null, P(p(a).getLabel("shareToLinkedin")), 1)
2608
2611
  ]),
2609
2612
  _: 1
2610
2613
  }),
2611
- _(C, { location: "top" }, {
2614
+ _(k, { location: "top" }, {
2612
2615
  activator: v(({ props: A }) => [
2613
2616
  _(g, Ee({
2614
2617
  depressed: "",
@@ -2618,11 +2621,11 @@ const cl = { class: "d-flex align-center" }, dl = { class: "d-block mr-1" }, vl
2618
2621
  }, A, { onClick: o }), null, 16)
2619
2622
  ]),
2620
2623
  default: v(() => [
2621
- e("span", null, W(p(a).getLabel("shareToTwitter")), 1)
2624
+ e("span", null, P(p(a).getLabel("shareToTwitter")), 1)
2622
2625
  ]),
2623
2626
  _: 1
2624
2627
  }),
2625
- _(C, { location: "top" }, {
2628
+ _(k, { location: "top" }, {
2626
2629
  activator: v(({ props: A }) => [
2627
2630
  _(g, Ee({
2628
2631
  depressed: "",
@@ -2634,11 +2637,11 @@ const cl = { class: "d-flex align-center" }, dl = { class: "d-block mr-1" }, vl
2634
2637
  }, A), null, 16, ["href"])
2635
2638
  ]),
2636
2639
  default: v(() => [
2637
- e("span", null, W(p(a).getLabel("shareViaEmail")), 1)
2640
+ e("span", null, P(p(a).getLabel("shareViaEmail")), 1)
2638
2641
  ]),
2639
2642
  _: 1
2640
2643
  }),
2641
- _(C, { location: "top" }, {
2644
+ _(k, { location: "top" }, {
2642
2645
  activator: v(({ props: A }) => [
2643
2646
  _(g, Ee({
2644
2647
  depressed: "",
@@ -2649,7 +2652,7 @@ const cl = { class: "d-flex align-center" }, dl = { class: "d-block mr-1" }, vl
2649
2652
  }, A), null, 16)
2650
2653
  ]),
2651
2654
  default: v(() => [
2652
- e("span", null, W(p(a).getLabel("copyLink")), 1)
2655
+ e("span", null, P(p(a).getLabel("copyLink")), 1)
2653
2656
  ]),
2654
2657
  _: 1
2655
2658
  }),
@@ -2667,7 +2670,7 @@ const cl = { class: "d-flex align-center" }, dl = { class: "d-block mr-1" }, vl
2667
2670
  ]);
2668
2671
  };
2669
2672
  }
2670
- }), Pt = /* @__PURE__ */ ne(kl, [["__scopeId", "data-v-bb7d0a99"]]), Cl = { class: "static-image-wrapper" }, Sl = /* @__PURE__ */ J({
2673
+ }), Wt = /* @__PURE__ */ ne(kl, [["__scopeId", "data-v-bb7d0a99"]]), Cl = { class: "static-image-wrapper" }, Sl = /* @__PURE__ */ J({
2671
2674
  __name: "VSingleImage",
2672
2675
  props: {
2673
2676
  image: {},
@@ -2685,7 +2688,7 @@ const cl = { class: "d-flex align-center" }, dl = { class: "d-block mr-1" }, vl
2685
2688
  }), Al = /* @__PURE__ */ ne(Sl, [["__scopeId", "data-v-31489804"]]), xl = {
2686
2689
  id: "btn-fullscreen",
2687
2690
  class: "btn-placeholder mr-2"
2688
- }, Wt = /* @__PURE__ */ J({
2691
+ }, Pt = /* @__PURE__ */ J({
2689
2692
  __name: "VFullScreenButton",
2690
2693
  props: {
2691
2694
  isFullScreen: { type: Boolean }
@@ -2888,13 +2891,13 @@ const El = {
2888
2891
  // websiteUrl,
2889
2892
  i18nConfig: h,
2890
2893
  showCarousel: g,
2891
- showTimeOfDay: C,
2892
- showCompass: w,
2894
+ showTimeOfDay: k,
2895
+ showCompass: C,
2893
2896
  showFullScreen: V,
2894
2897
  showSnapshot: S,
2895
2898
  showShare: c,
2896
2899
  showInteriorOptions: m,
2897
- showMiniMap: k,
2900
+ showMiniMap: w,
2898
2901
  showFloorLevel: A,
2899
2902
  defaultWaypointIndex: x,
2900
2903
  defaultViewMode: $,
@@ -2906,7 +2909,7 @@ const El = {
2906
2909
  dynamicMarkers: Y,
2907
2910
  version: Se,
2908
2911
  showVersion: ye
2909
- } = Ce(l), O = n, ie = y(!1), N = y(!1), se = y(!1), U = y(), M = y(), q = y(), Q = y(), z = y(), oe = y(0), Z = y(), re = y(), P = y(), pe = y(0), he = y(0), ve = y(0), be = y(!1), we = y(!1), Be = y(), ke = y(!1), ce = y(!1), Te = y({
2912
+ } = Ce(l), O = n, ie = y(!1), N = y(!1), se = y(!1), U = y(), M = y(), q = y(), Q = y(), z = y(), oe = y(0), Z = y(), re = y(), W = y(), pe = y(0), he = y(0), ve = y(0), be = y(!1), we = y(!1), Be = y(), ke = y(!1), ce = y(!1), Te = y({
2910
2913
  startTime: 0,
2911
2914
  startX: 0,
2912
2915
  startY: 0
@@ -2940,12 +2943,12 @@ const El = {
2940
2943
  let d = 0;
2941
2944
  if (M.value) {
2942
2945
  const I = M.value.cameras.map(
2943
- (We) => We.floorLevel
2946
+ (Pe) => Pe.floorLevel
2944
2947
  );
2945
2948
  let j = [...new Set(I)];
2946
2949
  j = j.sort();
2947
2950
  const fe = j.findIndex(
2948
- (We) => We === he.value
2951
+ (Pe) => Pe === he.value
2949
2952
  );
2950
2953
  fe !== -1 && (d = fe);
2951
2954
  }
@@ -2978,7 +2981,7 @@ const El = {
2978
2981
  if (Q.value && Q.value.storeys && Ye.value in Q.value.storeys)
2979
2982
  return Q.value.storeys[Ye.value];
2980
2983
  }), ee = D(() => M.value && M.value.timeInHours), ue = D(() => {
2981
- if (M.value && M.value.timeInHours && C.value)
2984
+ if (M.value && M.value.timeInHours && k.value)
2982
2985
  return wn(M.value.timeInHours);
2983
2986
  });
2984
2987
  nt(
@@ -3017,7 +3020,7 @@ const El = {
3017
3020
  ), H(ke, () => {
3018
3021
  if (ke.value) {
3019
3022
  ce.value = !1;
3020
- const d = Pe(P.value);
3023
+ const d = We(W.value);
3021
3024
  Be.value = d[0].timeSamples.find(
3022
3025
  (I) => I.timeInHours === d[0].defaultHour
3023
3026
  );
@@ -3057,9 +3060,9 @@ const El = {
3057
3060
  o.value
3058
3061
  ), q.value) {
3059
3062
  const I = x.value !== null ? x.value : 0;
3060
- oe.value = I, re.value = q.value.cameras[I].id, P.value = q.value.cameras[I].id;
3063
+ oe.value = I, re.value = q.value.cameras[I].id, W.value = q.value.cameras[I].id;
3061
3064
  }
3062
- k.value && (Q.value = await St(
3065
+ w.value && (Q.value = await St(
3063
3066
  Z.value,
3064
3067
  o.value
3065
3068
  ));
@@ -3187,7 +3190,7 @@ const El = {
3187
3190
  ke.value = !1, re.value = d;
3188
3191
  }
3189
3192
  function At(d) {
3190
- Z.value = d, on(), O("onInteriorUpdate", d), O("onCameraUpdate", P.value, M.value);
3193
+ Z.value = d, on(), O("onInteriorUpdate", d), O("onCameraUpdate", W.value, M.value);
3191
3194
  }
3192
3195
  async function on() {
3193
3196
  M.value = await kt(
@@ -3196,18 +3199,18 @@ const El = {
3196
3199
  ), q.value = await Ct(
3197
3200
  Z.value,
3198
3201
  o.value
3199
- ), k.value && (Q.value = await St(
3202
+ ), w.value && (Q.value = await St(
3200
3203
  Z.value,
3201
3204
  o.value
3202
3205
  ));
3203
3206
  }
3204
3207
  function an(d) {
3205
- P.value = d, P.value && (yt(P.value, !1), O("onCameraUpdate", P.value, M.value));
3208
+ W.value = d, W.value && (yt(W.value, !1), O("onCameraUpdate", W.value, M.value));
3206
3209
  }
3207
3210
  const He = D(() => (d) => {
3208
- const I = Pe(d);
3211
+ const I = We(d);
3209
3212
  return !I || !I[0] || !I[0].timeSamples ? !1 : I[0].timeSamples.length > 1;
3210
- }), Pe = (d) => {
3213
+ }), We = (d) => {
3211
3214
  const I = M.value.cameras.find((j) => j.id === d);
3212
3215
  return I == null ? void 0 : I.sunsimDayOfYear;
3213
3216
  };
@@ -3257,12 +3260,12 @@ const El = {
3257
3260
  be.value = !be.value;
3258
3261
  }
3259
3262
  async function Lt() {
3260
- const d = 180 / Math.PI, I = await z.value.takePhoto(), j = z.value.getRotationEuler(), fe = z.value.getCurrentCamera(), We = new Tt(I, fe), kn = [
3263
+ const d = 180 / Math.PI, I = await z.value.takePhoto(), j = z.value.getRotationEuler(), fe = z.value.getCurrentCamera(), Pe = new Tt(I, fe), kn = [
3261
3264
  j.x * -d,
3262
3265
  j.y * -d,
3263
3266
  j.z * d
3264
3267
  ];
3265
- return O("onSnapshot", We, kn), We;
3268
+ return O("onSnapshot", Pe, kn), Pe;
3266
3269
  }
3267
3270
  async function yn() {
3268
3271
  console.log("Here onVisuadoCreateButtonClicked");
@@ -3310,14 +3313,14 @@ const El = {
3310
3313
  }, [
3311
3314
  se.value ? (u(), E("div", Fl, "Error loading the player!!")) : F("", !0),
3312
3315
  e("div", Vl, [
3313
- !Fe.value.isActive && Q.value && P.value && B.value && Z.value && we.value ? (u(), T(Vt, {
3316
+ !Fe.value.isActive && Q.value && W.value && B.value && Z.value && we.value ? (u(), T(Vt, {
3314
3317
  key: 0,
3315
3318
  "cdn-file-resolver": p(r),
3316
3319
  "apartment-json": M.value,
3317
3320
  level: Ye.value,
3318
3321
  "minimap-json": Q.value,
3319
3322
  rotation: pe.value,
3320
- "current-camera": P.value,
3323
+ "current-camera": W.value,
3321
3324
  onGoToCamera: je,
3322
3325
  onClose: I[0] || (I[0] = (fe) => we.value = !1)
3323
3326
  }, null, 8, ["cdn-file-resolver", "apartment-json", "level", "minimap-json", "rotation", "current-camera"])) : F("", !0),
@@ -3394,7 +3397,7 @@ const El = {
3394
3397
  ]),
3395
3398
  "top-center": v(() => []),
3396
3399
  "top-right": v(() => [
3397
- M.value && p(w) ? tt((u(), E("div", Bl, [
3400
+ M.value && p(C) ? tt((u(), E("div", Bl, [
3398
3401
  _(Ao, { rotation: pe.value }, null, 8, ["rotation"])
3399
3402
  ], 512)), [
3400
3403
  [it, ce.value]
@@ -3402,13 +3405,13 @@ const El = {
3402
3405
  e("div", {
3403
3406
  onClick: I[4] || (I[4] = (fe) => we.value = !we.value)
3404
3407
  }, [
3405
- ce.value && M.value && ee.value && p(C) ? (u(), T(Fo, {
3408
+ ce.value && M.value && ee.value && p(k) ? (u(), T(Fo, {
3406
3409
  key: 0,
3407
3410
  hours: ue.value.hours,
3408
3411
  minutes: ue.value.minutes,
3409
3412
  class: "time-of-day",
3410
3413
  style: le({
3411
- cursor: Q.value && P.value && B.value ? "pointer" : "default"
3414
+ cursor: Q.value && W.value && B.value ? "pointer" : "default"
3412
3415
  })
3413
3416
  }, null, 8, ["hours", "minutes", "style"])) : F("", !0)
3414
3417
  ])
@@ -3432,13 +3435,13 @@ const El = {
3432
3435
  key: 0,
3433
3436
  onCloseTutorial: I[5] || (I[5] = (fe) => Le(fe))
3434
3437
  })) : F("", !0),
3435
- Fe.value.isActive && Q.value && P.value && B.value && we.value ? (u(), T(Vt, {
3438
+ Fe.value.isActive && Q.value && W.value && B.value && we.value ? (u(), T(Vt, {
3436
3439
  key: 1,
3437
3440
  "cdn-file-resolver": p(r),
3438
3441
  "apartment-json": M.value,
3439
3442
  "minimap-json": Q.value,
3440
3443
  rotation: pe.value,
3441
- "current-camera": P.value,
3444
+ "current-camera": W.value,
3442
3445
  level: Ye.value,
3443
3446
  onClose: I[6] || (I[6] = (fe) => we.value = !1),
3444
3447
  onGoToCamera: je
@@ -3459,7 +3462,7 @@ const El = {
3459
3462
  })
3460
3463
  ]),
3461
3464
  "bottom-left": v(() => [
3462
- p(V) ? (u(), T(Wt, {
3465
+ p(V) ? (u(), T(Pt, {
3463
3466
  key: 0,
3464
3467
  "is-full-screen": Fe.value.isActive,
3465
3468
  class: "btn-fullscreen",
@@ -3481,7 +3484,7 @@ const El = {
3481
3484
  }, null, 8, ["show-static-image"])) : F("", !0)
3482
3485
  ]),
3483
3486
  ce.value && p(c) && !Fe.value.isActive ? (u(), E("div", $l, [
3484
- _(Pt)
3487
+ _(Wt)
3485
3488
  ])) : F("", !0),
3486
3489
  ce.value && d.showVisuadoCreateButton ? (u(), E("div", Rl, [
3487
3490
  _(Ml, { onOnSnapshot: yn })
@@ -3496,7 +3499,7 @@ const El = {
3496
3499
  "mb-2": !G.value
3497
3500
  }])
3498
3501
  }, [
3499
- !Oe.value && He.value(P.value) ? (u(), T(fl, {
3502
+ !Oe.value && He.value(W.value) ? (u(), T(fl, {
3500
3503
  key: 0,
3501
3504
  class: "ml-2",
3502
3505
  displaySunsim: ke.value,
@@ -3504,10 +3507,10 @@ const El = {
3504
3507
  onToggleSunStudy: I[7] || (I[7] = (fe) => ke.value = !ke.value)
3505
3508
  }, null, 8, ["displaySunsim", "showUI"])) : F("", !0)
3506
3509
  ], 2),
3507
- !G.value && !Oe.value && re.value && ke.value && He.value(P.value) && Pe(P.value)[0] && Be.value ? (u(), T(Dt, {
3510
+ !G.value && !Oe.value && re.value && ke.value && He.value(W.value) && We(W.value)[0] && Be.value ? (u(), T(Dt, {
3508
3511
  key: 0,
3509
3512
  class: "sunsim-slider-desktop",
3510
- "current-day": He.value(P.value) ? Pe(P.value)[0] : void 0,
3513
+ "current-day": He.value(W.value) ? We(W.value)[0] : void 0,
3511
3514
  "current-time": Be.value,
3512
3515
  onOnTimeChange: xt,
3513
3516
  onToggleSunStudy: I[8] || (I[8] = (fe) => ke.value = !ke.value)
@@ -3574,22 +3577,22 @@ const El = {
3574
3577
  _: 1
3575
3578
  }),
3576
3579
  G.value ? (u(), E("div", Hl, [
3577
- !Oe.value && re.value && ke.value && He.value(P.value) && Pe(P.value)[0] && Be.value ? (u(), T(Dt, {
3580
+ !Oe.value && re.value && ke.value && He.value(W.value) && We(W.value)[0] && Be.value ? (u(), T(Dt, {
3578
3581
  key: 0,
3579
3582
  class: "mt-1",
3580
- "current-day": He.value(P.value) ? Pe(P.value)[0] : void 0,
3583
+ "current-day": He.value(W.value) ? We(W.value)[0] : void 0,
3581
3584
  "current-time": Be.value,
3582
3585
  onOnTimeChange: xt,
3583
3586
  onToggleSunStudy: I[11] || (I[11] = (fe) => ke.value = !ke.value)
3584
3587
  }, null, 8, ["current-day", "current-time"])) : F("", !0)
3585
3588
  ])) : F("", !0)
3586
3589
  ], 2)) : F("", !0),
3587
- p(Se) && p(ye) ? (u(), E("div", Ul, " version: " + W(p(Se)), 1)) : F("", !0)
3590
+ p(Se) && p(ye) ? (u(), E("div", Ul, " version: " + P(p(Se)), 1)) : F("", !0)
3588
3591
  ])
3589
3592
  ], 2);
3590
3593
  };
3591
3594
  }
3592
- }), jl = /* @__PURE__ */ ne(zl, [["__scopeId", "data-v-3cc488e5"]]), Pl = { id: "player-wrapper" }, Wl = { id: "player-sizer" }, Nl = {
3595
+ }), jl = /* @__PURE__ */ ne(zl, [["__scopeId", "data-v-3cc488e5"]]), Wl = { id: "player-wrapper" }, Pl = { id: "player-sizer" }, Nl = {
3593
3596
  class: "player-control",
3594
3597
  id: "controls-top-left"
3595
3598
  }, Ql = {
@@ -3623,8 +3626,8 @@ const El = {
3623
3626
  },
3624
3627
  emits: ["newSizeCallback"],
3625
3628
  setup(t, { emit: a }) {
3626
- return (n, l) => (u(), E("div", Pl, [
3627
- e("div", Wl, [
3629
+ return (n, l) => (u(), E("div", Wl, [
3630
+ e("div", Pl, [
3628
3631
  K(n.$slots, "slideshow-image", {}, void 0, !0),
3629
3632
  e("div", Nl, [
3630
3633
  K(n.$slots, "top-left", {}, void 0, !0)
@@ -3678,8 +3681,8 @@ const El = {
3678
3681
  const n = y(0), l = y(
3679
3682
  new Nt(document, "player-wrapper")
3680
3683
  ), r = D(() => a.images.map(
3681
- (g, C) => ({
3682
- id: `image-${C}`,
3684
+ (g, k) => ({
3685
+ id: `image-${k}`,
3683
3686
  thumbnailUrl: g
3684
3687
  })
3685
3688
  )), o = D(() => r.value[n.value]);
@@ -3697,14 +3700,14 @@ const El = {
3697
3700
  let g = n.value - 1;
3698
3701
  g < 0 && (g = r.value.length - 1), n.value = g;
3699
3702
  }
3700
- function h(g, C = !0) {
3701
- let w = r.value.findIndex(
3703
+ function h(g, k = !0) {
3704
+ let C = r.value.findIndex(
3702
3705
  (V) => V.id === g
3703
3706
  );
3704
- w != -1 && (n.value = w);
3707
+ C != -1 && (n.value = C);
3705
3708
  }
3706
- return (g, C) => {
3707
- const w = L("v-img"), V = L("v-btn");
3709
+ return (g, k) => {
3710
+ const C = L("v-img"), V = L("v-btn");
3708
3711
  return u(), E("div", os, [
3709
3712
  e("div", as, [
3710
3713
  e("div", null, [
@@ -3713,7 +3716,7 @@ const El = {
3713
3716
  }, {
3714
3717
  "slideshow-image": v(() => [
3715
3718
  e("div", ls, [
3716
- _(w, {
3719
+ _(C, {
3717
3720
  src: o.value.thumbnailUrl
3718
3721
  }, null, 8, ["src"])
3719
3722
  ])
@@ -3751,14 +3754,14 @@ const El = {
3751
3754
  })
3752
3755
  ]),
3753
3756
  "bottom-left": v(() => [
3754
- g.showFullScreen ? (u(), T(Wt, {
3757
+ g.showFullScreen ? (u(), T(Pt, {
3755
3758
  key: 0,
3756
3759
  "is-full-screen": l.value.isActive,
3757
3760
  class: "btn-fullscreen",
3758
3761
  onToggleFullscreen: s
3759
3762
  }, null, 8, ["is-full-screen"])) : F("", !0),
3760
3763
  g.showShare ? (u(), E("div", ss, [
3761
- _(Pt)
3764
+ _(Wt)
3762
3765
  ])) : F("", !0)
3763
3766
  ]),
3764
3767
  "bottom-center": v(() => [
@@ -3803,24 +3806,24 @@ const El = {
3803
3806
  },
3804
3807
  emits: ["apartmentJsonLoaded", "minimapJsonLoaded", "cameraSet"],
3805
3808
  setup(t, { emit: a }) {
3806
- const l = Ce(t), r = a, o = y(), s = y(), i = y(), f = y(0), h = y(), g = y(1), C = D(() => l.currentCamera.value ? l.currentCamera.value : o.value ? o.value.cameras[0].id : null), w = D(() => ({
3809
+ const l = Ce(t), r = a, o = y(), s = y(), i = y(), f = y(0), h = y(), g = y(1), k = D(() => l.currentCamera.value ? l.currentCamera.value : o.value ? o.value.cameras[0].id : null), C = D(() => ({
3807
3810
  transformOrigin: "top left",
3808
3811
  transform: `scale(${g.value})`
3809
3812
  }));
3810
3813
  H(h, () => {
3811
- h.value && new ResizeObserver(([k]) => {
3812
- const A = k.target.parentElement, x = A.parentElement;
3813
- g.value = x.clientWidth / 512, A.style.height = `${k.contentRect.height * g.value}px`;
3814
+ h.value && new ResizeObserver(([w]) => {
3815
+ const A = w.target.parentElement, x = A.parentElement;
3816
+ g.value = x.clientWidth / 512, A.style.height = `${w.contentRect.height * g.value}px`;
3814
3817
  }).observe(h.value);
3815
- }), H(C, () => {
3816
- r("cameraSet", C.value);
3818
+ }), H(k, () => {
3819
+ r("cameraSet", k.value);
3817
3820
  });
3818
3821
  const V = D(() => {
3819
- const k = _e(l.cdnFileResolver.value, "").replace(
3822
+ const w = _e(l.cdnFileResolver.value, "").replace(
3820
3823
  `/${o.value.type}/${o.value.id}`,
3821
3824
  ""
3822
3825
  );
3823
- return (A) => `${k}${A}`;
3826
+ return (A) => `${w}${A}`;
3824
3827
  }), S = D(() => {
3825
3828
  var m;
3826
3829
  return (m = s.value) == null ? void 0 : m.storeys[l.level.value || 0];
@@ -3848,7 +3851,7 @@ const El = {
3848
3851
  function c(m) {
3849
3852
  i.value = m;
3850
3853
  }
3851
- return (m, k) => {
3854
+ return (m, w) => {
3852
3855
  const A = L("v-skeleton-loader");
3853
3856
  return u(), T(A, {
3854
3857
  loading: !o.value || !s.value
@@ -3856,7 +3859,7 @@ const El = {
3856
3859
  default: v(() => [
3857
3860
  e("div", null, [
3858
3861
  e("div", {
3859
- style: le({ ...w.value, position: "relative" }),
3862
+ style: le({ ...C.value, position: "relative" }),
3860
3863
  ref_key: "fitContainer",
3861
3864
  ref: h
3862
3865
  }, [
@@ -3871,7 +3874,7 @@ const El = {
3871
3874
  "all-cameras": o.value.cameras,
3872
3875
  "background-image": i.value,
3873
3876
  rotation: m.rotation || 0,
3874
- "current-camera": C.value,
3877
+ "current-camera": k.value,
3875
3878
  storey: S.value,
3876
3879
  containerWidth: 512,
3877
3880
  containerHeight: 384,
@@ -3964,9 +3967,9 @@ const El = {
3964
3967
  });
3965
3968
  });
3966
3969
  const h = D(() => _e(l.value, n.value.defaultFilename));
3967
- return (g, C) => p(n).sunsimDayOfYear ? (u(!0), E(xe, { key: 0 }, Me(p(n).sunsimDayOfYear, (w, V) => (u(), T(ms, {
3970
+ return (g, k) => p(n).sunsimDayOfYear ? (u(!0), E(xe, { key: 0 }, Me(p(n).sunsimDayOfYear, (C, V) => (u(), T(ms, {
3968
3971
  key: V,
3969
- "day-data": w,
3972
+ "day-data": C,
3970
3973
  "cdn-file-resolver": p(l),
3971
3974
  "current-day": g.currentDay,
3972
3975
  "current-time": p(o)
@@ -4037,17 +4040,17 @@ const bs = {
4037
4040
  )
4038
4041
  );
4039
4042
  }), (h, g) => {
4040
- const C = L("v-btn"), w = L("v-field"), V = L("v-list-item-title"), S = L("v-list-item"), c = L("v-list"), m = L("v-menu");
4043
+ const k = L("v-btn"), C = L("v-field"), V = L("v-list-item-title"), S = L("v-list-item"), c = L("v-list"), m = L("v-menu");
4041
4044
  return p(r).sunsimDayOfYear && p(r).sunsimDayOfYear.length > 0 ? (u(), E("div", bs, [
4042
4045
  _(m, null, {
4043
- activator: v(({ props: k }) => [
4044
- _(w, {
4046
+ activator: v(({ props: w }) => [
4047
+ _(C, {
4045
4048
  variant: "solo-filled",
4046
4049
  rounded: "",
4047
4050
  flat: ""
4048
4051
  }, {
4049
4052
  default: v(() => [
4050
- _(C, Ee({
4053
+ _(k, Ee({
4051
4054
  variant: "text",
4052
4055
  rounded: "",
4053
4056
  flat: "",
@@ -4056,9 +4059,9 @@ const bs = {
4056
4059
  "append-icon": p(r).sunsimDayOfYear.length > 1 ? "mdi-menu-down" : void 0,
4057
4060
  disabled: p(s),
4058
4061
  size: p(l) ? "small" : void 0
4059
- }, k), {
4062
+ }, w), {
4060
4063
  default: v(() => [
4061
- ae(W(p(Ot)(f.value)), 1)
4064
+ ae(P(p(Ot)(f.value)), 1)
4062
4065
  ]),
4063
4066
  _: 2
4064
4067
  }, 1040, ["readonly", "append-icon", "disabled", "size"])
@@ -4069,15 +4072,15 @@ const bs = {
4069
4072
  default: v(() => [
4070
4073
  _(c, null, {
4071
4074
  default: v(() => [
4072
- (u(!0), E(xe, null, Me(p(r).sunsimDayOfYear, (k, A) => (u(), T(S, {
4075
+ (u(!0), E(xe, null, Me(p(r).sunsimDayOfYear, (w, A) => (u(), T(S, {
4073
4076
  key: A,
4074
4077
  value: A,
4075
- onClick: (x) => f.value = k.dayOfYear
4078
+ onClick: (x) => f.value = w.dayOfYear
4076
4079
  }, {
4077
4080
  default: v(() => [
4078
4081
  _(V, null, {
4079
4082
  default: v(() => [
4080
- ae(W(p(Ot)(k.dayOfYear)), 1)
4083
+ ae(P(p(Ot)(w.dayOfYear)), 1)
4081
4084
  ]),
4082
4085
  _: 2
4083
4086
  }, 1024)
@@ -4116,14 +4119,14 @@ const bs = {
4116
4119
  currentCamera: o,
4117
4120
  cdnFileResolver: s,
4118
4121
  disabled: i
4119
- } = Ce(n), f = y(o.value), h = y(), g = y(), C = y(!1), w = a;
4122
+ } = Ce(n), f = y(o.value), h = y(), g = y(), k = y(!1), C = a;
4120
4123
  H(
4121
4124
  [h, g],
4122
4125
  () => {
4123
4126
  if (h.value && g.value) {
4124
4127
  const S = new ResizeObserver(([c, m]) => {
4125
- var k, A;
4126
- C.value = ((k = m == null ? void 0 : m.contentRect) == null ? void 0 : k.width) > ((A = c == null ? void 0 : c.contentRect) == null ? void 0 : A.width);
4128
+ var w, A;
4129
+ k.value = ((w = m == null ? void 0 : m.contentRect) == null ? void 0 : w.width) > ((A = c == null ? void 0 : c.contentRect) == null ? void 0 : A.width);
4127
4130
  });
4128
4131
  S.observe(h.value), S.observe(g.value);
4129
4132
  }
@@ -4136,7 +4139,7 @@ const bs = {
4136
4139
  },
4137
4140
  { immediate: !0 }
4138
4141
  ), H(f, () => {
4139
- w(
4142
+ C(
4140
4143
  "onCameraChange",
4141
4144
  r.value.find((S) => S === f.value)
4142
4145
  );
@@ -4145,7 +4148,7 @@ const bs = {
4145
4148
  i.value || (f.value = S);
4146
4149
  }
4147
4150
  return (S, c) => {
4148
- const m = L("v-btn"), k = L("v-icon");
4151
+ const m = L("v-btn"), w = L("v-icon");
4149
4152
  return u(), E("div", {
4150
4153
  ref_key: "parent",
4151
4154
  ref: h,
@@ -4156,7 +4159,7 @@ const bs = {
4156
4159
  enabled: !p(i)
4157
4160
  })
4158
4161
  }, [
4159
- C.value ? (u(), T(m, {
4162
+ k.value ? (u(), T(m, {
4160
4163
  key: 0,
4161
4164
  style: { left: "0" },
4162
4165
  class: "thumbnail-nav-button",
@@ -4172,8 +4175,8 @@ const bs = {
4172
4175
  ref: g,
4173
4176
  class: "still-camera-thumbnails-wrapper d-flex justify-center",
4174
4177
  style: le({
4175
- paddingLeft: C.value ? "28px" : 0,
4176
- paddingRight: C.value ? "28px" : 0
4178
+ paddingLeft: k.value ? "28px" : 0,
4179
+ paddingRight: k.value ? "28px" : 0
4177
4180
  })
4178
4181
  }, [
4179
4182
  (u(!0), E(xe, null, Me(p(r), (A, x) => (u(), E("div", {
@@ -4193,9 +4196,9 @@ const bs = {
4193
4196
  )})`
4194
4197
  })
4195
4198
  }, null, 4),
4196
- A.cameraName ? (u(), E("div", Ss, W(A.cameraName), 1)) : F("", !0),
4199
+ A.cameraName ? (u(), E("div", Ss, P(A.cameraName), 1)) : F("", !0),
4197
4200
  A.sunsimDayOfYear && A.sunsimDayOfYear.length > 1 ? (u(), E("div", As, [
4198
- _(k, {
4201
+ _(w, {
4199
4202
  size: "x-small",
4200
4203
  color: "warning",
4201
4204
  style: { opacity: "0.6" }
@@ -4208,7 +4211,7 @@ const bs = {
4208
4211
  ])) : F("", !0)
4209
4212
  ], 10, Cs))), 128))
4210
4213
  ], 4),
4211
- C.value ? (u(), T(m, {
4214
+ k.value ? (u(), T(m, {
4212
4215
  key: 1,
4213
4216
  style: { right: "0" },
4214
4217
  class: "thumbnail-nav-button",
@@ -4243,7 +4246,7 @@ const bs = {
4243
4246
  )
4244
4247
  );
4245
4248
  }), (h, g) => {
4246
- const C = L("v-icon"), w = L("v-slider"), V = L("v-field");
4249
+ const k = L("v-icon"), C = L("v-slider"), V = L("v-field");
4247
4250
  return u(), E("div", {
4248
4251
  class: me({ "d-inline-block": !0, mobile: p(l) }),
4249
4252
  style: le({
@@ -4269,7 +4272,7 @@ const bs = {
4269
4272
  flat: ""
4270
4273
  }, {
4271
4274
  default: v(() => [
4272
- p(r).timeSamples.length > 1 ? (u(), T(w, {
4275
+ p(r).timeSamples.length > 1 ? (u(), T(C, {
4273
4276
  key: 0,
4274
4277
  class: "pa-2 pr-2",
4275
4278
  modelValue: f.value,
@@ -4284,7 +4287,7 @@ const bs = {
4284
4287
  "hide-details": ""
4285
4288
  }, {
4286
4289
  prepend: v(() => [
4287
- _(C, {
4290
+ _(k, {
4288
4291
  style: { "vertical-align": "baseline", "font-size": "20px" },
4289
4292
  class: "mr-2 icon",
4290
4293
  color: "warning"
@@ -4294,11 +4297,11 @@ const bs = {
4294
4297
  ]),
4295
4298
  _: 1
4296
4299
  }),
4297
- e("span", Ls, W(p(ct)(f.value)), 1)
4300
+ e("span", Ls, P(p(ct)(f.value)), 1)
4298
4301
  ]),
4299
4302
  _: 1
4300
4303
  }, 8, ["modelValue", "min", "max", "step", "disabled"])) : (u(), E(xe, { key: 1 }, [
4301
- _(C, {
4304
+ _(k, {
4302
4305
  style: { "vertical-align": "baseline", "font-size": "20px", "margin-top": "-1px", opacity: "0.6" },
4303
4306
  class: "mr-2 icon",
4304
4307
  color: "warning"
@@ -4308,7 +4311,7 @@ const bs = {
4308
4311
  ]),
4309
4312
  _: 1
4310
4313
  }),
4311
- e("span", Es, W(p(ct)(f.value)), 1)
4314
+ e("span", Es, P(p(ct)(f.value)), 1)
4312
4315
  ], 64))
4313
4316
  ]),
4314
4317
  _: 1
@@ -4338,7 +4341,7 @@ const bs = {
4338
4341
  size: p(l) ? "x-small" : "small",
4339
4342
  flat: "",
4340
4343
  icon: "mdi-plus",
4341
- onClick: h[0] || (h[0] = (C) => i("onZoomIn")),
4344
+ onClick: h[0] || (h[0] = (k) => i("onZoomIn")),
4342
4345
  style: { "border-bottom-left-radius": "0", "border-bottom-right-radius": "0" }
4343
4346
  }, null, 8, ["disabled", "size"]),
4344
4347
  Ds,
@@ -4347,7 +4350,7 @@ const bs = {
4347
4350
  size: p(l) ? "x-small" : "small",
4348
4351
  flat: "",
4349
4352
  icon: "mdi-minus",
4350
- onClick: h[1] || (h[1] = (C) => i("onZoomOut")),
4353
+ onClick: h[1] || (h[1] = (k) => i("onZoomOut")),
4351
4354
  style: { "border-top-left-radius": "0", "border-top-right-radius": "0" }
4352
4355
  }, null, 8, ["disabled", "size"])
4353
4356
  ]);
@@ -4408,13 +4411,13 @@ const Ts = ["innerHTML"], Os = /* @__PURE__ */ J({
4408
4411
  },
4409
4412
  emits: ["onClick", "onHoverOver", "onHoverOut", "updateSvgContainer", "onError", "onBoundingBoxesUpdate"],
4410
4413
  setup(t, { emit: a }) {
4411
- const n = t, { cdnFileResolver: l, colorCallback: r, currentCamera: o, selectedId: s } = Ce(n), i = a, f = y(!0), h = y({}), g = y(), C = Ln({}), w = D(() => _e(
4414
+ const n = t, { cdnFileResolver: l, colorCallback: r, currentCamera: o, selectedId: s } = Ce(n), i = a, f = y(!0), h = y({}), g = y(), k = Ln({}), C = D(() => _e(
4412
4415
  l.value,
4413
4416
  o.value.overlayFilename
4414
4417
  ));
4415
4418
  Ft(() => {
4416
- for (const c in C) {
4417
- const { element: m, state: k } = C[c], { r: A, g: x, b: $, a: X, s: R } = r.value(c, k) || {
4419
+ for (const c in k) {
4420
+ const { element: m, state: w } = k[c], { r: A, g: x, b: $, a: X, s: R } = r.value(c, w) || {
4418
4421
  r: 0,
4419
4422
  g: 0,
4420
4423
  b: 0,
@@ -4424,11 +4427,11 @@ const Ts = ["innerHTML"], Os = /* @__PURE__ */ J({
4424
4427
  m.style.fill = `rgba(${A}, ${x}, ${$}, ${X / 255})`, m.style.stroke = `rgb(${A}, ${x}, ${$})`, m.style.strokeWidth = R.toString(), m.style.cursor = "pointer";
4425
4428
  }
4426
4429
  }), H(s, () => {
4427
- for (const c in C)
4428
- C[c].state === "selected" && c !== s.value ? C[c].state = "idle" : C[c].state !== "selected" && c === s.value && (C[c].state = "selected");
4430
+ for (const c in k)
4431
+ k[c].state === "selected" && c !== s.value ? k[c].state = "idle" : k[c].state !== "selected" && c === s.value && (k[c].state = "selected");
4429
4432
  }), Ft(async () => {
4430
4433
  try {
4431
- f.value = !1, h.value[w.value] || (h.value[w.value] = await Qe.loadText(w.value)), S();
4434
+ f.value = !1, h.value[C.value] || (h.value[C.value] = await Qe.loadText(C.value)), S();
4432
4435
  } catch (c) {
4433
4436
  i("onError", c);
4434
4437
  } finally {
@@ -4446,10 +4449,10 @@ const Ts = ["innerHTML"], Os = /* @__PURE__ */ J({
4446
4449
  const c = (m = g.value) == null ? void 0 : m.firstChild;
4447
4450
  if (c) {
4448
4451
  if (!c.hasAttribute("viewBox")) {
4449
- const k = `0 0 ${c.getAttribute(
4452
+ const w = `0 0 ${c.getAttribute(
4450
4453
  "width"
4451
4454
  )} ${c.getAttribute("height")}`;
4452
- c.setAttribute("viewBox", k);
4455
+ c.setAttribute("viewBox", w);
4453
4456
  }
4454
4457
  c.setAttribute(
4455
4458
  "width",
@@ -4474,8 +4477,8 @@ const Ts = ["innerHTML"], Os = /* @__PURE__ */ J({
4474
4477
  const c = (m = g.value) == null ? void 0 : m.firstChild;
4475
4478
  if (c) {
4476
4479
  i("updateSvgContainer", c), V();
4477
- let k, A = "data-structure-id";
4478
- k = c.querySelectorAll(`[${A}]`), k.length === 0 && (A = "data-apartment-id", k = c.querySelectorAll(`[${A}]`), k.length === 0 && (A = "data-building-id", k = c.querySelectorAll(`[${A}]`))), k.forEach((x) => {
4480
+ let w, A = "data-structure-id";
4481
+ w = c.querySelectorAll(`[${A}]`), w.length === 0 && (A = "data-apartment-id", w = c.querySelectorAll(`[${A}]`), w.length === 0 && (A = "data-building-id", w = c.querySelectorAll(`[${A}]`))), w.forEach((x) => {
4479
4482
  const $ = x.cloneNode(
4480
4483
  !0
4481
4484
  );
@@ -4483,20 +4486,20 @@ const Ts = ["innerHTML"], Os = /* @__PURE__ */ J({
4483
4486
  R.style.stroke = "inherit", R.style.fill = "inherit";
4484
4487
  });
4485
4488
  const X = $.getAttribute(A);
4486
- C[X] = {
4489
+ k[X] = {
4487
4490
  element: $,
4488
4491
  state: s.value === X ? "selected" : "idle",
4489
4492
  boundingBox: $.getBoundingClientRect().toJSON()
4490
4493
  }, n.activeStructureIds && !n.activeStructureIds.includes(X) && ($.style.display = "none"), $.addEventListener("mouseover", () => {
4491
- C[X].state === "idle" && (C[X].state = "hover"), i("onHoverOver", X);
4494
+ k[X].state === "idle" && (k[X].state = "hover"), i("onHoverOver", X);
4492
4495
  }), $.addEventListener("mouseout", () => {
4493
- C[X].state === "hover" && (C[X].state = "idle"), i("onHoverOut", X);
4496
+ k[X].state === "hover" && (k[X].state = "idle"), i("onHoverOut", X);
4494
4497
  }), $.addEventListener("click", () => {
4495
4498
  i("onClick", X);
4496
4499
  });
4497
4500
  }), i(
4498
4501
  "onBoundingBoxesUpdate",
4499
- Object.entries(C).map(([x, $]) => ({
4502
+ Object.entries(k).map(([x, $]) => ({
4500
4503
  id: x,
4501
4504
  boundingBox: $.boundingBox
4502
4505
  }))
@@ -4513,7 +4516,7 @@ const Ts = ["innerHTML"], Os = /* @__PURE__ */ J({
4513
4516
  visibility: f.value ? "visible" : "hidden"
4514
4517
  }, { "z-index": "5" }]),
4515
4518
  class: "w-100 h-100 position-absolute top-left structure-chooser-overlay-svg",
4516
- innerHTML: h.value[w.value]
4519
+ innerHTML: h.value[C.value]
4517
4520
  }, null, 12, Ts)
4518
4521
  ]),
4519
4522
  _: 1
@@ -4580,7 +4583,7 @@ function Ne(t) {
4580
4583
  function js(t) {
4581
4584
  return t ? "version" in t : !1;
4582
4585
  }
4583
- function Ps(t) {
4586
+ function Ws(t) {
4584
4587
  if (!t)
4585
4588
  return !1;
4586
4589
  const a = [
@@ -4596,7 +4599,7 @@ function Ps(t) {
4596
4599
  return !1;
4597
4600
  return !0;
4598
4601
  }
4599
- function Ws(t) {
4602
+ function Ps(t) {
4600
4603
  var a, n, l, r;
4601
4604
  if (Rs(t))
4602
4605
  return t;
@@ -4656,7 +4659,7 @@ function Ws(t) {
4656
4659
  }
4657
4660
  )
4658
4661
  };
4659
- } else if (Ps(t)) {
4662
+ } else if (Ws(t)) {
4660
4663
  if (!t.days && !t.timeSamples)
4661
4664
  throw new Error(
4662
4665
  "cannot convert BuildingChooserDataLegacy to StructureChooser: 'days' and 'timeSamples' are empty"
@@ -4780,8 +4783,8 @@ function Ws(t) {
4780
4783
  h = o[f].filename, g = {
4781
4784
  cameraName: `Camera ${i + 1}`,
4782
4785
  cameraPosition: void 0,
4783
- cameraRotation: t.sceneCameras && (l = t.sceneCameras.find((C) => C.scene === i)) != null && l.cameraRotation ? $t(
4784
- (r = t.sceneCameras.find((C) => C.scene === i)) == null ? void 0 : r.cameraRotation
4786
+ cameraRotation: t.sceneCameras && (l = t.sceneCameras.find((k) => k.scene === i)) != null && l.cameraRotation ? $t(
4787
+ (r = t.sceneCameras.find((k) => k.scene === i)) == null ? void 0 : r.cameraRotation
4785
4788
  ) : void 0,
4786
4789
  cameraFov: 0,
4787
4790
  overlayFilename: `/scenedata${s[i]}V5Overlay.svg`,
@@ -4870,10 +4873,10 @@ const Ns = {
4870
4873
  customOverlayContent: f,
4871
4874
  selectedId: h,
4872
4875
  defaultCamera: g,
4873
- defaultDay: C,
4874
- defaultTime: w,
4876
+ defaultDay: k,
4877
+ defaultTime: C,
4875
4878
  mobileBreakpoint: V
4876
- } = Ce(l), S = n, c = y(), m = y(), k = y(), A = y(null), x = y(4), $ = y(), X = y(!1), R = y(!1), te = y(), de = D(() => te.value.isHoverEnabled), Y = y({ x: 0, y: 0, width: 0, height: 0 }), Se = y(), ye = y(), O = y(), ie = y(!1), N = y(1), se = y(0), U = y([]), M = y(), q = y({
4879
+ } = Ce(l), S = n, c = y(), m = y(), w = y(), A = y(null), x = y(4), $ = y(), X = y(!1), R = y(!1), te = y(), de = D(() => te.value.isHoverEnabled), Y = y({ x: 0, y: 0, width: 0, height: 0 }), Se = y(), ye = y(), O = y(), ie = y(!1), N = y(1), se = y(0), U = y([]), M = y(), q = y({
4877
4880
  current: 100,
4878
4881
  min: 100,
4879
4882
  max: 1e3
@@ -4892,11 +4895,11 @@ const Ns = {
4892
4895
  });
4893
4896
  }), a({
4894
4897
  getState: () => ({
4895
- currentCameraIndex: c.value ? P.value.findIndex((b) => b === c.value) : null,
4898
+ currentCameraIndex: c.value ? W.value.findIndex((b) => b === c.value) : null,
4896
4899
  currentDayIndex: m.value ? c.value.sunsimDayOfYear.findIndex(
4897
4900
  (b) => b === m.value
4898
4901
  ) : null,
4899
- currentTimeIndex: k.value ? m.value.timeSamples.findIndex((b) => b === k.value) : null,
4902
+ currentTimeIndex: w.value ? m.value.timeSamples.findIndex((b) => b === w.value) : null,
4900
4903
  currentTransitionIndex: A.value ? pe.value.findIndex(
4901
4904
  (b) => b === A.value
4902
4905
  ) : null,
@@ -4909,7 +4912,7 @@ const Ns = {
4909
4912
  currentTransitionIndex: ue,
4910
4913
  currentScene: G
4911
4914
  }) => {
4912
- typeof b == "number" && (c.value = P.value[b]), typeof B == "number" && (m.value = c.value.sunsimDayOfYear[B]), typeof ee == "number" && (k.value = m.value.timeSamples[ee]), typeof ue == "number" && (A.value = pe.value[ue]), typeof G == "number" && (x.value = G);
4915
+ typeof b == "number" && (c.value = W.value[b]), typeof B == "number" && (m.value = c.value.sunsimDayOfYear[B]), typeof ee == "number" && (w.value = m.value.timeSamples[ee]), typeof ue == "number" && (A.value = pe.value[ue]), typeof G == "number" && (x.value = G);
4913
4916
  },
4914
4917
  resolveCoordinates: (b, B) => z.value ? z.value(b, B) : { x: 0, y: 0 }
4915
4918
  }), Re(() => {
@@ -4932,7 +4935,7 @@ const Ns = {
4932
4935
  r,
4933
4936
  (b) => {
4934
4937
  try {
4935
- Q.value = !1, O.value = Ws(b);
4938
+ Q.value = !1, O.value = Ps(b);
4936
4939
  } catch (B) {
4937
4940
  Q.value = !0, S("onError", B);
4938
4941
  }
@@ -4961,7 +4964,7 @@ const Ns = {
4961
4964
  }).observe(ye.value);
4962
4965
  }
4963
4966
  );
4964
- const P = D(
4967
+ const W = D(
4965
4968
  () => O.value ? O.value.cameras.filter(Ys) : []
4966
4969
  ), pe = D(
4967
4970
  () => O.value ? O.value.cameras.filter(bt) : []
@@ -4975,27 +4978,27 @@ const Ns = {
4975
4978
  ), H(
4976
4979
  [O, o, g],
4977
4980
  async () => {
4978
- o.value && P.value.length > 0 && (g.value ? c.value = P.value.find(
4981
+ o.value && W.value.length > 0 && (g.value ? c.value = W.value.find(
4979
4982
  (b) => b.cameraName === g.value
4980
- ) || P.value[0] : c.value = P.value[0], x.value = O.value.cameras.findIndex(
4983
+ ) || W.value[0] : c.value = W.value[0], x.value = O.value.cameras.findIndex(
4981
4984
  (b) => b === c.value
4982
4985
  ), x.value = Math.max(0, x.value));
4983
4986
  },
4984
4987
  { immediate: !0 }
4985
4988
  ), H(
4986
- [O, o, C],
4989
+ [O, o, k],
4987
4990
  () => {
4988
- O.value && o.value && c.value && c.value.sunsimDayOfYear && c.value.sunsimDayOfYear.length > 0 && (C.value ? m.value = c.value.sunsimDayOfYear.find(
4989
- (b) => b.dayOfYear === C.value
4991
+ O.value && o.value && c.value && c.value.sunsimDayOfYear && c.value.sunsimDayOfYear.length > 0 && (k.value ? m.value = c.value.sunsimDayOfYear.find(
4992
+ (b) => b.dayOfYear === k.value
4990
4993
  ) || c.value.sunsimDayOfYear[0] : m.value = c.value.sunsimDayOfYear[0]);
4991
4994
  },
4992
4995
  { immediate: !0 }
4993
4996
  ), H(
4994
- [O, o, w],
4997
+ [O, o, C],
4995
4998
  () => {
4996
- O.value && o.value && m.value && m.value.timeSamples && m.value.timeSamples.length > 0 && (w.value ? k.value = m.value.timeSamples.find(
4997
- (b) => b.timeInHours === w.value
4998
- ) || m.value.timeSamples[0] : k.value = m.value.timeSamples.find(
4999
+ O.value && o.value && m.value && m.value.timeSamples && m.value.timeSamples.length > 0 && (C.value ? w.value = m.value.timeSamples.find(
5000
+ (b) => b.timeInHours === C.value
5001
+ ) || m.value.timeSamples[0] : w.value = m.value.timeSamples.find(
4999
5002
  (b) => b.timeInHours === m.value.defaultHour
5000
5003
  ) || m.value.timeSamples[0]);
5001
5004
  },
@@ -5026,7 +5029,7 @@ const Ns = {
5026
5029
  });
5027
5030
  }
5028
5031
  function we(b) {
5029
- const B = k.value;
5032
+ const B = w.value;
5030
5033
  m.value = b, $e(() => {
5031
5034
  Be(
5032
5035
  m.value.timeSamples.find(
@@ -5038,7 +5041,7 @@ const Ns = {
5038
5041
  });
5039
5042
  }
5040
5043
  function Be(b) {
5041
- k.value = b;
5044
+ w.value = b;
5042
5045
  }
5043
5046
  function ke(b) {
5044
5047
  S("onClick", b, () => {
@@ -5162,7 +5165,7 @@ const Ns = {
5162
5165
  class: "persistent actions-bar top-right pa-2",
5163
5166
  style: le({
5164
5167
  zIndex: 7,
5165
- top: ie.value && P.value.length > 1 ? "60px" : 0
5168
+ top: ie.value && W.value.length > 1 ? "60px" : 0
5166
5169
  })
5167
5170
  }, [
5168
5171
  c.value.cameraRotation ? (u(), T(Ht, {
@@ -5184,7 +5187,7 @@ const Ns = {
5184
5187
  onOnZoomOut: B[1] || (B[1] = (G) => Je(!1))
5185
5188
  }, null, 8, ["is-mobile-sized", "can-zoom-out", "can-zoom-in", "disabled"])
5186
5189
  ], 4)) : F("", !0),
5187
- b.showUi && P.value.length > 1 ? (u(), E("div", {
5190
+ b.showUi && W.value.length > 1 ? (u(), E("div", {
5188
5191
  key: 1,
5189
5192
  class: me([{
5190
5193
  "actions-bar bottom-center pb-2": !0,
@@ -5194,7 +5197,7 @@ const Ns = {
5194
5197
  }, [
5195
5198
  _(Is, {
5196
5199
  "is-mobile-sized": ie.value,
5197
- "still-cameras": P.value,
5200
+ "still-cameras": W.value,
5198
5201
  "current-camera": c.value,
5199
5202
  disabled: R.value,
5200
5203
  "cdn-file-resolver": p(o),
@@ -5212,13 +5215,13 @@ const Ns = {
5212
5215
  class: "w-100 position-relative",
5213
5216
  style: le({ height: `${se.value}px` })
5214
5217
  }, [
5215
- (u(!0), E(xe, null, Me(P.value, (G, Ae) => (u(), T(hs, {
5218
+ (u(!0), E(xe, null, Me(W.value, (G, Ae) => (u(), T(hs, {
5216
5219
  key: `camera${Ae}`,
5217
5220
  "camera-data": G,
5218
5221
  "cdn-file-resolver": p(o),
5219
5222
  "current-camera": c.value,
5220
5223
  "current-day": m.value,
5221
- "current-time": k.value
5224
+ "current-time": w.value
5222
5225
  }, null, 8, ["camera-data", "cdn-file-resolver", "current-camera", "current-day", "current-time"]))), 128)),
5223
5226
  (u(!0), E(xe, null, Me(pe.value, (G, Ae) => (u(), T(_s, {
5224
5227
  key: `transition${Ae}`,
@@ -5272,7 +5275,7 @@ const Ns = {
5272
5275
  _(Fs, {
5273
5276
  "is-mobile-sized": ie.value,
5274
5277
  "current-day": m.value,
5275
- "current-time": k.value,
5278
+ "current-time": w.value,
5276
5279
  disabled: R.value,
5277
5280
  onOnTimeChange: Be
5278
5281
  }, null, 8, ["is-mobile-sized", "current-day", "current-time", "disabled"])
@@ -5289,7 +5292,7 @@ const Ns = {
5289
5292
  ]),
5290
5293
  _: 3
5291
5294
  }, 8, ["is-hoverable", "pos"])) : F("", !0),
5292
- b.version && b.showVersion ? (u(), E("div", qs, " version: " + W(b.version), 1)) : F("", !0)
5295
+ b.version && b.showVersion ? (u(), E("div", qs, " version: " + P(b.version), 1)) : F("", !0)
5293
5296
  ], 34)
5294
5297
  ]),
5295
5298
  _: 3
@@ -5319,6 +5322,6 @@ export {
5319
5322
  Rt as VStructureChooser,
5320
5323
  jl as VVirtualTour,
5321
5324
  Hn as VZoomBox,
5322
- Ws as convertStructureChooserDataLegacyToV5,
5325
+ Ps as convertStructureChooserDataLegacyToV5,
5323
5326
  nr as default
5324
5327
  };