@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
|
|
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),
|
|
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 ?
|
|
119
|
+
l.mobile ? w() : x();
|
|
120
120
|
}
|
|
121
121
|
), Re(() => {
|
|
122
|
-
l.desktop && m(), l.mobile &&
|
|
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
|
-
|
|
127
|
+
C.value.addEventListener("wheel", $, {
|
|
128
128
|
capture: !0
|
|
129
|
-
}),
|
|
129
|
+
}), C.value.addEventListener("mousedown", X, {
|
|
130
130
|
capture: !0
|
|
131
|
-
}),
|
|
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
|
|
140
|
-
|
|
139
|
+
function w() {
|
|
140
|
+
C.value.addEventListener("touchstart", Y, {
|
|
141
141
|
capture: !0
|
|
142
|
-
}),
|
|
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
|
-
|
|
151
|
+
C.value.removeEventListener("wheel", $, {
|
|
152
152
|
capture: !0
|
|
153
|
-
}),
|
|
153
|
+
}), C.value.removeEventListener("mousedown", X, {
|
|
154
154
|
capture: !0
|
|
155
|
-
}),
|
|
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
|
-
|
|
164
|
+
C.value.removeEventListener("touchstart", Y, {
|
|
165
165
|
capture: !0
|
|
166
|
-
}),
|
|
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,
|
|
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),
|
|
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 &&
|
|
191
|
+
f.value && k.value && l.consumeMouseUpWhenMoved && (M.preventDefault(), M.stopImmediatePropagation());
|
|
192
192
|
}
|
|
193
193
|
function de(M) {
|
|
194
|
-
f.value && (
|
|
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:
|
|
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 -
|
|
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 } =
|
|
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 =
|
|
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 =
|
|
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 :
|
|
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 -
|
|
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 =
|
|
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:
|
|
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,
|
|
286
|
-
qe.isWebWorker =
|
|
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 =
|
|
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
|
-
|
|
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),
|
|
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
|
-
|
|
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
|
-
|
|
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
|
|
372
|
+
await w();
|
|
370
373
|
});
|
|
371
374
|
},
|
|
372
375
|
{ immediate: !0, deep: !0 }
|
|
373
|
-
), H(
|
|
374
|
-
if (
|
|
375
|
-
|
|
376
|
-
const x =
|
|
377
|
-
x && (V.value = x.id,
|
|
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
|
|
383
|
+
async function w() {
|
|
381
384
|
A();
|
|
382
385
|
const te = {
|
|
383
386
|
initialized: () => {
|
|
384
|
-
|
|
385
|
-
const Y =
|
|
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
|
-
|
|
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
|
-
|
|
395
|
+
k("newFovCallback", Y), c.value = Y;
|
|
393
396
|
},
|
|
394
397
|
newRotation: (Y) => {
|
|
395
398
|
const Se = Y + 0;
|
|
396
|
-
|
|
399
|
+
k("newRotationCallback", Se), S.value = Se;
|
|
397
400
|
},
|
|
398
401
|
onFrontendMarkersUpdate: (Y) => {
|
|
399
|
-
|
|
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(),
|
|
420
|
+
), de.animate(), C.value = l.Main.getPlayerAPI(), C.value && C.value.setLookSensitivity(g.value));
|
|
418
421
|
}
|
|
419
422
|
async function A() {
|
|
420
|
-
|
|
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-
|
|
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,
|
|
484
|
-
const
|
|
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
|
-
_(
|
|
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,
|
|
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:
|
|
545
|
-
_(f, Ee({ rounded: "" },
|
|
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,
|
|
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, (
|
|
561
|
-
key: `at-menuitem-${
|
|
562
|
-
onClick: (V) => l("selectInterior",
|
|
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:
|
|
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:
|
|
576
|
+
src: k.url,
|
|
574
577
|
class: "pa-0 ma-0"
|
|
575
578
|
}, null, 8, ["src"])
|
|
576
579
|
]),
|
|
577
|
-
e("div", bo,
|
|
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,
|
|
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:
|
|
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] = (
|
|
670
|
-
},
|
|
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,
|
|
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" },
|
|
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"),
|
|
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
|
-
_(
|
|
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(" " +
|
|
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,
|
|
1253
|
-
_(
|
|
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(
|
|
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,
|
|
1278
|
+
e("div", jo, P(p(l).getLabel("clickAndDragToLookAround")), 1)
|
|
1276
1279
|
]),
|
|
1277
|
-
e("div",
|
|
1278
|
-
|
|
1279
|
-
e("div", No,
|
|
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,
|
|
1286
|
+
e("div", qo, P(p(l).getLabel("useTheMouseWheelToZoom")), 1)
|
|
1284
1287
|
]),
|
|
1285
1288
|
e("div", Jo, [
|
|
1286
1289
|
Xo,
|
|
1287
|
-
e("div", Go,
|
|
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,
|
|
1297
|
+
e("div", na, P(p(l).getLabel("tapAndDragToLookAround")), 1)
|
|
1295
1298
|
]),
|
|
1296
1299
|
e("div", oa, [
|
|
1297
1300
|
aa,
|
|
1298
|
-
e("div", la,
|
|
1301
|
+
e("div", la, P(p(l).getLabel("tapOnTheCirclesToMoveAround")), 1)
|
|
1299
1302
|
]),
|
|
1300
1303
|
e("div", sa, [
|
|
1301
1304
|
ra,
|
|
1302
|
-
e("div", ia,
|
|
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
|
-
_(
|
|
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(" " +
|
|
1330
|
+
ae(" " + P(p(l).getLabel("disclaimer")), 1)
|
|
1328
1331
|
]),
|
|
1329
|
-
e("p", ca,
|
|
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
|
-
_(
|
|
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(" " +
|
|
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,
|
|
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
|
-
_(
|
|
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(
|
|
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,
|
|
1449
|
-
return [c, m,
|
|
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
|
|
1454
|
+
function k(S) {
|
|
1452
1455
|
var c = S.toString(16);
|
|
1453
1456
|
return c.length == 1 ? "0" + c : c;
|
|
1454
1457
|
}
|
|
1455
|
-
function
|
|
1456
|
-
return "#" +
|
|
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:
|
|
1544
|
+
value: C(m.whitePoint)
|
|
1542
1545
|
},
|
|
1543
1546
|
lut: {
|
|
1544
1547
|
label: "Lut",
|
|
1545
1548
|
type: "lut",
|
|
1546
|
-
items: c.map((
|
|
1547
|
-
text:
|
|
1548
|
-
value: `https://cdn.visuado.com/luts/${
|
|
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"),
|
|
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(
|
|
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,
|
|
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,
|
|
1604
|
+
e("div", ba, P(R.label), 1)
|
|
1602
1605
|
]),
|
|
1603
1606
|
append: v(() => [
|
|
1604
|
-
e("div", null,
|
|
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,
|
|
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,
|
|
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",
|
|
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,
|
|
1761
|
-
function
|
|
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,
|
|
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 =
|
|
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"],
|
|
1801
|
-
|
|
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
|
-
},
|
|
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({}),
|
|
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)),
|
|
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 && (
|
|
1861
|
+
N && (C.value = new ResizeObserver(O).observe(N));
|
|
1859
1862
|
}), xn(() => {
|
|
1860
1863
|
ye(), de();
|
|
1861
1864
|
}), ot(() => {
|
|
1862
|
-
|
|
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 ?
|
|
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,
|
|
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,
|
|
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 = `${
|
|
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:
|
|
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`),
|
|
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
|
|
2002
|
-
return `${
|
|
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
|
|
2011
|
-
f.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
|
|
2014
|
-
l("setBackgroundImage",
|
|
2016
|
+
const w = C(n.level, r.value);
|
|
2017
|
+
l("setBackgroundImage", w);
|
|
2015
2018
|
}), H(
|
|
2016
2019
|
() => n.level,
|
|
2017
2020
|
() => {
|
|
2018
|
-
l("setBackgroundImage",
|
|
2021
|
+
l("setBackgroundImage", C(n.level, r.value));
|
|
2019
2022
|
},
|
|
2020
2023
|
{ immediate: !0 }
|
|
2021
2024
|
);
|
|
2022
|
-
function w
|
|
2023
|
-
return f.value.get(`sunsim${
|
|
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(
|
|
2028
|
+
async function V(w) {
|
|
2026
2029
|
let A = /* @__PURE__ */ new Map();
|
|
2027
|
-
for (let x = 0; x <
|
|
2028
|
-
const $ =
|
|
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(
|
|
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/${
|
|
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(
|
|
2051
|
-
return "data:image/jpeg;base64," +
|
|
2053
|
+
function c(w) {
|
|
2054
|
+
return "data:image/jpeg;base64," + w;
|
|
2052
2055
|
}
|
|
2053
|
-
async function m(
|
|
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(
|
|
2062
|
+
}, $.onerror = x, $.readAsDataURL(w);
|
|
2060
2063
|
});
|
|
2061
2064
|
}
|
|
2062
|
-
return (
|
|
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,
|
|
2098
|
+
e("span", null, P(k.value), 1)
|
|
2096
2099
|
])
|
|
2097
2100
|
]),
|
|
2098
2101
|
"thumb-label": v(() => [
|
|
2099
|
-
ae(
|
|
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
|
|
2138
|
-
return s.value !== 0 && (Math.abs(s.value) % 180 === 0 ?
|
|
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(
|
|
2141
|
-
o.value =
|
|
2143
|
+
function g(w) {
|
|
2144
|
+
o.value = w;
|
|
2142
2145
|
}
|
|
2143
|
-
const
|
|
2144
|
-
function
|
|
2145
|
-
const A = (
|
|
2146
|
-
V.value =
|
|
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(
|
|
2156
|
-
r("goToCamera",
|
|
2158
|
+
function m(w) {
|
|
2159
|
+
r("goToCamera", w);
|
|
2157
2160
|
}
|
|
2158
|
-
return (
|
|
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:
|
|
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":
|
|
2207
|
+
"all-cameras": w.apartmentJson.cameras,
|
|
2205
2208
|
"background-image": o.value,
|
|
2206
|
-
rotation:
|
|
2207
|
-
"current-camera":
|
|
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"),
|
|
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
|
-
_(
|
|
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(
|
|
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,
|
|
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,
|
|
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(
|
|
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
|
|
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] = (
|
|
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(
|
|
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] = (
|
|
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(
|
|
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] = (
|
|
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, (
|
|
2463
|
-
key:
|
|
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(
|
|
2478
|
+
onClick: ($) => f(w.id, A)
|
|
2476
2479
|
}, {
|
|
2477
2480
|
default: v(() => [
|
|
2478
|
-
_(
|
|
2481
|
+
_(C, {
|
|
2479
2482
|
cover: "",
|
|
2480
2483
|
"aspect-ratio": 1,
|
|
2481
|
-
src:
|
|
2484
|
+
src: w.thumbnailUrl
|
|
2482
2485
|
}, null, 8, ["src"]),
|
|
2483
|
-
n.cameraHasSunStudy(
|
|
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"),
|
|
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
|
-
_(
|
|
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,
|
|
2553
|
+
e("span", null, P(p(a).getLabel("share")), 1)
|
|
2551
2554
|
]),
|
|
2552
2555
|
_: 1
|
|
2553
2556
|
}),
|
|
2554
|
-
_(
|
|
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
|
-
_(
|
|
2573
|
+
_(C, null, {
|
|
2571
2574
|
default: v(() => [
|
|
2572
|
-
ae(
|
|
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
|
-
_(
|
|
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,
|
|
2596
|
+
e("span", null, P(p(a).getLabel("shareToFacebook")), 1)
|
|
2594
2597
|
]),
|
|
2595
2598
|
_: 1
|
|
2596
2599
|
}),
|
|
2597
|
-
_(
|
|
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,
|
|
2610
|
+
e("span", null, P(p(a).getLabel("shareToLinkedin")), 1)
|
|
2608
2611
|
]),
|
|
2609
2612
|
_: 1
|
|
2610
2613
|
}),
|
|
2611
|
-
_(
|
|
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,
|
|
2624
|
+
e("span", null, P(p(a).getLabel("shareToTwitter")), 1)
|
|
2622
2625
|
]),
|
|
2623
2626
|
_: 1
|
|
2624
2627
|
}),
|
|
2625
|
-
_(
|
|
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,
|
|
2640
|
+
e("span", null, P(p(a).getLabel("shareViaEmail")), 1)
|
|
2638
2641
|
]),
|
|
2639
2642
|
_: 1
|
|
2640
2643
|
}),
|
|
2641
|
-
_(
|
|
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,
|
|
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
|
-
}),
|
|
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
|
-
},
|
|
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:
|
|
2892
|
-
showCompass:
|
|
2894
|
+
showTimeOfDay: k,
|
|
2895
|
+
showCompass: C,
|
|
2893
2896
|
showFullScreen: V,
|
|
2894
2897
|
showSnapshot: S,
|
|
2895
2898
|
showShare: c,
|
|
2896
2899
|
showInteriorOptions: m,
|
|
2897
|
-
showMiniMap:
|
|
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(),
|
|
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
|
-
(
|
|
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
|
-
(
|
|
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 &&
|
|
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 =
|
|
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,
|
|
3063
|
+
oe.value = I, re.value = q.value.cameras[I].id, W.value = q.value.cameras[I].id;
|
|
3061
3064
|
}
|
|
3062
|
-
|
|
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",
|
|
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
|
-
),
|
|
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
|
-
|
|
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 =
|
|
3211
|
+
const I = We(d);
|
|
3209
3212
|
return !I || !I[0] || !I[0].timeSamples ? !1 : I[0].timeSamples.length > 1;
|
|
3210
|
-
}),
|
|
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(),
|
|
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",
|
|
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 &&
|
|
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":
|
|
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(
|
|
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(
|
|
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 &&
|
|
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 &&
|
|
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":
|
|
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(
|
|
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
|
-
_(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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: " +
|
|
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"]]),
|
|
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",
|
|
3627
|
-
e("div",
|
|
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,
|
|
3682
|
-
id: `image-${
|
|
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,
|
|
3701
|
-
let
|
|
3703
|
+
function h(g, k = !0) {
|
|
3704
|
+
let C = r.value.findIndex(
|
|
3702
3705
|
(V) => V.id === g
|
|
3703
3706
|
);
|
|
3704
|
-
|
|
3707
|
+
C != -1 && (n.value = C);
|
|
3705
3708
|
}
|
|
3706
|
-
return (g,
|
|
3707
|
-
const
|
|
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
|
-
_(
|
|
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(
|
|
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
|
-
_(
|
|
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),
|
|
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(([
|
|
3812
|
-
const A =
|
|
3813
|
-
g.value = x.clientWidth / 512, A.style.height = `${
|
|
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(
|
|
3816
|
-
r("cameraSet",
|
|
3818
|
+
}), H(k, () => {
|
|
3819
|
+
r("cameraSet", k.value);
|
|
3817
3820
|
});
|
|
3818
3821
|
const V = D(() => {
|
|
3819
|
-
const
|
|
3822
|
+
const w = _e(l.cdnFileResolver.value, "").replace(
|
|
3820
3823
|
`/${o.value.type}/${o.value.id}`,
|
|
3821
3824
|
""
|
|
3822
3825
|
);
|
|
3823
|
-
return (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,
|
|
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({ ...
|
|
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":
|
|
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,
|
|
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":
|
|
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
|
|
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:
|
|
4044
|
-
_(
|
|
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
|
-
_(
|
|
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
|
-
},
|
|
4062
|
+
}, w), {
|
|
4060
4063
|
default: v(() => [
|
|
4061
|
-
ae(
|
|
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, (
|
|
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 =
|
|
4078
|
+
onClick: (x) => f.value = w.dayOfYear
|
|
4076
4079
|
}, {
|
|
4077
4080
|
default: v(() => [
|
|
4078
4081
|
_(V, null, {
|
|
4079
4082
|
default: v(() => [
|
|
4080
|
-
ae(
|
|
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(),
|
|
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
|
|
4126
|
-
|
|
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
|
-
|
|
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"),
|
|
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
|
-
|
|
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:
|
|
4176
|
-
paddingRight:
|
|
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,
|
|
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
|
-
_(
|
|
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
|
-
|
|
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
|
|
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(
|
|
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
|
-
_(
|
|
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,
|
|
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
|
-
_(
|
|
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,
|
|
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] = (
|
|
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] = (
|
|
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(),
|
|
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
|
|
4417
|
-
const { element: m, state:
|
|
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
|
|
4428
|
-
|
|
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[
|
|
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
|
|
4452
|
+
const w = `0 0 ${c.getAttribute(
|
|
4450
4453
|
"width"
|
|
4451
4454
|
)} ${c.getAttribute("height")}`;
|
|
4452
|
-
c.setAttribute("viewBox",
|
|
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
|
|
4478
|
-
|
|
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
|
-
|
|
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
|
-
|
|
4494
|
+
k[X].state === "idle" && (k[X].state = "hover"), i("onHoverOver", X);
|
|
4492
4495
|
}), $.addEventListener("mouseout", () => {
|
|
4493
|
-
|
|
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(
|
|
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[
|
|
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
|
|
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
|
|
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 (
|
|
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((
|
|
4784
|
-
(r = t.sceneCameras.find((
|
|
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:
|
|
4874
|
-
defaultTime:
|
|
4876
|
+
defaultDay: k,
|
|
4877
|
+
defaultTime: C,
|
|
4875
4878
|
mobileBreakpoint: V
|
|
4876
|
-
} = Ce(l), S = n, c = y(), m = 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 ?
|
|
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:
|
|
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 =
|
|
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 =
|
|
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
|
|
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 &&
|
|
4981
|
+
o.value && W.value.length > 0 && (g.value ? c.value = W.value.find(
|
|
4979
4982
|
(b) => b.cameraName === g.value
|
|
4980
|
-
) ||
|
|
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,
|
|
4989
|
+
[O, o, k],
|
|
4987
4990
|
() => {
|
|
4988
|
-
O.value && o.value && c.value && c.value.sunsimDayOfYear && c.value.sunsimDayOfYear.length > 0 && (
|
|
4989
|
-
(b) => b.dayOfYear ===
|
|
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,
|
|
4997
|
+
[O, o, C],
|
|
4995
4998
|
() => {
|
|
4996
|
-
O.value && o.value && m.value && m.value.timeSamples && m.value.timeSamples.length > 0 && (
|
|
4997
|
-
(b) => b.timeInHours ===
|
|
4998
|
-
) || m.value.timeSamples[0] :
|
|
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 =
|
|
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
|
-
|
|
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 &&
|
|
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 &&
|
|
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":
|
|
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(
|
|
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":
|
|
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":
|
|
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: " +
|
|
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
|
-
|
|
5325
|
+
Ps as convertStructureChooserDataLegacyToV5,
|
|
5323
5326
|
nr as default
|
|
5324
5327
|
};
|