@car-cutter/react-webplayer 3.0.0 → 3.0.1
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.
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +4 -2
- package/dist/index.js +2 -2
- package/dist/legacy.cjs +1 -1
- package/dist/legacy.d.ts +4 -2
- package/dist/legacy.js +2 -2
- package/dist/{shared-BOKJghvy.js → shared-Cla45QLW.js} +390 -359
- package/dist/shared-D8bO3EfR.cjs +27 -0
- package/package.json +5 -5
- package/dist/shared-Bps5mZ-a.cjs +0 -27
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { jsx as i, jsxs as ce, Fragment as rt } from "react/jsx-runtime";
|
|
2
2
|
import Or, { useState as Ie, useEffect as we, createContext as Ct, useContext as Et, useMemo as Ke, useCallback as q, useRef as Se, Fragment as Fr, PureComponent as Vr } from "react";
|
|
3
|
-
const
|
|
4
|
-
function
|
|
3
|
+
const Nt = "cc-webplayer", $t = "cc-webplayer-custom-media", er = "cc-webplayer-icon", tr = "composition-loading", rr = "composition-loaded", or = "composition-load-error", nr = "item-change", ar = "extend-mode-on", ir = "extend-mode-off", St = "hotspots-on", Rt = "hotspots-off", sr = "gallery-open", lr = "gallery-close", Ur = !1, Wr = !1, Br = !1, Yr = "quality", Xr = 0, Zr = 1 / 0, Gr = 1, jr = !1, qr = !1, Kr = "*", Jr = "full_screen", cr = "cc-webplayer:", Qr = !1, $r = !1, eo = !1, ur = 1;
|
|
4
|
+
function Rn(r, n) {
|
|
5
5
|
return `https://cdn.car-cutter.com/gallery/${r}/${n}/composition_v3.json`;
|
|
6
6
|
}
|
|
7
7
|
function to(r, n) {
|
|
8
8
|
const l = r.split("/"), s = l.pop();
|
|
9
9
|
return [l.join("/"), n, s].join("/");
|
|
10
10
|
}
|
|
11
|
-
function
|
|
12
|
-
return !!customElements.get(
|
|
11
|
+
function _n() {
|
|
12
|
+
return !!customElements.get(Nt) && !!customElements.get($t) && !!customElements.get(er);
|
|
13
13
|
}
|
|
14
14
|
async function ro(r) {
|
|
15
15
|
const n = await fetch(r);
|
|
@@ -17,13 +17,13 @@ async function ro(r) {
|
|
|
17
17
|
throw new Error(`Failed to fetch composition: ${n.statusText}`);
|
|
18
18
|
return await n.json();
|
|
19
19
|
}
|
|
20
|
-
const
|
|
20
|
+
const Pt = /* @__PURE__ */ new Map(), oo = (r) => {
|
|
21
21
|
const [n, l] = Ie({
|
|
22
22
|
status: "pending",
|
|
23
23
|
isSuccess: !1
|
|
24
24
|
});
|
|
25
25
|
return we(() => {
|
|
26
|
-
const s = (p) => l({ status: "success", data: p, isSuccess: !0 }), u =
|
|
26
|
+
const s = (p) => l({ status: "success", data: p, isSuccess: !0 }), u = Pt.get(r);
|
|
27
27
|
if (u && !(u instanceof Promise)) {
|
|
28
28
|
s(u);
|
|
29
29
|
return;
|
|
@@ -38,7 +38,7 @@ const St = /* @__PURE__ */ new Map(), oo = (r) => {
|
|
|
38
38
|
p = await u;
|
|
39
39
|
else {
|
|
40
40
|
const E = ro(r);
|
|
41
|
-
|
|
41
|
+
Pt.set(r, E), p = await E, Pt.set(r, p);
|
|
42
42
|
}
|
|
43
43
|
s(p);
|
|
44
44
|
} catch (p) {
|
|
@@ -50,15 +50,15 @@ const St = /* @__PURE__ */ new Map(), oo = (r) => {
|
|
|
50
50
|
}
|
|
51
51
|
}();
|
|
52
52
|
}, [r]), n;
|
|
53
|
-
},
|
|
54
|
-
const r = Et(
|
|
53
|
+
}, dr = Ct(null), Je = () => {
|
|
54
|
+
const r = Et(dr);
|
|
55
55
|
if (!r)
|
|
56
56
|
throw new Error(
|
|
57
57
|
"useGlobalContext must be used within a GlobalContextProvider"
|
|
58
58
|
);
|
|
59
59
|
return r;
|
|
60
|
-
}, no = ({ children: r, ...n }) => /* @__PURE__ */ i(
|
|
61
|
-
const r = Et(
|
|
60
|
+
}, no = ({ children: r, ...n }) => /* @__PURE__ */ i(dr.Provider, { value: n, children: r }), hr = Ct(null), st = () => {
|
|
61
|
+
const r = Et(hr);
|
|
62
62
|
if (!r)
|
|
63
63
|
throw new Error(
|
|
64
64
|
"useCompositionContext must be used within a CompositionContextProvider"
|
|
@@ -99,7 +99,7 @@ const St = /* @__PURE__ */ new Map(), oo = (r) => {
|
|
|
99
99
|
return L;
|
|
100
100
|
}, [p, u, E, e]);
|
|
101
101
|
return /* @__PURE__ */ i(
|
|
102
|
-
|
|
102
|
+
hr.Provider,
|
|
103
103
|
{
|
|
104
104
|
value: {
|
|
105
105
|
...r,
|
|
@@ -111,9 +111,9 @@ const St = /* @__PURE__ */ new Map(), oo = (r) => {
|
|
|
111
111
|
children: n
|
|
112
112
|
}
|
|
113
113
|
);
|
|
114
|
-
},
|
|
114
|
+
}, pr = 500, ht = 0.75, ut = 1 + ht * 2, fr = () => {
|
|
115
115
|
const { isFullScreen: r, maxItemsShown: n, integration: l } = Je();
|
|
116
|
-
return { effectiveMaxItemsShown: l && r ?
|
|
116
|
+
return { effectiveMaxItemsShown: l && r ? ur : n };
|
|
117
117
|
};
|
|
118
118
|
function tt(r, n, l) {
|
|
119
119
|
return Math.min(Math.max(r, n), l);
|
|
@@ -133,21 +133,21 @@ const yt = (r, n, l) => r + (n - r) * l, Yt = (r, n, l, s, u, p = !1) => {
|
|
|
133
133
|
p < s && (s = p, l = n[u]);
|
|
134
134
|
}
|
|
135
135
|
return l;
|
|
136
|
-
},
|
|
137
|
-
const r =
|
|
136
|
+
}, mr = Ct(null), zt = () => Et(mr), ft = () => {
|
|
137
|
+
const r = zt();
|
|
138
138
|
if (!r)
|
|
139
139
|
throw new Error(
|
|
140
140
|
"useCustomizationContext must be used within a CustomizationContextProvider"
|
|
141
141
|
);
|
|
142
142
|
return r;
|
|
143
|
-
},
|
|
143
|
+
}, Xt = "*:size-full", Zt = "*:object-cover *:size-full", so = ({ children: r }) => {
|
|
144
144
|
const { compositionUrl: n } = Je(), l = q(
|
|
145
145
|
() => document.querySelector(
|
|
146
|
-
`${
|
|
146
|
+
`${Nt}[composition-url="${n}"]`
|
|
147
147
|
),
|
|
148
148
|
[n]
|
|
149
149
|
), s = q((P) => {
|
|
150
|
-
const L = P.querySelectorAll(
|
|
150
|
+
const L = P.querySelectorAll(er), _ = /* @__PURE__ */ new Map();
|
|
151
151
|
for (const w of L) {
|
|
152
152
|
const M = w.getAttribute("name");
|
|
153
153
|
if (!M) {
|
|
@@ -157,7 +157,7 @@ const yt = (r, n, l) => r + (n - r) * l, Yt = (r, n, l, s, u, p = !1) => {
|
|
|
157
157
|
const b = w.innerHTML, h = b ? /* @__PURE__ */ i(
|
|
158
158
|
"div",
|
|
159
159
|
{
|
|
160
|
-
className:
|
|
160
|
+
className: Xt,
|
|
161
161
|
dangerouslySetInnerHTML: { __html: b }
|
|
162
162
|
}
|
|
163
163
|
) : void 0;
|
|
@@ -196,7 +196,7 @@ const yt = (r, n, l) => r + (n - r) * l, Yt = (r, n, l, s, u, p = !1) => {
|
|
|
196
196
|
return new Map(
|
|
197
197
|
_.set(P, {
|
|
198
198
|
...M,
|
|
199
|
-
Icon: /* @__PURE__ */ i("div", { className:
|
|
199
|
+
Icon: /* @__PURE__ */ i("div", { className: Xt, children: w })
|
|
200
200
|
})
|
|
201
201
|
);
|
|
202
202
|
});
|
|
@@ -206,7 +206,7 @@ const yt = (r, n, l) => r + (n - r) * l, Yt = (r, n, l, s, u, p = !1) => {
|
|
|
206
206
|
p((L) => (L.delete(P), new Map(L)));
|
|
207
207
|
}, []), v = q((P) => {
|
|
208
208
|
const L = P.querySelectorAll(
|
|
209
|
-
|
|
209
|
+
$t
|
|
210
210
|
), _ = new Array();
|
|
211
211
|
for (const w of L) {
|
|
212
212
|
const M = w.innerHTML;
|
|
@@ -225,7 +225,7 @@ const yt = (r, n, l) => r + (n - r) * l, Yt = (r, n, l, s, u, p = !1) => {
|
|
|
225
225
|
Media: /* @__PURE__ */ i(
|
|
226
226
|
"div",
|
|
227
227
|
{
|
|
228
|
-
className:
|
|
228
|
+
className: Zt,
|
|
229
229
|
dangerouslySetInnerHTML: { __html: M }
|
|
230
230
|
}
|
|
231
231
|
),
|
|
@@ -251,7 +251,7 @@ const yt = (r, n, l) => r + (n - r) * l, Yt = (r, n, l, s, u, p = !1) => {
|
|
|
251
251
|
}), () => L.disconnect();
|
|
252
252
|
}, [v, l]);
|
|
253
253
|
const d = q((P) => {
|
|
254
|
-
const { Media: L, ..._ } = P, w = /* @__PURE__ */ i("div", { className:
|
|
254
|
+
const { Media: L, ..._ } = P, w = /* @__PURE__ */ i("div", { className: Zt, children: L }), M = JSON.stringify(_);
|
|
255
255
|
return x((b) => [
|
|
256
256
|
...b,
|
|
257
257
|
{
|
|
@@ -266,7 +266,7 @@ const yt = (r, n, l) => r + (n - r) * l, Yt = (r, n, l, s, u, p = !1) => {
|
|
|
266
266
|
);
|
|
267
267
|
}, []);
|
|
268
268
|
return /* @__PURE__ */ i(
|
|
269
|
-
|
|
269
|
+
mr.Provider,
|
|
270
270
|
{
|
|
271
271
|
value: {
|
|
272
272
|
getIconConfig: E,
|
|
@@ -279,8 +279,8 @@ const yt = (r, n, l) => r + (n - r) * l, Yt = (r, n, l, s, u, p = !1) => {
|
|
|
279
279
|
children: r
|
|
280
280
|
}
|
|
281
281
|
);
|
|
282
|
-
},
|
|
283
|
-
const r = Et(
|
|
282
|
+
}, gr = Ct(null), Qe = () => {
|
|
283
|
+
const r = Et(gr);
|
|
284
284
|
if (!r)
|
|
285
285
|
throw new Error(
|
|
286
286
|
"useControlsContext must be used within a ControlsContextProvider"
|
|
@@ -322,7 +322,7 @@ const yt = (r, n, l) => r + (n - r) * l, Yt = (r, n, l, s, u, p = !1) => {
|
|
|
322
322
|
[]
|
|
323
323
|
), [L, _] = Ie(0), [w, M] = Ie(null), b = w ?? L, h = x[b], C = d[b], [k, V] = Ie(
|
|
324
324
|
null
|
|
325
|
-
), I = !!k, K = q(() => V(null), []), { effectiveMaxItemsShown: O } =
|
|
325
|
+
), I = !!k, K = q(() => V(null), []), { effectiveMaxItemsShown: O } = fr(), W = q(() => {
|
|
326
326
|
if (I || w !== null)
|
|
327
327
|
return;
|
|
328
328
|
const B = L - 1;
|
|
@@ -362,7 +362,7 @@ const yt = (r, n, l) => r + (n - r) * l, Yt = (r, n, l, s, u, p = !1) => {
|
|
|
362
362
|
[L, d]
|
|
363
363
|
);
|
|
364
364
|
we(() => {
|
|
365
|
-
u(
|
|
365
|
+
u(nr, {
|
|
366
366
|
index: b,
|
|
367
367
|
item: h
|
|
368
368
|
});
|
|
@@ -409,26 +409,26 @@ const yt = (r, n, l) => r + (n - r) * l, Yt = (r, n, l, s, u, p = !1) => {
|
|
|
409
409
|
default:
|
|
410
410
|
return !1;
|
|
411
411
|
}
|
|
412
|
-
}, [h, C, s, x, p]), [
|
|
412
|
+
}, [h, C, s, x, p]), [Y, te] = Ie(!0), [D, Q] = Ie({}), xe = Ke(() => s && p ? D[b] ?? !0 : Y, [
|
|
413
413
|
s,
|
|
414
414
|
p,
|
|
415
415
|
D,
|
|
416
416
|
b,
|
|
417
|
-
|
|
418
|
-
]),
|
|
417
|
+
Y
|
|
418
|
+
]), X = q(() => {
|
|
419
419
|
if (s && p) {
|
|
420
420
|
const he = !(D[b] ?? !0);
|
|
421
421
|
Q((pe) => ({
|
|
422
422
|
...pe,
|
|
423
423
|
[b]: he
|
|
424
|
-
})), u(he ?
|
|
424
|
+
})), u(he ? St : Rt);
|
|
425
425
|
} else {
|
|
426
|
-
const B = !
|
|
427
|
-
te(B), u(B ?
|
|
426
|
+
const B = !Y;
|
|
427
|
+
te(B), u(B ? St : Rt);
|
|
428
428
|
}
|
|
429
429
|
}, [
|
|
430
430
|
u,
|
|
431
|
-
|
|
431
|
+
Y,
|
|
432
432
|
s,
|
|
433
433
|
p,
|
|
434
434
|
D,
|
|
@@ -442,8 +442,8 @@ const yt = (r, n, l) => r + (n - r) * l, Yt = (r, n, l, s, u, p = !1) => {
|
|
|
442
442
|
}
|
|
443
443
|
}, [h, C]), [Z, le] = Ie(!1), T = q(() => {
|
|
444
444
|
const B = !Z;
|
|
445
|
-
le(B), u(B ?
|
|
446
|
-
}, [u, Z]), [Me, j] = Ie(null), be = q(() => j(null), []),
|
|
445
|
+
le(B), u(B ? sr : lr);
|
|
446
|
+
}, [u, Z]), [Me, j] = Ie(null), be = q(() => j(null), []), Be = !!Me, Ge = Ke(() => {
|
|
447
447
|
switch (h.type) {
|
|
448
448
|
case "image":
|
|
449
449
|
return !0;
|
|
@@ -458,17 +458,17 @@ const yt = (r, n, l) => r + (n - r) * l, Yt = (r, n, l, s, u, p = !1) => {
|
|
|
458
458
|
c((he) => tt(he + B, 1, ut));
|
|
459
459
|
}, []), g = q(() => c(1), []), re = q(() => $(ht), [$]), ae = q(() => $(-0.75), [$]), ve = q(() => {
|
|
460
460
|
g(), be();
|
|
461
|
-
}, [g, be]), [ie, Ue] = Ie(!1), [_e,
|
|
461
|
+
}, [g, be]), [ie, Ue] = Ie(!1), [_e, Ye] = Ie(), [je, Xe] = Ie(!1), Ne = q(
|
|
462
462
|
async (B) => {
|
|
463
|
-
ve(), Ue(B), u(B ?
|
|
463
|
+
ve(), Ue(B), u(B ? ar : ir);
|
|
464
464
|
},
|
|
465
465
|
[u, ve]
|
|
466
466
|
), ye = q(() => {
|
|
467
467
|
clearTimeout(_e);
|
|
468
468
|
const B = setTimeout(() => {
|
|
469
|
-
|
|
470
|
-
},
|
|
471
|
-
|
|
469
|
+
Ye(void 0);
|
|
470
|
+
}, pr);
|
|
471
|
+
Ye(B);
|
|
472
472
|
}, [_e]), ze = q(async () => {
|
|
473
473
|
if (ye(), l === "full_screen") {
|
|
474
474
|
const B = await E();
|
|
@@ -501,7 +501,7 @@ const yt = (r, n, l) => r + (n - r) * l, Yt = (r, n, l, s, u, p = !1) => {
|
|
|
501
501
|
p,
|
|
502
502
|
ye
|
|
503
503
|
]), /* @__PURE__ */ i(
|
|
504
|
-
|
|
504
|
+
gr.Provider,
|
|
505
505
|
{
|
|
506
506
|
value: {
|
|
507
507
|
items: x,
|
|
@@ -521,14 +521,14 @@ const yt = (r, n, l) => r + (n - r) * l, Yt = (r, n, l, s, u, p = !1) => {
|
|
|
521
521
|
displayedCategoryId: J,
|
|
522
522
|
changeCategory: ue,
|
|
523
523
|
enableHotspotsControl: N,
|
|
524
|
-
showHotspots:
|
|
524
|
+
showHotspots: Y,
|
|
525
525
|
currentItemHotspotsVisible: xe,
|
|
526
|
-
toggleHotspots:
|
|
526
|
+
toggleHotspots: X,
|
|
527
527
|
showGalleryControls: G,
|
|
528
528
|
showGallery: Z,
|
|
529
529
|
toggleGallery: T,
|
|
530
530
|
shownDetails: Me,
|
|
531
|
-
isShowingDetails:
|
|
531
|
+
isShowingDetails: Be,
|
|
532
532
|
setShownDetails: j,
|
|
533
533
|
resetShownDetails: be,
|
|
534
534
|
showZoomControls: Ge,
|
|
@@ -551,9 +551,9 @@ const yt = (r, n, l) => r + (n - r) * l, Yt = (r, n, l, s, u, p = !1) => {
|
|
|
551
551
|
children: r
|
|
552
552
|
}
|
|
553
553
|
);
|
|
554
|
-
},
|
|
554
|
+
}, vr = ["left", "center", "right", "fullW"], wr = ["top", "middle", "bottom", "fullH"], co = [
|
|
555
|
+
...vr,
|
|
555
556
|
...wr,
|
|
556
|
-
...xr,
|
|
557
557
|
"top-left",
|
|
558
558
|
"top-center",
|
|
559
559
|
"top-right",
|
|
@@ -572,10 +572,10 @@ const yt = (r, n, l) => r + (n - r) * l, Yt = (r, n, l, s, u, p = !1) => {
|
|
|
572
572
|
"fullW-fullW"
|
|
573
573
|
];
|
|
574
574
|
function uo(r) {
|
|
575
|
-
return
|
|
575
|
+
return vr.includes(r);
|
|
576
576
|
}
|
|
577
577
|
function ho(r) {
|
|
578
|
-
return
|
|
578
|
+
return wr.includes(r);
|
|
579
579
|
}
|
|
580
580
|
function po(r) {
|
|
581
581
|
return co.includes(r);
|
|
@@ -600,7 +600,7 @@ function mo(r) {
|
|
|
600
600
|
return "inset-x-1 small:inset-x-2";
|
|
601
601
|
}
|
|
602
602
|
}
|
|
603
|
-
function
|
|
603
|
+
function xr(r) {
|
|
604
604
|
switch (r) {
|
|
605
605
|
case "top":
|
|
606
606
|
return "top-1 small:top-2";
|
|
@@ -617,20 +617,20 @@ function go({
|
|
|
617
617
|
positionY: n
|
|
618
618
|
}) {
|
|
619
619
|
const l = new Array();
|
|
620
|
-
return r && l.push(mo(r)), n && l.push(
|
|
620
|
+
return r && l.push(mo(r)), n && l.push(xr(n)), l.join(" ");
|
|
621
621
|
}
|
|
622
622
|
function dt(r) {
|
|
623
623
|
const [n, l] = fo(r);
|
|
624
624
|
return go({ positionX: l, positionY: n });
|
|
625
625
|
}
|
|
626
|
-
const
|
|
626
|
+
const We = ({
|
|
627
627
|
customizationKey: r,
|
|
628
628
|
className: n,
|
|
629
629
|
children: l
|
|
630
630
|
}) => {
|
|
631
631
|
const { getIconConfig: s } = ft(), p = s(r)?.Icon;
|
|
632
632
|
return p ? n ? /* @__PURE__ */ i("div", { className: n, children: p }) : p : l;
|
|
633
|
-
}, vo = ({ className: r }) => /* @__PURE__ */ i(
|
|
633
|
+
}, vo = ({ className: r }) => /* @__PURE__ */ i(We, { className: r, customizationKey: "UI_CLOSE", children: /* @__PURE__ */ i(
|
|
634
634
|
"svg",
|
|
635
635
|
{
|
|
636
636
|
className: r,
|
|
@@ -681,7 +681,7 @@ const Ze = ({
|
|
|
681
681
|
children: u
|
|
682
682
|
}
|
|
683
683
|
);
|
|
684
|
-
},
|
|
684
|
+
}, _t = (r) => /* @__PURE__ */ i(et, { color: "neutral", shape: "icon", ...r, children: /* @__PURE__ */ i(vo, { className: "size-full" }) }), Dt = ({ text: r, className: n }) => /* @__PURE__ */ ce(
|
|
685
685
|
"div",
|
|
686
686
|
{
|
|
687
687
|
className: se(
|
|
@@ -707,7 +707,7 @@ const Ze = ({
|
|
|
707
707
|
sm: "size-4 border",
|
|
708
708
|
md: "size-8 border-2",
|
|
709
709
|
lg: "size-12 border-4"
|
|
710
|
-
},
|
|
710
|
+
}, br = ({
|
|
711
711
|
color: r = "foreground",
|
|
712
712
|
size: n = "md"
|
|
713
713
|
}) => {
|
|
@@ -803,13 +803,13 @@ const Ze = ({
|
|
|
803
803
|
...E
|
|
804
804
|
}
|
|
805
805
|
);
|
|
806
|
-
},
|
|
806
|
+
}, yr = ({ className: r }) => /* @__PURE__ */ i(We, { className: r, customizationKey: "UI_IMAGE", children: /* @__PURE__ */ i("svg", { className: r, viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ i(
|
|
807
807
|
"path",
|
|
808
808
|
{
|
|
809
809
|
d: "M9.5 2.5V9.5H2.5V2.5H9.5ZM9.5 1.5H2.5C1.95 1.5 1.5 1.95 1.5 2.5V9.5C1.5 10.05 1.95 10.5 2.5 10.5H9.5C10.05 10.5 10.5 10.05 10.5 9.5V2.5C10.5 1.95 10.05 1.5 9.5 1.5ZM7.07 5.93L5.57 7.865L4.5 6.57L3 8.5H9L7.07 5.93Z",
|
|
810
810
|
fill: "currentColor"
|
|
811
811
|
}
|
|
812
|
-
) }) }),
|
|
812
|
+
) }) }), Cr = ({ className: r }) => /* @__PURE__ */ i(We, { className: r, customizationKey: "INTERIOR_UI_360", children: /* @__PURE__ */ ce(
|
|
813
813
|
"svg",
|
|
814
814
|
{
|
|
815
815
|
className: r,
|
|
@@ -877,7 +877,7 @@ const Ze = ({
|
|
|
877
877
|
)
|
|
878
878
|
]
|
|
879
879
|
}
|
|
880
|
-
) }),
|
|
880
|
+
) }), Er = ({ className: r }) => /* @__PURE__ */ i(We, { className: r, customizationKey: "UI_PLAY", children: /* @__PURE__ */ i(
|
|
881
881
|
"svg",
|
|
882
882
|
{
|
|
883
883
|
className: r,
|
|
@@ -889,7 +889,7 @@ const Ze = ({
|
|
|
889
889
|
strokeLinejoin: "round",
|
|
890
890
|
children: /* @__PURE__ */ i("polygon", { points: "6 3 20 12 6 21 6 3" })
|
|
891
891
|
}
|
|
892
|
-
) }), Mr = ({ className: r }) => /* @__PURE__ */ i(
|
|
892
|
+
) }), Mr = ({ className: r }) => /* @__PURE__ */ i(We, { className: r, customizationKey: "UI_360", children: /* @__PURE__ */ ce(
|
|
893
893
|
"svg",
|
|
894
894
|
{
|
|
895
895
|
className: r,
|
|
@@ -1014,16 +1014,16 @@ const Ze = ({
|
|
|
1014
1014
|
let E;
|
|
1015
1015
|
switch (l) {
|
|
1016
1016
|
case "360":
|
|
1017
|
-
E = /* @__PURE__ */ i(wt, { children: /* @__PURE__ */ i(Mr, { className: "size-full
|
|
1017
|
+
E = /* @__PURE__ */ i(wt, { children: /* @__PURE__ */ i(Mr, { className: "size-full" }) });
|
|
1018
1018
|
break;
|
|
1019
1019
|
case "interior-360":
|
|
1020
|
-
E = /* @__PURE__ */ i(wt, { children: /* @__PURE__ */ i(
|
|
1020
|
+
E = /* @__PURE__ */ i(wt, { children: /* @__PURE__ */ i(Cr, { className: "size-full" }) });
|
|
1021
1021
|
break;
|
|
1022
1022
|
case "video":
|
|
1023
|
-
E = /* @__PURE__ */ i(wt, { children: /* @__PURE__ */ i(
|
|
1023
|
+
E = /* @__PURE__ */ i(wt, { children: /* @__PURE__ */ i(Er, { className: "size-full p-0.5 text-background" }) });
|
|
1024
1024
|
break;
|
|
1025
1025
|
case "custom":
|
|
1026
|
-
E = s ? null : /* @__PURE__ */ i(wt, { children: /* @__PURE__ */ i(
|
|
1026
|
+
E = s ? null : /* @__PURE__ */ i(wt, { children: /* @__PURE__ */ i(yr, { className: "size-full p-0.5 text-background" }) });
|
|
1027
1027
|
break;
|
|
1028
1028
|
}
|
|
1029
1029
|
return /* @__PURE__ */ ce("div", { className: "relative bg-foreground/30", style: n, children: [
|
|
@@ -1066,11 +1066,11 @@ const Ze = ({
|
|
|
1066
1066
|
const F = new Array();
|
|
1067
1067
|
let H = e[0];
|
|
1068
1068
|
const J = (ue) => e.find(
|
|
1069
|
-
(N) => N.items.some((
|
|
1069
|
+
(N) => N.items.some((Y) => Y === ue)
|
|
1070
1070
|
);
|
|
1071
1071
|
for (let ue = 0; ue < v.length; ue++) {
|
|
1072
|
-
const N = v[ue],
|
|
1073
|
-
|
|
1072
|
+
const N = v[ue], Y = J(N);
|
|
1073
|
+
Y && Y !== H && (F.push(ue), H = Y);
|
|
1074
1074
|
}
|
|
1075
1075
|
return F;
|
|
1076
1076
|
}, [e, l, v]), M = Se(null), b = q(() => {
|
|
@@ -1081,9 +1081,9 @@ const Ze = ({
|
|
|
1081
1081
|
null
|
|
1082
1082
|
), [k, V] = Ie(!1), I = q(
|
|
1083
1083
|
(F, H) => {
|
|
1084
|
-
const J = b(), ue = J.clientWidth, N = J.scrollWidth / v.length,
|
|
1084
|
+
const J = b(), ue = J.clientWidth, N = J.scrollWidth / v.length, Y = (F + 1 / 2) * N - ue / 2, te = J.scrollWidth - J.clientWidth;
|
|
1085
1085
|
J.scrollTo({
|
|
1086
|
-
left: tt(
|
|
1086
|
+
left: tt(Y, 0, te),
|
|
1087
1087
|
behavior: H
|
|
1088
1088
|
});
|
|
1089
1089
|
},
|
|
@@ -1197,7 +1197,7 @@ const Ze = ({
|
|
|
1197
1197
|
return we(() => {
|
|
1198
1198
|
l(n, "ready");
|
|
1199
1199
|
}, [n, l]), r;
|
|
1200
|
-
},
|
|
1200
|
+
}, Gt = (r, n) => Math.sqrt(
|
|
1201
1201
|
(r.clientX - n.clientX) ** 2 + (r.clientY - n.clientY) ** 2
|
|
1202
1202
|
), ko = ({
|
|
1203
1203
|
onlyPreload: r,
|
|
@@ -1246,13 +1246,13 @@ const Ze = ({
|
|
|
1246
1246
|
}
|
|
1247
1247
|
const H = (/* @__PURE__ */ new Date()).getTime(), J = () => {
|
|
1248
1248
|
const ue = () => {
|
|
1249
|
-
const
|
|
1250
|
-
if (
|
|
1249
|
+
const Y = (/* @__PURE__ */ new Date()).getTime() - H;
|
|
1250
|
+
if (Y >= h) {
|
|
1251
1251
|
W(), d.current = null;
|
|
1252
1252
|
return;
|
|
1253
1253
|
}
|
|
1254
|
-
const te = Math.min(
|
|
1255
|
-
o({ x: Q, y: xe, scale:
|
|
1254
|
+
const te = Math.min(Y / h, 1), D = Ir(te), Q = yt(C, I, D), xe = yt(k, K, D), X = yt(V, O, D);
|
|
1255
|
+
o({ x: Q, y: xe, scale: X }), J();
|
|
1256
1256
|
};
|
|
1257
1257
|
d.current = requestAnimationFrame(ue);
|
|
1258
1258
|
};
|
|
@@ -1273,7 +1273,7 @@ const Ze = ({
|
|
|
1273
1273
|
[P]
|
|
1274
1274
|
), _ = q(
|
|
1275
1275
|
(b, h, C) => {
|
|
1276
|
-
const k = x.current.scale, V = tt(b, 1, ut), I = V / k, { x: K, y: O } = x.current, { x: W, y: F } = h, H = -K + W, J = -O + F, ue = H * I, N = J * I,
|
|
1276
|
+
const k = x.current.scale, V = tt(b, 1, ut), I = V / k, { x: K, y: O } = x.current, { x: W, y: F } = h, H = -K + W, J = -O + F, ue = H * I, N = J * I, Y = ue - W, te = N - F, D = -Y, Q = -te;
|
|
1277
1277
|
P(
|
|
1278
1278
|
{
|
|
1279
1279
|
x: D,
|
|
@@ -1405,11 +1405,11 @@ const Ze = ({
|
|
|
1405
1405
|
const [W, F] = K.touches, H = C.get(W.identifier), J = C.get(F.identifier);
|
|
1406
1406
|
if (!H || !J)
|
|
1407
1407
|
throw new Error("initialTouch1 or initialTouch2 is null");
|
|
1408
|
-
const ue =
|
|
1408
|
+
const ue = Gt(
|
|
1409
1409
|
H,
|
|
1410
1410
|
J
|
|
1411
|
-
),
|
|
1412
|
-
M(
|
|
1411
|
+
), Y = Gt(W, F) / ue, { left: te, top: D } = b.getBoundingClientRect();
|
|
1412
|
+
M(Y - 1, {
|
|
1413
1413
|
x: (W.clientX + F.clientX) / 2 - te,
|
|
1414
1414
|
y: (W.clientY + F.clientY) / 2 - D
|
|
1415
1415
|
}), C.set(W.identifier, W), C.set(F.identifier, F);
|
|
@@ -1440,7 +1440,7 @@ const Ze = ({
|
|
|
1440
1440
|
}
|
|
1441
1441
|
);
|
|
1442
1442
|
}, Io = ({ hotspot: r }) => {
|
|
1443
|
-
const { title: n, icon: l, description: s, position: u, detail: p } = r, { getIconConfig: E } = ft(), e = l ? E(l) : void 0, { extendMode: y, setShownDetails: v } = Qe(), A = !!p, x = p?.type === "image", d = !!n || !!s, o = x ? /* @__PURE__ */ i(
|
|
1443
|
+
const { title: n, icon: l, description: s, position: u, detail: p } = r, { getIconConfig: E } = ft(), e = l ? E(l) : void 0, { extendMode: y, setShownDetails: v } = Qe(), A = !!p, x = p?.type === "image", d = !!n || !!s, o = x ? /* @__PURE__ */ i(yr, { className: "size-4" }) : /* @__PURE__ */ i("div", { className: "size-1" }), P = () => {
|
|
1444
1444
|
x && v({
|
|
1445
1445
|
src: p.src,
|
|
1446
1446
|
title: n,
|
|
@@ -1553,7 +1553,7 @@ window.libpannellum = function(r, n, l) {
|
|
|
1553
1553
|
if (C == "cubemap")
|
|
1554
1554
|
for (ie = 0; ie < 6; ie++)
|
|
1555
1555
|
h[ie].width > 0 ? (_e === l && (_e = h[ie].width), _e != h[ie].width && console.log("Cube faces have inconsistent widths: " + _e + " vs. " + h[ie].width)) : Ue = !0;
|
|
1556
|
-
function
|
|
1556
|
+
function Ye(He) {
|
|
1557
1557
|
if (Ue) {
|
|
1558
1558
|
var U = He * He * 4, ke = new Uint8ClampedArray(U), Ee = ae.backgroundColor ? ae.backgroundColor : [0, 0, 0];
|
|
1559
1559
|
Ee[0] *= 255, Ee[1] *= 255, Ee[2] *= 255;
|
|
@@ -1598,14 +1598,14 @@ window.libpannellum = function(r, n, l) {
|
|
|
1598
1598
|
var Fe = new Image();
|
|
1599
1599
|
Fe.crossOrigin = W.crossOrigin ? W.crossOrigin : "anonymous", Fe.side = ie, Fe.onload = ye, Fe.onerror = ze, C == "multires" ? Fe.src = encodeURI(je.replace("%s", Xe[ie]) + "." + h.extension) : Fe.src = encodeURI(h[ie].src);
|
|
1600
1600
|
}
|
|
1601
|
-
|
|
1601
|
+
Ye(_);
|
|
1602
1602
|
return;
|
|
1603
1603
|
} else if (!o)
|
|
1604
1604
|
throw console.log("Error: no WebGL support detected!"), { type: "no webgl" };
|
|
1605
|
-
C == "cubemap" &&
|
|
1606
|
-
var De =
|
|
1605
|
+
C == "cubemap" && Ye(_e), h.basePath ? h.fullpath = h.basePath + h.path : h.fullpath = h.path, h.invTileResolution = 1 / h.tileResolution;
|
|
1606
|
+
var De = Y();
|
|
1607
1607
|
for (M = [], ie = 0; ie < 6; ie++)
|
|
1608
|
-
M[ie] = De.slice(ie * 12, ie * 12 + 12), De =
|
|
1608
|
+
M[ie] = De.slice(ie * 12, ie * 12 + 12), De = Y();
|
|
1609
1609
|
var B = 0, he = 0;
|
|
1610
1610
|
if (C == "equirectangular" ? (B = Math.max(h.width, h.height), he = o.getParameter(o.MAX_TEXTURE_SIZE)) : C == "cubemap" && (B = _e, he = o.getParameter(o.MAX_CUBE_MAP_TEXTURE_SIZE)), B > he)
|
|
1611
1611
|
throw console.log("Error: The image is too big; it's " + B + "px wide, but this device's maximum supported size is " + he + "px."), { type: "webgl size error", width: B, maxWidth: he };
|
|
@@ -1635,8 +1635,8 @@ window.libpannellum = function(r, n, l) {
|
|
|
1635
1635
|
}, this.render = function(c, m, de, ne) {
|
|
1636
1636
|
var $, g, re, ae = 0;
|
|
1637
1637
|
if (ne === l && (ne = {}), ne.roll && (ae = ne.roll), b !== l) {
|
|
1638
|
-
var ve = b[0], ie = b[1], Ue = c, _e = m,
|
|
1639
|
-
c = Math.asin(Math.max(Math.min(Xe, 1), -1)), m = Math.atan2(je,
|
|
1638
|
+
var ve = b[0], ie = b[1], Ue = c, _e = m, Ye = Math.cos(ie) * Math.sin(c) * Math.sin(ve) + Math.cos(c) * (Math.cos(ve) * Math.cos(m) + Math.sin(ie) * Math.sin(ve) * Math.sin(m)), je = -Math.sin(c) * Math.sin(ie) + Math.cos(c) * Math.cos(ie) * Math.sin(m), Xe = Math.cos(ie) * Math.cos(ve) * Math.sin(c) + Math.cos(c) * (-Math.cos(m) * Math.sin(ve) + Math.cos(ve) * Math.sin(ie) * Math.sin(m));
|
|
1639
|
+
c = Math.asin(Math.max(Math.min(Xe, 1), -1)), m = Math.atan2(je, Ye);
|
|
1640
1640
|
var Ne = [Math.cos(Ue) * (Math.sin(ie) * Math.sin(ve) * Math.cos(_e) - Math.cos(ve) * Math.sin(_e)), Math.cos(Ue) * Math.cos(ie) * Math.cos(_e), Math.cos(Ue) * (Math.cos(ve) * Math.sin(ie) * Math.cos(_e) + Math.sin(_e) * Math.sin(ve))], ye = [-Math.cos(c) * Math.sin(m), Math.cos(c) * Math.cos(m)], ze = Math.acos(Math.max(Math.min((Ne[0] * ye[0] + Ne[1] * ye[1]) / (Math.sqrt(Ne[0] * Ne[0] + Ne[1] * Ne[1] + Ne[2] * Ne[2]) * Math.sqrt(ye[0] * ye[0] + ye[1] * ye[1])), 1), -1));
|
|
1641
1641
|
Ne[2] < 0 && (ze = 2 * Math.PI - ze), ae += ze;
|
|
1642
1642
|
}
|
|
@@ -1662,7 +1662,7 @@ window.libpannellum = function(r, n, l) {
|
|
|
1662
1662
|
var Ce = 2 * Math.atan(Math.tan(de * 0.5) / (o.drawingBufferWidth / o.drawingBufferHeight));
|
|
1663
1663
|
$ = 1 / Math.tan(Ce * 0.5), o.uniform1f(d.psi, m), o.uniform1f(d.theta, c), o.uniform1f(d.rot, ae), o.uniform1f(d.f, $), k === !0 && C == "equirectangular" && (o.bindTexture(o.TEXTURE_2D, d.texture), o.texImage2D(o.TEXTURE_2D, 0, o.RGB, o.RGB, o.UNSIGNED_BYTE, h)), o.drawArrays(o.TRIANGLES, 0, 6);
|
|
1664
1664
|
} else {
|
|
1665
|
-
var Ae =
|
|
1665
|
+
var Ae = X(de, o.drawingBufferWidth / o.drawingBufferHeight, 0.1, 100);
|
|
1666
1666
|
Me(de);
|
|
1667
1667
|
var Re = te();
|
|
1668
1668
|
Re = D(Re, -ae, "z"), Re = D(Re, -c, "x"), Re = D(Re, m, "y"), Re = Q(Re), o.uniformMatrix4fv(d.perspUniform, !1, new Float32Array(xe(Ae))), o.uniformMatrix4fv(d.cubeUniform, !1, new Float32Array(xe(Re)));
|
|
@@ -1719,8 +1719,8 @@ window.libpannellum = function(r, n, l) {
|
|
|
1719
1719
|
}
|
|
1720
1720
|
function N(c, m, de, ne, $) {
|
|
1721
1721
|
if (Ge(c, m.vertices)) {
|
|
1722
|
-
var g = m.vertices, re = g[0] + g[3] + g[6] + g[9], ae = g[1] + g[4] + g[7] + g[10], ve = g[2] + g[5] + g[8] + g[11], ie = Math.sqrt(re * re + ae * ae + ve * ve), Ue = Math.asin(ve / ie), _e = Math.atan2(ae, re),
|
|
1723
|
-
|
|
1722
|
+
var g = m.vertices, re = g[0] + g[3] + g[6] + g[9], ae = g[1] + g[4] + g[7] + g[10], ve = g[2] + g[5] + g[8] + g[11], ie = Math.sqrt(re * re + ae * ae + ve * ve), Ue = Math.asin(ve / ie), _e = Math.atan2(ae, re), Ye = _e - ne;
|
|
1723
|
+
Ye += Ye > Math.PI ? -2 * Math.PI : Ye < -Math.PI ? 2 * Math.PI : 0, Ye = Math.abs(Ye), m.diff = Math.acos(Math.sin(de) * Math.sin(Ue) + Math.cos(de) * Math.cos(Ue) * Math.cos(Ye));
|
|
1724
1724
|
for (var je = !1, Xe = 0; Xe < d.nodeCache.length; Xe++)
|
|
1725
1725
|
if (d.nodeCache[Xe].path == m.path) {
|
|
1726
1726
|
je = !0, d.nodeCache[Xe].timestamp = d.nodeCacheTimestamp++, d.nodeCache[Xe].diff = m.diff, d.currentNodes.push(d.nodeCache[Xe]);
|
|
@@ -1738,7 +1738,7 @@ window.libpannellum = function(r, n, l) {
|
|
|
1738
1738
|
}
|
|
1739
1739
|
}
|
|
1740
1740
|
}
|
|
1741
|
-
function
|
|
1741
|
+
function Y() {
|
|
1742
1742
|
return [
|
|
1743
1743
|
-1,
|
|
1744
1744
|
1,
|
|
@@ -1838,7 +1838,7 @@ window.libpannellum = function(r, n, l) {
|
|
|
1838
1838
|
function xe(c) {
|
|
1839
1839
|
return [c[0], c[4], c[8], c[12], c[1], c[5], c[9], c[13], c[2], c[6], c[10], c[14], c[3], c[7], c[11], c[15]];
|
|
1840
1840
|
}
|
|
1841
|
-
function
|
|
1841
|
+
function X(c, m, de, ne) {
|
|
1842
1842
|
var $ = 2 * Math.atan(Math.tan(c / 2) * o.drawingBufferHeight / o.drawingBufferWidth), g = 1 / Math.tan($ / 2);
|
|
1843
1843
|
return [g / m, 0, 0, 0, 0, g, 0, 0, 0, 0, (ne + de) / (de - ne), 2 * ne * de / (de - ne), 0, 0, -1, 0];
|
|
1844
1844
|
}
|
|
@@ -1892,12 +1892,12 @@ window.libpannellum = function(r, n, l) {
|
|
|
1892
1892
|
function be(c, m) {
|
|
1893
1893
|
return [c[0] * m[0] + c[1] * m[1] + c[2] * m[2], c[4] * m[0] + c[5] * m[1] + c[6] * m[2], c[11] + c[8] * m[0] + c[9] * m[1] + c[10] * m[2], 1 / (c[12] * m[0] + c[13] * m[1] + c[14] * m[2])];
|
|
1894
1894
|
}
|
|
1895
|
-
function
|
|
1895
|
+
function Be(c, m) {
|
|
1896
1896
|
var de = be(c, m), ne = de[0] * de[3], $ = de[1] * de[3], g = de[2] * de[3], re = [0, 0, 0];
|
|
1897
1897
|
return ne < -1 && (re[0] = -1), ne > 1 && (re[0] = 1), $ < -1 && (re[1] = -1), $ > 1 && (re[1] = 1), (g < -1 || g > 1) && (re[2] = 1), re;
|
|
1898
1898
|
}
|
|
1899
1899
|
function Ge(c, m) {
|
|
1900
|
-
var de =
|
|
1900
|
+
var de = Be(c, m.slice(0, 3)), ne = Be(c, m.slice(3, 6)), $ = Be(c, m.slice(6, 9)), g = Be(c, m.slice(9, 12)), re = de[0] + ne[0] + $[0] + g[0];
|
|
1901
1901
|
if (re == -4 || re == 4)
|
|
1902
1902
|
return !1;
|
|
1903
1903
|
var ae = de[1] + ne[1] + $[1] + g[1];
|
|
@@ -2001,7 +2001,7 @@ window.libpannellum = function(r, n, l) {
|
|
|
2001
2001
|
}(window, document);
|
|
2002
2002
|
window.pannellum = /* @__PURE__ */ function(r, n, l) {
|
|
2003
2003
|
function s(u, p) {
|
|
2004
|
-
var E = this, e, y, v, A = !1, x = Date.now(), d = 0, o = 0, P = -1, L = 0, _ = 0, w = new Array(10), M = !1, b, h = !1, C = !1, k, V, I = { yaw: 0, pitch: 0, hfov: 0 }, K = !1, O = !1, W = 0, F, H = 0, J, ue, N = {},
|
|
2004
|
+
var E = this, e, y, v, A = !1, x = Date.now(), d = 0, o = 0, P = -1, L = 0, _ = 0, w = new Array(10), M = !1, b, h = !1, C = !1, k, V, I = { yaw: 0, pitch: 0, hfov: 0 }, K = !1, O = !1, W = 0, F, H = 0, J, ue, N = {}, Y = {}, te = [], D = !1, Q = !1, xe = {
|
|
2005
2005
|
hfov: 100,
|
|
2006
2006
|
minHfov: 50,
|
|
2007
2007
|
maxHfov: 120,
|
|
@@ -2056,20 +2056,20 @@ window.pannellum = /* @__PURE__ */ function(r, n, l) {
|
|
|
2056
2056
|
// Two substitutions: image width, max image width
|
|
2057
2057
|
unknownError: "Unknown error. Check developer console."
|
|
2058
2058
|
}, u = typeof u == "string" ? n.getElementById(u) : u, u.classList.add("pnlm-container"), u.tabIndex = 0;
|
|
2059
|
-
var
|
|
2060
|
-
|
|
2059
|
+
var X = n.createElement("div");
|
|
2060
|
+
X.className = "pnlm-ui", u.appendChild(X);
|
|
2061
2061
|
var G = n.createElement("div");
|
|
2062
2062
|
G.className = "pnlm-render-container", u.appendChild(G);
|
|
2063
2063
|
var Z = n.createElement("div");
|
|
2064
|
-
Z.className = "pnlm-dragfix",
|
|
2064
|
+
Z.className = "pnlm-dragfix", X.appendChild(Z);
|
|
2065
2065
|
var le = n.createElement("span");
|
|
2066
|
-
le.className = "pnlm-about-msg", le.innerHTML = '<a href="https://pannellum.org/" target="_blank">Pannellum</a>',
|
|
2066
|
+
le.className = "pnlm-about-msg", le.innerHTML = '<a href="https://pannellum.org/" target="_blank">Pannellum</a>', X.appendChild(le), Z.addEventListener("contextmenu", re);
|
|
2067
2067
|
var T = {}, Me = n.createElement("div");
|
|
2068
|
-
Me.className = "pnlm-sprite pnlm-hot-spot-debug-indicator",
|
|
2068
|
+
Me.className = "pnlm-sprite pnlm-hot-spot-debug-indicator", X.appendChild(Me), T.container = n.createElement("div"), T.container.className = "pnlm-panorama-info", T.title = n.createElement("div"), T.title.className = "pnlm-title-box", T.container.appendChild(T.title), T.author = n.createElement("div"), T.author.className = "pnlm-author-box", T.container.appendChild(T.author), X.appendChild(T.container), T.load = {}, T.load.box = n.createElement("div"), T.load.box.className = "pnlm-load-box", T.load.boxp = n.createElement("p"), T.load.box.appendChild(T.load.boxp), T.load.lbox = n.createElement("div"), T.load.lbox.className = "pnlm-lbox", T.load.lbox.innerHTML = '<div class="pnlm-loading"></div>', T.load.box.appendChild(T.load.lbox), T.load.lbar = n.createElement("div"), T.load.lbar.className = "pnlm-lbar", T.load.lbarFill = n.createElement("div"), T.load.lbarFill.className = "pnlm-lbar-fill", T.load.lbar.appendChild(T.load.lbarFill), T.load.box.appendChild(T.load.lbar), T.load.msg = n.createElement("p"), T.load.msg.className = "pnlm-lmsg", T.load.box.appendChild(T.load.msg), X.appendChild(T.load.box), T.errorMsg = n.createElement("div"), T.errorMsg.className = "pnlm-error-msg pnlm-info-box", X.appendChild(T.errorMsg);
|
|
2069
2069
|
var j = {};
|
|
2070
|
-
j.container = n.createElement("div"), j.container.className = "pnlm-controls-container",
|
|
2071
|
-
|
|
2072
|
-
}),
|
|
2070
|
+
j.container = n.createElement("div"), j.container.className = "pnlm-controls-container", X.appendChild(j.container), j.load = n.createElement("div"), j.load.className = "pnlm-load-button", j.load.addEventListener("click", function() {
|
|
2071
|
+
Lt(), Wt();
|
|
2072
|
+
}), X.appendChild(j.load), j.zoom = n.createElement("div"), j.zoom.className = "pnlm-zoom-controls pnlm-controls", j.zoomIn = n.createElement("div"), j.zoomIn.className = "pnlm-zoom-in pnlm-sprite pnlm-control", j.zoomIn.addEventListener("click", Dr), j.zoom.appendChild(j.zoomIn), j.zoomOut = n.createElement("div"), j.zoomOut.className = "pnlm-zoom-out pnlm-sprite pnlm-control", j.zoomOut.addEventListener("click", Ar), j.zoom.appendChild(j.zoomOut), j.container.appendChild(j.zoom), j.fullscreen = n.createElement("div"), j.fullscreen.addEventListener("click", kt), j.fullscreen.className = "pnlm-fullscreen-toggle-button pnlm-sprite pnlm-fullscreen-toggle-button-inactive pnlm-controls pnlm-control", (n.fullscreenEnabled || n.mozFullScreenEnabled || n.webkitFullscreenEnabled || n.msFullscreenEnabled) && j.container.appendChild(j.fullscreen), j.orientation = n.createElement("div"), j.orientation.addEventListener("click", function(t) {
|
|
2073
2073
|
O ? pt() : vt();
|
|
2074
2074
|
}), j.orientation.addEventListener("mousedown", function(t) {
|
|
2075
2075
|
t.stopPropagation();
|
|
@@ -2078,13 +2078,13 @@ window.pannellum = /* @__PURE__ */ function(r, n, l) {
|
|
|
2078
2078
|
}), j.orientation.addEventListener("pointerdown", function(t) {
|
|
2079
2079
|
t.stopPropagation();
|
|
2080
2080
|
}), j.orientation.className = "pnlm-orientation-button pnlm-orientation-button-inactive pnlm-sprite pnlm-controls pnlm-control";
|
|
2081
|
-
var be,
|
|
2081
|
+
var be, Be = !1;
|
|
2082
2082
|
function Ge(t) {
|
|
2083
|
-
r.removeEventListener("deviceorientation", Ge), t && t.alpha !== null && t.beta !== null && t.gamma !== null ? (j.container.appendChild(j.orientation), be = !0,
|
|
2083
|
+
r.removeEventListener("deviceorientation", Ge), t && t.alpha !== null && t.beta !== null && t.gamma !== null ? (j.container.appendChild(j.orientation), be = !0, Be && vt()) : be = !1;
|
|
2084
2084
|
}
|
|
2085
2085
|
r.DeviceOrientationEvent ? r.addEventListener("deviceorientation", Ge) : be = !1;
|
|
2086
2086
|
var Ve = n.createElement("div");
|
|
2087
|
-
Ve.className = "pnlm-compass pnlm-controls pnlm-control",
|
|
2087
|
+
Ve.className = "pnlm-compass pnlm-controls pnlm-control", X.appendChild(Ve), p.firstScene ? mt(p.firstScene) : p.default && p.default.firstScene ? mt(p.default.firstScene) : mt(null), Lt(!0);
|
|
2088
2088
|
function c() {
|
|
2089
2089
|
var t = n.createElement("div");
|
|
2090
2090
|
if (t.innerHTML = "<!--[if lte IE 9]><i></i><![endif]-->", t.getElementsByTagName("i").length == 1) {
|
|
@@ -2136,8 +2136,8 @@ window.pannellum = /* @__PURE__ */ function(r, n, l) {
|
|
|
2136
2136
|
if (ge.lengthComputable) {
|
|
2137
2137
|
var Pe = ge.loaded / ge.total * 100;
|
|
2138
2138
|
T.load.lbarFill.style.width = Pe + "%";
|
|
2139
|
-
var Le, qe,
|
|
2140
|
-
ge.total > 1e6 ? (Le = "MB", qe = (ge.loaded / 1e6).toFixed(2),
|
|
2139
|
+
var Le, qe, Ze;
|
|
2140
|
+
ge.total > 1e6 ? (Le = "MB", qe = (ge.loaded / 1e6).toFixed(2), Ze = (ge.total / 1e6).toFixed(2)) : ge.total > 1e3 ? (Le = "kB", qe = (ge.loaded / 1e3).toFixed(1), Ze = (ge.total / 1e3).toFixed(1)) : (Le = "B", qe = ge.loaded, Ze = ge.total), T.load.msg.innerHTML = qe + " / " + Ze + " " + Le;
|
|
2141
2141
|
} else
|
|
2142
2142
|
T.load.lbox.style.display = "block", T.load.lbar.style.display = "none";
|
|
2143
2143
|
};
|
|
@@ -2148,13 +2148,13 @@ window.pannellum = /* @__PURE__ */ function(r, n, l) {
|
|
|
2148
2148
|
}
|
|
2149
2149
|
oe.responseType = "blob", oe.setRequestHeader("Accept", "image/*,*/*;q=0.9"), oe.withCredentials = e.crossOrigin === "use-credentials", oe.send();
|
|
2150
2150
|
}
|
|
2151
|
-
e.draggable &&
|
|
2151
|
+
e.draggable && X.classList.add("pnlm-grab"), X.classList.remove("pnlm-grabbing");
|
|
2152
2152
|
}
|
|
2153
2153
|
function m(t) {
|
|
2154
2154
|
return new RegExp("^(?:[a-z]+:)?//", "i").test(t) || t[0] == "/" || t.slice(0, 5) == "blob:";
|
|
2155
2155
|
}
|
|
2156
2156
|
function de() {
|
|
2157
|
-
y || (y = new libpannellum.renderer(G)), C || (C = !0, Z.addEventListener("mousedown", ve, !1), n.addEventListener("mousemove", _e, !1), n.addEventListener("mouseup",
|
|
2157
|
+
y || (y = new libpannellum.renderer(G)), C || (C = !0, Z.addEventListener("mousedown", ve, !1), n.addEventListener("mousemove", _e, !1), n.addEventListener("mouseup", Ye, !1), e.mouseZoom && (X.addEventListener("mousewheel", he, !1), X.addEventListener("DOMMouseScroll", he, !1)), e.doubleClickZoom && Z.addEventListener("dblclick", ie, !1), X.addEventListener("mozfullscreenchange", ot, !1), X.addEventListener("webkitfullscreenchange", ot, !1), X.addEventListener("msfullscreenchange", ot, !1), X.addEventListener("fullscreenchange", ot, !1), r.addEventListener("resize", ke, !1), r.addEventListener("orientationchange", ke, !1), e.disableKeyboardCtrl || (u.addEventListener("keydown", pe, !1), u.addEventListener("keyup", Ae, !1), u.addEventListener("blur", Ce, !1)), n.addEventListener("mouseleave", Ye, !1), n.documentElement.style.pointerAction === "" && n.documentElement.style.touchAction === "" ? (Z.addEventListener("pointerdown", Fe, !1), Z.addEventListener("pointermove", De, !1), Z.addEventListener("pointerup", B, !1), Z.addEventListener("pointerleave", B, !1)) : (Z.addEventListener("touchstart", je, !1), Z.addEventListener("touchmove", Xe, !1), Z.addEventListener("touchend", Ne, !1)), r.navigator.pointerEnabled && (u.style.touchAction = "none")), Rr(), $e(e.hfov), setTimeout(function() {
|
|
2158
2158
|
}, 500);
|
|
2159
2159
|
}
|
|
2160
2160
|
function ne(t) {
|
|
@@ -2210,7 +2210,7 @@ window.pannellum = /* @__PURE__ */ function(r, n, l) {
|
|
|
2210
2210
|
var f = Ue(t);
|
|
2211
2211
|
console.log("Pitch: " + f[0] + ", Yaw: " + f[1] + ", Center Pitch: " + e.pitch + ", Center Yaw: " + e.yaw + ", HFOV: " + e.hfov);
|
|
2212
2212
|
}
|
|
2213
|
-
gt(), pt(), e.roll = 0, I.hfov = 0, A = !0, x = Date.now(), d = a.x, o = a.y, L = e.yaw, _ = e.pitch,
|
|
2213
|
+
gt(), pt(), e.roll = 0, I.hfov = 0, A = !0, x = Date.now(), d = a.x, o = a.y, L = e.yaw, _ = e.pitch, X.classList.add("pnlm-grabbing"), X.classList.remove("pnlm-grab"), nt("mousedown", t), Ee();
|
|
2214
2214
|
}
|
|
2215
2215
|
}
|
|
2216
2216
|
function ie(t) {
|
|
@@ -2222,8 +2222,8 @@ window.pannellum = /* @__PURE__ */ function(r, n, l) {
|
|
|
2222
2222
|
}
|
|
2223
2223
|
}
|
|
2224
2224
|
function Ue(t) {
|
|
2225
|
-
var a = ae(t), f = y.getCanvas(), S = f.clientWidth, z = f.clientHeight, R = a.x / S * 2 - 1, fe = (1 - a.y / z * 2) * z / S, oe = 1 / Math.tan(e.hfov * Math.PI / 360), ge = Math.sin(e.pitch * Math.PI / 180), Pe = Math.cos(e.pitch * Math.PI / 180), Le = oe * Pe - fe * ge, qe = Math.sqrt(R * R + Le * Le),
|
|
2226
|
-
return at < -180 && (at += 360), at > 180 && (at -= 360), [
|
|
2225
|
+
var a = ae(t), f = y.getCanvas(), S = f.clientWidth, z = f.clientHeight, R = a.x / S * 2 - 1, fe = (1 - a.y / z * 2) * z / S, oe = 1 / Math.tan(e.hfov * Math.PI / 360), ge = Math.sin(e.pitch * Math.PI / 180), Pe = Math.cos(e.pitch * Math.PI / 180), Le = oe * Pe - fe * ge, qe = Math.sqrt(R * R + Le * Le), Ze = Math.atan((fe * Pe + oe * ge) / qe) * 180 / Math.PI, at = Math.atan2(R / qe, Le / qe) * 180 / Math.PI + e.yaw;
|
|
2226
|
+
return at < -180 && (at += 360), at > 180 && (at -= 360), [Ze, at];
|
|
2227
2227
|
}
|
|
2228
2228
|
function _e(t) {
|
|
2229
2229
|
if (A && b) {
|
|
@@ -2234,8 +2234,8 @@ window.pannellum = /* @__PURE__ */ function(r, n, l) {
|
|
|
2234
2234
|
I.pitch = (oe - e.pitch) * 0.2, e.pitch = oe;
|
|
2235
2235
|
}
|
|
2236
2236
|
}
|
|
2237
|
-
function
|
|
2238
|
-
A && (A = !1, Date.now() - x > 15 && (I.pitch = I.yaw = 0),
|
|
2237
|
+
function Ye(t) {
|
|
2238
|
+
A && (A = !1, Date.now() - x > 15 && (I.pitch = I.yaw = 0), X.classList.add("pnlm-grab"), X.classList.remove("pnlm-grabbing"), x = Date.now(), nt("mouseup", t));
|
|
2239
2239
|
}
|
|
2240
2240
|
function je(t) {
|
|
2241
2241
|
if (!(!b || !e.draggable)) {
|
|
@@ -2292,7 +2292,7 @@ window.pannellum = /* @__PURE__ */ function(r, n, l) {
|
|
|
2292
2292
|
function pe(t) {
|
|
2293
2293
|
gt(), x = Date.now(), pt(), e.roll = 0;
|
|
2294
2294
|
var a = t.which || t.keycode;
|
|
2295
|
-
e.capturedKeyNumbers.indexOf(a) < 0 || (t.preventDefault(), a == 27 ? M &&
|
|
2295
|
+
e.capturedKeyNumbers.indexOf(a) < 0 || (t.preventDefault(), a == 27 ? M && kt() : Re(a, !0));
|
|
2296
2296
|
}
|
|
2297
2297
|
function Ce() {
|
|
2298
2298
|
for (var t = 0; t < 10; t++)
|
|
@@ -2411,8 +2411,8 @@ window.pannellum = /* @__PURE__ */ function(r, n, l) {
|
|
|
2411
2411
|
}
|
|
2412
2412
|
var R = e.maxYaw - e.minYaw, fe = -180, oe = 180;
|
|
2413
2413
|
R < 360 && (fe = e.minYaw + e.hfov / 2 + a, oe = e.maxYaw - e.hfov / 2 - a, R < e.hfov && (fe = oe = (fe + oe) / 2), e.yaw = Math.max(fe, Math.min(oe, e.yaw))), e.autoRotate !== !1 && t != e.yaw && V !== l && (e.autoRotate *= -1);
|
|
2414
|
-
var ge = y.getCanvas(), Pe = 2 * Math.atan(Math.tan(e.hfov / 180 * Math.PI * 0.5) / (ge.width / ge.height)) / Math.PI * 180, Le = e.minPitch + Pe / 2, qe = e.maxPitch - Pe / 2,
|
|
2415
|
-
|
|
2414
|
+
var ge = y.getCanvas(), Pe = 2 * Math.atan(Math.tan(e.hfov / 180 * Math.PI * 0.5) / (ge.width / ge.height)) / Math.PI * 180, Le = e.minPitch + Pe / 2, qe = e.maxPitch - Pe / 2, Ze = e.maxPitch - e.minPitch;
|
|
2415
|
+
Ze < Pe && (Le = qe = (Le + qe) / 2), isNaN(Le) && (Le = -90), isNaN(qe) && (qe = 90), e.pitch = Math.max(Le, Math.min(qe, e.pitch)), y.render(e.pitch * Math.PI / 180, e.yaw * Math.PI / 180, e.hfov * Math.PI / 180, { roll: e.roll * Math.PI / 180 }), Vt(), e.compass && (Ve.style.transform = "rotate(" + (-e.yaw - e.northOffset) + "deg)", Ve.style.webkitTransform = "rotate(" + (-e.yaw - e.northOffset) + "deg)"), e.onRender && e.onRender();
|
|
2416
2416
|
}
|
|
2417
2417
|
}
|
|
2418
2418
|
function ee(t, a, f, S) {
|
|
@@ -2434,7 +2434,7 @@ window.pannellum = /* @__PURE__ */ function(r, n, l) {
|
|
|
2434
2434
|
var z = r.orientation ? -r.orientation * Math.PI / 180 / 2 : 0;
|
|
2435
2435
|
return S.multiply(new ee(Math.cos(z), 0, -Math.sin(z), 0));
|
|
2436
2436
|
}
|
|
2437
|
-
function
|
|
2437
|
+
function Ht(t) {
|
|
2438
2438
|
var a = Sr(t.alpha, t.beta, t.gamma).toEulerAngles();
|
|
2439
2439
|
typeof O == "number" && O < 10 ? O += 1 : O === 10 ? (W = a[2] / Math.PI * 180 + e.yaw, O = !0, requestAnimationFrame(me)) : (e.pitch = a[0] / Math.PI * 180, e.roll = -a[1] / Math.PI * 180, e.yaw = -a[2] / Math.PI * 180 + W);
|
|
2440
2440
|
}
|
|
@@ -2461,7 +2461,7 @@ window.pannellum = /* @__PURE__ */ function(r, n, l) {
|
|
|
2461
2461
|
}
|
|
2462
2462
|
e.compass ? Ve.style.display = "inline" : Ve.style.display = "none", Nr(), T.load.box.style.display = "none", v !== l && (G.removeChild(v), v = l), b = !0, nt("load"), Ee();
|
|
2463
2463
|
}
|
|
2464
|
-
function
|
|
2464
|
+
function Ot(t) {
|
|
2465
2465
|
t.pitch = Number(t.pitch) || 0, t.yaw = Number(t.yaw) || 0;
|
|
2466
2466
|
var a = n.createElement("div");
|
|
2467
2467
|
a.className = "pnlm-hotspot-base", t.cssClass ? a.className += " " + t.cssClass : a.className += " pnlm-hotspot pnlm-sprite pnlm-" + lt(t.type);
|
|
@@ -2477,7 +2477,7 @@ window.pannellum = /* @__PURE__ */ function(r, n, l) {
|
|
|
2477
2477
|
var fe = n.createElement("img");
|
|
2478
2478
|
fe.src = ct(R), fe.style.width = t.width + "px", fe.style.paddingTop = "5px", G.appendChild(a), S.appendChild(fe), f.style.maxWidth = "initial";
|
|
2479
2479
|
} else t.URL ? (S = n.createElement("a"), S.href = ct(t.URL), S.target = "_blank", G.appendChild(S), a.className += " pnlm-pointer", f.className += " pnlm-pointer", S.appendChild(a)) : (t.sceneId && (a.onclick = a.ontouchend = function() {
|
|
2480
|
-
return a.clicked || (a.clicked = !0,
|
|
2480
|
+
return a.clicked || (a.clicked = !0, It(t.sceneId, t.targetPitch, t.targetYaw, t.targetHfov)), !1;
|
|
2481
2481
|
}, a.className += " pnlm-pointer", f.className += " pnlm-pointer"), G.appendChild(a));
|
|
2482
2482
|
t.createTooltipFunc ? t.createTooltipFunc(a, t.createTooltipArgs) : (t.text || t.video || t.image) && (a.classList.add("pnlm-tooltip"), a.appendChild(f), f.style.width = f.scrollWidth - 20 + "px", f.style.marginLeft = -(f.scrollWidth - a.offsetWidth) / 2 + "px", f.style.marginTop = -f.scrollHeight - 12 + "px"), t.clickHandlerFunc && (a.addEventListener("click", function(oe) {
|
|
2483
2483
|
t.clickHandlerFunc(oe, t.clickHandlerArgs);
|
|
@@ -2486,7 +2486,7 @@ window.pannellum = /* @__PURE__ */ function(r, n, l) {
|
|
|
2486
2486
|
function Nr() {
|
|
2487
2487
|
Q || (e.hotSpots ? (e.hotSpots = e.hotSpots.sort(function(t, a) {
|
|
2488
2488
|
return t.pitch < a.pitch;
|
|
2489
|
-
}), e.hotSpots.forEach(
|
|
2489
|
+
}), e.hotSpots.forEach(Ot)) : e.hotSpots = [], Q = !0, Vt());
|
|
2490
2490
|
}
|
|
2491
2491
|
function zr() {
|
|
2492
2492
|
var t = e.hotSpots;
|
|
@@ -2497,21 +2497,21 @@ window.pannellum = /* @__PURE__ */ function(r, n, l) {
|
|
|
2497
2497
|
G.removeChild(f), delete t[a].div;
|
|
2498
2498
|
}
|
|
2499
2499
|
}
|
|
2500
|
-
function
|
|
2500
|
+
function Ft(t) {
|
|
2501
2501
|
var a = Math.sin(t.pitch * Math.PI / 180), f = Math.cos(t.pitch * Math.PI / 180), S = Math.sin(e.pitch * Math.PI / 180), z = Math.cos(e.pitch * Math.PI / 180), R = Math.cos((-t.yaw + e.yaw) * Math.PI / 180), fe = a * S + f * R * z;
|
|
2502
2502
|
if (t.yaw <= 90 && t.yaw > -90 && fe <= 0 || (t.yaw > 90 || t.yaw <= -90) && fe <= 0)
|
|
2503
2503
|
t.div.style.visibility = "hidden";
|
|
2504
2504
|
else {
|
|
2505
2505
|
var oe = Math.sin((-t.yaw + e.yaw) * Math.PI / 180), ge = Math.tan(e.hfov * Math.PI / 360);
|
|
2506
2506
|
t.div.style.visibility = "visible";
|
|
2507
|
-
var Pe = y.getCanvas(), Le = Pe.clientWidth, qe = Pe.clientHeight,
|
|
2508
|
-
|
|
2509
|
-
var
|
|
2510
|
-
t.div.style.webkitTransform =
|
|
2507
|
+
var Pe = y.getCanvas(), Le = Pe.clientWidth, qe = Pe.clientHeight, Ze = [-Le / ge * oe * f / fe / 2, -Le / ge * (a * z - f * R * S) / fe / 2], at = Math.sin(e.roll * Math.PI / 180), Bt = Math.cos(e.roll * Math.PI / 180);
|
|
2508
|
+
Ze = [Ze[0] * Bt - Ze[1] * at, Ze[0] * at + Ze[1] * Bt], Ze[0] += (Le - t.div.offsetWidth) / 2, Ze[1] += (qe - t.div.offsetHeight) / 2;
|
|
2509
|
+
var Tt = "translate(" + Ze[0] + "px, " + Ze[1] + "px) translateZ(9999px) rotate(" + e.roll + "deg)";
|
|
2510
|
+
t.div.style.webkitTransform = Tt, t.div.style.MozTransform = Tt, t.div.style.transform = Tt;
|
|
2511
2511
|
}
|
|
2512
2512
|
}
|
|
2513
|
-
function
|
|
2514
|
-
e.hotSpots.forEach(
|
|
2513
|
+
function Vt() {
|
|
2514
|
+
e.hotSpots.forEach(Ft);
|
|
2515
2515
|
}
|
|
2516
2516
|
function mt(t) {
|
|
2517
2517
|
e = {};
|
|
@@ -2545,7 +2545,7 @@ window.pannellum = /* @__PURE__ */ function(r, n, l) {
|
|
|
2545
2545
|
else
|
|
2546
2546
|
e[a] = p[a], S.indexOf(a) >= 0 && te.push(a);
|
|
2547
2547
|
}
|
|
2548
|
-
function
|
|
2548
|
+
function Lt(t) {
|
|
2549
2549
|
if (t = t || !1, t && "preview" in e) {
|
|
2550
2550
|
var a = e.preview;
|
|
2551
2551
|
e.basePath && !m(a) && (a = e.basePath + a), v = n.createElement("div"), v.className = "pnlm-preview-img", v.style.backgroundImage = "url('" + Hr(a) + "')", G.appendChild(v);
|
|
@@ -2586,12 +2586,12 @@ window.pannellum = /* @__PURE__ */ function(r, n, l) {
|
|
|
2586
2586
|
e[z] || (j.orientation.style.display = "none", j.zoom.style.display = "none", j.fullscreen.style.display = "none");
|
|
2587
2587
|
break;
|
|
2588
2588
|
case "orientationOnByDefault":
|
|
2589
|
-
e[z] && (be === l ?
|
|
2589
|
+
e[z] && (be === l ? Be = !0 : be === !0 && vt());
|
|
2590
2590
|
break;
|
|
2591
2591
|
}
|
|
2592
2592
|
t && (f ? e.title = f : delete e.title, S ? e.author = S : delete e.author);
|
|
2593
2593
|
}
|
|
2594
|
-
function
|
|
2594
|
+
function kt() {
|
|
2595
2595
|
if (b && !h)
|
|
2596
2596
|
if (M)
|
|
2597
2597
|
n.exitFullscreen ? n.exitFullscreen() : n.mozCancelFullScreen ? n.mozCancelFullScreen() : n.webkitCancelFullScreen ? n.webkitCancelFullScreen() : n.msExitFullscreen && n.msExitFullscreen();
|
|
@@ -2611,7 +2611,7 @@ window.pannellum = /* @__PURE__ */ function(r, n, l) {
|
|
|
2611
2611
|
function Ar() {
|
|
2612
2612
|
b && ($e(e.hfov + 5), Ee());
|
|
2613
2613
|
}
|
|
2614
|
-
function
|
|
2614
|
+
function Ut(t) {
|
|
2615
2615
|
var a = e.minHfov;
|
|
2616
2616
|
if (e.type == "multires" && y && (a = Math.min(a, y.getCanvas().width / (e.multiRes.cubeResolution / 90 * 0.9))), a > e.maxHfov)
|
|
2617
2617
|
return console.log("HFOV bounds do not make sense (minHfov > maxHfov)."), e.hfov;
|
|
@@ -2623,33 +2623,33 @@ window.pannellum = /* @__PURE__ */ function(r, n, l) {
|
|
|
2623
2623
|
return f;
|
|
2624
2624
|
}
|
|
2625
2625
|
function $e(t) {
|
|
2626
|
-
e.hfov =
|
|
2626
|
+
e.hfov = Ut(t);
|
|
2627
2627
|
}
|
|
2628
2628
|
function gt() {
|
|
2629
2629
|
N = {}, H = e.autoRotate ? e.autoRotate : H, e.autoRotate = !1;
|
|
2630
2630
|
}
|
|
2631
|
-
function
|
|
2631
|
+
function Wt() {
|
|
2632
2632
|
g(), b = !1, j.load.style.display = "none", T.load.box.style.display = "inline", c();
|
|
2633
2633
|
}
|
|
2634
|
-
function
|
|
2634
|
+
function It(t, a, f, S, z) {
|
|
2635
2635
|
b = !1, N = {};
|
|
2636
2636
|
var R, fe, oe, ge;
|
|
2637
2637
|
if (e.sceneFadeDuration && !z) {
|
|
2638
2638
|
var Pe = y.render(e.pitch * Math.PI / 180, e.yaw * Math.PI / 180, e.hfov * Math.PI / 180, { returnImage: !0 });
|
|
2639
2639
|
if (Pe !== l) {
|
|
2640
2640
|
R = new Image(), R.className = "pnlm-fade-img", R.style.transition = "opacity " + e.sceneFadeDuration / 1e3 + "s", R.style.width = "100%", R.style.height = "100%", R.onload = function() {
|
|
2641
|
-
|
|
2641
|
+
It(t, a, f, S, !0);
|
|
2642
2642
|
}, R.src = Pe, G.appendChild(R), y.fadeImg = R;
|
|
2643
2643
|
return;
|
|
2644
2644
|
}
|
|
2645
2645
|
}
|
|
2646
|
-
a === "same" ? fe = e.pitch : fe = a, f === "same" ? oe = e.yaw : f === "sameAzimuth" ? oe = e.yaw + (e.northOffset || 0) - (p.scenes[t].northOffset || 0) : oe = f, S === "same" ? ge = e.hfov : ge = S, zr(), mt(t), I.yaw = I.pitch = I.hfov = 0,
|
|
2646
|
+
a === "same" ? fe = e.pitch : fe = a, f === "same" ? oe = e.yaw : f === "sameAzimuth" ? oe = e.yaw + (e.northOffset || 0) - (p.scenes[t].northOffset || 0) : oe = f, S === "same" ? ge = e.hfov : ge = S, zr(), mt(t), I.yaw = I.pitch = I.hfov = 0, Lt(), fe !== l && (e.pitch = fe), oe !== l && (e.yaw = oe), ge !== l && (e.hfov = ge), nt("scenechange", t), Wt();
|
|
2647
2647
|
}
|
|
2648
2648
|
function pt() {
|
|
2649
|
-
r.removeEventListener("deviceorientation",
|
|
2649
|
+
r.removeEventListener("deviceorientation", Ht), j.orientation.classList.remove("pnlm-orientation-button-active"), O = !1;
|
|
2650
2650
|
}
|
|
2651
2651
|
function vt() {
|
|
2652
|
-
O = 1, r.addEventListener("deviceorientation",
|
|
2652
|
+
O = 1, r.addEventListener("deviceorientation", Ht), j.orientation.classList.add("pnlm-orientation-button-active");
|
|
2653
2653
|
}
|
|
2654
2654
|
function lt(t) {
|
|
2655
2655
|
return p.escapeHTML ? String(t).split(/&/g).join("&").split('"').join(""").split("'").join("'").split("<").join("<").split(">").join(">").split("/").join("/").split(`
|
|
@@ -2700,7 +2700,7 @@ window.pannellum = /* @__PURE__ */ function(r, n, l) {
|
|
|
2700
2700
|
return a = a == l ? 1e3 : Number(a), a ? N.hfov = {
|
|
2701
2701
|
startTime: Date.now(),
|
|
2702
2702
|
startPosition: e.hfov,
|
|
2703
|
-
endPosition:
|
|
2703
|
+
endPosition: Ut(t),
|
|
2704
2704
|
duration: a,
|
|
2705
2705
|
callback: f,
|
|
2706
2706
|
callbackArgs: S
|
|
@@ -2734,7 +2734,7 @@ window.pannellum = /* @__PURE__ */ function(r, n, l) {
|
|
|
2734
2734
|
}, this.mouseEventToCoords = function(t) {
|
|
2735
2735
|
return Ue(t);
|
|
2736
2736
|
}, this.loadScene = function(t, a, f, S) {
|
|
2737
|
-
return b !== !1 &&
|
|
2737
|
+
return b !== !1 && It(t, a, f, S), this;
|
|
2738
2738
|
}, this.getScene = function() {
|
|
2739
2739
|
return e.scene;
|
|
2740
2740
|
}, this.addScene = function(t, a) {
|
|
@@ -2742,7 +2742,7 @@ window.pannellum = /* @__PURE__ */ function(r, n, l) {
|
|
|
2742
2742
|
}, this.removeScene = function(t) {
|
|
2743
2743
|
return e.scene === t || !p.scenes.hasOwnProperty(t) ? !1 : (delete p.scenes[t], !0);
|
|
2744
2744
|
}, this.toggleFullscreen = function() {
|
|
2745
|
-
return
|
|
2745
|
+
return kt(), this;
|
|
2746
2746
|
}, this.getConfig = function() {
|
|
2747
2747
|
return e;
|
|
2748
2748
|
}, this.getContainer = function() {
|
|
@@ -2757,7 +2757,7 @@ window.pannellum = /* @__PURE__ */ function(r, n, l) {
|
|
|
2757
2757
|
else
|
|
2758
2758
|
throw "Invalid scene ID!";
|
|
2759
2759
|
}
|
|
2760
|
-
return (a === l || e.scene == a) && (
|
|
2760
|
+
return (a === l || e.scene == a) && (Ot(t), b && Ft(t)), this;
|
|
2761
2761
|
}, this.removeHotSpot = function(t, a) {
|
|
2762
2762
|
if (a === l || e.scene == a) {
|
|
2763
2763
|
if (!e.hotSpots)
|
|
@@ -2789,24 +2789,24 @@ window.pannellum = /* @__PURE__ */ function(r, n, l) {
|
|
|
2789
2789
|
}, this.isOrientationActive = function() {
|
|
2790
2790
|
return !!O;
|
|
2791
2791
|
}, this.on = function(t, a) {
|
|
2792
|
-
return
|
|
2792
|
+
return Y[t] = Y[t] || [], Y[t].push(a), this;
|
|
2793
2793
|
}, this.off = function(t, a) {
|
|
2794
2794
|
if (!t)
|
|
2795
|
-
return
|
|
2795
|
+
return Y = {}, this;
|
|
2796
2796
|
if (a) {
|
|
2797
|
-
var f =
|
|
2798
|
-
f >= 0 &&
|
|
2797
|
+
var f = Y[t].indexOf(a);
|
|
2798
|
+
f >= 0 && Y[t].splice(f, 1), Y[t].length == 0 && delete Y[t];
|
|
2799
2799
|
} else
|
|
2800
|
-
delete
|
|
2800
|
+
delete Y[t];
|
|
2801
2801
|
return this;
|
|
2802
2802
|
};
|
|
2803
2803
|
function nt(t) {
|
|
2804
|
-
if (t in
|
|
2805
|
-
for (var a =
|
|
2806
|
-
|
|
2804
|
+
if (t in Y)
|
|
2805
|
+
for (var a = Y[t].length; a > 0; a--)
|
|
2806
|
+
Y[t][Y[t].length - a].apply(null, [].slice.call(arguments, 1));
|
|
2807
2807
|
}
|
|
2808
2808
|
this.destroy = function() {
|
|
2809
|
-
y && y.destroy(), C && (Z.removeEventListener("mousedown", ve, !1), Z.removeEventListener("dblclick", ie, !1), n.removeEventListener("mousemove", _e, !1), n.removeEventListener("mouseup",
|
|
2809
|
+
y && y.destroy(), C && (Z.removeEventListener("mousedown", ve, !1), Z.removeEventListener("dblclick", ie, !1), n.removeEventListener("mousemove", _e, !1), n.removeEventListener("mouseup", Ye, !1), u.removeEventListener("mousewheel", he, !1), u.removeEventListener("DOMMouseScroll", he, !1), u.removeEventListener("mozfullscreenchange", ot, !1), u.removeEventListener("webkitfullscreenchange", ot, !1), u.removeEventListener("msfullscreenchange", ot, !1), u.removeEventListener("fullscreenchange", ot, !1), r.removeEventListener("resize", ke, !1), r.removeEventListener("orientationchange", ke, !1), u.removeEventListener("keydown", pe, !1), u.removeEventListener("keyup", Ae, !1), u.removeEventListener("blur", Ce, !1), n.removeEventListener("mouseleave", Ye, !1), Z.removeEventListener("touchstart", je, !1), Z.removeEventListener("touchmove", Xe, !1), Z.removeEventListener("touchend", Ne, !1), Z.removeEventListener("pointerdown", Fe, !1), Z.removeEventListener("pointermove", De, !1), Z.removeEventListener("pointerup", B, !1), Z.removeEventListener("pointerleave", B, !1)), u.innerHTML = "", u.classList.remove("pnlm-container"), X.classList.remove("pnlm-grab"), X.classList.remove("pnlm-grabbing");
|
|
2810
2810
|
};
|
|
2811
2811
|
}
|
|
2812
2812
|
return {
|
|
@@ -2820,7 +2820,7 @@ window.requestAnimationFrame || (window.requestAnimationFrame = function() {
|
|
|
2820
2820
|
window.setTimeout(r, 1e3 / 60);
|
|
2821
2821
|
};
|
|
2822
2822
|
}());
|
|
2823
|
-
var
|
|
2823
|
+
var jt, qt;
|
|
2824
2824
|
function Po(r, n) {
|
|
2825
2825
|
if (!(r instanceof n))
|
|
2826
2826
|
throw new TypeError("Cannot call a class as a function");
|
|
@@ -2835,7 +2835,7 @@ function Ro(r, n) {
|
|
|
2835
2835
|
throw new TypeError("Super expression must either be null or a function, not " + typeof n);
|
|
2836
2836
|
r.prototype = Object.create(n && n.prototype, { constructor: { value: r, enumerable: !1, writable: !0, configurable: !0 } }), n && (Object.setPrototypeOf ? Object.setPrototypeOf(r, n) : r.__proto__ = n);
|
|
2837
2837
|
}
|
|
2838
|
-
var
|
|
2838
|
+
var Mt = (qt = jt = function(r) {
|
|
2839
2839
|
Ro(n, r);
|
|
2840
2840
|
function n(l) {
|
|
2841
2841
|
Po(this, n);
|
|
@@ -2943,7 +2943,7 @@ var Lt = (Kt = qt = function(r) {
|
|
|
2943
2943
|
}
|
|
2944
2944
|
});
|
|
2945
2945
|
}, n;
|
|
2946
|
-
}(Vr),
|
|
2946
|
+
}(Vr), jt.defaultProps = {
|
|
2947
2947
|
children: [],
|
|
2948
2948
|
width: "100%",
|
|
2949
2949
|
height: "400px",
|
|
@@ -2996,13 +2996,13 @@ var Lt = (Kt = qt = function(r) {
|
|
|
2996
2996
|
},
|
|
2997
2997
|
hotspotDebug: !1,
|
|
2998
2998
|
onRender: null
|
|
2999
|
-
},
|
|
3000
|
-
|
|
3001
|
-
|
|
2999
|
+
}, qt);
|
|
3000
|
+
Mt.propTypes = {};
|
|
3001
|
+
Mt.Hotspot = function() {
|
|
3002
3002
|
};
|
|
3003
|
-
|
|
3003
|
+
Mt.Hotspot = function() {
|
|
3004
3004
|
};
|
|
3005
|
-
const
|
|
3005
|
+
const Kt = 100, xt = 100, bt = 50, _o = 0, No = 0, zo = (r) => {
|
|
3006
3006
|
const [n, l] = Ie(0), [s, u] = Ie(!1);
|
|
3007
3007
|
return we(() => {
|
|
3008
3008
|
const p = XMLHttpRequest.prototype.open, E = XMLHttpRequest.prototype.send;
|
|
@@ -3039,15 +3039,34 @@ function Do(r, n = 50, l = 200) {
|
|
|
3039
3039
|
}, l);
|
|
3040
3040
|
};
|
|
3041
3041
|
}
|
|
3042
|
-
const Ao = ({
|
|
3042
|
+
const Ao = ({ className: r }) => /* @__PURE__ */ i(
|
|
3043
|
+
We,
|
|
3044
|
+
{
|
|
3045
|
+
className: r,
|
|
3046
|
+
customizationKey: "UI_INTERIOR_360_PLAY",
|
|
3047
|
+
children: /* @__PURE__ */ i(
|
|
3048
|
+
"svg",
|
|
3049
|
+
{
|
|
3050
|
+
className: r,
|
|
3051
|
+
viewBox: "0 0 24 24",
|
|
3052
|
+
fill: "none",
|
|
3053
|
+
stroke: "currentColor",
|
|
3054
|
+
strokeWidth: "1.5",
|
|
3055
|
+
strokeLinecap: "round",
|
|
3056
|
+
strokeLinejoin: "round",
|
|
3057
|
+
children: /* @__PURE__ */ i("polygon", { points: "6 3 20 12 6 21 6 3" })
|
|
3058
|
+
}
|
|
3059
|
+
)
|
|
3060
|
+
}
|
|
3061
|
+
), Ho = ({
|
|
3043
3062
|
isPannellumLoaded: r,
|
|
3044
3063
|
isLoading: n,
|
|
3045
3064
|
progress: l,
|
|
3046
3065
|
autoloadInterior360: s,
|
|
3047
3066
|
loadScene: u
|
|
3048
3067
|
}) => r ? null : (s && u(), /* @__PURE__ */ i("div", { className: "pointer-events-auto absolute inset-0 flex flex-col items-center justify-center gap-y-4", children: /* @__PURE__ */ ce("div", { className: "pointer-events-auto absolute inset-0 flex flex-col items-center justify-center gap-y-4 bg-foreground/35", children: [
|
|
3049
|
-
/* @__PURE__ */ i(
|
|
3050
|
-
/* @__PURE__ */ i(et, { color: "neutral", shape: "icon", onClick: u, children: /* @__PURE__ */ i(
|
|
3068
|
+
/* @__PURE__ */ i(Cr, { className: "size-20" }),
|
|
3069
|
+
/* @__PURE__ */ i(et, { color: "neutral", shape: "icon", onClick: u, children: /* @__PURE__ */ i(Ao, { className: "size-full" }) }),
|
|
3051
3070
|
/* @__PURE__ */ i(
|
|
3052
3071
|
"div",
|
|
3053
3072
|
{
|
|
@@ -3064,7 +3083,7 @@ const Ao = ({
|
|
|
3064
3083
|
)
|
|
3065
3084
|
}
|
|
3066
3085
|
)
|
|
3067
|
-
] }) })),
|
|
3086
|
+
] }) })), Oo = (r) => {
|
|
3068
3087
|
const { itemIndex: n, src: l, poster: s, onLoaded: u, onError: p } = r, { autoLoadInterior360: E } = Je(), { isShowingDetails: e, setItemInteraction: y, zoom: v, isZooming: A, setZoom: x } = Qe(), [d, o] = zo(l), P = Se(null), L = Se(null), [_, w] = Ie(!1), M = q(() => {
|
|
3069
3088
|
n !== void 0 && y(n, "ready"), u?.(), w(!0);
|
|
3070
3089
|
}, [n, y, u]), b = q((C) => {
|
|
@@ -3104,7 +3123,7 @@ const Ao = ({
|
|
|
3104
3123
|
x(J);
|
|
3105
3124
|
};
|
|
3106
3125
|
k.addEventListener("wheel", I), k.addEventListener("dblclick", K);
|
|
3107
|
-
const O = Math.abs(1 - Math.abs(v)), W = xt - bt, F =
|
|
3126
|
+
const O = Math.abs(1 - Math.abs(v)), W = xt - bt, F = Kt - O * W;
|
|
3108
3127
|
return C.setHfov(F), () => {
|
|
3109
3128
|
k.removeEventListener("wheel", V), k.removeEventListener("dblclick", K);
|
|
3110
3129
|
};
|
|
@@ -3120,7 +3139,7 @@ const Ao = ({
|
|
|
3120
3139
|
"div",
|
|
3121
3140
|
{
|
|
3122
3141
|
className: se(
|
|
3123
|
-
"size-full
|
|
3142
|
+
"size-full",
|
|
3124
3143
|
e ? "scale-105" : "scale-100"
|
|
3125
3144
|
),
|
|
3126
3145
|
children: [
|
|
@@ -3148,7 +3167,7 @@ const Ao = ({
|
|
|
3148
3167
|
}
|
|
3149
3168
|
` }),
|
|
3150
3169
|
L.current && /* @__PURE__ */ i(
|
|
3151
|
-
|
|
3170
|
+
Mt,
|
|
3152
3171
|
{
|
|
3153
3172
|
ref: P,
|
|
3154
3173
|
id: L.current,
|
|
@@ -3159,7 +3178,7 @@ const Ao = ({
|
|
|
3159
3178
|
image: l,
|
|
3160
3179
|
pitch: _o,
|
|
3161
3180
|
yaw: No,
|
|
3162
|
-
hfov:
|
|
3181
|
+
hfov: Kt,
|
|
3163
3182
|
maxHfov: xt,
|
|
3164
3183
|
minHfov: bt,
|
|
3165
3184
|
compass: !1,
|
|
@@ -3176,7 +3195,7 @@ const Ao = ({
|
|
|
3176
3195
|
)
|
|
3177
3196
|
] }),
|
|
3178
3197
|
/* @__PURE__ */ i(
|
|
3179
|
-
|
|
3198
|
+
Ho,
|
|
3180
3199
|
{
|
|
3181
3200
|
isPannellumLoaded: _,
|
|
3182
3201
|
isLoading: o,
|
|
@@ -3190,25 +3209,37 @@ const Ao = ({
|
|
|
3190
3209
|
)
|
|
3191
3210
|
}
|
|
3192
3211
|
) });
|
|
3193
|
-
},
|
|
3212
|
+
}, Fo = (r) => {
|
|
3194
3213
|
const { itemIndex: n } = r, { setItemInteraction: l } = Qe(), [s, u] = Ie();
|
|
3195
3214
|
return we(() => {
|
|
3196
3215
|
s === null || s === "error" || l(n, s === "spin" ? "running" : "ready");
|
|
3197
3216
|
}, [n, l, s]), s === "error" ? /* @__PURE__ */ i(
|
|
3198
|
-
|
|
3217
|
+
Dt,
|
|
3199
3218
|
{
|
|
3200
3219
|
className: "text-background",
|
|
3201
3220
|
text: "Interior Spin could not be loaded"
|
|
3202
3221
|
}
|
|
3203
3222
|
) : /* @__PURE__ */ i(
|
|
3204
|
-
|
|
3223
|
+
Oo,
|
|
3205
3224
|
{
|
|
3206
3225
|
...r,
|
|
3207
3226
|
onLoaded: () => u("spin"),
|
|
3208
3227
|
onError: () => u("error")
|
|
3209
3228
|
}
|
|
3210
3229
|
);
|
|
3211
|
-
},
|
|
3230
|
+
}, Vo = ({ className: r }) => /* @__PURE__ */ i(We, { className: r, customizationKey: "UI_360_PLAY", children: /* @__PURE__ */ i(
|
|
3231
|
+
"svg",
|
|
3232
|
+
{
|
|
3233
|
+
className: r,
|
|
3234
|
+
viewBox: "0 0 24 24",
|
|
3235
|
+
fill: "none",
|
|
3236
|
+
stroke: "currentColor",
|
|
3237
|
+
strokeWidth: "1.5",
|
|
3238
|
+
strokeLinecap: "round",
|
|
3239
|
+
strokeLinejoin: "round",
|
|
3240
|
+
children: /* @__PURE__ */ i("polygon", { points: "6 3 20 12 6 21 6 3" })
|
|
3241
|
+
}
|
|
3242
|
+
) }), Uo = 750, Wo = 1250, Bo = 360, Yo = 480, Xo = ({
|
|
3212
3243
|
images: r,
|
|
3213
3244
|
onlyPreload: n
|
|
3214
3245
|
}) => {
|
|
@@ -3232,14 +3263,14 @@ const Ao = ({
|
|
|
3232
3263
|
v.current && (v.current = !1, A.current = setTimeout(() => {
|
|
3233
3264
|
const G = Date.now(), Z = () => {
|
|
3234
3265
|
const le = () => {
|
|
3235
|
-
const Me = (Date.now() - G) /
|
|
3236
|
-
L(
|
|
3266
|
+
const Me = (Date.now() - G) / Wo, be = Math.round(((Ge) => Ge * (2 - Ge))(Me) * _), Be = tt(be % _, 0, _ - 1);
|
|
3267
|
+
L(Be), !(be >= _) && Z();
|
|
3237
3268
|
};
|
|
3238
3269
|
d.current = requestAnimationFrame(le);
|
|
3239
3270
|
};
|
|
3240
3271
|
Z();
|
|
3241
|
-
},
|
|
3242
|
-
const C =
|
|
3272
|
+
}, Uo));
|
|
3273
|
+
const C = Bo / _;
|
|
3243
3274
|
let k = null, V = [];
|
|
3244
3275
|
const I = (G) => {
|
|
3245
3276
|
V.push(G), V.length > 20 && V.shift();
|
|
@@ -3250,13 +3281,13 @@ const Ao = ({
|
|
|
3250
3281
|
);
|
|
3251
3282
|
if (be.length < 2)
|
|
3252
3283
|
return 0;
|
|
3253
|
-
const
|
|
3254
|
-
return (Ge.value -
|
|
3284
|
+
const Be = be[0], Ge = be[be.length - 1];
|
|
3285
|
+
return (Ge.value - Be.value) / (1e-3 * Math.max(Ge.timestamp - Be.timestamp, 1));
|
|
3255
3286
|
})(), Z = Date.now();
|
|
3256
3287
|
let le = 0, T = Z;
|
|
3257
3288
|
const Me = () => {
|
|
3258
3289
|
const j = () => {
|
|
3259
|
-
const be = Date.now(),
|
|
3290
|
+
const be = Date.now(), Be = (be - Z) / 1e3, Ge = Math.pow(0.05, Be), Ve = G * Ge, c = (be - T) / 1e3;
|
|
3260
3291
|
if (le += Ve * c, Math.abs(Ve) < 5 * C && Math.abs(le) < C) {
|
|
3261
3292
|
d.current = null;
|
|
3262
3293
|
return;
|
|
@@ -3286,14 +3317,14 @@ const Ao = ({
|
|
|
3286
3317
|
k !== null && (k = null, K());
|
|
3287
3318
|
};
|
|
3288
3319
|
b.addEventListener("mousedown", W), document.addEventListener("mousemove", F), document.addEventListener("mouseleave", H), document.addEventListener("mouseup", H), document.addEventListener("contextmenu", H);
|
|
3289
|
-
const J =
|
|
3320
|
+
const J = Yo / _, ue = () => h.getBoundingClientRect().width, N = () => h.scrollWidth / 2 - ue() / 2, Y = () => {
|
|
3290
3321
|
const G = N();
|
|
3291
3322
|
h.scrollLeft = G;
|
|
3292
3323
|
};
|
|
3293
|
-
|
|
3324
|
+
Y();
|
|
3294
3325
|
const te = () => {
|
|
3295
3326
|
const G = h.scrollLeft - N();
|
|
3296
|
-
Math.abs(G) < J || (G < 0 !== s ? M() : w(),
|
|
3327
|
+
Math.abs(G) < J || (G < 0 !== s ? M() : w(), Y());
|
|
3297
3328
|
};
|
|
3298
3329
|
h.addEventListener("scroll", te);
|
|
3299
3330
|
let D = null;
|
|
@@ -3316,13 +3347,13 @@ const Ao = ({
|
|
|
3316
3347
|
I({ timestamp: Date.now(), value: le });
|
|
3317
3348
|
const T = le - k;
|
|
3318
3349
|
Math.abs(T) < C || (T > 0 !== s ? M() : w(), k = le);
|
|
3319
|
-
},
|
|
3350
|
+
}, X = (G) => {
|
|
3320
3351
|
!k || !Array.from(G.changedTouches).some(
|
|
3321
3352
|
({ identifier: le }) => le === D
|
|
3322
3353
|
) || (D = null, k = null, K());
|
|
3323
3354
|
};
|
|
3324
|
-
return h.addEventListener("touchstart", Q), h.addEventListener("touchmove", xe), h.addEventListener("touchend",
|
|
3325
|
-
b.removeEventListener("mousedown", W), document.removeEventListener("mousemove", F), document.removeEventListener("mouseleave", H), document.removeEventListener("mouseup", H), document.removeEventListener("contextmenu", H), h.removeEventListener("scroll", te), h.removeEventListener("touchstart", Q), h.removeEventListener("touchmove", xe), h.removeEventListener("touchend",
|
|
3355
|
+
return h.addEventListener("touchstart", Q), h.addEventListener("touchmove", xe), h.addEventListener("touchend", X), h.addEventListener("touchcancel", X), () => {
|
|
3356
|
+
b.removeEventListener("mousedown", W), document.removeEventListener("mousemove", F), document.removeEventListener("mouseleave", H), document.removeEventListener("mouseup", H), document.removeEventListener("contextmenu", H), h.removeEventListener("scroll", te), h.removeEventListener("touchstart", Q), h.removeEventListener("touchmove", xe), h.removeEventListener("touchend", X), h.removeEventListener("touchcancel", X);
|
|
3326
3357
|
};
|
|
3327
3358
|
}, [
|
|
3328
3359
|
x,
|
|
@@ -3331,7 +3362,7 @@ const Ao = ({
|
|
|
3331
3362
|
E,
|
|
3332
3363
|
s,
|
|
3333
3364
|
_
|
|
3334
|
-
]), /* @__PURE__ */ i("div", { ref: e, className: "cursor-ew-resize", children: /* @__PURE__ */ ce("div", { ref: y, className: "overflow-x-scroll
|
|
3365
|
+
]), /* @__PURE__ */ i("div", { ref: e, className: "cursor-ew-resize", children: /* @__PURE__ */ ce("div", { ref: y, className: " overflow-x-scroll", children: [
|
|
3335
3366
|
/* @__PURE__ */ ce("div", { className: "sticky left-0 top-0", children: [
|
|
3336
3367
|
r.map((b) => /* @__PURE__ */ i(
|
|
3337
3368
|
it,
|
|
@@ -3345,7 +3376,7 @@ const Ao = ({
|
|
|
3345
3376
|
] }),
|
|
3346
3377
|
/* @__PURE__ */ i("div", { className: "pointer-events-none -mt-px h-px w-[calc(100%+1024px)]" })
|
|
3347
3378
|
] }) });
|
|
3348
|
-
},
|
|
3379
|
+
}, Zo = ({ images: r, onPlaceholderImageLoaded: n, onSpinImagesLoaded: l, onError: s }) => {
|
|
3349
3380
|
const { autoLoad360: u } = Je(), p = Ke(() => r.map(({ src: x }) => x), [r]), [E, e] = Ie(null), y = E ? [...E.values()].filter((x) => x).length / r.length * 100 : null, v = q(() => {
|
|
3350
3381
|
y === null && e(new Map(p.map((x) => [x, !1])));
|
|
3351
3382
|
}, [p, y]), A = q((x) => {
|
|
@@ -3378,8 +3409,8 @@ const Ao = ({
|
|
|
3378
3409
|
}
|
|
3379
3410
|
),
|
|
3380
3411
|
/* @__PURE__ */ ce("div", { className: "absolute inset-0 flex flex-col items-center justify-center gap-y-4 bg-foreground/35", children: [
|
|
3381
|
-
/* @__PURE__ */ i(Mr, { className: "size-20
|
|
3382
|
-
/* @__PURE__ */ i(et, { color: "neutral", shape: "icon", onClick: v, children: /* @__PURE__ */ i(
|
|
3412
|
+
/* @__PURE__ */ i(Mr, { className: "size-20" }),
|
|
3413
|
+
/* @__PURE__ */ i(et, { color: "neutral", shape: "icon", onClick: v, children: /* @__PURE__ */ i(Vo, { className: "size-full" }) }),
|
|
3383
3414
|
/* @__PURE__ */ i(
|
|
3384
3415
|
"div",
|
|
3385
3416
|
{
|
|
@@ -3398,26 +3429,26 @@ const Ao = ({
|
|
|
3398
3429
|
)
|
|
3399
3430
|
] })
|
|
3400
3431
|
] });
|
|
3401
|
-
},
|
|
3432
|
+
}, Go = (r) => {
|
|
3402
3433
|
const { itemIndex: n } = r, { setItemInteraction: l } = Qe(), [s, u] = Ie();
|
|
3403
3434
|
return we(() => {
|
|
3404
3435
|
s === null || s === "error" || l(n, s === "spin" ? "running" : "ready");
|
|
3405
3436
|
}, [n, l, s]), s === "error" ? /* @__PURE__ */ i(
|
|
3406
|
-
|
|
3437
|
+
Dt,
|
|
3407
3438
|
{
|
|
3408
3439
|
className: "text-background",
|
|
3409
3440
|
text: "Spin could not be loaded"
|
|
3410
3441
|
}
|
|
3411
3442
|
) : s !== "spin" ? /* @__PURE__ */ i(
|
|
3412
|
-
|
|
3443
|
+
Zo,
|
|
3413
3444
|
{
|
|
3414
3445
|
...r,
|
|
3415
3446
|
onPlaceholderImageLoaded: () => u((p) => p === null ? "placeholder" : p),
|
|
3416
3447
|
onSpinImagesLoaded: () => u("spin"),
|
|
3417
3448
|
onError: () => u("error")
|
|
3418
3449
|
}
|
|
3419
|
-
) : /* @__PURE__ */ i(
|
|
3420
|
-
},
|
|
3450
|
+
) : /* @__PURE__ */ i(Xo, { ...r });
|
|
3451
|
+
}, jo = (r) => /* @__PURE__ */ i(et, { color: "neutral", shape: "icon", ...r, children: /* @__PURE__ */ i(Er, { className: "size-full" }) }), qo = ({ className: r }) => /* @__PURE__ */ i(We, { className: r, customizationKey: "UI_PAUSE", children: /* @__PURE__ */ i(
|
|
3421
3452
|
"svg",
|
|
3422
3453
|
{
|
|
3423
3454
|
className: r,
|
|
@@ -3434,7 +3465,7 @@ const Ao = ({
|
|
|
3434
3465
|
}
|
|
3435
3466
|
)
|
|
3436
3467
|
}
|
|
3437
|
-
) }),
|
|
3468
|
+
) }), Ko = ({ className: r }) => /* @__PURE__ */ i(We, { className: r, customizationKey: "UI_VOLUME", children: /* @__PURE__ */ i(
|
|
3438
3469
|
"svg",
|
|
3439
3470
|
{
|
|
3440
3471
|
className: r,
|
|
@@ -3451,7 +3482,7 @@ const Ao = ({
|
|
|
3451
3482
|
}
|
|
3452
3483
|
)
|
|
3453
3484
|
}
|
|
3454
|
-
) }),
|
|
3485
|
+
) }), Jo = ({ className: r }) => /* @__PURE__ */ i(We, { className: r, customizationKey: "UI_VOLUME_OFF", children: /* @__PURE__ */ i(
|
|
3455
3486
|
"svg",
|
|
3456
3487
|
{
|
|
3457
3488
|
className: r,
|
|
@@ -3468,13 +3499,13 @@ const Ao = ({
|
|
|
3468
3499
|
}
|
|
3469
3500
|
)
|
|
3470
3501
|
}
|
|
3471
|
-
) }),
|
|
3502
|
+
) }), Jt = ({ progress: r }) => /* @__PURE__ */ i("div", { className: "h-1 w-full overflow-hidden rounded-ui-sm bg-background/25", children: /* @__PURE__ */ i(
|
|
3472
3503
|
"div",
|
|
3473
3504
|
{
|
|
3474
3505
|
className: "size-full rounded-ui-sm bg-background transition-transform",
|
|
3475
3506
|
style: { transform: `translateX(-${100 * (1 - r)}%)` }
|
|
3476
3507
|
}
|
|
3477
|
-
) }),
|
|
3508
|
+
) }), Qo = 3e3, $o = ({ src: r, poster: n, itemIndex: l }) => {
|
|
3478
3509
|
const { carrouselItemIndex: s, setItemInteraction: u } = Qe(), p = Se(null), E = Se(null), e = q(() => {
|
|
3479
3510
|
if (!E.current)
|
|
3480
3511
|
throw new Error("videoRef.current is null");
|
|
@@ -3500,58 +3531,58 @@ const Ao = ({
|
|
|
3500
3531
|
}, w = () => {
|
|
3501
3532
|
o(!0);
|
|
3502
3533
|
}, [M, b] = Ie(null), h = (N) => {
|
|
3503
|
-
const
|
|
3504
|
-
|
|
3534
|
+
const Y = e(), te = N.currentTarget.getBoundingClientRect(), Q = (N.clientX - te.left) / te.width, xe = Math.min(1, Math.max(0, Q));
|
|
3535
|
+
Y.volume = xe, Y.muted = !1;
|
|
3505
3536
|
}, C = (N) => {
|
|
3506
|
-
const
|
|
3507
|
-
|
|
3537
|
+
const Y = e();
|
|
3538
|
+
Y.muted = N;
|
|
3508
3539
|
};
|
|
3509
3540
|
we(() => {
|
|
3510
3541
|
const N = E.current;
|
|
3511
3542
|
if (!N)
|
|
3512
3543
|
return;
|
|
3513
|
-
const
|
|
3544
|
+
const Y = () => {
|
|
3514
3545
|
b({
|
|
3515
3546
|
volume: N.volume,
|
|
3516
3547
|
isMuted: N.muted
|
|
3517
3548
|
});
|
|
3518
3549
|
};
|
|
3519
|
-
return
|
|
3520
|
-
N.removeEventListener("volumechange",
|
|
3550
|
+
return Y(), N.addEventListener("volumechange", Y), () => {
|
|
3551
|
+
N.removeEventListener("volumechange", Y);
|
|
3521
3552
|
};
|
|
3522
3553
|
}, []);
|
|
3523
3554
|
const [k, V] = Ie(null), I = k ? k.currentTime / k.duration : 0;
|
|
3524
3555
|
we(() => {
|
|
3525
3556
|
const N = E.current;
|
|
3526
3557
|
if (!N) return;
|
|
3527
|
-
const
|
|
3558
|
+
const Y = () => {
|
|
3528
3559
|
const te = N.currentTime, D = N.duration;
|
|
3529
3560
|
isNaN(te) || isNaN(D) || V({
|
|
3530
3561
|
currentTime: te,
|
|
3531
3562
|
duration: D
|
|
3532
3563
|
});
|
|
3533
3564
|
};
|
|
3534
|
-
return
|
|
3535
|
-
N.removeEventListener("timeupdate",
|
|
3565
|
+
return Y(), N.addEventListener("timeupdate", Y), () => {
|
|
3566
|
+
N.removeEventListener("timeupdate", Y);
|
|
3536
3567
|
};
|
|
3537
3568
|
}, []);
|
|
3538
3569
|
const K = (N) => {
|
|
3539
|
-
const
|
|
3540
|
-
|
|
3570
|
+
const Y = e(), te = N.currentTarget.getBoundingClientRect(), Q = (N.clientX - te.left) / te.width, xe = Y.duration * Q;
|
|
3571
|
+
Y.currentTime = xe;
|
|
3541
3572
|
}, O = (N) => {
|
|
3542
|
-
const
|
|
3543
|
-
return `${
|
|
3573
|
+
const Y = Math.floor(N % 3600 / 60), te = Math.floor(N % 60);
|
|
3574
|
+
return `${Y}:${te.toString().padStart(2, "0")}`;
|
|
3544
3575
|
}, [W, F] = Ie(!1), H = Se(void 0), J = q(
|
|
3545
3576
|
() => clearTimeout(H.current),
|
|
3546
3577
|
[]
|
|
3547
3578
|
), ue = q(() => {
|
|
3548
3579
|
J(), H.current = setTimeout(() => {
|
|
3549
3580
|
F(!1);
|
|
3550
|
-
},
|
|
3581
|
+
}, Qo);
|
|
3551
3582
|
}, [J]);
|
|
3552
3583
|
return we(() => {
|
|
3553
|
-
const N = p.current,
|
|
3554
|
-
if (!N || !
|
|
3584
|
+
const N = p.current, Y = E.current;
|
|
3585
|
+
if (!N || !Y)
|
|
3555
3586
|
return;
|
|
3556
3587
|
const te = () => {
|
|
3557
3588
|
ue(), F(!0);
|
|
@@ -3561,15 +3592,15 @@ const Ao = ({
|
|
|
3561
3592
|
let Q = !1;
|
|
3562
3593
|
const xe = () => {
|
|
3563
3594
|
Q = !0;
|
|
3564
|
-
},
|
|
3595
|
+
}, X = () => {
|
|
3565
3596
|
Q && (Q = !1, v());
|
|
3566
3597
|
}, G = () => {
|
|
3567
3598
|
Q = !1, te();
|
|
3568
3599
|
}, Z = (le) => {
|
|
3569
3600
|
le.preventDefault(), le.touches.length === 1 && (ue(), F((Me) => !Me));
|
|
3570
3601
|
};
|
|
3571
|
-
return N.addEventListener("mousedown", xe), N.addEventListener("mouseup",
|
|
3572
|
-
N.removeEventListener("mousedown", xe), N.removeEventListener("mouseup",
|
|
3602
|
+
return N.addEventListener("mousedown", xe), N.addEventListener("mouseup", X), N.addEventListener("mouseenter", te), N.addEventListener("mousemove", G), N.addEventListener("mouseleave", D), Y.addEventListener("touchstart", Z), () => {
|
|
3603
|
+
N.removeEventListener("mousedown", xe), N.removeEventListener("mouseup", X), N.removeEventListener("mouseenter", te), N.removeEventListener("mousemove", te), N.removeEventListener("mouseleave", D), Y.removeEventListener("touchstart", Z);
|
|
3573
3604
|
};
|
|
3574
3605
|
}, [J, v, ue]), /* @__PURE__ */ ce("div", { ref: p, className: "relative aspect-[4/3] w-full", children: [
|
|
3575
3606
|
/* @__PURE__ */ i(
|
|
@@ -3611,7 +3642,7 @@ const Ao = ({
|
|
|
3611
3642
|
variant: "ghost",
|
|
3612
3643
|
color: "neutral",
|
|
3613
3644
|
onClick: v,
|
|
3614
|
-
children: /* @__PURE__ */ i(
|
|
3645
|
+
children: /* @__PURE__ */ i(qo, { className: "size-full" })
|
|
3615
3646
|
}
|
|
3616
3647
|
),
|
|
3617
3648
|
k && /* @__PURE__ */ ce("span", { className: "text-sm", children: [
|
|
@@ -3633,7 +3664,7 @@ const Ao = ({
|
|
|
3633
3664
|
{
|
|
3634
3665
|
className: `w-12 cursor-pointer py-1 opacity-0 transition-opacity ${M.isMuted ? "group-hover/volume:opacity-50" : "group-hover/volume:opacity-100"}`,
|
|
3635
3666
|
onClick: h,
|
|
3636
|
-
children: /* @__PURE__ */ i(
|
|
3667
|
+
children: /* @__PURE__ */ i(Jt, { progress: M.volume })
|
|
3637
3668
|
}
|
|
3638
3669
|
),
|
|
3639
3670
|
/* @__PURE__ */ i(
|
|
@@ -3641,7 +3672,7 @@ const Ao = ({
|
|
|
3641
3672
|
{
|
|
3642
3673
|
className: "size-5 cursor-pointer",
|
|
3643
3674
|
onClick: () => C(!M.isMuted),
|
|
3644
|
-
children: M.isMuted ? /* @__PURE__ */ i(
|
|
3675
|
+
children: M.isMuted ? /* @__PURE__ */ i(Jo, { className: "size-full" }) : /* @__PURE__ */ i(Ko, { className: "size-full" })
|
|
3645
3676
|
}
|
|
3646
3677
|
)
|
|
3647
3678
|
]
|
|
@@ -3653,7 +3684,7 @@ const Ao = ({
|
|
|
3653
3684
|
{
|
|
3654
3685
|
className: "cursor-pointer py-1",
|
|
3655
3686
|
onClick: K,
|
|
3656
|
-
children: /* @__PURE__ */ i(
|
|
3687
|
+
children: /* @__PURE__ */ i(Jt, { progress: I })
|
|
3657
3688
|
}
|
|
3658
3689
|
)
|
|
3659
3690
|
]
|
|
@@ -3663,18 +3694,18 @@ const Ao = ({
|
|
|
3663
3694
|
"div",
|
|
3664
3695
|
{
|
|
3665
3696
|
className: "pointer-events-none absolute inset-0 flex items-center justify-center bg-foreground/25",
|
|
3666
|
-
children: /* @__PURE__ */ i(
|
|
3697
|
+
children: /* @__PURE__ */ i(br, { size: "lg", color: "background" })
|
|
3667
3698
|
}
|
|
3668
3699
|
)
|
|
3669
3700
|
] }) : /* @__PURE__ */ i(
|
|
3670
3701
|
"div",
|
|
3671
3702
|
{
|
|
3672
3703
|
className: "absolute inset-0 flex items-center justify-center bg-foreground/25",
|
|
3673
|
-
children: /* @__PURE__ */ i(
|
|
3704
|
+
children: /* @__PURE__ */ i(jo, { onClick: y })
|
|
3674
3705
|
}
|
|
3675
3706
|
)
|
|
3676
3707
|
] });
|
|
3677
|
-
},
|
|
3708
|
+
}, en = ({ index: r, item: n, isShown: l }) => {
|
|
3678
3709
|
const { type: s } = n;
|
|
3679
3710
|
let u;
|
|
3680
3711
|
switch (s) {
|
|
@@ -3682,14 +3713,14 @@ const Ao = ({
|
|
|
3682
3713
|
u = /* @__PURE__ */ i(Tr, { itemIndex: r, onlyPreload: !l, ...n });
|
|
3683
3714
|
break;
|
|
3684
3715
|
case "video":
|
|
3685
|
-
u = /* @__PURE__ */ i(
|
|
3716
|
+
u = /* @__PURE__ */ i($o, { itemIndex: r, ...n });
|
|
3686
3717
|
break;
|
|
3687
3718
|
case "360":
|
|
3688
|
-
u = /* @__PURE__ */ i(
|
|
3719
|
+
u = /* @__PURE__ */ i(Go, { itemIndex: r, onlyPreload: !l, ...n });
|
|
3689
3720
|
break;
|
|
3690
3721
|
case "interior-360":
|
|
3691
3722
|
u = /* @__PURE__ */ i(
|
|
3692
|
-
|
|
3723
|
+
Fo,
|
|
3693
3724
|
{
|
|
3694
3725
|
itemIndex: r,
|
|
3695
3726
|
onlyPreload: !l,
|
|
@@ -3701,7 +3732,7 @@ const Ao = ({
|
|
|
3701
3732
|
u = /* @__PURE__ */ i(Lo, { itemIndex: r, ...n });
|
|
3702
3733
|
}
|
|
3703
3734
|
return u = /* @__PURE__ */ i("div", { className: "grid grid-cols-[repeat(var(--max-items),1fr)]", children: u }), u;
|
|
3704
|
-
},
|
|
3735
|
+
}, tn = (r) => {
|
|
3705
3736
|
we(() => {
|
|
3706
3737
|
const n = (l) => {
|
|
3707
3738
|
l.key === "Escape" && r();
|
|
@@ -3711,10 +3742,10 @@ const Ao = ({
|
|
|
3711
3742
|
};
|
|
3712
3743
|
}, [r]);
|
|
3713
3744
|
};
|
|
3714
|
-
function
|
|
3745
|
+
function rn(r) {
|
|
3715
3746
|
return r.target === r.currentTarget;
|
|
3716
3747
|
}
|
|
3717
|
-
const
|
|
3748
|
+
const on = ({
|
|
3718
3749
|
className: r,
|
|
3719
3750
|
children: n,
|
|
3720
3751
|
isVisible: l,
|
|
@@ -3908,29 +3939,29 @@ const tn = ({
|
|
|
3908
3939
|
)
|
|
3909
3940
|
}
|
|
3910
3941
|
);
|
|
3911
|
-
},
|
|
3942
|
+
}, nn = ({ currentIndex: r, maxIndex: n }) => /* @__PURE__ */ ce("div", { className: "space-x-0.5 rounded-ui bg-foreground/40 px-1.5 py-0.5 text-xs text-background/75 transition-radius small:space-x-1 small:px-2 small:py-1 small:text-sm", children: [
|
|
3912
3943
|
/* @__PURE__ */ i("span", { children: r + 1 }),
|
|
3913
3944
|
/* @__PURE__ */ i("span", { children: "/" }),
|
|
3914
3945
|
/* @__PURE__ */ i("span", { children: n + 1 })
|
|
3915
|
-
] }),
|
|
3946
|
+
] }), Qt = ({ className: r }) => /* @__PURE__ */ i(We, { className: r, customizationKey: "UI_ARROW_RIGHT", children: /* @__PURE__ */ i("svg", { className: r, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ i(
|
|
3916
3947
|
"path",
|
|
3917
3948
|
{
|
|
3918
3949
|
d: "M4.07666 13.4868L5.25666 14.6668L11.9233 8.00016L5.25666 1.3335L4.07666 2.5135L9.56333 8.00016L4.07666 13.4868Z",
|
|
3919
3950
|
fill: "currentColor"
|
|
3920
3951
|
}
|
|
3921
|
-
) }) }),
|
|
3952
|
+
) }) }), an = ({ className: r }) => /* @__PURE__ */ i(We, { className: r, customizationKey: "UI_EXTEND", children: /* @__PURE__ */ i("svg", { className: r, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ i(
|
|
3922
3953
|
"path",
|
|
3923
3954
|
{
|
|
3924
3955
|
d: "M4.66683 9.3335H3.3335V12.6668H6.66683V11.3335H4.66683V9.3335ZM3.3335 6.66683H4.66683V4.66683H6.66683V3.3335H3.3335V6.66683ZM11.3335 11.3335H9.3335V12.6668H12.6668V9.3335H11.3335V11.3335ZM9.3335 3.3335V4.66683H11.3335V6.66683H12.6668V3.3335H9.3335Z",
|
|
3925
3956
|
fill: "currentColor"
|
|
3926
3957
|
}
|
|
3927
|
-
) }) }),
|
|
3958
|
+
) }) }), sn = ({ className: r }) => /* @__PURE__ */ i(We, { className: r, customizationKey: "UI_GALLERY", children: /* @__PURE__ */ i("svg", { className: r, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ i(
|
|
3928
3959
|
"path",
|
|
3929
3960
|
{
|
|
3930
3961
|
d: "M13.3334 2.66683V10.6668H5.33337V2.66683H13.3334ZM13.3334 1.3335H5.33337C4.60004 1.3335 4.00004 1.9335 4.00004 2.66683V10.6668C4.00004 11.4002 4.60004 12.0002 5.33337 12.0002H13.3334C14.0667 12.0002 14.6667 11.4002 14.6667 10.6668V2.66683C14.6667 1.9335 14.0667 1.3335 13.3334 1.3335ZM7.66671 7.78016L8.79337 9.28683L10.4467 7.22016L12.6667 10.0002H6.00004L7.66671 7.78016ZM1.33337 4.00016V13.3335C1.33337 14.0668 1.93337 14.6668 2.66671 14.6668H12V13.3335H2.66671V4.00016H1.33337Z",
|
|
3931
3962
|
fill: "currentColor"
|
|
3932
3963
|
}
|
|
3933
|
-
) }) }),
|
|
3964
|
+
) }) }), ln = ({ className: r }) => /* @__PURE__ */ i(We, { className: r, customizationKey: "UI_HOTSPOTS", children: /* @__PURE__ */ ce(
|
|
3934
3965
|
"svg",
|
|
3935
3966
|
{
|
|
3936
3967
|
className: r,
|
|
@@ -3950,7 +3981,7 @@ const tn = ({
|
|
|
3950
3981
|
/* @__PURE__ */ i("defs", { children: /* @__PURE__ */ i("clipPath", { id: "clip0_418_982", children: /* @__PURE__ */ i("rect", { width: "12", height: "12", fill: "white" }) }) })
|
|
3951
3982
|
]
|
|
3952
3983
|
}
|
|
3953
|
-
) }),
|
|
3984
|
+
) }), cn = ({ className: r }) => /* @__PURE__ */ i(We, { className: r, customizationKey: "UI_MINUS", children: /* @__PURE__ */ i(
|
|
3954
3985
|
"svg",
|
|
3955
3986
|
{
|
|
3956
3987
|
className: r,
|
|
@@ -3967,7 +3998,7 @@ const tn = ({
|
|
|
3967
3998
|
}
|
|
3968
3999
|
)
|
|
3969
4000
|
}
|
|
3970
|
-
) }),
|
|
4001
|
+
) }), un = ({ className: r }) => /* @__PURE__ */ i(We, { className: r, customizationKey: "UI_PLUS", children: /* @__PURE__ */ i(
|
|
3971
4002
|
"svg",
|
|
3972
4003
|
{
|
|
3973
4004
|
className: r,
|
|
@@ -3984,13 +4015,13 @@ const tn = ({
|
|
|
3984
4015
|
}
|
|
3985
4016
|
)
|
|
3986
4017
|
}
|
|
3987
|
-
) }),
|
|
4018
|
+
) }), dn = ({ className: r }) => /* @__PURE__ */ i(We, { className: r, customizationKey: "UI_REDUCE", children: /* @__PURE__ */ i("svg", { className: r, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ i(
|
|
3988
4019
|
"path",
|
|
3989
4020
|
{
|
|
3990
4021
|
d: "M3.33325 10.6668H5.33325V12.6668H6.66659V9.3335H3.33325V10.6668ZM5.33325 5.3335H3.33325V6.66683H6.66659V3.3335H5.33325V5.3335ZM9.33325 12.6668H10.6666V10.6668H12.6666V9.3335H9.33325V12.6668ZM10.6666 5.3335V3.3335H9.33325V6.66683H12.6666V5.3335H10.6666Z",
|
|
3991
4022
|
fill: "currentColor"
|
|
3992
4023
|
}
|
|
3993
|
-
) }) }),
|
|
4024
|
+
) }) }), hn = ({
|
|
3994
4025
|
enabled: r,
|
|
3995
4026
|
onToggle: n,
|
|
3996
4027
|
label: l,
|
|
@@ -4035,7 +4066,7 @@ const tn = ({
|
|
|
4035
4066
|
)
|
|
4036
4067
|
]
|
|
4037
4068
|
}
|
|
4038
|
-
),
|
|
4069
|
+
), pn = ({ className: r }) => /* @__PURE__ */ i(We, { className: r, customizationKey: "UI_BURGER", children: /* @__PURE__ */ i(
|
|
4039
4070
|
"svg",
|
|
4040
4071
|
{
|
|
4041
4072
|
className: r,
|
|
@@ -4052,7 +4083,7 @@ const tn = ({
|
|
|
4052
4083
|
}
|
|
4053
4084
|
)
|
|
4054
4085
|
}
|
|
4055
|
-
) }),
|
|
4086
|
+
) }), fn = ({ sharedClassName: r }) => {
|
|
4056
4087
|
const { categories: n } = st(), { displayedCategoryId: l, changeCategory: s } = Qe(), [u, p] = Ie(!1), E = () => {
|
|
4057
4088
|
p(!u);
|
|
4058
4089
|
}, e = () => {
|
|
@@ -4081,7 +4112,7 @@ const tn = ({
|
|
|
4081
4112
|
shape: "icon",
|
|
4082
4113
|
color: u ? "primary" : "neutral",
|
|
4083
4114
|
onClick: E,
|
|
4084
|
-
children: /* @__PURE__ */ i(
|
|
4115
|
+
children: /* @__PURE__ */ i(pn, {})
|
|
4085
4116
|
}
|
|
4086
4117
|
),
|
|
4087
4118
|
u && /* @__PURE__ */ i("div", { className: "rounded-ui-md bg-background transition-radius", children: /* @__PURE__ */ i("ul", { className: "space-y-0.5 p-1", children: n.map(({ id: y, title: v }) => /* @__PURE__ */ i(
|
|
@@ -4106,7 +4137,7 @@ const tn = ({
|
|
|
4106
4137
|
{
|
|
4107
4138
|
className: se(
|
|
4108
4139
|
r,
|
|
4109
|
-
|
|
4140
|
+
xr("top"),
|
|
4110
4141
|
"w-full overflow-x-auto max-small:hidden"
|
|
4111
4142
|
),
|
|
4112
4143
|
children: /* @__PURE__ */ i("div", { className: "mx-auto flex w-fit gap-x-1 rounded-ui-md bg-background p-1 shadow", children: n.map(({ id: y, title: v }) => /* @__PURE__ */ i(
|
|
@@ -4121,7 +4152,7 @@ const tn = ({
|
|
|
4121
4152
|
}
|
|
4122
4153
|
)
|
|
4123
4154
|
] });
|
|
4124
|
-
},
|
|
4155
|
+
}, mn = () => {
|
|
4125
4156
|
const {
|
|
4126
4157
|
hideCategoriesNav: r,
|
|
4127
4158
|
infiniteCarrousel: n,
|
|
@@ -4158,25 +4189,25 @@ const tn = ({
|
|
|
4158
4189
|
canZoomOut: J,
|
|
4159
4190
|
zoomOut: ue,
|
|
4160
4191
|
resetView: N
|
|
4161
|
-
} = Qe(),
|
|
4192
|
+
} = Qe(), Y = q(
|
|
4162
4193
|
(xe) => {
|
|
4163
|
-
|
|
4194
|
+
rn(xe) && K();
|
|
4164
4195
|
},
|
|
4165
4196
|
[K]
|
|
4166
4197
|
);
|
|
4167
|
-
|
|
4198
|
+
tn(K);
|
|
4168
4199
|
const te = "absolute z-overlay", D = () => {
|
|
4169
4200
|
if (u === 1) return x;
|
|
4170
|
-
const
|
|
4171
|
-
return x +
|
|
4201
|
+
const X = Math.floor(u) - 1;
|
|
4202
|
+
return x + X;
|
|
4172
4203
|
}, Q = () => {
|
|
4173
4204
|
if (!E) return d;
|
|
4174
|
-
const
|
|
4175
|
-
return d +
|
|
4205
|
+
const X = Math.floor(u) - 1;
|
|
4206
|
+
return d + X;
|
|
4176
4207
|
};
|
|
4177
4208
|
return /* @__PURE__ */ ce(rt, { children: [
|
|
4178
4209
|
!r && y > 1 && /* @__PURE__ */ i(
|
|
4179
|
-
|
|
4210
|
+
fn,
|
|
4180
4211
|
{
|
|
4181
4212
|
sharedClassName: se(
|
|
4182
4213
|
te,
|
|
@@ -4186,7 +4217,7 @@ const tn = ({
|
|
|
4186
4217
|
}
|
|
4187
4218
|
),
|
|
4188
4219
|
A && !W && /* @__PURE__ */ i("div", { className: se(te, dt("top-right")), children: /* @__PURE__ */ i(
|
|
4189
|
-
|
|
4220
|
+
nn,
|
|
4190
4221
|
{
|
|
4191
4222
|
currentIndex: !E || p ? x : D(),
|
|
4192
4223
|
maxIndex: v - 1
|
|
@@ -4205,7 +4236,7 @@ const tn = ({
|
|
|
4205
4236
|
),
|
|
4206
4237
|
onClick: o,
|
|
4207
4238
|
disabled: !n && d <= 0,
|
|
4208
|
-
children: /* @__PURE__ */ i(
|
|
4239
|
+
children: /* @__PURE__ */ i(We, { customizationKey: "CONTROLS_PREV", children: /* @__PURE__ */ i(Qt, { className: "size-full -scale-x-100" }) })
|
|
4209
4240
|
}
|
|
4210
4241
|
),
|
|
4211
4242
|
/* @__PURE__ */ i(
|
|
@@ -4220,7 +4251,7 @@ const tn = ({
|
|
|
4220
4251
|
),
|
|
4221
4252
|
onClick: P,
|
|
4222
4253
|
disabled: !n && Q() >= v - 1,
|
|
4223
|
-
children: /* @__PURE__ */ i(
|
|
4254
|
+
children: /* @__PURE__ */ i(We, { customizationKey: "CONTROLS_NEXT", children: /* @__PURE__ */ i(Qt, { className: "size-full" }) })
|
|
4224
4255
|
}
|
|
4225
4256
|
)
|
|
4226
4257
|
] }),
|
|
@@ -4242,7 +4273,7 @@ const tn = ({
|
|
|
4242
4273
|
color: b ? "primary" : "neutral",
|
|
4243
4274
|
shape: "icon",
|
|
4244
4275
|
onClick: h,
|
|
4245
|
-
children: /* @__PURE__ */ i(
|
|
4276
|
+
children: /* @__PURE__ */ i(sn, { className: "size-full" })
|
|
4246
4277
|
}
|
|
4247
4278
|
),
|
|
4248
4279
|
b && /* @__PURE__ */ i(
|
|
@@ -4260,7 +4291,7 @@ const tn = ({
|
|
|
4260
4291
|
] }),
|
|
4261
4292
|
/* @__PURE__ */ ce("div", { className: "col-start-3 flex flex-col items-end gap-y-1 small:gap-y-2", children: [
|
|
4262
4293
|
_ && /* @__PURE__ */ i(
|
|
4263
|
-
|
|
4294
|
+
hn,
|
|
4264
4295
|
{
|
|
4265
4296
|
className: se(
|
|
4266
4297
|
"transition-opacity",
|
|
@@ -4268,7 +4299,7 @@ const tn = ({
|
|
|
4268
4299
|
),
|
|
4269
4300
|
enabled: w,
|
|
4270
4301
|
onToggle: M,
|
|
4271
|
-
children: /* @__PURE__ */ i(
|
|
4302
|
+
children: /* @__PURE__ */ i(ln, { className: "size-full" })
|
|
4272
4303
|
}
|
|
4273
4304
|
),
|
|
4274
4305
|
O && (!E || p) && /* @__PURE__ */ ce("div", { className: "max-small:hidden", children: [
|
|
@@ -4280,7 +4311,7 @@ const tn = ({
|
|
|
4280
4311
|
shape: "icon",
|
|
4281
4312
|
disabled: !F,
|
|
4282
4313
|
onClick: H,
|
|
4283
|
-
children: /* @__PURE__ */ i(
|
|
4314
|
+
children: /* @__PURE__ */ i(un, { className: "size-full" })
|
|
4284
4315
|
}
|
|
4285
4316
|
),
|
|
4286
4317
|
/* @__PURE__ */ i(Lr, { color: "background" }),
|
|
@@ -4292,7 +4323,7 @@ const tn = ({
|
|
|
4292
4323
|
shape: "icon",
|
|
4293
4324
|
disabled: !J,
|
|
4294
4325
|
onClick: ue,
|
|
4295
|
-
children: /* @__PURE__ */ i(
|
|
4326
|
+
children: /* @__PURE__ */ i(cn, { className: "size-full" })
|
|
4296
4327
|
}
|
|
4297
4328
|
)
|
|
4298
4329
|
] }),
|
|
@@ -4303,7 +4334,7 @@ const tn = ({
|
|
|
4303
4334
|
color: C ? "primary" : "neutral",
|
|
4304
4335
|
shape: "icon",
|
|
4305
4336
|
onClick: k,
|
|
4306
|
-
children: C ? /* @__PURE__ */ i(
|
|
4337
|
+
children: C ? /* @__PURE__ */ i(dn, { className: "size-full" }) : /* @__PURE__ */ i(an, { className: "size-full" })
|
|
4307
4338
|
}
|
|
4308
4339
|
)
|
|
4309
4340
|
] })
|
|
@@ -4311,19 +4342,19 @@ const tn = ({
|
|
|
4311
4342
|
}
|
|
4312
4343
|
),
|
|
4313
4344
|
/* @__PURE__ */ i(
|
|
4314
|
-
|
|
4345
|
+
on,
|
|
4315
4346
|
{
|
|
4316
4347
|
isVisible: I,
|
|
4317
4348
|
className: te,
|
|
4318
4349
|
url: V?.src,
|
|
4319
4350
|
title: V?.title,
|
|
4320
4351
|
description: V?.text,
|
|
4321
|
-
clickHandler:
|
|
4352
|
+
clickHandler: Y,
|
|
4322
4353
|
extendMode: C,
|
|
4323
4354
|
maxItemsShown: u,
|
|
4324
4355
|
aspectRatioStyle: e,
|
|
4325
4356
|
children: /* @__PURE__ */ i(
|
|
4326
|
-
|
|
4357
|
+
_t,
|
|
4327
4358
|
{
|
|
4328
4359
|
className: "absolute right-2 top-2 z-10",
|
|
4329
4360
|
onClick: K
|
|
@@ -4332,14 +4363,14 @@ const tn = ({
|
|
|
4332
4363
|
}
|
|
4333
4364
|
),
|
|
4334
4365
|
W && /* @__PURE__ */ i(
|
|
4335
|
-
|
|
4366
|
+
_t,
|
|
4336
4367
|
{
|
|
4337
4368
|
className: se(te, dt("top-right")),
|
|
4338
4369
|
onClick: N
|
|
4339
4370
|
}
|
|
4340
4371
|
)
|
|
4341
4372
|
] });
|
|
4342
|
-
},
|
|
4373
|
+
}, gn = ({ className: r = "" }) => {
|
|
4343
4374
|
const {
|
|
4344
4375
|
infiniteCarrousel: n,
|
|
4345
4376
|
preloadRange: l,
|
|
@@ -4358,7 +4389,7 @@ const tn = ({
|
|
|
4358
4389
|
finishSpecialCommand: L,
|
|
4359
4390
|
extendMode: _,
|
|
4360
4391
|
extendTransition: w
|
|
4361
|
-
} = Qe(), { effectiveMaxItemsShown: M } =
|
|
4392
|
+
} = Qe(), { effectiveMaxItemsShown: M } = fr(), b = Se(null), h = q((D) => {
|
|
4362
4393
|
if (!b.current)
|
|
4363
4394
|
throw new Error(`[${D ?? "sliderOrThrow"}] slider.current is null`);
|
|
4364
4395
|
return b.current;
|
|
@@ -4366,18 +4397,18 @@ const tn = ({
|
|
|
4366
4397
|
I.current && cancelAnimationFrame(I.current);
|
|
4367
4398
|
}, []), O = q(() => {
|
|
4368
4399
|
const D = h("computeClosestSnapIndex"), Q = Array.from(D.children), xe = D.scrollLeft;
|
|
4369
|
-
let
|
|
4400
|
+
let X = 0, G = 1 / 0;
|
|
4370
4401
|
if (Q.forEach((Z, le) => {
|
|
4371
4402
|
const T = Z.offsetLeft, Me = Math.abs(T - xe);
|
|
4372
|
-
Me < G && (G = Me,
|
|
4403
|
+
Me < G && (G = Me, X = le);
|
|
4373
4404
|
}), M > 1) {
|
|
4374
4405
|
const Z = Math.ceil(M), le = e.length + (p && !n && M % 1 !== 0 ? 1 : 0), T = Math.max(0, le - Z);
|
|
4375
|
-
if (
|
|
4406
|
+
if (X = Math.min(X, T), p && !n && M % 1 !== 0) {
|
|
4376
4407
|
const Me = e.length - 1;
|
|
4377
|
-
|
|
4408
|
+
X = Math.min(X, Me);
|
|
4378
4409
|
}
|
|
4379
4410
|
}
|
|
4380
|
-
return
|
|
4411
|
+
return X;
|
|
4381
4412
|
}, [
|
|
4382
4413
|
h,
|
|
4383
4414
|
M,
|
|
@@ -4399,26 +4430,26 @@ const tn = ({
|
|
|
4399
4430
|
), H = q(
|
|
4400
4431
|
(D, Q, xe) => {
|
|
4401
4432
|
K();
|
|
4402
|
-
const
|
|
4433
|
+
const X = h("scrollToIndex"), G = Array.from(X.children), Z = X.scrollLeft;
|
|
4403
4434
|
let le = G[D].offsetLeft;
|
|
4404
|
-
const T =
|
|
4435
|
+
const T = X.clientWidth, Me = X.scrollWidth - T;
|
|
4405
4436
|
if (M > 1) {
|
|
4406
4437
|
const m = Math.ceil(M), de = e.length + (p && !n && M % 1 !== 0 ? 1 : 0);
|
|
4407
4438
|
D >= de - m && (le = Math.min(le, Me));
|
|
4408
4439
|
}
|
|
4409
4440
|
const j = (m) => {
|
|
4410
|
-
|
|
4441
|
+
X.scrollTo({
|
|
4411
4442
|
left: m,
|
|
4412
4443
|
behavior: "instant"
|
|
4413
4444
|
});
|
|
4414
4445
|
}, be = () => {
|
|
4415
4446
|
j(le), F("mandatory"), xe?.();
|
|
4416
|
-
},
|
|
4417
|
-
if (
|
|
4447
|
+
}, Be = Math.abs(Z - le);
|
|
4448
|
+
if (Be < 1 || Q === "instant") {
|
|
4418
4449
|
be();
|
|
4419
4450
|
return;
|
|
4420
4451
|
}
|
|
4421
|
-
const Ge = tt(
|
|
4452
|
+
const Ge = tt(Be / 2.5, 300, 1e3), Ve = (/* @__PURE__ */ new Date()).getTime();
|
|
4422
4453
|
F("none");
|
|
4423
4454
|
const c = () => {
|
|
4424
4455
|
const m = () => {
|
|
@@ -4449,7 +4480,7 @@ const tn = ({
|
|
|
4449
4480
|
clearTimeout(J);
|
|
4450
4481
|
const Q = setTimeout(() => {
|
|
4451
4482
|
ue(void 0);
|
|
4452
|
-
},
|
|
4483
|
+
}, pr);
|
|
4453
4484
|
ue(Q);
|
|
4454
4485
|
};
|
|
4455
4486
|
return addEventListener("resize", D), document.addEventListener("fullscreenchange", D), () => {
|
|
@@ -4499,15 +4530,15 @@ const tn = ({
|
|
|
4499
4530
|
}
|
|
4500
4531
|
D.scrollLeft = T;
|
|
4501
4532
|
});
|
|
4502
|
-
},
|
|
4533
|
+
}, X = () => {
|
|
4503
4534
|
if (!C.current)
|
|
4504
4535
|
return;
|
|
4505
4536
|
C.current = !1, W("grab");
|
|
4506
4537
|
const G = O();
|
|
4507
4538
|
H(G, "smooth");
|
|
4508
4539
|
};
|
|
4509
|
-
return D.addEventListener("mousedown", Q), document.addEventListener("mousemove", xe), document.addEventListener("mouseleave",
|
|
4510
|
-
D.removeEventListener("mousedown", Q), document.removeEventListener("mousemove", xe), document.removeEventListener("mouseleave",
|
|
4540
|
+
return D.addEventListener("mousedown", Q), document.addEventListener("mousemove", xe), document.addEventListener("mouseleave", X), document.addEventListener("mouseup", X), document.addEventListener("contextmenu", X), () => {
|
|
4541
|
+
D.removeEventListener("mousedown", Q), document.removeEventListener("mousemove", xe), document.removeEventListener("mouseleave", X), document.removeEventListener("mouseup", X), document.removeEventListener("contextmenu", X);
|
|
4511
4542
|
};
|
|
4512
4543
|
}, [
|
|
4513
4544
|
K,
|
|
@@ -4549,8 +4580,8 @@ const tn = ({
|
|
|
4549
4580
|
};
|
|
4550
4581
|
switch (o) {
|
|
4551
4582
|
case "first_to_last": {
|
|
4552
|
-
const Q = Math.ceil(M), xe = e.length + (p && !n && M % 1 !== 0 ? 1 : 0),
|
|
4553
|
-
H(
|
|
4583
|
+
const Q = Math.ceil(M), xe = e.length + (p && !n && M % 1 !== 0 ? 1 : 0), X = M > 1 ? Math.max(0, xe - Q) : e.length - 1;
|
|
4584
|
+
H(X, "instant", D);
|
|
4554
4585
|
break;
|
|
4555
4586
|
}
|
|
4556
4587
|
case "last_to_first":
|
|
@@ -4574,7 +4605,7 @@ const tn = ({
|
|
|
4574
4605
|
n,
|
|
4575
4606
|
p
|
|
4576
4607
|
]);
|
|
4577
|
-
const
|
|
4608
|
+
const Y = Ke(() => !p || s ? E : { aspectRatio: "auto" }, [p, s, E]), te = Ke(
|
|
4578
4609
|
() => ({
|
|
4579
4610
|
...E,
|
|
4580
4611
|
minWidth: `${100 / M}%`,
|
|
@@ -4590,7 +4621,7 @@ const tn = ({
|
|
|
4590
4621
|
"relative overflow-hidden rounded-carrousel transition-radius",
|
|
4591
4622
|
r
|
|
4592
4623
|
),
|
|
4593
|
-
style:
|
|
4624
|
+
style: Y,
|
|
4594
4625
|
children: [
|
|
4595
4626
|
/* @__PURE__ */ ce(
|
|
4596
4627
|
"div",
|
|
@@ -4599,9 +4630,9 @@ const tn = ({
|
|
|
4599
4630
|
className: `flex size-full ${y ? "overflow-x-auto no-scrollbar *:snap-start *:snap-always" : "justify-center"}`,
|
|
4600
4631
|
children: [
|
|
4601
4632
|
e.map((D, Q) => {
|
|
4602
|
-
const xe = Q === v,
|
|
4633
|
+
const xe = Q === v, X = Q === 0, G = Q === e.length - 1, Z = (() => {
|
|
4603
4634
|
const be = Math.ceil(M);
|
|
4604
|
-
if (o === "first_to_last" &&
|
|
4635
|
+
if (o === "first_to_last" && X)
|
|
4605
4636
|
return {
|
|
4606
4637
|
transform: `translateX(${100 * e.length / be}%)`
|
|
4607
4638
|
};
|
|
@@ -4647,7 +4678,7 @@ const tn = ({
|
|
|
4647
4678
|
// Give high-ground to the shown item (to avoid 1px vertical line)
|
|
4648
4679
|
),
|
|
4649
4680
|
style: { ...te, ...Z },
|
|
4650
|
-
children: Me && /* @__PURE__ */ i(
|
|
4681
|
+
children: Me && /* @__PURE__ */ i(en, { index: Q, item: D, isShown: xe })
|
|
4651
4682
|
},
|
|
4652
4683
|
j
|
|
4653
4684
|
);
|
|
@@ -4663,11 +4694,11 @@ const tn = ({
|
|
|
4663
4694
|
]
|
|
4664
4695
|
}
|
|
4665
4696
|
),
|
|
4666
|
-
/* @__PURE__ */ i(
|
|
4697
|
+
/* @__PURE__ */ i(mn, {})
|
|
4667
4698
|
]
|
|
4668
4699
|
}
|
|
4669
4700
|
);
|
|
4670
|
-
},
|
|
4701
|
+
}, vn = () => {
|
|
4671
4702
|
const { permanentGallery: r, integration: n } = Je(), { aspectRatioStyle: l } = st(), {
|
|
4672
4703
|
prevItem: s,
|
|
4673
4704
|
nextItem: u,
|
|
@@ -4733,7 +4764,7 @@ const tn = ({
|
|
|
4733
4764
|
e && "mx-auto flex min-h-0 w-full max-w-[1600px] justify-center"
|
|
4734
4765
|
),
|
|
4735
4766
|
style: n ? {} : l,
|
|
4736
|
-
children: /* @__PURE__ */ i(
|
|
4767
|
+
children: /* @__PURE__ */ i(gn, { className: se(e && "h-full min-w-0") })
|
|
4737
4768
|
}
|
|
4738
4769
|
),
|
|
4739
4770
|
r && /* @__PURE__ */ i(kr, { className: se(e && "my-2 shrink-0 small:my-4") })
|
|
@@ -4741,7 +4772,7 @@ const tn = ({
|
|
|
4741
4772
|
}
|
|
4742
4773
|
),
|
|
4743
4774
|
e && /* @__PURE__ */ i(
|
|
4744
|
-
|
|
4775
|
+
_t,
|
|
4745
4776
|
{
|
|
4746
4777
|
className: "absolute right-2 top-2 small:right-4 small:top-4",
|
|
4747
4778
|
onClick: y
|
|
@@ -4750,7 +4781,7 @@ const tn = ({
|
|
|
4750
4781
|
]
|
|
4751
4782
|
}
|
|
4752
4783
|
);
|
|
4753
|
-
},
|
|
4784
|
+
}, wn = () => {
|
|
4754
4785
|
const { emitEvent: r, compositionUrl: n } = Je(), {
|
|
4755
4786
|
data: l,
|
|
4756
4787
|
status: s,
|
|
@@ -4758,37 +4789,37 @@ const tn = ({
|
|
|
4758
4789
|
error: p
|
|
4759
4790
|
} = oo(n);
|
|
4760
4791
|
return we(() => {
|
|
4761
|
-
p ? r(
|
|
4792
|
+
p ? r(or, p) : s === "fetching" ? r(tr, n) : u && r(rr, l);
|
|
4762
4793
|
}, [l, n, r, p, u, s]), p ? /* @__PURE__ */ i(
|
|
4763
|
-
|
|
4794
|
+
Dt,
|
|
4764
4795
|
{
|
|
4765
4796
|
className: "aspect-square text-foreground/70",
|
|
4766
4797
|
text: "Player could not be loaded"
|
|
4767
4798
|
}
|
|
4768
|
-
) : u ? /* @__PURE__ */ i(ao, { composition: l, children: /* @__PURE__ */ i(lo, { children: /* @__PURE__ */ i(
|
|
4799
|
+
) : u ? /* @__PURE__ */ i(ao, { composition: l, children: /* @__PURE__ */ i(lo, { children: /* @__PURE__ */ i(vn, {}) }) }) : /* @__PURE__ */ ce("div", { className: "flex aspect-square size-full flex-col items-center justify-center gap-y-4", children: [
|
|
4769
4800
|
/* @__PURE__ */ i("div", { className: "animate-pulse text-xl", children: "Loading Player" }),
|
|
4770
|
-
/* @__PURE__ */ i(
|
|
4801
|
+
/* @__PURE__ */ i(br, { color: "foreground" })
|
|
4771
4802
|
] });
|
|
4772
|
-
},
|
|
4803
|
+
}, xn = {
|
|
4773
4804
|
hideCategoriesNav: !0,
|
|
4774
4805
|
infiniteCarrousel: !1,
|
|
4775
4806
|
permanentGallery: !1
|
|
4776
|
-
},
|
|
4807
|
+
}, bn = [1, 1.5, 2, 2.5], yn = ({
|
|
4777
4808
|
compositionUrl: r,
|
|
4778
4809
|
integration: n = eo,
|
|
4779
|
-
maxItemsShown: l =
|
|
4810
|
+
maxItemsShown: l = ur,
|
|
4780
4811
|
hideCategoriesNav: s = Ur,
|
|
4781
4812
|
infiniteCarrousel: u = Wr,
|
|
4782
4813
|
permanentGallery: p = Br,
|
|
4783
|
-
mediaLoadStrategy: E =
|
|
4784
|
-
minMediaWidth: e =
|
|
4814
|
+
mediaLoadStrategy: E = Yr,
|
|
4815
|
+
minMediaWidth: e = Xr,
|
|
4785
4816
|
maxMediaWidth: y = Zr,
|
|
4786
4817
|
preloadRange: v = Gr,
|
|
4787
4818
|
autoLoad360: A = jr,
|
|
4788
4819
|
autoLoadInterior360: x = qr,
|
|
4789
4820
|
categoriesFilter: d = Kr,
|
|
4790
4821
|
extendBehavior: o = Jr,
|
|
4791
|
-
eventPrefix: P =
|
|
4822
|
+
eventPrefix: P = cr,
|
|
4792
4823
|
demoSpin: L = Qr,
|
|
4793
4824
|
reverse360: _ = $r,
|
|
4794
4825
|
children: w
|
|
@@ -4796,7 +4827,7 @@ const tn = ({
|
|
|
4796
4827
|
}) => {
|
|
4797
4828
|
l = io(
|
|
4798
4829
|
l,
|
|
4799
|
-
|
|
4830
|
+
bn
|
|
4800
4831
|
);
|
|
4801
4832
|
const M = Se(null), [b, h] = Ie(0.5), [C, k] = Ie(!1), V = q(
|
|
4802
4833
|
(O, W) => {
|
|
@@ -4829,7 +4860,7 @@ const tn = ({
|
|
|
4829
4860
|
const { fullscreenElement: F } = document;
|
|
4830
4861
|
k(
|
|
4831
4862
|
F === O || // NOTE: For custom element, the web browser is making the whole custom element full-screen and not only the wrapper
|
|
4832
|
-
F?.localName ===
|
|
4863
|
+
F?.localName === Nt
|
|
4833
4864
|
);
|
|
4834
4865
|
};
|
|
4835
4866
|
return document.addEventListener("fullscreenchange", W), () => {
|
|
@@ -4876,7 +4907,7 @@ const tn = ({
|
|
|
4876
4907
|
isFullScreen: C,
|
|
4877
4908
|
requestFullscreen: I,
|
|
4878
4909
|
exitFullscreen: K,
|
|
4879
|
-
...n ?
|
|
4910
|
+
...n ? xn : {},
|
|
4880
4911
|
children: /* @__PURE__ */ ce(so, { children: [
|
|
4881
4912
|
/* @__PURE__ */ i(
|
|
4882
4913
|
"div",
|
|
@@ -4895,14 +4926,14 @@ const tn = ({
|
|
|
4895
4926
|
"--radius-carrousel": "var(--cc-webplayer-radius-carrousel, 0)",
|
|
4896
4927
|
"--radius-gallery": "var(--cc-webplayer-radius-gallery, 0)"
|
|
4897
4928
|
},
|
|
4898
|
-
children: /* @__PURE__ */ i(
|
|
4929
|
+
children: /* @__PURE__ */ i(wn, {})
|
|
4899
4930
|
}
|
|
4900
4931
|
),
|
|
4901
4932
|
w
|
|
4902
4933
|
] })
|
|
4903
4934
|
}
|
|
4904
4935
|
);
|
|
4905
|
-
},
|
|
4936
|
+
}, Cn = ({ children: r, index: n, thumbnailSrc: l }) => {
|
|
4906
4937
|
const { registerCustomMedia: s, unregisterCustomMedia: u } = ft();
|
|
4907
4938
|
return we(() => {
|
|
4908
4939
|
if (!r)
|
|
@@ -4916,7 +4947,7 @@ const tn = ({
|
|
|
4916
4947
|
u(p);
|
|
4917
4948
|
};
|
|
4918
4949
|
}, [r, u, n, s, l]), null;
|
|
4919
|
-
},
|
|
4950
|
+
}, Nn = (r) => zt() ? /* @__PURE__ */ i(Cn, { ...r }) : /* @__PURE__ */ i("slot", {}), En = ({ name: r, children: n }) => {
|
|
4920
4951
|
const { registerIconConfig: l, unregisterIconConfig: s } = ft();
|
|
4921
4952
|
return we(() => {
|
|
4922
4953
|
if (n)
|
|
@@ -4926,26 +4957,26 @@ const tn = ({
|
|
|
4926
4957
|
s(r);
|
|
4927
4958
|
};
|
|
4928
4959
|
}, [n, r, l, s]), null;
|
|
4929
|
-
}, _n = (r) => Dt() ? /* @__PURE__ */ i(yn, { ...r }) : /* @__PURE__ */ i("slot", {}), Cn = `*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.\\!container{width:100%!important}.container{width:100%}@media (min-width: 1280px){.\\!container{max-width:1280px!important}.container{max-width:1280px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.\\!pointer-events-none{pointer-events:none!important}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.\\!absolute{position:absolute!important}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.inset-x-1{left:4px;right:4px}.inset-y-1{top:4px;bottom:4px}.-bottom-1{bottom:-4px}.-left-1{left:-4px}.-right-1{right:-4px}.-top-1{top:-4px}.bottom-0{bottom:0}.bottom-1{bottom:4px}.left-0{left:0}.left-1{left:4px}.left-1\\/2{left:50%}.right-1{right:4px}.right-2{right:8px}.top-0{top:0}.top-1{top:4px}.top-1\\/2{top:50%}.top-2{top:8px}.-z-10{z-index:-10}.-z-20{z-index:-20}.z-1{z-index:1}.z-10,.z-hotspot{z-index:10}.z-overlay{z-index:30}.z-zoomed-image{z-index:20}.col-start-3{grid-column-start:3}.mx-1{margin-left:4px;margin-right:4px}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-top:8px;margin-bottom:8px}.-ml-px{margin-left:-1px}.-mt-px{margin-top:-1px}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.aspect-\\[4\\/3\\]{aspect-ratio:4/3}.aspect-square{aspect-ratio:1 / 1}.size-1{width:4px;height:4px}.size-12{width:48px;height:48px}.size-20{width:80px;height:80px}.size-4{width:16px;height:16px}.size-5{width:20px;height:20px}.size-8{width:32px;height:32px}.size-full{width:100%;height:100%}.h-1{height:4px}.h-10{height:40px}.h-20{height:80px}.h-3\\/4{height:75%}.h-5{height:20px}.h-8{height:32px}.h-\\[15\\%\\]{height:15%}.h-\\[85\\%\\]{height:85%}.h-full{height:100%}.h-px{height:1px}.max-h-\\[50\\%\\]{max-height:50%}.min-h-0{min-height:0}.min-h-\\[15\\%\\]{min-height:15%}.w-12{width:48px}.w-3\\/5{width:60%}.w-8{width:32px}.w-\\[calc\\(100\\%\\+1024px\\)\\]{width:calc(100% + 1024px)}.w-\\[calc\\(100\\%\\+2px\\)\\]{width:calc(100% + 2px)}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.w-px{width:1px}.min-w-0{min-width:0}.max-w-40{max-width:160px}.max-w-\\[1600px\\]{max-width:1600px}.max-w-\\[60\\%\\]{max-width:60%}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.origin-top-left{transform-origin:top left}.-translate-x-1\\.5{--tw-translate-x: -6px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-1\\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x: 0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-1\\.5{--tw-translate-x: 6px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-full{--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y: 0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-full{--tw-translate-y: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-scale-x-100{--tw-scale-x: -1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes hotspot-ping{0%{transform:scale(0)}25%{opacity:1}75%,to{transform:scale(1.5);opacity:0}}.animate-hotspot-ping{animation:hotspot-ping 3s cubic-bezier(0,0,.2,1) infinite}@keyframes pulse{50%{opacity:1}0%,to{opacity:0}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-rotation{animation:rotation 1s linear infinite}.cursor-auto{cursor:auto}.cursor-ew-resize{cursor:ew-resize}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-help{cursor:help}.cursor-move{cursor:move}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-\\[auto\\,1fr\\,auto\\]{grid-template-columns:auto 1fr auto}.grid-cols-\\[repeat\\(var\\(--max-items\\)\\,1fr\\)\\]{grid-template-columns:repeat(var(--max-items),1fr)}.flex-col{flex-direction:column}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-x-1{-moz-column-gap:4px;column-gap:4px}.gap-x-2{-moz-column-gap:8px;column-gap:8px}.gap-x-4{-moz-column-gap:16px;column-gap:16px}.gap-y-1{row-gap:4px}.gap-y-2{row-gap:8px}.gap-y-4{row-gap:16px}.space-x-0\\.5>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(2px * var(--tw-space-x-reverse));margin-left:calc(2px * calc(1 - var(--tw-space-x-reverse)))}.space-y-0\\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2px * var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(4px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(4px * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(8px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(8px * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-scroll{overflow-x:scroll}.text-pretty{text-wrap:pretty}.rounded-carrousel{border-radius:var(--radius-carrousel)}.rounded-full{border-radius:9999px}.rounded-gallery{border-radius:var(--radius-gallery)}.rounded-ui{border-radius:var(--radius-ui)}.rounded-ui-md{border-radius:calc(var(--radius-ui) + 2px)}.rounded-ui-sm{border-radius:calc(var(--radius-ui) - 2px)}.rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-background{border-color:hsl(var(--background))}.border-foreground{border-color:hsl(var(--foreground))}.border-primary{border-color:hsl(var(--primary))}.border-b-transparent{border-bottom-color:transparent}.bg-background{background-color:hsl(var(--background))}.bg-background\\/25{background-color:hsl(var(--background) / .25)}.bg-background\\/50{background-color:hsl(var(--background) / .5)}.bg-background\\/60{background-color:hsl(var(--background) / .6)}.bg-foreground\\/25{background-color:hsl(var(--foreground) / .25)}.bg-foreground\\/30{background-color:hsl(var(--foreground) / .3)}.bg-foreground\\/35{background-color:hsl(var(--foreground) / .35)}.bg-foreground\\/40{background-color:hsl(var(--foreground) / .4)}.bg-foreground\\/50{background-color:hsl(var(--foreground) / .5)}.bg-foreground\\/60{background-color:hsl(var(--foreground) / .6)}.bg-foreground\\/65{background-color:hsl(var(--foreground) / .65)}.bg-foreground\\/75{background-color:hsl(var(--foreground) / .75)}.bg-neutral\\/50{background-color:hsl(var(--neutral) / .5)}.bg-primary{background-color:hsl(var(--primary))}.bg-primary-foreground{background-color:hsl(var(--primary-foreground))}.bg-primary\\/50{background-color:hsl(var(--primary) / .5)}.bg-transparent{background-color:transparent}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-foreground{--tw-gradient-from: hsl(var(--foreground)) var(--tw-gradient-from-position);--tw-gradient-to: hsl(var(--foreground) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0\\.5{padding:2px}.p-1{padding:4px}.p-2{padding:8px}.p-4{padding:16px}.px-1\\.5{padding-left:6px;padding-right:6px}.px-2{padding-left:8px;padding-right:8px}.py-0\\.5{padding-top:2px;padding-bottom:2px}.py-1{padding-top:4px;padding-bottom:4px}.pl-6{padding-left:24px}.pr-12{padding-right:48px}.pr-4{padding-right:16px}.pt-8{padding-top:32px}.text-2xl{font-size:24px;line-height:32px}.text-\\[10px\\]{font-size:10px}.text-sm{font-size:14px;line-height:20px}.text-xl{font-size:20px;line-height:28px}.text-xs{font-size:12px;line-height:16px}.font-bold{font-weight:700}.font-semibold{font-weight:600}.leading-tight{line-height:1.25}.text-background{color:hsl(var(--background))}.text-background\\/75{color:hsl(var(--background) / .75)}.text-foreground{color:hsl(var(--foreground))}.text-foreground\\/65{color:hsl(var(--foreground) / .65)}.text-foreground\\/70{color:hsl(var(--foreground) / .7)}.text-neutral-foreground{color:hsl(var(--neutral-foreground))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-primary-light{color:hsl(var(--primary-light))}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.invert{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\\[width\\]{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-radius{transition-property:border-radius;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-details{transition-duration:.35s}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}.\\[mask-image\\:linear-gradient\\(to_left\\,transparent_0px\\,black_4px\\,black_calc\\(100\\%-4px\\)\\,transparent_100\\%\\)\\]{-webkit-mask-image:linear-gradient(to left,transparent 0px,black 4px,black calc(100% - 4px),transparent 100%);mask-image:linear-gradient(to left,transparent 0px,black 4px,black calc(100% - 4px),transparent 100%)}.\\*\\:pointer-events-auto>*{pointer-events:auto}.\\*\\:size-full>*{width:100%;height:100%}.\\*\\:snap-start>*{scroll-snap-align:start}.\\*\\:snap-always>*{scroll-snap-stop:always}.\\*\\:object-cover>*{-o-object-fit:cover;object-fit:cover}.after\\:absolute:after{content:var(--tw-content);position:absolute}.after\\:inset-0:after{content:var(--tw-content);inset:0}.after\\:rounded-gallery:after{content:var(--tw-content);border-radius:var(--radius-gallery)}.after\\:border-2:after{content:var(--tw-content);border-width:2px}.after\\:border-primary:after{content:var(--tw-content);border-color:hsl(var(--primary))}.after\\:opacity-0:after{content:var(--tw-content);opacity:0}.after\\:opacity-100:after{content:var(--tw-content);opacity:1}.after\\:transition-all:after{content:var(--tw-content);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\\:z-hotspot-hover:hover{z-index:11}.hover\\:bg-foreground\\/25:hover{background-color:hsl(var(--foreground) / .25)}.hover\\:bg-primary\\/25:hover{background-color:hsl(var(--primary) / .25)}.hover\\:bg-primary\\/30:hover{background-color:hsl(var(--primary) / .3)}.hover\\:opacity-80:hover{opacity:.8}.hover\\:after\\:opacity-70:hover:after{content:var(--tw-content);opacity:.7}.disabled\\:opacity-60:disabled{opacity:.6}.group:hover .group-hover\\:pointer-events-auto{pointer-events:auto}.group\\/volume:hover .group-hover\\/volume\\:opacity-100{opacity:1}.group\\/volume:hover .group-hover\\/volume\\:opacity-50{opacity:.5}.group:hover .group-hover\\:opacity-100{opacity:1}@media ((orientation: portrait) and (max-width: 767px)) or ((orientation: landscape) and (max-width: 1023px)){.max-small\\:hidden{display:none}}@media ((orientation: portrait) and (min-width: 768px)) or ((orientation: landscape) and (min-width: 1024px)){.small\\:inset-x-2{left:8px;right:8px}.small\\:inset-y-2{top:8px;bottom:8px}.small\\:bottom-2{bottom:8px}.small\\:left-2{left:8px}.small\\:right-2{right:8px}.small\\:right-4{right:16px}.small\\:top-2{top:8px}.small\\:top-4{top:16px}.small\\:my-4{margin-top:16px;margin-bottom:16px}.small\\:hidden{display:none}.small\\:h-12{height:48px}.small\\:h-28{height:112px}.small\\:max-w-48{max-width:192px}.small\\:gap-2{gap:8px}.small\\:gap-x-2{-moz-column-gap:8px;column-gap:8px}.small\\:gap-y-2{row-gap:8px}.small\\:gap-y-4{row-gap:16px}.small\\:space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(4px * var(--tw-space-x-reverse));margin-left:calc(4px * calc(1 - var(--tw-space-x-reverse)))}.small\\:p-3{padding:12px}.small\\:px-2{padding-left:8px;padding-right:8px}.small\\:py-1{padding-top:4px;padding-bottom:4px}.small\\:pl-8{padding-left:32px}.small\\:pr-6{padding-right:24px}.small\\:text-base{font-size:16px;line-height:24px}.small\\:text-sm{font-size:14px;line-height:20px}.small\\:font-bold{font-weight:700}}@media (min-width: 1280px){.large\\:h-20{height:80px}.large\\:h-3\\/5{height:60%}.large\\:max-w-56{max-width:224px}.large\\:gap-4{gap:16px}.large\\:p-2{padding:8px}.large\\:p-4{padding:16px}.large\\:text-base{font-size:16px;line-height:24px}.large\\:text-lg{font-size:18px;line-height:28px}}.pnlm-container{margin:0;padding:0;overflow:hidden;position:relative;cursor:default;width:100%;height:100%;font-family:Helvetica,Nimbus Sans L,Liberation Sans,Arial,sans-serif;background:#f4f4f4 url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='67'%20height='100'%20viewBox='0%200%2067%20100'%3e%3cpath%20stroke='%23ccc'%20fill='none'%20d='M33.5,50,0,63,33.5,75,67,63,33.5,50m-33.5-50,67,25m-0.5,0,0,75m-66.5-75,67-25m-33.5,75,0,25m0-100,0,50'/%3e%3c/svg%3e") repeat;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;outline:0;line-height:1.4;contain:content;touch-action:none}.pnlm-container *{box-sizing:content-box}.pnlm-ui{position:absolute;width:100%;height:100%;z-index:1}.pnlm-grab{cursor:grab;cursor:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='26'%20width='26'%3e%3cpath%20stroke='%23000'%20stroke-width='1px'%20fill='%23fff'%20d='m15.3%2020.5s6.38-6.73%204.64-8.24-3.47%201.01-3.47%201.01%203.61-5.72%201.41-6.49c-2.2-0.769-3.33%204.36-3.33%204.36s0.873-5.76-1.06-5.76-1.58%205.39-1.58%205.39-0.574-4.59-2.18-4.12c-1.61%200.468-0.572%205.51-0.572%205.51s-1.58-4.89-2.93-3.79c-1.35%201.11%200.258%205.25%200.572%206.62%200.836%202.43%202.03%202.94%202.17%205.55'/%3e%3c/svg%3e") 12 8,default}.pnlm-grabbing{cursor:grabbing;cursor:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='26'%20width='26'%3e%3cpath%20stroke='%23000'%20stroke-width='1px'%20fill='%23fff'%20d='m15.3%2020.5s5.07-5.29%203.77-6.74c-1.31-1.45-2.53%200.14-2.53%200.14s2.74-3.29%200.535-4.06c-2.2-0.769-2.52%201.3-2.52%201.3s0.81-2.13-1.12-2.13-1.52%201.77-1.52%201.77-0.261-1.59-1.87-1.12c-1.61%200.468-0.874%202.17-0.874%202.17s-0.651-1.55-2-0.445c-1.35%201.11-0.68%202.25-0.365%203.62%200.836%202.43%202.03%202.94%202.17%205.55'/%3e%3c/svg%3e") 12 8,default}.pnlm-sprite{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='26'%20height='208'%3e%3ccircle%20fill-opacity='.78'%20cy='117'%20cx='13'%20r='11'%20fill='%23fff'/%3e%3ccircle%20fill-opacity='.78'%20cy='143'%20cx='13'%20r='11'%20fill='%23fff'/%3e%3ccircle%20cy='169'%20cx='13'%20r='7'%20fill='none'%20stroke='%23000'%20stroke-width='2'/%3e%3ccircle%20cy='195'%20cx='13'%20r='7'%20fill='none'%20stroke='%23000'%20stroke-width='2'/%3e%3ccircle%20cx='13'%20cy='195'%20r='2.5'/%3e%3cpath%20d='m5%2083v6h2v-4h4v-2zm10%200v2h4v4h2v-6zm-5%205v6h6v-6zm-5%205v6h6v-2h-4v-4zm14%200v4h-4v2h6v-6z'/%3e%3cpath%20d='m13%20110a7%207%200%200%200%20-7%207%207%207%200%200%200%207%207%207%207%200%200%200%207%20-7%207%207%200%200%200%20-7%20-7zm-1%203h2v2h-2zm0%203h2v5h-2z'/%3e%3cpath%20d='m5%2057v6h2v-4h4v-2zm10%200v2h4v4h2v-6zm-10%2010v6h6v-2h-4v-4zm14%200v4h-4v2h6v-6z'/%3e%3cpath%20d='m17%2038v2h-8v-2z'/%3e%3cpath%20d='m12%209v3h-3v2h3v3h2v-3h3v-2h-3v-3z'/%3e%3cpath%20d='m13%20136-6.125%206.125h4.375v7.875h3.5v-7.875h4.375z'/%3e%3cpath%20d='m10.428%20173.33v-5.77l5-2.89v5.77zm1-1.73%203-1.73-3.001-1.74z'/%3e%3c/svg%3e")}.pnlm-container:fullscreen{height:100%!important;width:100%!important;position:static!important}.pnlm-render-container{cursor:inherit;position:absolute;height:100%;width:100%}.pnlm-controls{margin-top:4px;background-color:#fff;border:1px solid #999;border-color:#0006;border-radius:3px;cursor:pointer;z-index:2;transform:translateZ(9999px)}.pnlm-control:hover{background-color:#f8f8f8}.pnlm-controls-container{position:absolute;top:0;left:4px;z-index:1}.pnlm-zoom-controls{width:26px;height:52px}.pnlm-zoom-in{width:100%;height:50%;position:absolute;top:0;border-radius:3px 3px 0 0}.pnlm-zoom-out{width:100%;height:50%;position:absolute;bottom:0;background-position:0 -26px;border-top:1px solid #ddd;border-top-color:#0000001a;border-radius:0 0 3px 3px}.pnlm-fullscreen-toggle-button,.pnlm-orientation-button,.pnlm-hot-spot-debug-indicator{width:26px;height:26px}.pnlm-hot-spot-debug-indicator{position:absolute;top:50%;left:50%;width:26px;height:26px;margin:-13px 0 0 -13px;background-color:#ffffff80;border-radius:13px;display:none}.pnlm-orientation-button-inactive{background-position:0 -156px}.pnlm-orientation-button-active{background-position:0 -182px}.pnlm-fullscreen-toggle-button-inactive{background-position:0 -52px}.pnlm-fullscreen-toggle-button-active{background-position:0 -78px}.pnlm-panorama-info{position:absolute;bottom:4px;background-color:#000000b3;border-radius:0 3px 3px 0;padding-right:10px;color:#fff;text-align:left;display:none;z-index:2;transform:translateZ(9999px)}.pnlm-title-box{position:relative;font-size:20px;display:table;padding-left:5px;margin-bottom:3px}.pnlm-author-box{position:relative;font-size:12px;display:table;padding-left:5px}.pnlm-load-box{position:absolute;top:50%;left:50%;width:200px;height:150px;margin:-75px 0 0 -100px;background-color:#000000b3;border-radius:3px;text-align:center;font-size:20px;display:none;color:#fff}.pnlm-load-box p{margin:20px 0}.pnlm-lbox{position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;display:none}.pnlm-loading{animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-name:pnlm-mv;-webkit-animation-name:pnlm-mv;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-timing-function:linear;-webkit-animation-timing-function:linear;height:10px;width:10px;background-color:#fff;position:relative}@keyframes pnlm-mv{0%{left:0;top:0}25%{left:10px;top:0}50%{left:10px;top:10px}75%{left:0;top:10px}to{left:0;top:0}}.pnlm-load-button{position:absolute;top:50%;left:50%;width:200px;height:100px;margin:-50px 0 0 -100px;background-color:#000000b3;border-radius:3px;text-align:center;font-size:20px;display:table;color:#fff;cursor:pointer}.pnlm-load-button:hover{background-color:#000c}.pnlm-load-button p{display:table-cell;vertical-align:middle}.pnlm-info-box{font-size:15px;position:absolute;top:50%;left:50%;width:200px;height:150px;margin:-75px 0 0 -100px;background-color:#000;border-radius:3px;display:table;text-align:center;color:#fff;table-layout:fixed}.pnlm-info-box a{color:#fff;word-wrap:break-word;overflow-wrap:break-word}.pnlm-info-box p{display:table-cell;vertical-align:middle;padding:0 5px}.pnlm-error-msg{display:none}.pnlm-about-msg{font-size:11px;line-height:11px;color:#fff;padding:5px 8px;background:#000000b3;border-radius:3px;position:absolute;top:50px;left:50px;display:none;opacity:0;transition:opacity .3s ease-in-out;z-index:1}.pnlm-about-msg a:link,.pnlm-about-msg a:visited{color:#fff}.pnlm-about-msg a:hover,.pnlm-about-msg a:active{color:#eee}.pnlm-hotspot-base{position:absolute;visibility:hidden;cursor:default;vertical-align:middle;top:0;z-index:1}.pnlm-hotspot{height:26px;width:26px;border-radius:13px}.pnlm-hotspot:hover{background-color:#fff3}.pnlm-hotspot.pnlm-info{background-position:0 -104px}.pnlm-hotspot.pnlm-scene{background-position:0 -130px}div.pnlm-tooltip span{visibility:hidden;position:absolute;border-radius:3px;background-color:#000000b3;color:#fff;text-align:center;max-width:200px;padding:5px 10px;margin-left:-220px;cursor:default}div.pnlm-tooltip:hover span{visibility:visible}div.pnlm-tooltip:hover span:after{content:"";position:absolute;width:0;height:0;border-width:10px;border-style:solid;border-color:rgba(0,0,0,.7) transparent transparent transparent;bottom:-20px;left:-10px;margin:0 50%}.pnlm-compass{position:absolute;width:50px;height:50px;right:4px;bottom:4px;border-radius:25px;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='50'%20width='50'%3e%3cpath%20d='m24.5078%206-3.2578%2018h7.5l-3.25781-18h-0.984376zm-3.2578%2020%203.2578%2018h0.9844l3.2578-18h-7.5zm1.19531%200.9941h5.10938l-2.5547%2014.1075-2.5547-14.1075z'/%3e%3c/svg%3e");cursor:default;display:none}.pnlm-world{position:absolute;left:50%;top:50%}.pnlm-face{position:absolute;transform-origin:0 0 0}.pnlm-dragfix,.pnlm-preview-img{position:absolute;height:100%;width:100%}.pnlm-preview-img{background-size:cover;background-position:center}.pnlm-lbar{width:150px;margin:0 auto;border:#fff 1px solid;height:6px}.pnlm-lbar-fill{background:#fff;height:100%;width:0}.pnlm-lmsg{font-size:12px}.pnlm-fade-img{position:absolute;top:0;left:0}.pnlm-pointer{cursor:pointer}#textInfo .tooltip-content{font-size:1.6em;position:absolute;left:-70px;bottom:80px;width:200px;pointer-events:none;background-color:#333;color:#fff;line-height:1.2em;padding:.8em;opacity:0;transform-origin:50% calc(100% + 6em);transform:rotate3d(0,0,1,15deg);transition:opacity .5s,transform .5s;transition-timing-function:ease,cubic-bezier(.17,.67,.4,1.39)}#textInfo:hover{z-index:3}#textInfo:hover .tooltip-content{opacity:1;pointer-events:all;transform:translateZ(0) rotate3d(0,0,0,0)}#textInfo .hotspot{cursor:pointer;box-sizing:border-box}#textInfo .hotspot .out:before{speak:none;font-size:48px;line-height:90px;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;display:block;-webkit-font-smoothing:antialiased}#textInfo .hotspot .out{width:60px;height:60px;border-radius:50%;border:5px solid rgba(255,255,255,.8);transition:transform ease-out .1s,border .2s;box-sizing:border-box}#textInfo .hotspot .in{width:40px;height:40px;position:absolute;top:10px;left:10px;background-color:#fffc;border-radius:50%;transition:transform ease-out .1s,background .2s}#textInfo .hotspot .out:after{top:0;left:0;padding:0;z-index:-1;box-shadow:0 0 0 2px #ffffff1a;opacity:0;pointer-events:none;position:absolute;width:100%;height:100%;border-radius:50%;content:"";box-sizing:content-box;transform:scale(.9)}#textInfo .hotspot:hover .out{border:5px solid rgba(255,255,255,1);transform:scale(.9);color:#fff}#textInfo .hotspot:hover .in{background-color:#fff;transform:scale(.8)}#textInfo .hotspot:hover .out:after{animation:sonarEffect 1.2s ease-out}@keyframes sonarEffect{0%{opacity:.5}20%{opacity:.8;box-shadow:0 0 0 2px #ffffff1a,0 0 10px 10px #25aae1cc,0 0 0 10px #ffffff80}to{box-shadow:0 0 0 2px #ffffff1a,0 0 10px 10px #25aae1cc,0 0 0 10px #ffffff80;transform:scale(1.5);opacity:0}}`;
|
|
4930
|
-
function
|
|
4960
|
+
}, zn = (r) => zt() ? /* @__PURE__ */ i(En, { ...r }) : /* @__PURE__ */ i("slot", {}), Mn = `*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.\\!container{width:100%!important}.container{width:100%}@media (min-width: 1280px){.\\!container{max-width:1280px!important}.container{max-width:1280px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.\\!pointer-events-none{pointer-events:none!important}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.\\!absolute{position:absolute!important}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.inset-x-1{left:4px;right:4px}.inset-y-1{top:4px;bottom:4px}.-bottom-1{bottom:-4px}.-left-1{left:-4px}.-right-1{right:-4px}.-top-1{top:-4px}.bottom-0{bottom:0}.bottom-1{bottom:4px}.left-0{left:0}.left-1{left:4px}.left-1\\/2{left:50%}.right-1{right:4px}.right-2{right:8px}.top-0{top:0}.top-1{top:4px}.top-1\\/2{top:50%}.top-2{top:8px}.-z-10{z-index:-10}.-z-20{z-index:-20}.z-1{z-index:1}.z-10,.z-hotspot{z-index:10}.z-overlay{z-index:30}.z-zoomed-image{z-index:20}.col-start-3{grid-column-start:3}.mx-1{margin-left:4px;margin-right:4px}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-top:8px;margin-bottom:8px}.-ml-px{margin-left:-1px}.-mt-px{margin-top:-1px}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.aspect-\\[4\\/3\\]{aspect-ratio:4/3}.aspect-square{aspect-ratio:1 / 1}.size-1{width:4px;height:4px}.size-12{width:48px;height:48px}.size-20{width:80px;height:80px}.size-4{width:16px;height:16px}.size-5{width:20px;height:20px}.size-8{width:32px;height:32px}.size-full{width:100%;height:100%}.h-1{height:4px}.h-10{height:40px}.h-20{height:80px}.h-3\\/4{height:75%}.h-5{height:20px}.h-8{height:32px}.h-\\[15\\%\\]{height:15%}.h-\\[85\\%\\]{height:85%}.h-full{height:100%}.h-px{height:1px}.max-h-\\[50\\%\\]{max-height:50%}.min-h-0{min-height:0}.min-h-\\[15\\%\\]{min-height:15%}.w-12{width:48px}.w-3\\/5{width:60%}.w-8{width:32px}.w-\\[calc\\(100\\%\\+1024px\\)\\]{width:calc(100% + 1024px)}.w-\\[calc\\(100\\%\\+2px\\)\\]{width:calc(100% + 2px)}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.w-px{width:1px}.min-w-0{min-width:0}.max-w-40{max-width:160px}.max-w-\\[1600px\\]{max-width:1600px}.max-w-\\[60\\%\\]{max-width:60%}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.origin-top-left{transform-origin:top left}.-translate-x-1\\.5{--tw-translate-x: -6px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-1\\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x: 0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-1\\.5{--tw-translate-x: 6px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-full{--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y: 0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-full{--tw-translate-y: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-scale-x-100{--tw-scale-x: -1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes hotspot-ping{0%{transform:scale(0)}25%{opacity:1}75%,to{transform:scale(1.5);opacity:0}}.animate-hotspot-ping{animation:hotspot-ping 3s cubic-bezier(0,0,.2,1) infinite}@keyframes pulse{50%{opacity:1}0%,to{opacity:0}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-rotation{animation:rotation 1s linear infinite}.cursor-auto{cursor:auto}.cursor-ew-resize{cursor:ew-resize}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-help{cursor:help}.cursor-move{cursor:move}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-\\[auto\\,1fr\\,auto\\]{grid-template-columns:auto 1fr auto}.grid-cols-\\[repeat\\(var\\(--max-items\\)\\,1fr\\)\\]{grid-template-columns:repeat(var(--max-items),1fr)}.flex-col{flex-direction:column}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-x-1{-moz-column-gap:4px;column-gap:4px}.gap-x-2{-moz-column-gap:8px;column-gap:8px}.gap-x-4{-moz-column-gap:16px;column-gap:16px}.gap-y-1{row-gap:4px}.gap-y-2{row-gap:8px}.gap-y-4{row-gap:16px}.space-x-0\\.5>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(2px * var(--tw-space-x-reverse));margin-left:calc(2px * calc(1 - var(--tw-space-x-reverse)))}.space-y-0\\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2px * var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(4px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(4px * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(8px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(8px * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-scroll{overflow-x:scroll}.text-pretty{text-wrap:pretty}.rounded-carrousel{border-radius:var(--radius-carrousel)}.rounded-full{border-radius:9999px}.rounded-gallery{border-radius:var(--radius-gallery)}.rounded-ui{border-radius:var(--radius-ui)}.rounded-ui-md{border-radius:calc(var(--radius-ui) + 2px)}.rounded-ui-sm{border-radius:calc(var(--radius-ui) - 2px)}.rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-background{border-color:hsl(var(--background))}.border-foreground{border-color:hsl(var(--foreground))}.border-primary{border-color:hsl(var(--primary))}.border-b-transparent{border-bottom-color:transparent}.bg-background{background-color:hsl(var(--background))}.bg-background\\/25{background-color:hsl(var(--background) / .25)}.bg-background\\/50{background-color:hsl(var(--background) / .5)}.bg-background\\/60{background-color:hsl(var(--background) / .6)}.bg-foreground\\/25{background-color:hsl(var(--foreground) / .25)}.bg-foreground\\/30{background-color:hsl(var(--foreground) / .3)}.bg-foreground\\/35{background-color:hsl(var(--foreground) / .35)}.bg-foreground\\/40{background-color:hsl(var(--foreground) / .4)}.bg-foreground\\/50{background-color:hsl(var(--foreground) / .5)}.bg-foreground\\/60{background-color:hsl(var(--foreground) / .6)}.bg-foreground\\/65{background-color:hsl(var(--foreground) / .65)}.bg-foreground\\/75{background-color:hsl(var(--foreground) / .75)}.bg-neutral\\/50{background-color:hsl(var(--neutral) / .5)}.bg-primary{background-color:hsl(var(--primary))}.bg-primary-foreground{background-color:hsl(var(--primary-foreground))}.bg-primary\\/50{background-color:hsl(var(--primary) / .5)}.bg-transparent{background-color:transparent}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-foreground{--tw-gradient-from: hsl(var(--foreground)) var(--tw-gradient-from-position);--tw-gradient-to: hsl(var(--foreground) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0\\.5{padding:2px}.p-1{padding:4px}.p-2{padding:8px}.p-4{padding:16px}.px-1\\.5{padding-left:6px;padding-right:6px}.px-2{padding-left:8px;padding-right:8px}.py-0\\.5{padding-top:2px;padding-bottom:2px}.py-1{padding-top:4px;padding-bottom:4px}.pl-6{padding-left:24px}.pr-12{padding-right:48px}.pr-4{padding-right:16px}.pt-8{padding-top:32px}.text-2xl{font-size:24px;line-height:32px}.text-\\[10px\\]{font-size:10px}.text-sm{font-size:14px;line-height:20px}.text-xl{font-size:20px;line-height:28px}.text-xs{font-size:12px;line-height:16px}.font-bold{font-weight:700}.font-semibold{font-weight:600}.leading-tight{line-height:1.25}.text-background{color:hsl(var(--background))}.text-background\\/75{color:hsl(var(--background) / .75)}.text-foreground{color:hsl(var(--foreground))}.text-foreground\\/65{color:hsl(var(--foreground) / .65)}.text-foreground\\/70{color:hsl(var(--foreground) / .7)}.text-neutral-foreground{color:hsl(var(--neutral-foreground))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.invert{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\\[width\\]{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-radius{transition-property:border-radius;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-details{transition-duration:.35s}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}.\\[mask-image\\:linear-gradient\\(to_left\\,transparent_0px\\,black_4px\\,black_calc\\(100\\%-4px\\)\\,transparent_100\\%\\)\\]{-webkit-mask-image:linear-gradient(to left,transparent 0px,black 4px,black calc(100% - 4px),transparent 100%);mask-image:linear-gradient(to left,transparent 0px,black 4px,black calc(100% - 4px),transparent 100%)}.\\*\\:pointer-events-auto>*{pointer-events:auto}.\\*\\:size-full>*{width:100%;height:100%}.\\*\\:snap-start>*{scroll-snap-align:start}.\\*\\:snap-always>*{scroll-snap-stop:always}.\\*\\:object-cover>*{-o-object-fit:cover;object-fit:cover}.after\\:absolute:after{content:var(--tw-content);position:absolute}.after\\:inset-0:after{content:var(--tw-content);inset:0}.after\\:rounded-gallery:after{content:var(--tw-content);border-radius:var(--radius-gallery)}.after\\:border-2:after{content:var(--tw-content);border-width:2px}.after\\:border-primary:after{content:var(--tw-content);border-color:hsl(var(--primary))}.after\\:opacity-0:after{content:var(--tw-content);opacity:0}.after\\:opacity-100:after{content:var(--tw-content);opacity:1}.after\\:transition-all:after{content:var(--tw-content);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\\:z-hotspot-hover:hover{z-index:11}.hover\\:bg-foreground\\/25:hover{background-color:hsl(var(--foreground) / .25)}.hover\\:bg-primary\\/25:hover{background-color:hsl(var(--primary) / .25)}.hover\\:bg-primary\\/30:hover{background-color:hsl(var(--primary) / .3)}.hover\\:opacity-80:hover{opacity:.8}.hover\\:after\\:opacity-70:hover:after{content:var(--tw-content);opacity:.7}.disabled\\:opacity-60:disabled{opacity:.6}.group:hover .group-hover\\:pointer-events-auto{pointer-events:auto}.group\\/volume:hover .group-hover\\/volume\\:opacity-100{opacity:1}.group\\/volume:hover .group-hover\\/volume\\:opacity-50{opacity:.5}.group:hover .group-hover\\:opacity-100{opacity:1}@media ((orientation: portrait) and (max-width: 767px)) or ((orientation: landscape) and (max-width: 1023px)){.max-small\\:hidden{display:none}}@media ((orientation: portrait) and (min-width: 768px)) or ((orientation: landscape) and (min-width: 1024px)){.small\\:inset-x-2{left:8px;right:8px}.small\\:inset-y-2{top:8px;bottom:8px}.small\\:bottom-2{bottom:8px}.small\\:left-2{left:8px}.small\\:right-2{right:8px}.small\\:right-4{right:16px}.small\\:top-2{top:8px}.small\\:top-4{top:16px}.small\\:my-4{margin-top:16px;margin-bottom:16px}.small\\:hidden{display:none}.small\\:h-12{height:48px}.small\\:h-28{height:112px}.small\\:max-w-48{max-width:192px}.small\\:gap-2{gap:8px}.small\\:gap-x-2{-moz-column-gap:8px;column-gap:8px}.small\\:gap-y-2{row-gap:8px}.small\\:gap-y-4{row-gap:16px}.small\\:space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(4px * var(--tw-space-x-reverse));margin-left:calc(4px * calc(1 - var(--tw-space-x-reverse)))}.small\\:p-3{padding:12px}.small\\:px-2{padding-left:8px;padding-right:8px}.small\\:py-1{padding-top:4px;padding-bottom:4px}.small\\:pl-8{padding-left:32px}.small\\:pr-6{padding-right:24px}.small\\:text-base{font-size:16px;line-height:24px}.small\\:text-sm{font-size:14px;line-height:20px}.small\\:font-bold{font-weight:700}}@media (min-width: 1280px){.large\\:h-20{height:80px}.large\\:h-3\\/5{height:60%}.large\\:max-w-56{max-width:224px}.large\\:gap-4{gap:16px}.large\\:p-2{padding:8px}.large\\:p-4{padding:16px}.large\\:text-base{font-size:16px;line-height:24px}.large\\:text-lg{font-size:18px;line-height:28px}}.pnlm-container{margin:0;padding:0;overflow:hidden;position:relative;cursor:default;width:100%;height:100%;font-family:Helvetica,Nimbus Sans L,Liberation Sans,Arial,sans-serif;background:#f4f4f4 url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='67'%20height='100'%20viewBox='0%200%2067%20100'%3e%3cpath%20stroke='%23ccc'%20fill='none'%20d='M33.5,50,0,63,33.5,75,67,63,33.5,50m-33.5-50,67,25m-0.5,0,0,75m-66.5-75,67-25m-33.5,75,0,25m0-100,0,50'/%3e%3c/svg%3e") repeat;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;outline:0;line-height:1.4;contain:content;touch-action:none}.pnlm-container *{box-sizing:content-box}.pnlm-ui{position:absolute;width:100%;height:100%;z-index:1}.pnlm-grab{cursor:grab;cursor:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='26'%20width='26'%3e%3cpath%20stroke='%23000'%20stroke-width='1px'%20fill='%23fff'%20d='m15.3%2020.5s6.38-6.73%204.64-8.24-3.47%201.01-3.47%201.01%203.61-5.72%201.41-6.49c-2.2-0.769-3.33%204.36-3.33%204.36s0.873-5.76-1.06-5.76-1.58%205.39-1.58%205.39-0.574-4.59-2.18-4.12c-1.61%200.468-0.572%205.51-0.572%205.51s-1.58-4.89-2.93-3.79c-1.35%201.11%200.258%205.25%200.572%206.62%200.836%202.43%202.03%202.94%202.17%205.55'/%3e%3c/svg%3e") 12 8,default}.pnlm-grabbing{cursor:grabbing;cursor:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='26'%20width='26'%3e%3cpath%20stroke='%23000'%20stroke-width='1px'%20fill='%23fff'%20d='m15.3%2020.5s5.07-5.29%203.77-6.74c-1.31-1.45-2.53%200.14-2.53%200.14s2.74-3.29%200.535-4.06c-2.2-0.769-2.52%201.3-2.52%201.3s0.81-2.13-1.12-2.13-1.52%201.77-1.52%201.77-0.261-1.59-1.87-1.12c-1.61%200.468-0.874%202.17-0.874%202.17s-0.651-1.55-2-0.445c-1.35%201.11-0.68%202.25-0.365%203.62%200.836%202.43%202.03%202.94%202.17%205.55'/%3e%3c/svg%3e") 12 8,default}.pnlm-sprite{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='26'%20height='208'%3e%3ccircle%20fill-opacity='.78'%20cy='117'%20cx='13'%20r='11'%20fill='%23fff'/%3e%3ccircle%20fill-opacity='.78'%20cy='143'%20cx='13'%20r='11'%20fill='%23fff'/%3e%3ccircle%20cy='169'%20cx='13'%20r='7'%20fill='none'%20stroke='%23000'%20stroke-width='2'/%3e%3ccircle%20cy='195'%20cx='13'%20r='7'%20fill='none'%20stroke='%23000'%20stroke-width='2'/%3e%3ccircle%20cx='13'%20cy='195'%20r='2.5'/%3e%3cpath%20d='m5%2083v6h2v-4h4v-2zm10%200v2h4v4h2v-6zm-5%205v6h6v-6zm-5%205v6h6v-2h-4v-4zm14%200v4h-4v2h6v-6z'/%3e%3cpath%20d='m13%20110a7%207%200%200%200%20-7%207%207%207%200%200%200%207%207%207%207%200%200%200%207%20-7%207%207%200%200%200%20-7%20-7zm-1%203h2v2h-2zm0%203h2v5h-2z'/%3e%3cpath%20d='m5%2057v6h2v-4h4v-2zm10%200v2h4v4h2v-6zm-10%2010v6h6v-2h-4v-4zm14%200v4h-4v2h6v-6z'/%3e%3cpath%20d='m17%2038v2h-8v-2z'/%3e%3cpath%20d='m12%209v3h-3v2h3v3h2v-3h3v-2h-3v-3z'/%3e%3cpath%20d='m13%20136-6.125%206.125h4.375v7.875h3.5v-7.875h4.375z'/%3e%3cpath%20d='m10.428%20173.33v-5.77l5-2.89v5.77zm1-1.73%203-1.73-3.001-1.74z'/%3e%3c/svg%3e")}.pnlm-container:fullscreen{height:100%!important;width:100%!important;position:static!important}.pnlm-render-container{cursor:inherit;position:absolute;height:100%;width:100%}.pnlm-controls{margin-top:4px;background-color:#fff;border:1px solid #999;border-color:#0006;border-radius:3px;cursor:pointer;z-index:2;transform:translateZ(9999px)}.pnlm-control:hover{background-color:#f8f8f8}.pnlm-controls-container{position:absolute;top:0;left:4px;z-index:1}.pnlm-zoom-controls{width:26px;height:52px}.pnlm-zoom-in{width:100%;height:50%;position:absolute;top:0;border-radius:3px 3px 0 0}.pnlm-zoom-out{width:100%;height:50%;position:absolute;bottom:0;background-position:0 -26px;border-top:1px solid #ddd;border-top-color:#0000001a;border-radius:0 0 3px 3px}.pnlm-fullscreen-toggle-button,.pnlm-orientation-button,.pnlm-hot-spot-debug-indicator{width:26px;height:26px}.pnlm-hot-spot-debug-indicator{position:absolute;top:50%;left:50%;width:26px;height:26px;margin:-13px 0 0 -13px;background-color:#ffffff80;border-radius:13px;display:none}.pnlm-orientation-button-inactive{background-position:0 -156px}.pnlm-orientation-button-active{background-position:0 -182px}.pnlm-fullscreen-toggle-button-inactive{background-position:0 -52px}.pnlm-fullscreen-toggle-button-active{background-position:0 -78px}.pnlm-panorama-info{position:absolute;bottom:4px;background-color:#000000b3;border-radius:0 3px 3px 0;padding-right:10px;color:#fff;text-align:left;display:none;z-index:2;transform:translateZ(9999px)}.pnlm-title-box{position:relative;font-size:20px;display:table;padding-left:5px;margin-bottom:3px}.pnlm-author-box{position:relative;font-size:12px;display:table;padding-left:5px}.pnlm-load-box{position:absolute;top:50%;left:50%;width:200px;height:150px;margin:-75px 0 0 -100px;background-color:#000000b3;border-radius:3px;text-align:center;font-size:20px;display:none;color:#fff}.pnlm-load-box p{margin:20px 0}.pnlm-lbox{position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;display:none}.pnlm-loading{animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-name:pnlm-mv;-webkit-animation-name:pnlm-mv;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-timing-function:linear;-webkit-animation-timing-function:linear;height:10px;width:10px;background-color:#fff;position:relative}@keyframes pnlm-mv{0%{left:0;top:0}25%{left:10px;top:0}50%{left:10px;top:10px}75%{left:0;top:10px}to{left:0;top:0}}.pnlm-load-button{position:absolute;top:50%;left:50%;width:200px;height:100px;margin:-50px 0 0 -100px;background-color:#000000b3;border-radius:3px;text-align:center;font-size:20px;display:table;color:#fff;cursor:pointer}.pnlm-load-button:hover{background-color:#000c}.pnlm-load-button p{display:table-cell;vertical-align:middle}.pnlm-info-box{font-size:15px;position:absolute;top:50%;left:50%;width:200px;height:150px;margin:-75px 0 0 -100px;background-color:#000;border-radius:3px;display:table;text-align:center;color:#fff;table-layout:fixed}.pnlm-info-box a{color:#fff;word-wrap:break-word;overflow-wrap:break-word}.pnlm-info-box p{display:table-cell;vertical-align:middle;padding:0 5px}.pnlm-error-msg{display:none}.pnlm-about-msg{font-size:11px;line-height:11px;color:#fff;padding:5px 8px;background:#000000b3;border-radius:3px;position:absolute;top:50px;left:50px;display:none;opacity:0;transition:opacity .3s ease-in-out;z-index:1}.pnlm-about-msg a:link,.pnlm-about-msg a:visited{color:#fff}.pnlm-about-msg a:hover,.pnlm-about-msg a:active{color:#eee}.pnlm-hotspot-base{position:absolute;visibility:hidden;cursor:default;vertical-align:middle;top:0;z-index:1}.pnlm-hotspot{height:26px;width:26px;border-radius:13px}.pnlm-hotspot:hover{background-color:#fff3}.pnlm-hotspot.pnlm-info{background-position:0 -104px}.pnlm-hotspot.pnlm-scene{background-position:0 -130px}div.pnlm-tooltip span{visibility:hidden;position:absolute;border-radius:3px;background-color:#000000b3;color:#fff;text-align:center;max-width:200px;padding:5px 10px;margin-left:-220px;cursor:default}div.pnlm-tooltip:hover span{visibility:visible}div.pnlm-tooltip:hover span:after{content:"";position:absolute;width:0;height:0;border-width:10px;border-style:solid;border-color:rgba(0,0,0,.7) transparent transparent transparent;bottom:-20px;left:-10px;margin:0 50%}.pnlm-compass{position:absolute;width:50px;height:50px;right:4px;bottom:4px;border-radius:25px;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='50'%20width='50'%3e%3cpath%20d='m24.5078%206-3.2578%2018h7.5l-3.25781-18h-0.984376zm-3.2578%2020%203.2578%2018h0.9844l3.2578-18h-7.5zm1.19531%200.9941h5.10938l-2.5547%2014.1075-2.5547-14.1075z'/%3e%3c/svg%3e");cursor:default;display:none}.pnlm-world{position:absolute;left:50%;top:50%}.pnlm-face{position:absolute;transform-origin:0 0 0}.pnlm-dragfix,.pnlm-preview-img{position:absolute;height:100%;width:100%}.pnlm-preview-img{background-size:cover;background-position:center}.pnlm-lbar{width:150px;margin:0 auto;border:#fff 1px solid;height:6px}.pnlm-lbar-fill{background:#fff;height:100%;width:0}.pnlm-lmsg{font-size:12px}.pnlm-fade-img{position:absolute;top:0;left:0}.pnlm-pointer{cursor:pointer}#textInfo .tooltip-content{font-size:1.6em;position:absolute;left:-70px;bottom:80px;width:200px;pointer-events:none;background-color:#333;color:#fff;line-height:1.2em;padding:.8em;opacity:0;transform-origin:50% calc(100% + 6em);transform:rotate3d(0,0,1,15deg);transition:opacity .5s,transform .5s;transition-timing-function:ease,cubic-bezier(.17,.67,.4,1.39)}#textInfo:hover{z-index:3}#textInfo:hover .tooltip-content{opacity:1;pointer-events:all;transform:translateZ(0) rotate3d(0,0,0,0)}#textInfo .hotspot{cursor:pointer;box-sizing:border-box}#textInfo .hotspot .out:before{speak:none;font-size:48px;line-height:90px;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;display:block;-webkit-font-smoothing:antialiased}#textInfo .hotspot .out{width:60px;height:60px;border-radius:50%;border:5px solid rgba(255,255,255,.8);transition:transform ease-out .1s,border .2s;box-sizing:border-box}#textInfo .hotspot .in{width:40px;height:40px;position:absolute;top:10px;left:10px;background-color:#fffc;border-radius:50%;transition:transform ease-out .1s,background .2s}#textInfo .hotspot .out:after{top:0;left:0;padding:0;z-index:-1;box-shadow:0 0 0 2px #ffffff1a;opacity:0;pointer-events:none;position:absolute;width:100%;height:100%;border-radius:50%;content:"";box-sizing:content-box;transform:scale(.9)}#textInfo .hotspot:hover .out{border:5px solid rgba(255,255,255,1);transform:scale(.9);color:#fff}#textInfo .hotspot:hover .in{background-color:#fff;transform:scale(.8)}#textInfo .hotspot:hover .out:after{animation:sonarEffect 1.2s ease-out}@keyframes sonarEffect{0%{opacity:.5}20%{opacity:.8;box-shadow:0 0 0 2px #ffffff1a,0 0 10px 10px #25aae1cc,0 0 0 10px #ffffff80}to{box-shadow:0 0 0 2px #ffffff1a,0 0 10px 10px #25aae1cc,0 0 0 10px #ffffff80;transform:scale(1.5);opacity:0}}`;
|
|
4961
|
+
function Ln(r) {
|
|
4931
4962
|
return r.replace(
|
|
4932
4963
|
/([a-z0-9])([A-Z])/g,
|
|
4933
4964
|
(n, l, s) => `${l}-${s.toLowerCase()}`
|
|
4934
4965
|
);
|
|
4935
4966
|
}
|
|
4936
|
-
function
|
|
4967
|
+
function At(r) {
|
|
4937
4968
|
return Object.entries(r).reduce((n, [l, s]) => {
|
|
4938
4969
|
if (s !== void 0) {
|
|
4939
|
-
const u =
|
|
4970
|
+
const u = Ln(l);
|
|
4940
4971
|
n[u] = s.toString();
|
|
4941
4972
|
}
|
|
4942
4973
|
return n;
|
|
4943
4974
|
}, {});
|
|
4944
4975
|
}
|
|
4945
|
-
const
|
|
4946
|
-
/* @__PURE__ */ i("style", { children:
|
|
4947
|
-
/* @__PURE__ */ i(
|
|
4948
|
-
] }),
|
|
4976
|
+
const Dn = (r) => /* @__PURE__ */ ce(rt, { children: [
|
|
4977
|
+
/* @__PURE__ */ i("style", { children: Mn }),
|
|
4978
|
+
/* @__PURE__ */ i(yn, { ...r })
|
|
4979
|
+
] }), kn = (r) => At(r), In = (r) => At(r), Tn = (r) => At(r), An = ({
|
|
4949
4980
|
onCompositionLoading: r,
|
|
4950
4981
|
onCompositionLoaded: n,
|
|
4951
4982
|
onCompositionLoadError: l,
|
|
@@ -4962,21 +4993,21 @@ const Nn = (r) => /* @__PURE__ */ ce(rt, { children: [
|
|
|
4962
4993
|
...o
|
|
4963
4994
|
}) => {
|
|
4964
4995
|
const P = Ke(() => {
|
|
4965
|
-
const L =
|
|
4996
|
+
const L = kn(o);
|
|
4966
4997
|
return A && Object.assign(L, { class: A }), L;
|
|
4967
4998
|
}, [A, o]);
|
|
4968
4999
|
return we(() => {
|
|
4969
|
-
const L = o.eventPrefix ??
|
|
4970
|
-
[
|
|
4971
|
-
[
|
|
4972
|
-
[
|
|
4973
|
-
[
|
|
4974
|
-
[
|
|
4975
|
-
[
|
|
4976
|
-
[
|
|
4977
|
-
[
|
|
4978
|
-
[
|
|
4979
|
-
[
|
|
5000
|
+
const L = o.eventPrefix ?? cr, _ = (b) => `${L}${b}`, w = {
|
|
5001
|
+
[tr]: r,
|
|
5002
|
+
[rr]: n,
|
|
5003
|
+
[or]: l,
|
|
5004
|
+
[nr]: s,
|
|
5005
|
+
[ar]: u,
|
|
5006
|
+
[ir]: p,
|
|
5007
|
+
[St]: E,
|
|
5008
|
+
[Rt]: e,
|
|
5009
|
+
[sr]: y,
|
|
5010
|
+
[lr]: v
|
|
4980
5011
|
}, M = /* @__PURE__ */ new Map();
|
|
4981
5012
|
return Object.entries(w).forEach(([b, h]) => {
|
|
4982
5013
|
if (!h)
|
|
@@ -5001,37 +5032,37 @@ const Nn = (r) => /* @__PURE__ */ ce(rt, { children: [
|
|
|
5001
5032
|
y,
|
|
5002
5033
|
v
|
|
5003
5034
|
]), /* @__PURE__ */ i("cc-webplayer", { style: { display: "block", ...x }, ...P, children: d });
|
|
5004
|
-
},
|
|
5005
|
-
const l =
|
|
5035
|
+
}, Hn = ({ children: r, ...n }) => {
|
|
5036
|
+
const l = In(n);
|
|
5006
5037
|
return /* @__PURE__ */ i("cc-webplayer-custom-media", { ...l, children: r });
|
|
5007
|
-
},
|
|
5038
|
+
}, On = ({
|
|
5008
5039
|
children: r,
|
|
5009
5040
|
...n
|
|
5010
5041
|
}) => {
|
|
5011
|
-
const l =
|
|
5042
|
+
const l = Tn(n);
|
|
5012
5043
|
return /* @__PURE__ */ i("cc-webplayer-icon", { ...l, children: r });
|
|
5013
5044
|
};
|
|
5014
5045
|
export {
|
|
5015
|
-
|
|
5016
|
-
|
|
5017
|
-
|
|
5018
|
-
|
|
5019
|
-
|
|
5020
|
-
|
|
5021
|
-
|
|
5022
|
-
|
|
5023
|
-
|
|
5024
|
-
|
|
5025
|
-
|
|
5026
|
-
|
|
5027
|
-
|
|
5028
|
-
|
|
5029
|
-
|
|
5030
|
-
|
|
5031
|
-
|
|
5032
|
-
|
|
5033
|
-
|
|
5034
|
-
|
|
5035
|
-
|
|
5036
|
-
|
|
5046
|
+
cr as D,
|
|
5047
|
+
tr as E,
|
|
5048
|
+
Dn as W,
|
|
5049
|
+
Nn as a,
|
|
5050
|
+
zn as b,
|
|
5051
|
+
_n as c,
|
|
5052
|
+
Nt as d,
|
|
5053
|
+
$t as e,
|
|
5054
|
+
er as f,
|
|
5055
|
+
An as g,
|
|
5056
|
+
Hn as h,
|
|
5057
|
+
On as i,
|
|
5058
|
+
rr as j,
|
|
5059
|
+
or as k,
|
|
5060
|
+
nr as l,
|
|
5061
|
+
ar as m,
|
|
5062
|
+
ir as n,
|
|
5063
|
+
St as o,
|
|
5064
|
+
Rt as p,
|
|
5065
|
+
sr as q,
|
|
5066
|
+
lr as r,
|
|
5067
|
+
Rn as s
|
|
5037
5068
|
};
|