ire-preview 2.4.11 → 2.4.12
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/lib.es.js
CHANGED
|
@@ -19,12 +19,12 @@ var MutationType;
|
|
|
19
19
|
function createPinia() {
|
|
20
20
|
const Ne = effectScope(!0), _e = Ne.run(() => ref({}));
|
|
21
21
|
let ke = [], De = [];
|
|
22
|
-
const
|
|
23
|
-
install(
|
|
24
|
-
setActivePinia(
|
|
22
|
+
const $e = markRaw({
|
|
23
|
+
install(Re) {
|
|
24
|
+
setActivePinia($e), $e._a = Re, Re.provide(piniaSymbol, $e), Re.config.globalProperties.$pinia = $e, De.forEach((Be) => ke.push(Be)), De = [];
|
|
25
25
|
},
|
|
26
|
-
use(
|
|
27
|
-
return this._a ? ke.push(
|
|
26
|
+
use(Re) {
|
|
27
|
+
return this._a ? ke.push(Re) : De.push(Re), this;
|
|
28
28
|
},
|
|
29
29
|
_p: ke,
|
|
30
30
|
// it's actually undefined here
|
|
@@ -34,17 +34,17 @@ function createPinia() {
|
|
|
34
34
|
_s: /* @__PURE__ */ new Map(),
|
|
35
35
|
state: _e
|
|
36
36
|
});
|
|
37
|
-
return
|
|
37
|
+
return $e;
|
|
38
38
|
}
|
|
39
39
|
const noop = () => {
|
|
40
40
|
};
|
|
41
41
|
function addSubscription(Ne, _e, ke, De = noop) {
|
|
42
42
|
Ne.push(_e);
|
|
43
|
-
const
|
|
44
|
-
const
|
|
45
|
-
|
|
43
|
+
const $e = () => {
|
|
44
|
+
const Re = Ne.indexOf(_e);
|
|
45
|
+
Re > -1 && (Ne.splice(Re, 1), De());
|
|
46
46
|
};
|
|
47
|
-
return !ke && getCurrentScope() && onScopeDispose(
|
|
47
|
+
return !ke && getCurrentScope() && onScopeDispose($e), $e;
|
|
48
48
|
}
|
|
49
49
|
function triggerSubscriptions(Ne, ..._e) {
|
|
50
50
|
Ne.slice().forEach((ke) => {
|
|
@@ -57,8 +57,8 @@ function mergeReactiveObjects(Ne, _e) {
|
|
|
57
57
|
for (const ke in _e) {
|
|
58
58
|
if (!_e.hasOwnProperty(ke))
|
|
59
59
|
continue;
|
|
60
|
-
const De = _e[ke],
|
|
61
|
-
isPlainObject(
|
|
60
|
+
const De = _e[ke], $e = Ne[ke];
|
|
61
|
+
isPlainObject($e) && isPlainObject(De) && Ne.hasOwnProperty(ke) && !isRef(De) && !isReactive(De) ? Ne[ke] = mergeReactiveObjects($e, De) : Ne[ke] = De;
|
|
62
62
|
}
|
|
63
63
|
return Ne;
|
|
64
64
|
}
|
|
@@ -74,12 +74,12 @@ function isComputed(Ne) {
|
|
|
74
74
|
return !!(isRef(Ne) && Ne.effect);
|
|
75
75
|
}
|
|
76
76
|
function createOptionsStore(Ne, _e, ke, De) {
|
|
77
|
-
const { state:
|
|
77
|
+
const { state: $e, actions: Re, getters: Be } = _e, Le = ke.state.value[Ne];
|
|
78
78
|
let ze;
|
|
79
79
|
function Ae() {
|
|
80
|
-
Le || (ke.state.value[Ne] =
|
|
80
|
+
Le || (ke.state.value[Ne] = $e ? $e() : {});
|
|
81
81
|
const Ie = toRefs(ke.state.value[Ne]);
|
|
82
|
-
return assign(Ie,
|
|
82
|
+
return assign(Ie, Re, Object.keys(Be || {}).reduce((je, Fe) => (je[Fe] = markRaw(computed$1(() => {
|
|
83
83
|
setActivePinia(ke);
|
|
84
84
|
const Ve = ke._s.get(Ne);
|
|
85
85
|
return Be[Fe].call(Ve, Ve);
|
|
@@ -87,12 +87,12 @@ function createOptionsStore(Ne, _e, ke, De) {
|
|
|
87
87
|
}
|
|
88
88
|
return ze = createSetupStore(Ne, Ae, _e, ke, De, !0), ze;
|
|
89
89
|
}
|
|
90
|
-
function createSetupStore(Ne, _e, ke = {}, De,
|
|
90
|
+
function createSetupStore(Ne, _e, ke = {}, De, $e, Re) {
|
|
91
91
|
let Be;
|
|
92
92
|
const Le = assign({ actions: {} }, ke), ze = { deep: !0 };
|
|
93
93
|
let Ae, Ie, je = [], Fe = [], Ve;
|
|
94
94
|
const He = De.state.value[Ne];
|
|
95
|
-
|
|
95
|
+
!Re && !He && (De.state.value[Ne] = {}), ref({});
|
|
96
96
|
let qe;
|
|
97
97
|
function Xe(Ke) {
|
|
98
98
|
let ei;
|
|
@@ -111,7 +111,7 @@ function createSetupStore(Ne, _e, ke = {}, De, Re, $e) {
|
|
|
111
111
|
qe === ii && (Ae = !0);
|
|
112
112
|
}), Ie = !0, triggerSubscriptions(je, ei, De.state.value[Ne]);
|
|
113
113
|
}
|
|
114
|
-
const We =
|
|
114
|
+
const We = Re ? function() {
|
|
115
115
|
const { state: ei } = ke, ii = ei ? ei() : {};
|
|
116
116
|
this.$patch((ti) => {
|
|
117
117
|
assign(ti, ii);
|
|
@@ -175,7 +175,7 @@ function createSetupStore(Ne, _e, ke = {}, De, Re, $e) {
|
|
|
175
175
|
for (const Ke in Je) {
|
|
176
176
|
const ei = Je[Ke];
|
|
177
177
|
if (isRef(ei) && !isComputed(ei) || isReactive(ei))
|
|
178
|
-
|
|
178
|
+
Re || (He && shouldHydrate(ei) && (isRef(ei) ? ei.value = He[Ke] : mergeReactiveObjects(ei, He[Ke])), De.state.value[Ne][Ke] = ei);
|
|
179
179
|
else if (typeof ei == "function") {
|
|
180
180
|
const ii = Ge(ei, Ke);
|
|
181
181
|
Je[Ke] = ii, Le.actions[Ke] = ei;
|
|
@@ -195,44 +195,44 @@ function createSetupStore(Ne, _e, ke = {}, De, Re, $e) {
|
|
|
195
195
|
pinia: De,
|
|
196
196
|
options: Le
|
|
197
197
|
})));
|
|
198
|
-
}), He &&
|
|
198
|
+
}), He && Re && ke.hydrate && ke.hydrate(Ue.$state, He), Ae = !0, Ie = !0, Ue;
|
|
199
199
|
}
|
|
200
200
|
/*! #__NO_SIDE_EFFECTS__ */
|
|
201
201
|
// @__NO_SIDE_EFFECTS__
|
|
202
202
|
function defineStore(Ne, _e, ke) {
|
|
203
203
|
let De;
|
|
204
|
-
const
|
|
205
|
-
De =
|
|
206
|
-
function
|
|
204
|
+
const $e = typeof _e == "function";
|
|
205
|
+
De = $e ? ke : _e;
|
|
206
|
+
function Re(Be, Le) {
|
|
207
207
|
const ze = hasInjectionContext();
|
|
208
208
|
return Be = // in test mode, ignore the argument provided as we can always retrieve a
|
|
209
209
|
// pinia instance with getActivePinia()
|
|
210
|
-
Be || (ze ? inject(piniaSymbol, null) : null), Be && setActivePinia(Be), Be = activePinia, Be._s.has(Ne) || (
|
|
210
|
+
Be || (ze ? inject(piniaSymbol, null) : null), Be && setActivePinia(Be), Be = activePinia, Be._s.has(Ne) || ($e ? createSetupStore(Ne, _e, De, Be) : createOptionsStore(Ne, De, Be)), Be._s.get(Ne);
|
|
211
211
|
}
|
|
212
|
-
return
|
|
212
|
+
return Re.$id = Ne, Re;
|
|
213
213
|
}
|
|
214
214
|
function storeToRefs(Ne) {
|
|
215
215
|
const _e = toRaw(Ne), ke = {};
|
|
216
216
|
for (const De in _e) {
|
|
217
|
-
const
|
|
218
|
-
|
|
217
|
+
const $e = _e[De];
|
|
218
|
+
$e.effect ? ke[De] = // ...
|
|
219
219
|
computed$1({
|
|
220
220
|
get: () => Ne[De],
|
|
221
|
-
set(
|
|
222
|
-
Ne[De] =
|
|
221
|
+
set(Re) {
|
|
222
|
+
Ne[De] = Re;
|
|
223
223
|
}
|
|
224
|
-
}) : (isRef(
|
|
224
|
+
}) : (isRef($e) || isReactive($e)) && (ke[De] = // ---
|
|
225
225
|
toRef(Ne, De));
|
|
226
226
|
}
|
|
227
227
|
return ke;
|
|
228
228
|
}
|
|
229
229
|
const useGlobalStore = /* @__PURE__ */ defineStore("global", () => {
|
|
230
|
-
const Ne = ref(), _e = ref("1"), ke = ref(), De = ref(),
|
|
230
|
+
const Ne = ref(), _e = ref("1"), ke = ref(), De = ref(), $e = (Ae) => {
|
|
231
231
|
var Ie, je, Fe;
|
|
232
232
|
return (Fe = (je = (Ie = ke.value) == null ? void 0 : Ie.meta) == null ? void 0 : je.find(
|
|
233
233
|
(Ve) => (Ve == null ? void 0 : Ve.meta_key) === Ae
|
|
234
234
|
)) == null ? void 0 : Fe.meta_value;
|
|
235
|
-
},
|
|
235
|
+
}, Re = computed$1(() => $e("open_reserved_flat") === "true"), Be = computed$1(() => $e("open_sold_flat") === "true"), Le = computed$1(() => $e("price_rounded") === "true");
|
|
236
236
|
return {
|
|
237
237
|
// State
|
|
238
238
|
hoverdSvg: Ne,
|
|
@@ -240,8 +240,8 @@ const useGlobalStore = /* @__PURE__ */ defineStore("global", () => {
|
|
|
240
240
|
shortcodeData: ke,
|
|
241
241
|
translations: De,
|
|
242
242
|
// Geters
|
|
243
|
-
getMetaValue:
|
|
244
|
-
openReservedFlat:
|
|
243
|
+
getMetaValue: $e,
|
|
244
|
+
openReservedFlat: Re,
|
|
245
245
|
openSoldFlat: Be,
|
|
246
246
|
priceRounded: Le,
|
|
247
247
|
// Mutation
|
|
@@ -305,8 +305,8 @@ function prepareDeps(Ne) {
|
|
|
305
305
|
function cleanupDeps(Ne) {
|
|
306
306
|
let _e, ke = Ne.depsTail, De = ke;
|
|
307
307
|
for (; De; ) {
|
|
308
|
-
const
|
|
309
|
-
De.version === -1 ? (De === ke && (ke =
|
|
308
|
+
const $e = De.prevDep;
|
|
309
|
+
De.version === -1 ? (De === ke && (ke = $e), removeSub(De), removeDep(De)) : _e = De, De.dep.activeLink = De.prevActiveLink, De.prevActiveLink = void 0, De = $e;
|
|
310
310
|
}
|
|
311
311
|
Ne.deps = _e, Ne.depsTail = ke;
|
|
312
312
|
}
|
|
@@ -329,20 +329,20 @@ function refreshComputed(Ne) {
|
|
|
329
329
|
activeSub = Ne, shouldTrack = !0;
|
|
330
330
|
try {
|
|
331
331
|
prepareDeps(Ne);
|
|
332
|
-
const
|
|
333
|
-
(_e.version === 0 || hasChanged(
|
|
334
|
-
} catch (
|
|
335
|
-
throw _e.version++,
|
|
332
|
+
const $e = Ne.fn(Ne._value);
|
|
333
|
+
(_e.version === 0 || hasChanged($e, Ne._value)) && (Ne._value = $e, _e.version++);
|
|
334
|
+
} catch ($e) {
|
|
335
|
+
throw _e.version++, $e;
|
|
336
336
|
} finally {
|
|
337
337
|
activeSub = ke, shouldTrack = De, cleanupDeps(Ne), Ne.flags &= -3;
|
|
338
338
|
}
|
|
339
339
|
}
|
|
340
340
|
function removeSub(Ne, _e = !1) {
|
|
341
|
-
const { dep: ke, prevSub: De, nextSub:
|
|
342
|
-
if (De && (De.nextSub =
|
|
341
|
+
const { dep: ke, prevSub: De, nextSub: $e } = Ne;
|
|
342
|
+
if (De && (De.nextSub = $e, Ne.prevSub = void 0), $e && ($e.prevSub = De, Ne.nextSub = void 0), ke.subs === Ne && (ke.subs = De, !De && ke.computed)) {
|
|
343
343
|
ke.computed.flags &= -5;
|
|
344
|
-
for (let
|
|
345
|
-
removeSub(
|
|
344
|
+
for (let Re = ke.computed.deps; Re; Re = Re.nextDep)
|
|
345
|
+
removeSub(Re, !0);
|
|
346
346
|
}
|
|
347
347
|
!_e && !--ke.sc && ke.map && ke.map.delete(ke.key);
|
|
348
348
|
}
|
|
@@ -421,14 +421,14 @@ class ComputedRefImpl {
|
|
|
421
421
|
}
|
|
422
422
|
}
|
|
423
423
|
function computed(Ne, _e, ke = !1) {
|
|
424
|
-
let De,
|
|
425
|
-
return isFunction(Ne) ? De = Ne : (De = Ne.get,
|
|
424
|
+
let De, $e;
|
|
425
|
+
return isFunction(Ne) ? De = Ne : (De = Ne.get, $e = Ne.set), new ComputedRefImpl(De, $e, ke);
|
|
426
426
|
}
|
|
427
427
|
const tr = (Ne) => {
|
|
428
428
|
var ke;
|
|
429
429
|
return ((ke = useGlobalStore().translations) == null ? void 0 : ke[Ne]) || Ne;
|
|
430
430
|
}, currencySymbol = () => {
|
|
431
|
-
var De,
|
|
431
|
+
var De, $e, Re, Be;
|
|
432
432
|
const Ne = [
|
|
433
433
|
{ title: "🇺🇸 USD", value: "usd", symbol: "$" },
|
|
434
434
|
// United States
|
|
@@ -496,9 +496,9 @@ const tr = (Ne) => {
|
|
|
496
496
|
// Oman
|
|
497
497
|
{ title: "🇬🇪 GEL", value: "gel", symbol: "₾" }
|
|
498
498
|
// Georgia
|
|
499
|
-
], ke = ((
|
|
499
|
+
], ke = ((Re = ($e = (De = useGlobalStore().shortcodeData) == null ? void 0 : De.meta) == null ? void 0 : $e.find(
|
|
500
500
|
(Le) => Le.meta_key === "currency"
|
|
501
|
-
)) == null ? void 0 :
|
|
501
|
+
)) == null ? void 0 : Re.meta_value) || "usd";
|
|
502
502
|
return ((Be = Ne.find((Le) => Le.value === ke)) == null ? void 0 : Be.symbol) || "$";
|
|
503
503
|
}, getPrice = (Ne) => {
|
|
504
504
|
const ke = useGlobalStore().priceRounded ? 0 : 2;
|
|
@@ -553,15 +553,15 @@ const tr = (Ne) => {
|
|
|
553
553
|
var De;
|
|
554
554
|
return tr((De = _e.hoveredData) == null ? void 0 : De.conf);
|
|
555
555
|
});
|
|
556
|
-
return (De,
|
|
556
|
+
return (De, $e) => (openBlock(), createElementBlock("div", null, [
|
|
557
557
|
createVNode(Transition, { name: "ire-fade-in-out" }, {
|
|
558
558
|
default: withCtx(() => {
|
|
559
|
-
var
|
|
559
|
+
var Re, Be, Le, ze, Ae, Ie, je, Fe, Ve, He, qe, Xe, We, Ze, Ge, Ye, Ue, Qe, Je, Ke, ei, ii, ti, ni, oi;
|
|
560
560
|
return [
|
|
561
561
|
De.type && De.hoveredData && De.type !== "tooltip" ? (openBlock(), createElementBlock("div", _hoisted_1$h, [
|
|
562
562
|
De.type === "floor" ? (openBlock(), createElementBlock("div", _hoisted_2$b, [
|
|
563
563
|
createElementVNode("div", _hoisted_3$a, [
|
|
564
|
-
createElementVNode("div", _hoisted_4$7, toDisplayString((
|
|
564
|
+
createElementVNode("div", _hoisted_4$7, toDisplayString((Re = De.hoveredData) == null ? void 0 : Re.floor_number), 1),
|
|
565
565
|
createElementVNode("div", _hoisted_5$3, toDisplayString(unref(tr)("floor")), 1)
|
|
566
566
|
]),
|
|
567
567
|
(Be = De.hoveredData) != null && Be.conf || (ze = (Le = De.hoveredData) == null ? void 0 : Le.flats) != null && ze.length ? (openBlock(), createElementBlock("div", _hoisted_6$3, [
|
|
@@ -615,7 +615,7 @@ const tr = (Ne) => {
|
|
|
615
615
|
createElementVNode("div", _hoisted_35, [
|
|
616
616
|
createElementVNode("div", _hoisted_36, [
|
|
617
617
|
createTextVNode(toDisplayString(unref(getArea)(+((oi = (ni = De.hoveredData) == null ? void 0 : ni.type) == null ? void 0 : oi.area_m2))) + " m", 1),
|
|
618
|
-
|
|
618
|
+
$e[0] || ($e[0] = createElementVNode("sup", { class: "ire-bg-white !ire-text-sm" }, " 2 ", -1))
|
|
619
619
|
])
|
|
620
620
|
])
|
|
621
621
|
])) : createCommentVNode("", !0)
|
|
@@ -655,85 +655,85 @@ const tr = (Ne) => {
|
|
|
655
655
|
mouseTrack: { type: Boolean }
|
|
656
656
|
},
|
|
657
657
|
setup(Ne) {
|
|
658
|
-
const _e = Ne, ke = inject("mouseX"), De = inject("mouseY"),
|
|
659
|
-
var
|
|
660
|
-
return tr((
|
|
658
|
+
const _e = Ne, ke = inject("mouseX"), De = inject("mouseY"), $e = computed$1(() => {
|
|
659
|
+
var Re;
|
|
660
|
+
return tr((Re = _e.hoveredData) == null ? void 0 : Re.conf);
|
|
661
661
|
});
|
|
662
|
-
return (
|
|
662
|
+
return (Re, Be) => {
|
|
663
663
|
var Le, ze, Ae, Ie, je, Fe, Ve, He, qe, Xe, We, Ze, Ge, Ye, Ue, Qe, Je, Ke, ei, ii, ti;
|
|
664
|
-
return
|
|
664
|
+
return Re.type && Re.hoveredData && Re.type !== "tooltip" ? (openBlock(), createElementBlock("div", {
|
|
665
665
|
key: 0,
|
|
666
666
|
class: normalizeClass(["ire-pointer-events-none ire-absolute ire-select-none", {
|
|
667
|
-
"ire-left-0 ire-top-0":
|
|
668
|
-
"ire-bottom-4 ire-right-4":
|
|
667
|
+
"ire-left-0 ire-top-0": Re.mouseTrack,
|
|
668
|
+
"ire-bottom-4 ire-right-4": !Re.mouseTrack
|
|
669
669
|
}]),
|
|
670
670
|
style: normalizeStyle(
|
|
671
|
-
|
|
671
|
+
Re.mouseTrack ? {
|
|
672
672
|
transform: `translateX(${unref(ke) || 0}px) translateY(${unref(De) || 0}px)`
|
|
673
673
|
} : {}
|
|
674
674
|
)
|
|
675
675
|
}, [
|
|
676
676
|
createElementVNode("div", {
|
|
677
|
-
class: normalizeClass(["irep-tooltip irep-tooltip-2 ire-flex ire-origin-top ire-items-center ire-justify-center ire-bg-black ire-text-white ire-transition-transform ire-duration-500 ire-ease-in-out", { "":
|
|
677
|
+
class: normalizeClass(["irep-tooltip irep-tooltip-2 ire-flex ire-origin-top ire-items-center ire-justify-center ire-bg-black ire-text-white ire-transition-transform ire-duration-500 ire-ease-in-out", { "": Re.mouseTrack }])
|
|
678
678
|
}, [
|
|
679
|
-
|
|
679
|
+
Re.type === "floor" ? (openBlock(), createElementBlock("div", _hoisted_1$g, [
|
|
680
680
|
createElementVNode("div", _hoisted_2$a, [
|
|
681
|
-
createElementVNode("div", _hoisted_3$9, toDisplayString((Le =
|
|
681
|
+
createElementVNode("div", _hoisted_3$9, toDisplayString((Le = Re.hoveredData) == null ? void 0 : Le.floor_number), 1),
|
|
682
682
|
Be[0] || (Be[0] = createElementVNode("span", null, "|", -1)),
|
|
683
|
-
|
|
683
|
+
$e.value ? (openBlock(), createElementBlock("div", _hoisted_4$6, toDisplayString($e.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_5$2, [
|
|
684
684
|
createElementVNode("div", _hoisted_6$2, toDisplayString(unref(tr)("starting from")) + ": ", 1),
|
|
685
685
|
createElementVNode("div", _hoisted_7$2, [
|
|
686
|
-
createTextVNode(toDisplayString(unref(getPrice)(+((Ae = (ze =
|
|
686
|
+
createTextVNode(toDisplayString(unref(getPrice)(+((Ae = (ze = Re.hoveredData) == null ? void 0 : ze.counts) == null ? void 0 : Ae.minimum_price) || 0)) + " ", 1),
|
|
687
687
|
createElementVNode("span", _hoisted_8$2, toDisplayString(unref(currencySymbol)()), 1)
|
|
688
688
|
])
|
|
689
689
|
]))
|
|
690
690
|
]),
|
|
691
691
|
createElementVNode("div", _hoisted_9$2, [
|
|
692
692
|
createElementVNode("div", _hoisted_10$2, [
|
|
693
|
-
createElementVNode("span", null, toDisplayString(
|
|
693
|
+
createElementVNode("span", null, toDisplayString($e.value ? 0 : ((je = (Ie = Re.hoveredData) == null ? void 0 : Ie.counts) == null ? void 0 : je.available) || 0), 1),
|
|
694
694
|
createTextVNode(" " + toDisplayString(unref(tr)("available")), 1)
|
|
695
695
|
]),
|
|
696
696
|
Be[1] || (Be[1] = createElementVNode("span", null, "•", -1)),
|
|
697
697
|
createElementVNode("div", _hoisted_11$2, [
|
|
698
|
-
createElementVNode("span", null, toDisplayString(
|
|
698
|
+
createElementVNode("span", null, toDisplayString($e.value === "sold" ? ((Ve = (Fe = Re.hoveredData) == null ? void 0 : Fe.flats) == null ? void 0 : Ve.length) || 0 : ((qe = (He = Re.hoveredData) == null ? void 0 : He.counts) == null ? void 0 : qe.sold) || 0), 1),
|
|
699
699
|
createTextVNode(" " + toDisplayString(unref(tr)("sold")), 1)
|
|
700
700
|
]),
|
|
701
701
|
Be[2] || (Be[2] = createElementVNode("span", null, "•", -1)),
|
|
702
702
|
createElementVNode("div", _hoisted_12$2, [
|
|
703
|
-
createElementVNode("span", null, toDisplayString(
|
|
703
|
+
createElementVNode("span", null, toDisplayString($e.value === "reserved" ? ((We = (Xe = Re.hoveredData) == null ? void 0 : Xe.flats) == null ? void 0 : We.length) || 0 : ((Ge = (Ze = Re.hoveredData) == null ? void 0 : Ze.counts) == null ? void 0 : Ge.reserved) || 0), 1),
|
|
704
704
|
createTextVNode(" " + toDisplayString(unref(tr)("reserved")), 1)
|
|
705
705
|
])
|
|
706
706
|
])
|
|
707
|
-
])) :
|
|
707
|
+
])) : Re.type === "block" ? (openBlock(), createElementBlock("div", _hoisted_13$1, [
|
|
708
708
|
createElementVNode("div", _hoisted_14$1, [
|
|
709
|
-
createElementVNode("div", _hoisted_15$1, toDisplayString((Ye =
|
|
710
|
-
createElementVNode("span", _hoisted_16$1, toDisplayString(
|
|
709
|
+
createElementVNode("div", _hoisted_15$1, toDisplayString((Ye = Re.hoveredData) == null ? void 0 : Ye.title), 1),
|
|
710
|
+
createElementVNode("span", _hoisted_16$1, toDisplayString($e.value), 1)
|
|
711
711
|
])
|
|
712
|
-
])) :
|
|
712
|
+
])) : Re.type === "flat" ? (openBlock(), createElementBlock("div", _hoisted_17$1, [
|
|
713
713
|
createElementVNode("div", _hoisted_18, [
|
|
714
|
-
createElementVNode("div", _hoisted_19, toDisplayString((Ue =
|
|
714
|
+
createElementVNode("div", _hoisted_19, toDisplayString((Ue = Re.hoveredData) == null ? void 0 : Ue.flat_number), 1),
|
|
715
715
|
Be[4] || (Be[4] = createElementVNode("span", null, "|", -1)),
|
|
716
|
-
|
|
716
|
+
$e.value ? (openBlock(), createElementBlock("div", _hoisted_20, toDisplayString($e.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_21, [
|
|
717
717
|
createElementVNode("div", null, [
|
|
718
|
-
(Qe =
|
|
719
|
-
|
|
718
|
+
(Qe = Re.hoveredData) != null && Qe.request_price ? (openBlock(), createElementBlock("div", _hoisted_22, toDisplayString(unref(tr)("Request Price")), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
|
|
719
|
+
Re.hoveredData.offer_price ? (openBlock(), createElementBlock("div", _hoisted_23, [
|
|
720
720
|
createElementVNode("div", _hoisted_24, [
|
|
721
|
-
createTextVNode(toDisplayString(unref(getPrice)(+((Je =
|
|
721
|
+
createTextVNode(toDisplayString(unref(getPrice)(+((Je = Re.hoveredData) == null ? void 0 : Je.price))) + " ", 1),
|
|
722
722
|
createElementVNode("span", null, toDisplayString(unref(currencySymbol)()), 1)
|
|
723
723
|
]),
|
|
724
724
|
createElementVNode("div", _hoisted_25, [
|
|
725
|
-
createTextVNode(toDisplayString(unref(getPrice)(+((Ke =
|
|
725
|
+
createTextVNode(toDisplayString(unref(getPrice)(+((Ke = Re.hoveredData) == null ? void 0 : Ke.offer_price))) + " ", 1),
|
|
726
726
|
createElementVNode("span", _hoisted_26, toDisplayString(unref(currencySymbol)()), 1)
|
|
727
727
|
])
|
|
728
728
|
])) : (openBlock(), createElementBlock("div", _hoisted_27, [
|
|
729
|
-
createTextVNode(toDisplayString(unref(getPrice)(+((ei =
|
|
729
|
+
createTextVNode(toDisplayString(unref(getPrice)(+((ei = Re.hoveredData) == null ? void 0 : ei.price))) + " ", 1),
|
|
730
730
|
createElementVNode("span", _hoisted_28, toDisplayString(unref(currencySymbol)()), 1)
|
|
731
731
|
]))
|
|
732
732
|
], 64))
|
|
733
733
|
]),
|
|
734
734
|
createElementVNode("div", _hoisted_29, [
|
|
735
735
|
createElementVNode("span", _hoisted_30, [
|
|
736
|
-
createTextVNode(toDisplayString(unref(getArea)(+((ti = (ii =
|
|
736
|
+
createTextVNode(toDisplayString(unref(getArea)(+((ti = (ii = Re.hoveredData) == null ? void 0 : ii.type) == null ? void 0 : ti.area_m2))) + " m", 1),
|
|
737
737
|
Be[3] || (Be[3] = createElementVNode("sup", { class: "ire-bg-transparent !ire-text-base" }, " 2 ", -1))
|
|
738
738
|
])
|
|
739
739
|
])
|
|
@@ -761,8 +761,8 @@ const tr = (Ne) => {
|
|
|
761
761
|
},
|
|
762
762
|
setup(Ne) {
|
|
763
763
|
const _e = inject("mouseX"), ke = inject("mouseY");
|
|
764
|
-
return (De,
|
|
765
|
-
var
|
|
764
|
+
return (De, $e) => {
|
|
765
|
+
var Re, Be, Le;
|
|
766
766
|
return De.type && De.hoveredData && De.type !== "tooltip" ? (openBlock(), createElementBlock("div", {
|
|
767
767
|
key: 0,
|
|
768
768
|
class: "ire-pointer-events-none ire-absolute ire-left-0 ire-top-0 ire-select-none",
|
|
@@ -773,7 +773,7 @@ const tr = (Ne) => {
|
|
|
773
773
|
createElementVNode("div", _hoisted_1$f, [
|
|
774
774
|
De.type === "floor" ? (openBlock(), createElementBlock("div", _hoisted_2$9, [
|
|
775
775
|
createElementVNode("div", _hoisted_3$8, [
|
|
776
|
-
createElementVNode("div", _hoisted_4$5, toDisplayString((
|
|
776
|
+
createElementVNode("div", _hoisted_4$5, toDisplayString((Re = De.hoveredData) == null ? void 0 : Re.floor_number), 1),
|
|
777
777
|
createElementVNode("div", _hoisted_5$1, toDisplayString(unref(tr)("floor")), 1)
|
|
778
778
|
])
|
|
779
779
|
])) : De.type === "block" ? (openBlock(), createElementBlock("div", _hoisted_6$1, [
|
|
@@ -800,17 +800,17 @@ const tr = (Ne) => {
|
|
|
800
800
|
type: {}
|
|
801
801
|
},
|
|
802
802
|
setup(Ne) {
|
|
803
|
-
const _e = useGlobalStore(), { getMetaValue: ke } = _e, De = inject("showFlatModal"),
|
|
803
|
+
const _e = useGlobalStore(), { getMetaValue: ke } = _e, De = inject("showFlatModal"), $e = ref(), Re = ref(!0), Be = computed$1(() => ke("tooltip") || "1");
|
|
804
804
|
return watch(
|
|
805
805
|
() => De == null ? void 0 : De.value,
|
|
806
806
|
() => {
|
|
807
|
-
De != null && De.value ?
|
|
808
|
-
|
|
807
|
+
De != null && De.value ? Re.value = !1 : setTimeout(() => {
|
|
808
|
+
Re.value = !0;
|
|
809
809
|
}, 400);
|
|
810
810
|
}
|
|
811
811
|
), (Le, ze) => (openBlock(), createElementBlock("div", {
|
|
812
812
|
ref_key: "canvasRef",
|
|
813
|
-
ref:
|
|
813
|
+
ref: $e,
|
|
814
814
|
class: "ire-group ire-relative ire-overflow-hidden ire-pt-3"
|
|
815
815
|
}, [
|
|
816
816
|
Le.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_1$e, [
|
|
@@ -819,7 +819,7 @@ const tr = (Ne) => {
|
|
|
819
819
|
renderSlot(Le.$slots, "default"),
|
|
820
820
|
createVNode(Transition, { name: "ire-fade-in-out" }, {
|
|
821
821
|
default: withCtx(() => [
|
|
822
|
-
|
|
822
|
+
Re.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
|
|
823
823
|
Be.value === "1" ? (openBlock(), createBlock(_sfc_main$l, {
|
|
824
824
|
key: 0,
|
|
825
825
|
"hovered-data": Le.hoverdData,
|
|
@@ -860,7 +860,7 @@ const tr = (Ne) => {
|
|
|
860
860
|
},
|
|
861
861
|
emits: ["changeComponent"],
|
|
862
862
|
setup(Ne, { emit: _e }) {
|
|
863
|
-
const ke = _e, De = Ne,
|
|
863
|
+
const ke = _e, De = Ne, $e = inject("showFlatModal"), Re = useGlobalStore(), { openReservedFlat: Be, openSoldFlat: Le } = storeToRefs(Re), ze = ref(), Ae = ref(null), Ie = ref(), je = ref(null), Fe = computed(() => {
|
|
864
864
|
if (De.project)
|
|
865
865
|
return De.project.svg;
|
|
866
866
|
}), Ve = (Xe) => {
|
|
@@ -895,16 +895,16 @@ const tr = (Ne) => {
|
|
|
895
895
|
(We == null ? void 0 : We.nodeName) === "path" && (((Ze = Ie.value) == null ? void 0 : Ze.conf) === "reserved" && !Be.value || ((Ge = Ie.value) == null ? void 0 : Ge.conf) === "sold" && !Le.value || ke("changeComponent", ((Ye = je.value) == null ? void 0 : Ye.type) || "", Ie == null ? void 0 : Ie.value));
|
|
896
896
|
};
|
|
897
897
|
return watch(
|
|
898
|
-
() =>
|
|
898
|
+
() => $e == null ? void 0 : $e.value,
|
|
899
899
|
() => {
|
|
900
|
-
|
|
900
|
+
$e != null && $e.value || (Ae.value = null, je.value = null);
|
|
901
901
|
}
|
|
902
902
|
), watch(
|
|
903
903
|
() => Ae.value,
|
|
904
904
|
(Xe) => {
|
|
905
905
|
var Ze, Ge, Ye, Ue, Qe, Je, Ke;
|
|
906
906
|
if (!Xe) return;
|
|
907
|
-
|
|
907
|
+
Re.hoverdSvg = Xe;
|
|
908
908
|
const We = Xe.parentElement;
|
|
909
909
|
if (We && (We == null ? void 0 : We.nodeName) === "g") {
|
|
910
910
|
const ei = We == null ? void 0 : We.getAttribute("id");
|
|
@@ -993,15 +993,15 @@ const tr = (Ne) => {
|
|
|
993
993
|
}),
|
|
994
994
|
emits: ["update:modelValue"],
|
|
995
995
|
setup(Ne) {
|
|
996
|
-
const _e = useGlobalStore(), { openReservedFlat: ke, openSoldFlat: De } = storeToRefs(_e),
|
|
997
|
-
return (
|
|
998
|
-
|
|
996
|
+
const _e = useGlobalStore(), { openReservedFlat: ke, openSoldFlat: De } = storeToRefs(_e), $e = useModel(Ne, "modelValue");
|
|
997
|
+
return (Re, Be) => (openBlock(), createElementBlock("div", _hoisted_1$c, [
|
|
998
|
+
Re.label ? (openBlock(), createElementBlock("p", _hoisted_2$7, toDisplayString(Re.label), 1)) : createCommentVNode("", !0),
|
|
999
999
|
createElementVNode("div", _hoisted_3$6, [
|
|
1000
1000
|
withDirectives(createElementVNode("select", {
|
|
1001
|
-
"onUpdate:modelValue": Be[0] || (Be[0] = (Le) =>
|
|
1001
|
+
"onUpdate:modelValue": Be[0] || (Be[0] = (Le) => $e.value = Le),
|
|
1002
1002
|
class: "ire-w-full ire-cursor-pointer ire-appearance-none ire-rounded-none ire-bg-transparent ire-py-2 ire-pl-3 ire-pr-8 ire-text-sm ire-text-slate-700 ire-shadow-sm ire-transition ire-duration-300 ire-ease-linear placeholder:ire-text-slate-400 hover:ire-border-slate-400 focus:ire-border-slate-400 focus:ire-shadow-md focus:ire-outline-none"
|
|
1003
1003
|
}, [
|
|
1004
|
-
(openBlock(!0), createElementBlock(Fragment, null, renderList(
|
|
1004
|
+
(openBlock(!0), createElementBlock(Fragment, null, renderList(Re.data, (Le) => {
|
|
1005
1005
|
var ze, Ae;
|
|
1006
1006
|
return openBlock(), createElementBlock("option", {
|
|
1007
1007
|
value: Le.value,
|
|
@@ -1009,7 +1009,7 @@ const tr = (Ne) => {
|
|
|
1009
1009
|
}, toDisplayString(Le.title), 9, _hoisted_4$4);
|
|
1010
1010
|
}), 256))
|
|
1011
1011
|
], 512), [
|
|
1012
|
-
[vModelSelect,
|
|
1012
|
+
[vModelSelect, $e.value]
|
|
1013
1013
|
]),
|
|
1014
1014
|
Be[1] || (Be[1] = createElementVNode("svg", {
|
|
1015
1015
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -1030,8 +1030,8 @@ const tr = (Ne) => {
|
|
|
1030
1030
|
}
|
|
1031
1031
|
}), _export_sfc = (Ne, _e) => {
|
|
1032
1032
|
const ke = Ne.__vccOpts || Ne;
|
|
1033
|
-
for (const [De,
|
|
1034
|
-
ke[De] =
|
|
1033
|
+
for (const [De, $e] of _e)
|
|
1034
|
+
ke[De] = $e;
|
|
1035
1035
|
return ke;
|
|
1036
1036
|
}, _sfc_main$f = {}, _hoisted_1$b = {
|
|
1037
1037
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -1067,7 +1067,7 @@ const ArrowRight = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_ren
|
|
|
1067
1067
|
},
|
|
1068
1068
|
emits: ["changeComponent"],
|
|
1069
1069
|
setup(Ne, { emit: _e }) {
|
|
1070
|
-
const ke = _e, De = Ne,
|
|
1070
|
+
const ke = _e, De = Ne, $e = inject("showFlatModal"), Re = useGlobalStore(), { openReservedFlat: Be, openSoldFlat: Le } = storeToRefs(Re), ze = ref(), Ae = ref(null), Ie = ref(), je = ref(null), Fe = ref(), Ve = ref(), He = computed$1(() => {
|
|
1071
1071
|
var Ye;
|
|
1072
1072
|
if ((Ye = De.floor) != null && Ye.svg)
|
|
1073
1073
|
return De.floor.svg;
|
|
@@ -1125,7 +1125,7 @@ const ArrowRight = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_ren
|
|
|
1125
1125
|
(Ye) => {
|
|
1126
1126
|
var Qe, Je, Ke, ei, ii, ti, ni;
|
|
1127
1127
|
if (!Ye) return;
|
|
1128
|
-
|
|
1128
|
+
Re.hoverdSvg = Ye;
|
|
1129
1129
|
const Ue = Ye == null ? void 0 : Ye.parentElement;
|
|
1130
1130
|
if (Ue && (Ue == null ? void 0 : Ue.nodeName) === "g") {
|
|
1131
1131
|
const oi = Ue.getAttribute("id");
|
|
@@ -1155,9 +1155,9 @@ const ArrowRight = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_ren
|
|
|
1155
1155
|
Ie.value = null;
|
|
1156
1156
|
}
|
|
1157
1157
|
), watch(
|
|
1158
|
-
() =>
|
|
1158
|
+
() => $e == null ? void 0 : $e.value,
|
|
1159
1159
|
() => {
|
|
1160
|
-
|
|
1160
|
+
$e != null && $e.value || (Ae.value = null, Ie.value = null);
|
|
1161
1161
|
}
|
|
1162
1162
|
), watch(
|
|
1163
1163
|
() => Fe.value,
|
|
@@ -1239,8 +1239,8 @@ function _sfc_render$2(Ne, _e) {
|
|
|
1239
1239
|
}
|
|
1240
1240
|
const FlatIcon = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$2]]), t = (Ne, _e = 1e4) => (Ne = parseFloat(Ne + "") || 0, Math.round((Ne + Number.EPSILON) * _e) / _e), e = function(Ne) {
|
|
1241
1241
|
if (!(Ne && Ne instanceof Element && Ne.offsetParent)) return !1;
|
|
1242
|
-
const _e = Ne.scrollHeight > Ne.clientHeight, ke = window.getComputedStyle(Ne).overflowY, De = ke.indexOf("hidden") !== -1,
|
|
1243
|
-
return _e && !De &&
|
|
1242
|
+
const _e = Ne.scrollHeight > Ne.clientHeight, ke = window.getComputedStyle(Ne).overflowY, De = ke.indexOf("hidden") !== -1, $e = ke.indexOf("visible") !== -1;
|
|
1243
|
+
return _e && !De && !$e;
|
|
1244
1244
|
}, i = function(Ne, _e = void 0) {
|
|
1245
1245
|
return !(!Ne || Ne === document.body || _e && Ne === _e) && (e(Ne) ? Ne : i(Ne.parentElement, _e));
|
|
1246
1246
|
}, n = function(Ne) {
|
|
@@ -1263,10 +1263,10 @@ class a {
|
|
|
1263
1263
|
const r = { passive: !1 };
|
|
1264
1264
|
class l {
|
|
1265
1265
|
constructor(_e, { start: ke = () => !0, move: De = () => {
|
|
1266
|
-
}, end:
|
|
1266
|
+
}, end: $e = () => {
|
|
1267
1267
|
} }) {
|
|
1268
|
-
Object.defineProperty(this, "element", { enumerable: !0, configurable: !0, writable: !0, value: void 0 }), Object.defineProperty(this, "startCallback", { enumerable: !0, configurable: !0, writable: !0, value: void 0 }), Object.defineProperty(this, "moveCallback", { enumerable: !0, configurable: !0, writable: !0, value: void 0 }), Object.defineProperty(this, "endCallback", { enumerable: !0, configurable: !0, writable: !0, value: void 0 }), Object.defineProperty(this, "currentPointers", { enumerable: !0, configurable: !0, writable: !0, value: [] }), Object.defineProperty(this, "startPointers", { enumerable: !0, configurable: !0, writable: !0, value: [] }), this.element = _e, this.startCallback = ke, this.moveCallback = De, this.endCallback =
|
|
1269
|
-
for (const
|
|
1268
|
+
Object.defineProperty(this, "element", { enumerable: !0, configurable: !0, writable: !0, value: void 0 }), Object.defineProperty(this, "startCallback", { enumerable: !0, configurable: !0, writable: !0, value: void 0 }), Object.defineProperty(this, "moveCallback", { enumerable: !0, configurable: !0, writable: !0, value: void 0 }), Object.defineProperty(this, "endCallback", { enumerable: !0, configurable: !0, writable: !0, value: void 0 }), Object.defineProperty(this, "currentPointers", { enumerable: !0, configurable: !0, writable: !0, value: [] }), Object.defineProperty(this, "startPointers", { enumerable: !0, configurable: !0, writable: !0, value: [] }), this.element = _e, this.startCallback = ke, this.moveCallback = De, this.endCallback = $e;
|
|
1269
|
+
for (const Re of ["onPointerStart", "onTouchStart", "onMove", "onTouchEnd", "onPointerEnd", "onWindowBlur"]) this[Re] = this[Re].bind(this);
|
|
1270
1270
|
this.element.addEventListener("mousedown", this.onPointerStart, r), this.element.addEventListener("touchstart", this.onTouchStart, r), this.element.addEventListener("touchmove", this.onMove, r), this.element.addEventListener("touchend", this.onTouchEnd), this.element.addEventListener("touchcancel", this.onTouchEnd);
|
|
1271
1271
|
}
|
|
1272
1272
|
onPointerStart(_e) {
|
|
@@ -1279,12 +1279,12 @@ class l {
|
|
|
1279
1279
|
window.addEventListener("blur", this.onWindowBlur);
|
|
1280
1280
|
}
|
|
1281
1281
|
onMove(_e) {
|
|
1282
|
-
const ke = this.currentPointers.slice(), De = "changedTouches" in _e ? Array.from(_e.changedTouches || []).map((
|
|
1283
|
-
for (const
|
|
1284
|
-
const Be = this.currentPointers.findIndex((Le) => Le.id ===
|
|
1285
|
-
Be < 0 || (
|
|
1282
|
+
const ke = this.currentPointers.slice(), De = "changedTouches" in _e ? Array.from(_e.changedTouches || []).map((Re) => new a(Re)) : [new a(_e)], $e = [];
|
|
1283
|
+
for (const Re of De) {
|
|
1284
|
+
const Be = this.currentPointers.findIndex((Le) => Le.id === Re.id);
|
|
1285
|
+
Be < 0 || ($e.push(Re), this.currentPointers[Be] = Re);
|
|
1286
1286
|
}
|
|
1287
|
-
|
|
1287
|
+
$e.length && this.moveCallback(_e, this.currentPointers.slice(), ke);
|
|
1288
1288
|
}
|
|
1289
1289
|
onPointerEnd(_e) {
|
|
1290
1290
|
_e.buttons > 0 && _e.button !== 0 || (this.triggerPointerEnd(_e, new a(_e)), window.removeEventListener("mousemove", this.onMove), window.removeEventListener("mouseup", this.onPointerEnd), window.removeEventListener("blur", this.onWindowBlur));
|
|
@@ -1296,7 +1296,7 @@ class l {
|
|
|
1296
1296
|
return !!this.startCallback(ke, _e, this.currentPointers.slice()) && (this.currentPointers.push(_e), this.startPointers.push(_e), !0);
|
|
1297
1297
|
}
|
|
1298
1298
|
triggerPointerEnd(_e, ke) {
|
|
1299
|
-
const De = this.currentPointers.findIndex((
|
|
1299
|
+
const De = this.currentPointers.findIndex(($e) => $e.id === ke.id);
|
|
1300
1300
|
De < 0 || (this.currentPointers.splice(De, 1), this.startPointers.splice(De, 1), this.endCallback(_e, ke, this.currentPointers.slice()));
|
|
1301
1301
|
}
|
|
1302
1302
|
onWindowBlur() {
|
|
@@ -1321,10 +1321,10 @@ function h(Ne, _e) {
|
|
|
1321
1321
|
const d = (Ne) => typeof Ne == "object" && Ne !== null && Ne.constructor === Object && Object.prototype.toString.call(Ne) === "[object Object]", u = (Ne, ..._e) => {
|
|
1322
1322
|
const ke = _e.length;
|
|
1323
1323
|
for (let De = 0; De < ke; De++) {
|
|
1324
|
-
const
|
|
1325
|
-
Object.entries(
|
|
1324
|
+
const $e = _e[De] || {};
|
|
1325
|
+
Object.entries($e).forEach(([Re, Be]) => {
|
|
1326
1326
|
const Le = Array.isArray(Be) ? [] : {};
|
|
1327
|
-
Ne[
|
|
1327
|
+
Ne[Re] || Object.assign(Ne, { [Re]: Le }), d(Be) ? Object.assign(Ne[Re], u(Le, Be)) : Array.isArray(Be) ? Object.assign(Ne, { [Re]: [...Be] }) : Object.assign(Ne, { [Re]: Be });
|
|
1328
1328
|
});
|
|
1329
1329
|
}
|
|
1330
1330
|
return Ne;
|
|
@@ -1344,39 +1344,39 @@ class f {
|
|
|
1344
1344
|
let De = p(_e, this.options);
|
|
1345
1345
|
return De && typeof De == "function" && (De = De.call(this, this, ...ke)), De;
|
|
1346
1346
|
}
|
|
1347
|
-
optionFor(_e, ke, De,
|
|
1348
|
-
let
|
|
1347
|
+
optionFor(_e, ke, De, ...$e) {
|
|
1348
|
+
let Re = p(ke, _e);
|
|
1349
1349
|
var Be;
|
|
1350
|
-
typeof (Be =
|
|
1350
|
+
typeof (Be = Re) != "string" || isNaN(Be) || isNaN(parseFloat(Be)) || (Re = parseFloat(Re)), Re === "true" && (Re = !0), Re === "false" && (Re = !1), Re && typeof Re == "function" && (Re = Re.call(this, this, _e, ...$e));
|
|
1351
1351
|
let Le = p(ke, this.options);
|
|
1352
|
-
return Le && typeof Le == "function" ?
|
|
1352
|
+
return Le && typeof Le == "function" ? Re = Le.call(this, this, _e, ...$e, Re) : Re === void 0 && (Re = Le), Re === void 0 ? De : Re;
|
|
1353
1353
|
}
|
|
1354
1354
|
cn(_e) {
|
|
1355
1355
|
const ke = this.options.classes;
|
|
1356
1356
|
return ke && ke[_e] || "";
|
|
1357
1357
|
}
|
|
1358
1358
|
localize(_e, ke = []) {
|
|
1359
|
-
_e = String(_e).replace(/\{\{(\w+).?(\w+)?\}\}/g, (De,
|
|
1359
|
+
_e = String(_e).replace(/\{\{(\w+).?(\w+)?\}\}/g, (De, $e, Re) => {
|
|
1360
1360
|
let Be = "";
|
|
1361
|
-
return
|
|
1361
|
+
return Re ? Be = this.option(`${$e[0] + $e.toLowerCase().substring(1)}.l10n.${Re}`) : $e && (Be = this.option(`l10n.${$e}`)), Be || (Be = De), Be;
|
|
1362
1362
|
});
|
|
1363
1363
|
for (let De = 0; De < ke.length; De++) _e = _e.split(ke[De][0]).join(ke[De][1]);
|
|
1364
|
-
return _e = _e.replace(/\{\{(.*?)\}\}/g, (De,
|
|
1364
|
+
return _e = _e.replace(/\{\{(.*?)\}\}/g, (De, $e) => $e);
|
|
1365
1365
|
}
|
|
1366
1366
|
on(_e, ke) {
|
|
1367
1367
|
let De = [];
|
|
1368
|
-
typeof _e == "string" ? De = _e.split(" ") : Array.isArray(_e) && (De = _e), this.events || (this.events = /* @__PURE__ */ new Map()), De.forEach((
|
|
1369
|
-
let
|
|
1370
|
-
|
|
1368
|
+
typeof _e == "string" ? De = _e.split(" ") : Array.isArray(_e) && (De = _e), this.events || (this.events = /* @__PURE__ */ new Map()), De.forEach(($e) => {
|
|
1369
|
+
let Re = this.events.get($e);
|
|
1370
|
+
Re || (this.events.set($e, []), Re = []), Re.includes(ke) || Re.push(ke), this.events.set($e, Re);
|
|
1371
1371
|
});
|
|
1372
1372
|
}
|
|
1373
1373
|
off(_e, ke) {
|
|
1374
1374
|
let De = [];
|
|
1375
|
-
typeof _e == "string" ? De = _e.split(" ") : Array.isArray(_e) && (De = _e), De.forEach((
|
|
1376
|
-
const
|
|
1377
|
-
if (Array.isArray(
|
|
1378
|
-
const Be =
|
|
1379
|
-
Be > -1 &&
|
|
1375
|
+
typeof _e == "string" ? De = _e.split(" ") : Array.isArray(_e) && (De = _e), De.forEach(($e) => {
|
|
1376
|
+
const Re = this.events.get($e);
|
|
1377
|
+
if (Array.isArray(Re)) {
|
|
1378
|
+
const Be = Re.indexOf(ke);
|
|
1379
|
+
Be > -1 && Re.splice(Be, 1);
|
|
1380
1380
|
}
|
|
1381
1381
|
});
|
|
1382
1382
|
}
|
|
@@ -1391,11 +1391,11 @@ class g extends f {
|
|
|
1391
1391
|
}
|
|
1392
1392
|
attachPlugins(_e = {}) {
|
|
1393
1393
|
const ke = /* @__PURE__ */ new Map();
|
|
1394
|
-
for (const [De,
|
|
1395
|
-
const
|
|
1396
|
-
Be ||
|
|
1394
|
+
for (const [De, $e] of Object.entries(_e)) {
|
|
1395
|
+
const Re = this.option(De), Be = this.plugins[De];
|
|
1396
|
+
Be || Re === !1 ? Be && Re === !1 && (Be.detach(), delete this.plugins[De]) : ke.set(De, new $e(this, Re || {}));
|
|
1397
1397
|
}
|
|
1398
|
-
for (const [De,
|
|
1398
|
+
for (const [De, $e] of ke) this.plugins[De] = $e, $e.attach();
|
|
1399
1399
|
}
|
|
1400
1400
|
detachPlugins(_e) {
|
|
1401
1401
|
_e = _e || Object.keys(this.plugins);
|
|
@@ -1484,15 +1484,15 @@ class I extends g {
|
|
|
1484
1484
|
return !(!this.ignoreBounds && !this.checkBounds().inBounds);
|
|
1485
1485
|
}
|
|
1486
1486
|
constructor(_e, ke = {}, De = {}) {
|
|
1487
|
-
var
|
|
1487
|
+
var $e;
|
|
1488
1488
|
if (super(ke), Object.defineProperty(this, "pointerTracker", { enumerable: !0, configurable: !0, writable: !0, value: null }), Object.defineProperty(this, "resizeObserver", { enumerable: !0, configurable: !0, writable: !0, value: null }), Object.defineProperty(this, "updateTimer", { enumerable: !0, configurable: !0, writable: !0, value: null }), Object.defineProperty(this, "clickTimer", { enumerable: !0, configurable: !0, writable: !0, value: null }), Object.defineProperty(this, "rAF", { enumerable: !0, configurable: !0, writable: !0, value: null }), Object.defineProperty(this, "isTicking", { enumerable: !0, configurable: !0, writable: !0, value: !1 }), Object.defineProperty(this, "ignoreBounds", { enumerable: !0, configurable: !0, writable: !0, value: !1 }), Object.defineProperty(this, "isBouncingX", { enumerable: !0, configurable: !0, writable: !0, value: !1 }), Object.defineProperty(this, "isBouncingY", { enumerable: !0, configurable: !0, writable: !0, value: !1 }), Object.defineProperty(this, "clicks", { enumerable: !0, configurable: !0, writable: !0, value: 0 }), Object.defineProperty(this, "trackingPoints", { enumerable: !0, configurable: !0, writable: !0, value: [] }), Object.defineProperty(this, "pwt", { enumerable: !0, configurable: !0, writable: !0, value: 0 }), Object.defineProperty(this, "cwd", { enumerable: !0, configurable: !0, writable: !0, value: 0 }), Object.defineProperty(this, "pmme", { enumerable: !0, configurable: !0, writable: !0, value: void 0 }), Object.defineProperty(this, "friction", { enumerable: !0, configurable: !0, writable: !0, value: 0 }), Object.defineProperty(this, "state", { enumerable: !0, configurable: !0, writable: !0, value: m.Init }), Object.defineProperty(this, "isDragging", { enumerable: !0, configurable: !0, writable: !0, value: !1 }), Object.defineProperty(this, "container", { enumerable: !0, configurable: !0, writable: !0, value: void 0 }), Object.defineProperty(this, "content", { enumerable: !0, configurable: !0, writable: !0, value: void 0 }), Object.defineProperty(this, "spinner", { enumerable: !0, configurable: !0, writable: !0, value: null }), Object.defineProperty(this, "containerRect", { enumerable: !0, configurable: !0, writable: !0, value: { width: 0, height: 0, innerWidth: 0, innerHeight: 0 } }), Object.defineProperty(this, "contentRect", { enumerable: !0, configurable: !0, writable: !0, value: { top: 0, right: 0, bottom: 0, left: 0, fullWidth: 0, fullHeight: 0, fitWidth: 0, fitHeight: 0, width: 0, height: 0 } }), Object.defineProperty(this, "dragStart", { enumerable: !0, configurable: !0, writable: !0, value: { x: 0, y: 0, top: 0, left: 0, time: 0 } }), Object.defineProperty(this, "dragOffset", { enumerable: !0, configurable: !0, writable: !0, value: { x: 0, y: 0, time: 0 } }), Object.defineProperty(this, "current", { enumerable: !0, configurable: !0, writable: !0, value: Object.assign({}, C) }), Object.defineProperty(this, "target", { enumerable: !0, configurable: !0, writable: !0, value: Object.assign({}, C) }), Object.defineProperty(this, "velocity", { enumerable: !0, configurable: !0, writable: !0, value: { a: 0, b: 0, c: 0, d: 0, e: 0, f: 0 } }), Object.defineProperty(this, "lockedAxis", { enumerable: !0, configurable: !0, writable: !0, value: !1 }), !_e) throw new Error("Container Element Not Found");
|
|
1489
1489
|
this.container = _e, this.initContent(), this.attachPlugins(Object.assign(Object.assign({}, I.Plugins), De)), this.emit("attachPlugins"), this.emit("init");
|
|
1490
|
-
const
|
|
1491
|
-
if (
|
|
1490
|
+
const Re = this.content;
|
|
1491
|
+
if (Re.addEventListener("load", this.onLoad), Re.addEventListener("error", this.onError), this.isContentLoading) {
|
|
1492
1492
|
if (this.option("spinner")) {
|
|
1493
1493
|
_e.classList.add(this.cn("isLoading"));
|
|
1494
1494
|
const Be = n(x);
|
|
1495
|
-
!_e.contains(
|
|
1495
|
+
!_e.contains(Re) || Re.parentElement instanceof HTMLPictureElement ? this.spinner = _e.appendChild(Be) : this.spinner = (($e = Re.parentElement) === null || $e === void 0 ? void 0 : $e.insertBefore(Be, Re)) || null;
|
|
1496
1496
|
}
|
|
1497
1497
|
this.emit("beforeLoad");
|
|
1498
1498
|
} else queueMicrotask(() => {
|
|
@@ -1513,20 +1513,20 @@ class I extends g {
|
|
|
1513
1513
|
this.state !== m.Destroy && (this.spinner && (this.spinner.remove(), this.spinner = null), this.stop(), this.detachEvents(), this.state = m.Error, this.emit("error"));
|
|
1514
1514
|
}
|
|
1515
1515
|
getNextScale(_e) {
|
|
1516
|
-
const { fullScale: ke, targetScale: De, coverScale:
|
|
1516
|
+
const { fullScale: ke, targetScale: De, coverScale: $e, maxScale: Re, minScale: Be } = this;
|
|
1517
1517
|
let Le = Be;
|
|
1518
1518
|
switch (_e) {
|
|
1519
1519
|
case "toggleMax":
|
|
1520
|
-
Le = De - Be < 0.5 * (
|
|
1520
|
+
Le = De - Be < 0.5 * (Re - Be) ? Re : Be;
|
|
1521
1521
|
break;
|
|
1522
1522
|
case "toggleCover":
|
|
1523
|
-
Le = De - Be < 0.5 * (
|
|
1523
|
+
Le = De - Be < 0.5 * ($e - Be) ? $e : Be;
|
|
1524
1524
|
break;
|
|
1525
1525
|
case "toggleZoom":
|
|
1526
1526
|
Le = De - Be < 0.5 * (ke - Be) ? ke : Be;
|
|
1527
1527
|
break;
|
|
1528
1528
|
case "iterateZoom":
|
|
1529
|
-
let ze = [1, ke,
|
|
1529
|
+
let ze = [1, ke, Re].sort((Ie, je) => Ie - je), Ae = ze.findIndex((Ie) => Ie > De + 1e-5);
|
|
1530
1530
|
Le = ze[Ae] || 1;
|
|
1531
1531
|
}
|
|
1532
1532
|
return Le;
|
|
@@ -1534,8 +1534,8 @@ class I extends g {
|
|
|
1534
1534
|
attachObserver() {
|
|
1535
1535
|
var _e;
|
|
1536
1536
|
const ke = () => {
|
|
1537
|
-
const { container: De, containerRect:
|
|
1538
|
-
return Math.abs(
|
|
1537
|
+
const { container: De, containerRect: $e } = this;
|
|
1538
|
+
return Math.abs($e.width - De.getBoundingClientRect().width) > 0.1 || Math.abs($e.height - De.getBoundingClientRect().height) > 0.1;
|
|
1539
1539
|
};
|
|
1540
1540
|
this.resizeObserver || window.ResizeObserver === void 0 || (this.resizeObserver = new ResizeObserver(() => {
|
|
1541
1541
|
this.updateTimer || (ke() ? (this.onResize(), this.isMobile && (this.updateTimer = setTimeout(() => {
|
|
@@ -1566,28 +1566,28 @@ class I extends g {
|
|
|
1566
1566
|
for (const _e of v) _e === "e" && this.isBouncingX || _e === "f" && this.isBouncingY || (this.velocity[_e] = (1 / (1 - this.friction) - 1) * (this.target[_e] - this.current[_e]));
|
|
1567
1567
|
}
|
|
1568
1568
|
checkBounds(_e = 0, ke = 0) {
|
|
1569
|
-
const { current: De } = this,
|
|
1569
|
+
const { current: De } = this, $e = De.e + _e, Re = De.f + ke, Be = this.getBounds(), { x: Le, y: ze } = Be, Ae = Le.min, Ie = Le.max, je = ze.min, Fe = ze.max;
|
|
1570
1570
|
let Ve = 0, He = 0;
|
|
1571
|
-
return Ae !== 1 / 0 &&
|
|
1571
|
+
return Ae !== 1 / 0 && $e < Ae ? Ve = Ae - $e : Ie !== 1 / 0 && $e > Ie && (Ve = Ie - $e), je !== 1 / 0 && Re < je ? He = je - Re : Fe !== 1 / 0 && Re > Fe && (He = Fe - Re), Math.abs(Ve) < 1e-4 && (Ve = 0), Math.abs(He) < 1e-4 && (He = 0), Object.assign(Object.assign({}, Be), { xDiff: Ve, yDiff: He, inBounds: !Ve && !He });
|
|
1572
1572
|
}
|
|
1573
1573
|
clampTargetBounds() {
|
|
1574
1574
|
const { target: _e } = this, { x: ke, y: De } = this.getBounds();
|
|
1575
1575
|
ke.min !== 1 / 0 && (_e.e = Math.max(_e.e, ke.min)), ke.max !== 1 / 0 && (_e.e = Math.min(_e.e, ke.max)), De.min !== 1 / 0 && (_e.f = Math.max(_e.f, De.min)), De.max !== 1 / 0 && (_e.f = Math.min(_e.f, De.max));
|
|
1576
1576
|
}
|
|
1577
1577
|
calculateContentDim(_e = this.current) {
|
|
1578
|
-
const { content: ke, contentRect: De } = this, { fitWidth:
|
|
1578
|
+
const { content: ke, contentRect: De } = this, { fitWidth: $e, fitHeight: Re, fullWidth: Be, fullHeight: Le } = De;
|
|
1579
1579
|
let ze = Be, Ae = Le;
|
|
1580
1580
|
if (this.option("zoom") || this.angle !== 0) {
|
|
1581
|
-
const Ie = !(ke instanceof HTMLImageElement) && (window.getComputedStyle(ke).maxWidth === "none" || window.getComputedStyle(ke).maxHeight === "none"), je = Ie ? Be :
|
|
1581
|
+
const Ie = !(ke instanceof HTMLImageElement) && (window.getComputedStyle(ke).maxWidth === "none" || window.getComputedStyle(ke).maxHeight === "none"), je = Ie ? Be : $e, Fe = Ie ? Le : Re, Ve = this.getMatrix(_e), He = new DOMPoint(0, 0).matrixTransform(Ve), qe = new DOMPoint(0 + je, 0).matrixTransform(Ve), Xe = new DOMPoint(0 + je, 0 + Fe).matrixTransform(Ve), We = new DOMPoint(0, 0 + Fe).matrixTransform(Ve), Ze = Math.abs(Xe.x - He.x), Ge = Math.abs(Xe.y - He.y), Ye = Math.abs(We.x - qe.x), Ue = Math.abs(We.y - qe.y);
|
|
1582
1582
|
ze = Math.max(Ze, Ye), Ae = Math.max(Ge, Ue);
|
|
1583
1583
|
}
|
|
1584
1584
|
return { contentWidth: ze, contentHeight: Ae };
|
|
1585
1585
|
}
|
|
1586
1586
|
setEdgeForce() {
|
|
1587
1587
|
if (this.ignoreBounds || this.isDragging || this.panMode === O || this.targetScale < this.scale) return this.isBouncingX = !1, void (this.isBouncingY = !1);
|
|
1588
|
-
const { target: _e } = this, { x: ke, y: De, xDiff:
|
|
1588
|
+
const { target: _e } = this, { x: ke, y: De, xDiff: $e, yDiff: Re } = this.checkBounds(), Be = this.option("maxVelocity");
|
|
1589
1589
|
let Le = this.velocity.e, ze = this.velocity.f;
|
|
1590
|
-
|
|
1590
|
+
$e !== 0 ? (this.isBouncingX = !0, $e * Le <= 0 ? Le += 0.14 * $e : (Le = 0.14 * $e, ke.min !== 1 / 0 && (this.target.e = Math.max(_e.e, ke.min)), ke.max !== 1 / 0 && (this.target.e = Math.min(_e.e, ke.max))), Be && (Le = Math.max(Math.min(Le, Be), -1 * Be))) : this.isBouncingX = !1, Re !== 0 ? (this.isBouncingY = !0, Re * ze <= 0 ? ze += 0.14 * Re : (ze = 0.14 * Re, De.min !== 1 / 0 && (this.target.f = Math.max(_e.f, De.min)), De.max !== 1 / 0 && (this.target.f = Math.min(_e.f, De.max))), Be && (ze = Math.max(Math.min(ze, Be), -1 * Be))) : this.isBouncingY = !1, this.isBouncingX && (this.velocity.e = Le), this.isBouncingY && (this.velocity.f = ze);
|
|
1591
1591
|
}
|
|
1592
1592
|
enable() {
|
|
1593
1593
|
const { content: _e } = this, ke = new DOMMatrixReadOnly(window.getComputedStyle(_e).transform);
|
|
@@ -1604,7 +1604,7 @@ class I extends g {
|
|
|
1604
1604
|
const Ve = window.getSelection();
|
|
1605
1605
|
return Ve && Ve.type === "Range";
|
|
1606
1606
|
})() && !De.closest("button")) return;
|
|
1607
|
-
const
|
|
1607
|
+
const $e = De.closest("[data-panzoom-action]"), Re = De.closest("[data-panzoom-change]"), Be = $e || Re, Le = Be && E(Be) ? Be.dataset : null;
|
|
1608
1608
|
if (Le) {
|
|
1609
1609
|
const Ve = Le.panzoomChange, He = Le.panzoomAction;
|
|
1610
1610
|
if ((Ve || He) && _e.preventDefault(), Ve) {
|
|
@@ -1635,16 +1635,16 @@ class I extends g {
|
|
|
1635
1635
|
ke.push(_e), this.trackingPoints = ke;
|
|
1636
1636
|
}
|
|
1637
1637
|
onPointerDown(_e, ke, De) {
|
|
1638
|
-
var
|
|
1638
|
+
var $e;
|
|
1639
1639
|
if (this.option("touch", _e) === !1) return !1;
|
|
1640
1640
|
this.pwt = 0, this.dragOffset = { x: 0, y: 0, time: 0 }, this.trackingPoints = [];
|
|
1641
|
-
const
|
|
1642
|
-
if (this.dragStart = { x:
|
|
1641
|
+
const Re = this.content.getBoundingClientRect();
|
|
1642
|
+
if (this.dragStart = { x: Re.x, y: Re.y, top: Re.top, left: Re.left, time: Date.now() }, this.clickTimer) return !1;
|
|
1643
1643
|
if (this.panMode === O && this.targetScale > 1) return _e.preventDefault(), _e.stopPropagation(), !1;
|
|
1644
1644
|
const Be = _e.composedPath()[0];
|
|
1645
1645
|
if (!De.length) {
|
|
1646
1646
|
if (["TEXTAREA", "OPTION", "INPUT", "SELECT", "VIDEO", "IFRAME"].includes(Be.nodeName) || Be.closest("[contenteditable],[data-selectable],[data-draggable],[data-clickable],[data-panzoom-change],[data-panzoom-action]")) return !1;
|
|
1647
|
-
(
|
|
1647
|
+
($e = window.getSelection()) === null || $e === void 0 || $e.removeAllRanges();
|
|
1648
1648
|
}
|
|
1649
1649
|
if (_e.type === "mousedown") ["A", "BUTTON"].includes(Be.nodeName) || _e.preventDefault();
|
|
1650
1650
|
else if (Math.abs(this.velocity.a) > 0.3) return !1;
|
|
@@ -1653,14 +1653,14 @@ class I extends g {
|
|
|
1653
1653
|
onPointerMove(_e, ke, De) {
|
|
1654
1654
|
if (this.option("touch", _e) === !1 || !this.isDragging || ke.length < 2 && this.panOnlyZoomed && t(this.targetScale) <= t(this.minScale) || (this.emit("touchMove", _e), _e.defaultPrevented)) return;
|
|
1655
1655
|
this.addTrackingPoint(ke[0]);
|
|
1656
|
-
const { content:
|
|
1656
|
+
const { content: $e } = this, Re = h(De[0], De[1]), Be = h(ke[0], ke[1]);
|
|
1657
1657
|
let Le = 0, ze = 0;
|
|
1658
1658
|
if (ke.length > 1) {
|
|
1659
|
-
const Ge =
|
|
1660
|
-
Le =
|
|
1659
|
+
const Ge = $e.getBoundingClientRect();
|
|
1660
|
+
Le = Re.clientX - Ge.left - 0.5 * Ge.width, ze = Re.clientY - Ge.top - 0.5 * Ge.height;
|
|
1661
1661
|
}
|
|
1662
1662
|
const Ae = c(De[0], De[1]), Ie = c(ke[0], ke[1]);
|
|
1663
|
-
let je = Ae ? Ie / Ae : 1, Fe = Be.clientX -
|
|
1663
|
+
let je = Ae ? Ie / Ae : 1, Fe = Be.clientX - Re.clientX, Ve = Be.clientY - Re.clientY;
|
|
1664
1664
|
this.dragOffset.x += Fe, this.dragOffset.y += Ve, this.dragOffset.time = Date.now() - this.dragStart.time;
|
|
1665
1665
|
let He = t(this.targetScale) === t(this.minScale) && this.option("lockAxis");
|
|
1666
1666
|
if (He && !this.lockedAxis) if (He === "xy" || He === "y" || _e.type === "touchmove") {
|
|
@@ -1685,9 +1685,9 @@ class I extends g {
|
|
|
1685
1685
|
this.rAF && (cancelAnimationFrame(this.rAF), this.rAF = null), this.isBouncingX = !1, this.isBouncingY = !1;
|
|
1686
1686
|
for (const Ge of v) this.velocity[Ge] = 0;
|
|
1687
1687
|
this.target.e = this.current.e, this.target.f = this.current.f, S(this.container, "is-scaling"), S(this.container, "is-animating"), this.isTicking = !1;
|
|
1688
|
-
const { trackingPoints: De } = this,
|
|
1688
|
+
const { trackingPoints: De } = this, $e = De[0], Re = De[De.length - 1];
|
|
1689
1689
|
let Be = 0, Le = 0, ze = 0;
|
|
1690
|
-
|
|
1690
|
+
Re && $e && (Be = Re.clientX - $e.clientX, Le = Re.clientY - $e.clientY, ze = Re.time - $e.time);
|
|
1691
1691
|
const Ae = ((_e = window.visualViewport) === null || _e === void 0 ? void 0 : _e.scale) || 1;
|
|
1692
1692
|
Ae !== 1 && (Be *= Ae, Le *= Ae);
|
|
1693
1693
|
let Ie = 0, je = 0, Fe = 0, Ve = 0, He = this.option("decelFriction");
|
|
@@ -1702,13 +1702,13 @@ class I extends g {
|
|
|
1702
1702
|
Math.abs(Xe) < Ze && Math.abs(We) < Ze && (Ie = je = 0, Fe = Ve = 0), (this.option("zoom") && (qe < this.minScale - 1e-5 || qe > this.maxScale + 1e-5) || ke && !Ie && !je) && (He = 0.35), this.applyChange({ panX: Ie, panY: je, friction: He }), this.emit("decel", Fe, Ve, Xe, We);
|
|
1703
1703
|
}
|
|
1704
1704
|
onWheel(_e) {
|
|
1705
|
-
var ke = [-_e.deltaX || 0, -_e.deltaY || 0, -_e.detail || 0].reduce(function(
|
|
1706
|
-
return Math.abs(Be) > Math.abs(
|
|
1705
|
+
var ke = [-_e.deltaX || 0, -_e.deltaY || 0, -_e.detail || 0].reduce(function(Re, Be) {
|
|
1706
|
+
return Math.abs(Be) > Math.abs(Re) ? Be : Re;
|
|
1707
1707
|
});
|
|
1708
1708
|
const De = Math.max(-1, Math.min(1, ke));
|
|
1709
1709
|
if (this.emit("wheel", _e, De), this.panMode === O || _e.defaultPrevented) return;
|
|
1710
|
-
const
|
|
1711
|
-
|
|
1710
|
+
const $e = this.option("wheel");
|
|
1711
|
+
$e === "pan" ? (_e.preventDefault(), this.panOnlyZoomed && !this.canZoomOut() || this.applyChange({ panX: 2 * -_e.deltaX, panY: 2 * -_e.deltaY, bounce: !1 })) : $e === "zoom" && this.option("zoom") !== !1 && this.zoomWithWheel(_e);
|
|
1712
1712
|
}
|
|
1713
1713
|
onMouseMove(_e) {
|
|
1714
1714
|
this.panWithMouse(_e);
|
|
@@ -1721,39 +1721,39 @@ class I extends g {
|
|
|
1721
1721
|
}
|
|
1722
1722
|
setTransform() {
|
|
1723
1723
|
this.emit("beforeTransform");
|
|
1724
|
-
const { current: _e, target: ke, content: De, contentRect:
|
|
1724
|
+
const { current: _e, target: ke, content: De, contentRect: $e } = this, Re = Object.assign({}, C);
|
|
1725
1725
|
for (const Xe of v) {
|
|
1726
1726
|
const We = Xe == "e" || Xe === "f" ? M : T;
|
|
1727
|
-
|
|
1727
|
+
Re[Xe] = t(_e[Xe], We), Math.abs(ke[Xe] - _e[Xe]) < (Xe == "e" || Xe === "f" ? 0.51 : 1e-3) && (_e[Xe] = ke[Xe]);
|
|
1728
1728
|
}
|
|
1729
|
-
let { a: Be, b: Le, c: ze, d: Ae, e: Ie, f: je } =
|
|
1729
|
+
let { a: Be, b: Le, c: ze, d: Ae, e: Ie, f: je } = Re, Fe = `matrix(${Be}, ${Le}, ${ze}, ${Ae}, ${Ie}, ${je})`, Ve = De.parentElement instanceof HTMLPictureElement ? De.parentElement : De;
|
|
1730
1730
|
if (this.option("transformParent") && (Ve = Ve.parentElement || Ve), Ve.style.transform === Fe) return;
|
|
1731
1731
|
Ve.style.transform = Fe;
|
|
1732
1732
|
const { contentWidth: He, contentHeight: qe } = this.calculateContentDim();
|
|
1733
|
-
|
|
1733
|
+
$e.width = He, $e.height = qe, this.emit("afterTransform");
|
|
1734
1734
|
}
|
|
1735
1735
|
updateMetrics(_e = !1) {
|
|
1736
1736
|
var ke;
|
|
1737
1737
|
if (!this || this.state === m.Destroy || this.isContentLoading) return;
|
|
1738
|
-
const De = Math.max(1, ((ke = window.visualViewport) === null || ke === void 0 ? void 0 : ke.scale) || 1), { container:
|
|
1738
|
+
const De = Math.max(1, ((ke = window.visualViewport) === null || ke === void 0 ? void 0 : ke.scale) || 1), { container: $e, content: Re } = this, Be = Re instanceof HTMLImageElement, Le = $e.getBoundingClientRect(), ze = getComputedStyle(this.container);
|
|
1739
1739
|
let Ae = Le.width * De, Ie = Le.height * De;
|
|
1740
1740
|
const je = parseFloat(ze.paddingTop) + parseFloat(ze.paddingBottom), Fe = Ae - (parseFloat(ze.paddingLeft) + parseFloat(ze.paddingRight)), Ve = Ie - je;
|
|
1741
1741
|
this.containerRect = { width: Ae, height: Ie, innerWidth: Fe, innerHeight: Ve };
|
|
1742
|
-
const He = parseFloat(
|
|
1742
|
+
const He = parseFloat(Re.dataset.width || "") || ((oi) => {
|
|
1743
1743
|
let si = 0;
|
|
1744
1744
|
return si = oi instanceof HTMLImageElement ? oi.naturalWidth : oi instanceof SVGElement ? oi.width.baseVal.value : Math.max(oi.offsetWidth, oi.scrollWidth), si || 0;
|
|
1745
|
-
})(
|
|
1745
|
+
})(Re), qe = parseFloat(Re.dataset.height || "") || ((oi) => {
|
|
1746
1746
|
let si = 0;
|
|
1747
1747
|
return si = oi instanceof HTMLImageElement ? oi.naturalHeight : oi instanceof SVGElement ? oi.height.baseVal.value : Math.max(oi.offsetHeight, oi.scrollHeight), si || 0;
|
|
1748
|
-
})(
|
|
1748
|
+
})(Re);
|
|
1749
1749
|
let Xe = this.option("width", He) || z, We = this.option("height", qe) || z;
|
|
1750
1750
|
const Ze = Xe === z, Ge = We === z;
|
|
1751
1751
|
typeof Xe != "number" && (Xe = He), typeof We != "number" && (We = qe), Ze && (Xe = He * (We / qe)), Ge && (We = qe / (He / Xe));
|
|
1752
|
-
let Ye =
|
|
1752
|
+
let Ye = Re.parentElement instanceof HTMLPictureElement ? Re.parentElement : Re;
|
|
1753
1753
|
this.option("transformParent") && (Ye = Ye.parentElement || Ye);
|
|
1754
1754
|
const Ue = Ye.getAttribute("style") || "";
|
|
1755
1755
|
Ye.style.setProperty("transform", "none", "important"), Be && (Ye.style.width = "", Ye.style.height = ""), Ye.offsetHeight;
|
|
1756
|
-
const Qe =
|
|
1756
|
+
const Qe = Re.getBoundingClientRect();
|
|
1757
1757
|
let Je = Qe.width * De, Ke = Qe.height * De, ei = Je, ii = Ke;
|
|
1758
1758
|
Je = Math.min(Je, Xe), Ke = Math.min(Ke, We), Be ? { width: Je, height: Ke } = ((oi, si, ri, ai) => {
|
|
1759
1759
|
const li = ri / oi, hi = ai / si, di = Math.min(li, hi);
|
|
@@ -1763,18 +1763,18 @@ class I extends g {
|
|
|
1763
1763
|
this.contentRect = Object.assign(Object.assign({}, this.contentRect), { top: Qe.top - Le.top + ti, bottom: Le.bottom - Qe.bottom + ti, left: Qe.left - Le.left + ni, right: Le.right - Qe.right + ni, fitWidth: Je, fitHeight: Ke, width: Je, height: Ke, fullWidth: Xe, fullHeight: We }), Ye.style.cssText = Ue, Be && (Ye.style.width = `${Je}px`, Ye.style.height = `${Ke}px`), this.setTransform(), _e !== !0 && this.emit("refresh"), this.ignoreBounds || (t(this.targetScale) < t(this.minScale) ? this.zoomTo(this.minScale, { friction: 0 }) : this.targetScale > this.maxScale ? this.zoomTo(this.maxScale, { friction: 0 }) : this.state === m.Init || this.checkBounds().inBounds || this.requestTick()), this.updateControls();
|
|
1764
1764
|
}
|
|
1765
1765
|
calculateBounds() {
|
|
1766
|
-
const { contentWidth: _e, contentHeight: ke } = this.calculateContentDim(this.target), { targetScale: De, lockedAxis:
|
|
1766
|
+
const { contentWidth: _e, contentHeight: ke } = this.calculateContentDim(this.target), { targetScale: De, lockedAxis: $e } = this, { fitWidth: Re, fitHeight: Be } = this.contentRect;
|
|
1767
1767
|
let Le = 0, ze = 0, Ae = 0, Ie = 0;
|
|
1768
1768
|
const je = this.option("infinite");
|
|
1769
|
-
if (je === !0 ||
|
|
1769
|
+
if (je === !0 || $e && je === $e) Le = -1 / 0, Ae = 1 / 0, ze = -1 / 0, Ie = 1 / 0;
|
|
1770
1770
|
else {
|
|
1771
|
-
let { containerRect: Fe, contentRect: Ve } = this, He = t(
|
|
1771
|
+
let { containerRect: Fe, contentRect: Ve } = this, He = t(Re * De, M), qe = t(Be * De, M), { innerWidth: Xe, innerHeight: We } = Fe;
|
|
1772
1772
|
if (Fe.width === He && (Xe = Fe.width), Fe.width === qe && (We = Fe.height), _e > Xe) {
|
|
1773
1773
|
Ae = 0.5 * (_e - Xe), Le = -1 * Ae;
|
|
1774
1774
|
let Ze = 0.5 * (Ve.right - Ve.left);
|
|
1775
1775
|
Le += Ze, Ae += Ze;
|
|
1776
1776
|
}
|
|
1777
|
-
if (
|
|
1777
|
+
if (Re > Xe && _e < Xe && (Le -= 0.5 * (Re - Xe), Ae -= 0.5 * (Re - Xe)), ke > We) {
|
|
1778
1778
|
Ie = 0.5 * (ke - We), ze = -1 * Ie;
|
|
1779
1779
|
let Ze = 0.5 * (Ve.bottom - Ve.top);
|
|
1780
1780
|
ze += Ze, Ie += Ze;
|
|
@@ -1788,12 +1788,12 @@ class I extends g {
|
|
|
1788
1788
|
return _e !== z ? _e : this.calculateBounds();
|
|
1789
1789
|
}
|
|
1790
1790
|
updateControls() {
|
|
1791
|
-
const _e = this, ke = _e.container, { panMode: De, contentRect:
|
|
1791
|
+
const _e = this, ke = _e.container, { panMode: De, contentRect: $e, targetScale: Re, minScale: Be } = _e;
|
|
1792
1792
|
let Le = Be, ze = _e.option("click") || !1;
|
|
1793
1793
|
ze && (Le = _e.getNextScale(ze));
|
|
1794
1794
|
let Ae = _e.canZoomIn(), Ie = _e.canZoomOut(), je = De === A && !!this.option("touch"), Fe = Ie && je;
|
|
1795
|
-
if (je && (t(
|
|
1796
|
-
let Ve = Ae && t(Le) > t(
|
|
1795
|
+
if (je && (t(Re) < t(Be) && !this.panOnlyZoomed && (Fe = !0), (t($e.width, 1) > t($e.fitWidth, 1) || t($e.height, 1) > t($e.fitHeight, 1)) && (Fe = !0)), t($e.width * Re, 1) < t($e.fitWidth, 1) && (Fe = !1), De === O && (Fe = !1), o(ke, this.cn("isDraggable"), Fe), !this.option("zoom")) return;
|
|
1796
|
+
let Ve = Ae && t(Le) > t(Re), He = !Ve && !Fe && Ie && t(Le) < t(Re);
|
|
1797
1797
|
o(ke, this.cn("canZoomIn"), Ve), o(ke, this.cn("canZoomOut"), He);
|
|
1798
1798
|
for (const qe of ke.querySelectorAll("[data-panzoom-action]")) {
|
|
1799
1799
|
let Xe = !1, We = !1;
|
|
@@ -1813,15 +1813,15 @@ class I extends g {
|
|
|
1813
1813
|
Xe ? (qe.removeAttribute("disabled"), qe.removeAttribute("tabindex")) : We && (qe.setAttribute("disabled", ""), qe.setAttribute("tabindex", "-1"));
|
|
1814
1814
|
}
|
|
1815
1815
|
}
|
|
1816
|
-
panTo({ x: _e = this.target.e, y: ke = this.target.f, scale: De = this.targetScale, friction:
|
|
1817
|
-
this.state !== m.Destroy && this.applyChange({ panX: _e - this.target.e, panY: ke - this.target.f, scale: De / this.targetScale, angle:
|
|
1816
|
+
panTo({ x: _e = this.target.e, y: ke = this.target.f, scale: De = this.targetScale, friction: $e = this.option("friction"), angle: Re = 0, originX: Be = 0, originY: Le = 0, flipX: ze = !1, flipY: Ae = !1, ignoreBounds: Ie = !1 }) {
|
|
1817
|
+
this.state !== m.Destroy && this.applyChange({ panX: _e - this.target.e, panY: ke - this.target.f, scale: De / this.targetScale, angle: Re, originX: Be, originY: Le, friction: $e, flipX: ze, flipY: Ae, ignoreBounds: Ie });
|
|
1818
1818
|
}
|
|
1819
|
-
applyChange({ panX: _e = 0, panY: ke = 0, scale: De = 1, angle:
|
|
1819
|
+
applyChange({ panX: _e = 0, panY: ke = 0, scale: De = 1, angle: $e = 0, originX: Re = -this.current.e, originY: Be = -this.current.f, friction: Le = this.option("friction"), flipX: ze = !1, flipY: Ae = !1, ignoreBounds: Ie = !1, bounce: je = this.option("bounce") }) {
|
|
1820
1820
|
const Fe = this.state;
|
|
1821
1821
|
if (Fe === m.Destroy) return;
|
|
1822
1822
|
this.rAF && (cancelAnimationFrame(this.rAF), this.rAF = null), this.friction = Le || 0, this.ignoreBounds = Ie;
|
|
1823
1823
|
const { current: Ve } = this, He = Ve.e, qe = Ve.f, Xe = this.getMatrix(this.target);
|
|
1824
|
-
let We = new DOMMatrix().translate(He, qe).translate(
|
|
1824
|
+
let We = new DOMMatrix().translate(He, qe).translate(Re, Be).translate(_e, ke);
|
|
1825
1825
|
if (this.option("zoom")) {
|
|
1826
1826
|
if (!Ie) {
|
|
1827
1827
|
const Ze = this.targetScale, Ge = this.minScale, Ye = this.maxScale;
|
|
@@ -1829,7 +1829,7 @@ class I extends g {
|
|
|
1829
1829
|
}
|
|
1830
1830
|
We = We.scale(De);
|
|
1831
1831
|
}
|
|
1832
|
-
We = We.translate(
|
|
1832
|
+
We = We.translate(-Re, -Be).translate(-He, -qe).multiply(Xe), $e && (We = We.rotate($e)), ze && (We = We.scale(-1, 1)), Ae && (We = We.scale(1, -1));
|
|
1833
1833
|
for (const Ze of v) Ze !== "e" && Ze !== "f" && (We[Ze] > this.minScale + 1e-5 || We[Ze] < this.minScale - 1e-5) ? this.target[Ze] = We[Ze] : this.target[Ze] = t(We[Ze], M);
|
|
1834
1834
|
(this.targetScale < this.scale || Math.abs(De - 1) > 0.1 || this.panMode === O || je === !1) && !Ie && this.clampTargetBounds(), Fe === m.Init ? this.animate() : this.isResting || (this.state = m.Panning, this.requestTick());
|
|
1835
1835
|
}
|
|
@@ -1846,14 +1846,14 @@ class I extends g {
|
|
|
1846
1846
|
panWithMouse(_e, ke = this.option("mouseMoveFriction")) {
|
|
1847
1847
|
if (this.pmme = _e, this.panMode !== O || !_e || t(this.targetScale) <= t(this.minScale)) return;
|
|
1848
1848
|
this.emit("mouseMove", _e);
|
|
1849
|
-
const { container: De, containerRect:
|
|
1849
|
+
const { container: De, containerRect: $e, contentRect: Re } = this, Be = $e.width, Le = $e.height, ze = De.getBoundingClientRect(), Ae = (_e.clientX || 0) - ze.left, Ie = (_e.clientY || 0) - ze.top;
|
|
1850
1850
|
let { contentWidth: je, contentHeight: Fe } = this.calculateContentDim(this.target);
|
|
1851
1851
|
const Ve = this.option("mouseMoveFactor");
|
|
1852
1852
|
Ve > 1 && (je !== Be && (je *= Ve), Fe !== Le && (Fe *= Ve));
|
|
1853
1853
|
let He = 0.5 * (je - Be) - Ae / Be * 100 / 100 * (je - Be);
|
|
1854
|
-
He += 0.5 * (
|
|
1854
|
+
He += 0.5 * (Re.right - Re.left);
|
|
1855
1855
|
let qe = 0.5 * (Fe - Le) - Ie / Le * 100 / 100 * (Fe - Le);
|
|
1856
|
-
qe += 0.5 * (
|
|
1856
|
+
qe += 0.5 * (Re.bottom - Re.top), this.applyChange({ panX: He - this.target.e, panY: qe - this.target.f, friction: ke });
|
|
1857
1857
|
}
|
|
1858
1858
|
zoomWithWheel(_e) {
|
|
1859
1859
|
if (this.state === m.Destroy || this.state === m.Init) return;
|
|
@@ -1863,9 +1863,9 @@ class I extends g {
|
|
|
1863
1863
|
var De = [-_e.deltaX || 0, -_e.deltaY || 0, -_e.detail || 0].reduce(function(Ae, Ie) {
|
|
1864
1864
|
return Math.abs(Ie) > Math.abs(Ae) ? Ie : Ae;
|
|
1865
1865
|
});
|
|
1866
|
-
const
|
|
1867
|
-
let ze =
|
|
1868
|
-
t(ze) < t(Le) && t(
|
|
1866
|
+
const $e = Math.max(-1, Math.min(1, De)), { targetScale: Re, maxScale: Be, minScale: Le } = this;
|
|
1867
|
+
let ze = Re * (100 + 45 * $e) / 100;
|
|
1868
|
+
t(ze) < t(Le) && t(Re) <= t(Le) ? (this.cwd += Math.abs($e), ze = Le) : t(ze) > t(Be) && t(Re) >= t(Be) ? (this.cwd += Math.abs($e), ze = Be) : (this.cwd = 0, ze = Math.max(Math.min(ze, Be), Le)), this.cwd > this.option("wheelLimit") || (_e.preventDefault(), t(ze) !== t(Re) && this.zoomTo(ze, { event: _e }));
|
|
1869
1869
|
}
|
|
1870
1870
|
canZoomIn() {
|
|
1871
1871
|
return this.option("zoom") && (t(this.contentRect.width, 1) < t(this.contentRect.fitWidth, 1) || t(this.targetScale) < t(this.maxScale));
|
|
@@ -1903,15 +1903,15 @@ class I extends g {
|
|
|
1903
1903
|
iterateZoom(_e) {
|
|
1904
1904
|
this.zoomTo("next", _e);
|
|
1905
1905
|
}
|
|
1906
|
-
zoomTo(_e = 1, { friction: ke = z, originX: De = z, originY:
|
|
1906
|
+
zoomTo(_e = 1, { friction: ke = z, originX: De = z, originY: $e = z, event: Re } = {}) {
|
|
1907
1907
|
if (this.isContentLoading || this.state === m.Destroy) return;
|
|
1908
1908
|
const { targetScale: Be, fullScale: Le, maxScale: ze, coverScale: Ae } = this;
|
|
1909
|
-
if (this.stop(), this.panMode === O && (
|
|
1910
|
-
const je = this.content.getBoundingClientRect(), Fe = this.container.getBoundingClientRect(), Ve =
|
|
1911
|
-
De = Ve - je.left - 0.5 * je.width,
|
|
1909
|
+
if (this.stop(), this.panMode === O && (Re = this.pmme || Re), Re || De === z || $e === z) {
|
|
1910
|
+
const je = this.content.getBoundingClientRect(), Fe = this.container.getBoundingClientRect(), Ve = Re ? Re.clientX : Fe.left + 0.5 * Fe.width, He = Re ? Re.clientY : Fe.top + 0.5 * Fe.height;
|
|
1911
|
+
De = Ve - je.left - 0.5 * je.width, $e = He - je.top - 0.5 * je.height;
|
|
1912
1912
|
}
|
|
1913
1913
|
let Ie = 1;
|
|
1914
|
-
typeof _e == "number" ? Ie = _e : _e === "full" ? Ie = Le : _e === "cover" ? Ie = Ae : _e === "max" ? Ie = ze : _e === "fit" ? Ie = 1 : _e === "next" && (Ie = this.getNextScale("iterateZoom")), Ie = Ie / Be || 1, ke = ke === z ? Ie > 1 ? 0.15 : 0.25 : ke, this.applyChange({ scale: Ie, originX: De, originY:
|
|
1914
|
+
typeof _e == "number" ? Ie = _e : _e === "full" ? Ie = Le : _e === "cover" ? Ie = Ae : _e === "max" ? Ie = ze : _e === "fit" ? Ie = 1 : _e === "next" && (Ie = this.getNextScale("iterateZoom")), Ie = Ie / Be || 1, ke = ke === z ? Ie > 1 ? 0.15 : 0.25 : ke, this.applyChange({ scale: Ie, originX: De, originY: $e, friction: ke }), Re && this.panMode === O && this.panWithMouse(Re, ke);
|
|
1915
1915
|
}
|
|
1916
1916
|
rotateCCW() {
|
|
1917
1917
|
this.applyChange({ angle: -90 });
|
|
@@ -1938,12 +1938,12 @@ class I extends g {
|
|
|
1938
1938
|
toggleFS() {
|
|
1939
1939
|
const { container: _e } = this, ke = this.cn("inFullscreen"), De = this.cn("htmlHasFullscreen");
|
|
1940
1940
|
_e.classList.toggle(ke);
|
|
1941
|
-
const
|
|
1942
|
-
|
|
1941
|
+
const $e = _e.classList.contains(ke);
|
|
1942
|
+
$e ? (document.documentElement.classList.add(De), document.addEventListener("keydown", this.onKeydown, !0)) : (document.documentElement.classList.remove(De), document.removeEventListener("keydown", this.onKeydown, !0)), this.updateMetrics(), this.emit($e ? "enterFS" : "exitFS");
|
|
1943
1943
|
}
|
|
1944
1944
|
getMatrix(_e = this.current) {
|
|
1945
|
-
const { a: ke, b: De, c:
|
|
1946
|
-
return new DOMMatrix([ke, De,
|
|
1945
|
+
const { a: ke, b: De, c: $e, d: Re, e: Be, f: Le } = _e;
|
|
1946
|
+
return new DOMMatrix([ke, De, $e, Re, Be, Le]);
|
|
1947
1947
|
}
|
|
1948
1948
|
reset(_e) {
|
|
1949
1949
|
if (this.state !== m.Init && this.state !== m.Destroy) {
|
|
@@ -1955,7 +1955,7 @@ class I extends g {
|
|
|
1955
1955
|
destroy() {
|
|
1956
1956
|
this.stop(), this.state = m.Destroy, this.detachEvents(), this.detachObserver();
|
|
1957
1957
|
const { container: _e, content: ke } = this, De = this.option("classes") || {};
|
|
1958
|
-
for (const
|
|
1958
|
+
for (const $e of Object.values(De)) _e.classList.remove($e + "");
|
|
1959
1959
|
ke && (ke.removeEventListener("load", this.onLoad), ke.removeEventListener("error", this.onError)), this.detachPlugins();
|
|
1960
1960
|
}
|
|
1961
1961
|
}
|
|
@@ -2013,9 +2013,9 @@ class W extends _ {
|
|
|
2013
2013
|
}
|
|
2014
2014
|
refresh() {
|
|
2015
2015
|
var _e;
|
|
2016
|
-
const ke = this.instance.pages.length, De = Math.min(2, this.option("minCount")),
|
|
2017
|
-
if (ke < De || ke >
|
|
2018
|
-
const Be = typeof
|
|
2016
|
+
const ke = this.instance.pages.length, De = Math.min(2, this.option("minCount")), $e = Math.max(2e3, this.option("maxCount")), Re = this.option("dynamicFrom");
|
|
2017
|
+
if (ke < De || ke > $e) return void this.cleanup();
|
|
2018
|
+
const Be = typeof Re == "number" && ke > 5 && ke >= Re, Le = !this.list || this.isDynamic !== Be || this.list.children.length !== ke;
|
|
2019
2019
|
Le && this.cleanup();
|
|
2020
2020
|
const ze = this.build();
|
|
2021
2021
|
if (o(ze, this.cn("isDynamic"), !!Be), Le) for (let je = 0; je < ke; je++) ze.append(this.createItem(je));
|
|
@@ -2038,8 +2038,8 @@ class W extends _ {
|
|
|
2038
2038
|
var ke;
|
|
2039
2039
|
const De = document.createElement("li");
|
|
2040
2040
|
De.setAttribute("role", "presentation");
|
|
2041
|
-
const
|
|
2042
|
-
return De.appendChild(
|
|
2041
|
+
const $e = n(this.instance.localize(this.option("dotTpl"), [["%d", _e + 1]]).replace(/\%i/g, _e + ""));
|
|
2042
|
+
return De.appendChild($e), (ke = De.children[0]) === null || ke === void 0 || ke.setAttribute("role", "tab"), De;
|
|
2043
2043
|
}
|
|
2044
2044
|
cleanup() {
|
|
2045
2045
|
this.list && (this.list.remove(), this.list = null), this.isDynamic = !1, S(this.instance.container, this.cn("hasDots"));
|
|
@@ -2061,21 +2061,21 @@ class V extends _ {
|
|
|
2061
2061
|
const _e = this.instance, ke = _e.pages.length, De = _e.page;
|
|
2062
2062
|
if (ke < 2) return void this.cleanup();
|
|
2063
2063
|
this.build();
|
|
2064
|
-
let
|
|
2065
|
-
|
|
2064
|
+
let $e = this.prev, Re = this.next;
|
|
2065
|
+
$e && Re && ($e.removeAttribute(X), Re.removeAttribute(X), _e.isInfinite || (De <= 0 && $e.setAttribute(X, ""), De >= ke - 1 && Re.setAttribute(X, "")));
|
|
2066
2066
|
}
|
|
2067
2067
|
addBtn(_e) {
|
|
2068
2068
|
var ke;
|
|
2069
|
-
const De = this.instance,
|
|
2070
|
-
|
|
2071
|
-
const
|
|
2069
|
+
const De = this.instance, $e = document.createElement("button");
|
|
2070
|
+
$e.setAttribute("tabindex", "0"), $e.setAttribute("title", De.localize(`{{${_e.toUpperCase()}}}`)), P($e, this.cn("button") + " " + this.cn(_e === q ? "isNext" : "isPrev"));
|
|
2071
|
+
const Re = De.isRTL ? _e === q ? Y : q : _e;
|
|
2072
2072
|
var Be;
|
|
2073
|
-
return
|
|
2073
|
+
return $e.innerHTML = De.localize(this.option(`${Re}Tpl`)), $e.dataset[`carousel${Be = _e, Be ? Be.match("^[a-z]") ? Be.charAt(0).toUpperCase() + Be.substring(1) : Be : ""}`] = "true", (ke = this.container) === null || ke === void 0 || ke.appendChild($e), $e;
|
|
2074
2074
|
}
|
|
2075
2075
|
build() {
|
|
2076
2076
|
const _e = this.instance.container, ke = this.cn("container");
|
|
2077
|
-
let { container: De, prev:
|
|
2078
|
-
De || (De = _e.querySelector("." + ke), this.isDom = !!De), De || (De = document.createElement("div"), P(De, ke), _e.appendChild(De)), this.container = De,
|
|
2077
|
+
let { container: De, prev: $e, next: Re } = this;
|
|
2078
|
+
De || (De = _e.querySelector("." + ke), this.isDom = !!De), De || (De = document.createElement("div"), P(De, ke), _e.appendChild(De)), this.container = De, Re || (Re = De.querySelector("[data-carousel-next]")), Re || (Re = this.addBtn(q)), this.next = Re, $e || ($e = De.querySelector("[data-carousel-prev]")), $e || ($e = this.addBtn(Y)), this.prev = $e;
|
|
2079
2079
|
}
|
|
2080
2080
|
cleanup() {
|
|
2081
2081
|
this.isDom || (this.prev && this.prev.remove(), this.next && this.next.remove(), this.container && this.container.remove()), this.prev = null, this.next = null, this.container = null, this.isDom = !1;
|
|
@@ -2112,24 +2112,24 @@ class Z extends _ {
|
|
|
2112
2112
|
this.onNavTouch(_e, _e.panzoom, De);
|
|
2113
2113
|
}
|
|
2114
2114
|
onNavTouch(_e, ke, De) {
|
|
2115
|
-
var
|
|
2115
|
+
var $e, Re;
|
|
2116
2116
|
if (Math.abs(ke.dragOffset.x) > 3 || Math.abs(ke.dragOffset.y) > 3) return;
|
|
2117
2117
|
const Be = De.target, { nav: Le, target: ze } = this;
|
|
2118
2118
|
if (!Le || !ze || !Be) return;
|
|
2119
2119
|
const Ae = Be.closest("[data-index]");
|
|
2120
2120
|
if (De.stopPropagation(), De.preventDefault(), !Ae) return;
|
|
2121
2121
|
const Ie = parseInt(Ae.dataset.index || "", 10) || 0, je = ze.getPageForSlide(Ie), Fe = Le.getPageForSlide(Ie);
|
|
2122
|
-
Le.slideTo(Fe), ze.slideTo(je, { friction: ((
|
|
2122
|
+
Le.slideTo(Fe), ze.slideTo(je, { friction: ((Re = ($e = this.nav) === null || $e === void 0 ? void 0 : $e.plugins) === null || Re === void 0 ? void 0 : Re.Sync.option("friction")) || 0 }), this.markSelectedSlide(Ie);
|
|
2123
2123
|
}
|
|
2124
2124
|
onNavCreateSlide(_e, ke) {
|
|
2125
2125
|
ke.index === this.selectedIndex && this.markSelectedSlide(ke.index);
|
|
2126
2126
|
}
|
|
2127
2127
|
onTargetChange() {
|
|
2128
2128
|
var _e, ke;
|
|
2129
|
-
const { target: De, nav:
|
|
2130
|
-
if (!De ||
|
|
2131
|
-
const
|
|
2132
|
-
this.markSelectedSlide(
|
|
2129
|
+
const { target: De, nav: $e } = this;
|
|
2130
|
+
if (!De || !$e || $e.state !== B.Ready || De.state !== B.Ready) return;
|
|
2131
|
+
const Re = (ke = (_e = De.pages[De.page]) === null || _e === void 0 ? void 0 : _e.slides[0]) === null || ke === void 0 ? void 0 : ke.index, Be = $e.getPageForSlide(Re);
|
|
2132
|
+
this.markSelectedSlide(Re), $e.slideTo(Be, $e.prevPage === null && De.prevPage === null ? { friction: 0 } : void 0);
|
|
2133
2133
|
}
|
|
2134
2134
|
markSelectedSlide(_e) {
|
|
2135
2135
|
const ke = this.nav;
|
|
@@ -2158,8 +2158,8 @@ class Q extends g {
|
|
|
2158
2158
|
}
|
|
2159
2159
|
get isInfinite() {
|
|
2160
2160
|
let _e = !1;
|
|
2161
|
-
const { contentDim: ke, viewportDim: De, pages:
|
|
2162
|
-
return
|
|
2161
|
+
const { contentDim: ke, viewportDim: De, pages: $e, slides: Re } = this, Be = Re[0];
|
|
2162
|
+
return $e.length >= 2 && Be && ke + Be.dim >= De && (_e = this.option("infinite")), _e;
|
|
2163
2163
|
}
|
|
2164
2164
|
get isRTL() {
|
|
2165
2165
|
return this.option("direction") === "rtl";
|
|
@@ -2176,10 +2176,10 @@ class Q extends g {
|
|
|
2176
2176
|
processOptions() {
|
|
2177
2177
|
var _e, ke;
|
|
2178
2178
|
const De = u({}, Q.defaults, this.userOptions);
|
|
2179
|
-
let
|
|
2180
|
-
const
|
|
2181
|
-
if (
|
|
2182
|
-
|
|
2179
|
+
let $e = "";
|
|
2180
|
+
const Re = De.breakpoints;
|
|
2181
|
+
if (Re && d(Re)) for (const [Be, Le] of Object.entries(Re)) window.matchMedia(Be).matches && d(Le) && ($e += Be, u(De, Le));
|
|
2182
|
+
$e === this.bp && this.state !== B.Init || (this.bp = $e, this.state === B.Ready && (De.initialSlide = ((ke = (_e = this.pages[this.page]) === null || _e === void 0 ? void 0 : _e.slides[0]) === null || ke === void 0 ? void 0 : ke.index) || 0), this.state !== B.Init && this.destroy(), super.setOptions(De), this.option("enabled") === !1 ? this.attachEvents() : setTimeout(() => {
|
|
2183
2183
|
this.init();
|
|
2184
2184
|
}, 0));
|
|
2185
2185
|
}
|
|
@@ -2191,23 +2191,23 @@ class Q extends g {
|
|
|
2191
2191
|
P(_e, this.cn("container")), o(_e, ke.isLTR, !this.isRTL), o(_e, ke.isRTL, this.isRTL), o(_e, ke.isVertical, !this.isHorizontal), o(_e, ke.isHorizontal, this.isHorizontal);
|
|
2192
2192
|
let De = this.option("viewport") || _e.querySelector(`.${ke.viewport}`);
|
|
2193
2193
|
De || (De = document.createElement("div"), P(De, ke.viewport), De.append(...F(_e, `.${ke.slide}`)), _e.prepend(De)), De.addEventListener("scroll", this.onScroll);
|
|
2194
|
-
let
|
|
2195
|
-
|
|
2194
|
+
let $e = this.option("track") || _e.querySelector(`.${ke.track}`);
|
|
2195
|
+
$e || ($e = document.createElement("div"), P($e, ke.track), $e.append(...Array.from(De.childNodes))), $e.setAttribute("aria-live", "polite"), De.contains($e) || De.prepend($e), this.viewport = De, this.track = $e, this.emit("initLayout");
|
|
2196
2196
|
}
|
|
2197
2197
|
initSlides() {
|
|
2198
2198
|
const { track: _e } = this;
|
|
2199
2199
|
if (!_e) return;
|
|
2200
2200
|
const ke = [...this.slides], De = [];
|
|
2201
|
-
[...F(_e, `.${this.cn(J)}`)].forEach((
|
|
2202
|
-
if (E(
|
|
2203
|
-
const
|
|
2204
|
-
De.push(
|
|
2201
|
+
[...F(_e, `.${this.cn(J)}`)].forEach(($e) => {
|
|
2202
|
+
if (E($e)) {
|
|
2203
|
+
const Re = H({ el: $e, isDom: !0, index: this.slides.length });
|
|
2204
|
+
De.push(Re);
|
|
2205
2205
|
}
|
|
2206
2206
|
});
|
|
2207
|
-
for (let
|
|
2207
|
+
for (let $e of [...this.option("slides", []) || [], ...ke]) De.push(H($e));
|
|
2208
2208
|
this.slides = De;
|
|
2209
|
-
for (let
|
|
2210
|
-
for (const
|
|
2209
|
+
for (let $e = 0; $e < this.slides.length; $e++) this.slides[$e].index = $e;
|
|
2210
|
+
for (const $e of De) this.emit("beforeInitSlide", $e, $e.index), this.emit("initSlide", $e, $e.index);
|
|
2211
2211
|
this.emit("initSlides");
|
|
2212
2212
|
}
|
|
2213
2213
|
setInitialPage() {
|
|
@@ -2217,16 +2217,16 @@ class Q extends g {
|
|
|
2217
2217
|
setInitialPosition() {
|
|
2218
2218
|
const { track: _e, pages: ke, isHorizontal: De } = this;
|
|
2219
2219
|
if (!_e || !ke.length) return;
|
|
2220
|
-
let
|
|
2221
|
-
ke[
|
|
2222
|
-
const
|
|
2220
|
+
let $e = this.page;
|
|
2221
|
+
ke[$e] || (this.page = $e = 0);
|
|
2222
|
+
const Re = (ke[$e].pos || 0) * (this.isRTL && De ? 1 : -1), Be = De ? `${Re}px` : "0", Le = De ? "0" : `${Re}px`;
|
|
2223
2223
|
_e.style.transform = `translate3d(${Be}, ${Le}, 0) scale(1)`, this.option("adaptiveHeight") && this.setViewportHeight();
|
|
2224
2224
|
}
|
|
2225
2225
|
initPanzoom() {
|
|
2226
2226
|
this.panzoom && (this.panzoom.destroy(), this.panzoom = null);
|
|
2227
2227
|
const _e = this.option("Panzoom") || {};
|
|
2228
|
-
this.panzoom = new I(this.viewport, u({}, { content: this.track, zoom: !1, panOnlyZoomed: !1, lockAxis: this.isHorizontal ? "x" : "y", infinite: this.isInfinite, click: !1, dblClick: !1, touch: (ke) => !(this.pages.length < 2 && !ke.options.infinite), bounds: () => this.getBounds(), maxVelocity: (ke) => Math.abs(ke.target[this.axis] - ke.current[this.axis]) < 2 * this.viewportDim ? 100 : 0 }, _e)), this.panzoom.on("*", (ke, De,
|
|
2229
|
-
this.emit(`Panzoom.${De}`, ke,
|
|
2228
|
+
this.panzoom = new I(this.viewport, u({}, { content: this.track, zoom: !1, panOnlyZoomed: !1, lockAxis: this.isHorizontal ? "x" : "y", infinite: this.isInfinite, click: !1, dblClick: !1, touch: (ke) => !(this.pages.length < 2 && !ke.options.infinite), bounds: () => this.getBounds(), maxVelocity: (ke) => Math.abs(ke.target[this.axis] - ke.current[this.axis]) < 2 * this.viewportDim ? 100 : 0 }, _e)), this.panzoom.on("*", (ke, De, ...$e) => {
|
|
2229
|
+
this.emit(`Panzoom.${De}`, ke, ...$e);
|
|
2230
2230
|
}), this.panzoom.on("decel", this.onDecel), this.panzoom.on("refresh", this.onRefresh), this.panzoom.on("beforeTransform", this.onBeforeTransform), this.panzoom.on("endAnimation", this.onEndAnimation);
|
|
2231
2231
|
}
|
|
2232
2232
|
attachEvents() {
|
|
@@ -2236,22 +2236,22 @@ class Q extends g {
|
|
|
2236
2236
|
createPages() {
|
|
2237
2237
|
let _e = [];
|
|
2238
2238
|
const { contentDim: ke, viewportDim: De } = this;
|
|
2239
|
-
let
|
|
2240
|
-
|
|
2241
|
-
let
|
|
2242
|
-
for (const ze of this.slides) (!_e.length || Be + ze.dim - De > 0.05 || Le >=
|
|
2239
|
+
let $e = this.option("slidesPerPage");
|
|
2240
|
+
$e = ($e === "auto" || ke <= De) && this.option("fill") !== !1 ? 1 / 0 : parseFloat($e + "");
|
|
2241
|
+
let Re = 0, Be = 0, Le = 0;
|
|
2242
|
+
for (const ze of this.slides) (!_e.length || Be + ze.dim - De > 0.05 || Le >= $e) && (_e.push(N()), Re = _e.length - 1, Be = 0, Le = 0), _e[Re].slides.push(ze), Be += ze.dim + ze.gap, Le++;
|
|
2243
2243
|
return _e;
|
|
2244
2244
|
}
|
|
2245
2245
|
processPages() {
|
|
2246
|
-
const _e = this.pages, { contentDim: ke, viewportDim: De, isInfinite:
|
|
2246
|
+
const _e = this.pages, { contentDim: ke, viewportDim: De, isInfinite: $e } = this, Re = this.option("center"), Be = this.option("fill"), Le = Be && Re && ke > De && !$e;
|
|
2247
2247
|
if (_e.forEach((Ie, je) => {
|
|
2248
2248
|
var Fe;
|
|
2249
2249
|
Ie.index = je, Ie.pos = ((Fe = Ie.slides[0]) === null || Fe === void 0 ? void 0 : Fe.pos) || 0, Ie.dim = 0;
|
|
2250
2250
|
for (const [Ve, He] of Ie.slides.entries()) Ie.dim += He.dim, Ve < Ie.slides.length - 1 && (Ie.dim += He.gap);
|
|
2251
|
-
Le && Ie.pos + 0.5 * Ie.dim < 0.5 * De ? Ie.pos = 0 : Le && Ie.pos + 0.5 * Ie.dim >= ke - 0.5 * De ? Ie.pos = ke - De :
|
|
2251
|
+
Le && Ie.pos + 0.5 * Ie.dim < 0.5 * De ? Ie.pos = 0 : Le && Ie.pos + 0.5 * Ie.dim >= ke - 0.5 * De ? Ie.pos = ke - De : Re && (Ie.pos += -0.5 * (De - Ie.dim));
|
|
2252
2252
|
}), _e.forEach((Ie) => {
|
|
2253
|
-
Be &&
|
|
2254
|
-
}),
|
|
2253
|
+
Be && !$e && ke > De && (Ie.pos = Math.max(Ie.pos, 0), Ie.pos = Math.min(Ie.pos, ke - De)), Ie.pos = t(Ie.pos, 1e3), Ie.dim = t(Ie.dim, 1e3), Math.abs(Ie.pos) <= 0.1 && (Ie.pos = 0);
|
|
2254
|
+
}), $e) return _e;
|
|
2255
2255
|
const ze = [];
|
|
2256
2256
|
let Ae;
|
|
2257
2257
|
return _e.forEach((Ie) => {
|
|
@@ -2266,37 +2266,37 @@ class Q extends g {
|
|
|
2266
2266
|
}
|
|
2267
2267
|
getSlideMetrics(_e) {
|
|
2268
2268
|
var ke, De;
|
|
2269
|
-
const
|
|
2270
|
-
let
|
|
2269
|
+
const $e = this.isHorizontal ? "width" : "height";
|
|
2270
|
+
let Re = 0, Be = 0, Le = _e.el;
|
|
2271
2271
|
const ze = !(!Le || Le.parentNode);
|
|
2272
|
-
if (Le ?
|
|
2272
|
+
if (Le ? Re = parseFloat(Le.dataset[$e] || "") || 0 : (Le = document.createElement("div"), Le.style.visibility = "hidden", (this.track || document.body).prepend(Le)), P(Le, this.cn(J) + " " + _e.class + " " + _e.customClass), Re) Le.style[$e] = `${Re}px`, Le.style[$e === "width" ? "height" : "width"] = "";
|
|
2273
2273
|
else {
|
|
2274
|
-
ze && (this.track || document.body).prepend(Le),
|
|
2274
|
+
ze && (this.track || document.body).prepend(Le), Re = Le.getBoundingClientRect()[$e] * Math.max(1, ((ke = window.visualViewport) === null || ke === void 0 ? void 0 : ke.scale) || 1);
|
|
2275
2275
|
let Ie = Le[this.isHorizontal ? "offsetWidth" : "offsetHeight"];
|
|
2276
|
-
Ie - 1 >
|
|
2276
|
+
Ie - 1 > Re && (Re = Ie);
|
|
2277
2277
|
}
|
|
2278
2278
|
const Ae = getComputedStyle(Le);
|
|
2279
|
-
return Ae.boxSizing === "content-box" && (this.isHorizontal ? (
|
|
2279
|
+
return Ae.boxSizing === "content-box" && (this.isHorizontal ? (Re += parseFloat(Ae.paddingLeft) || 0, Re += parseFloat(Ae.paddingRight) || 0) : (Re += parseFloat(Ae.paddingTop) || 0, Re += parseFloat(Ae.paddingBottom) || 0)), Be = parseFloat(Ae[this.isHorizontal ? "marginRight" : "marginBottom"]) || 0, ze ? (De = Le.parentElement) === null || De === void 0 || De.removeChild(Le) : _e.el || Le.remove(), { dim: t(Re, 1e3), gap: t(Be, 1e3) };
|
|
2280
2280
|
}
|
|
2281
2281
|
getBounds() {
|
|
2282
|
-
const { isInfinite: _e, isRTL: ke, isHorizontal: De, pages:
|
|
2283
|
-
let
|
|
2284
|
-
if (_e)
|
|
2285
|
-
else if (
|
|
2286
|
-
const Be =
|
|
2287
|
-
|
|
2282
|
+
const { isInfinite: _e, isRTL: ke, isHorizontal: De, pages: $e } = this;
|
|
2283
|
+
let Re = { min: 0, max: 0 };
|
|
2284
|
+
if (_e) Re = { min: -1 / 0, max: 1 / 0 };
|
|
2285
|
+
else if ($e.length) {
|
|
2286
|
+
const Be = $e[0].pos, Le = $e[$e.length - 1].pos;
|
|
2287
|
+
Re = ke && De ? { min: Be, max: Le } : { min: -1 * Le, max: -1 * Be };
|
|
2288
2288
|
}
|
|
2289
|
-
return { x: De ?
|
|
2289
|
+
return { x: De ? Re : { min: 0, max: 0 }, y: De ? { min: 0, max: 0 } : Re };
|
|
2290
2290
|
}
|
|
2291
2291
|
repositionSlides() {
|
|
2292
|
-
let _e, { isHorizontal: ke, isRTL: De, isInfinite:
|
|
2292
|
+
let _e, { isHorizontal: ke, isRTL: De, isInfinite: $e, viewport: Re, viewportDim: Be, contentDim: Le, page: ze, pages: Ae, slides: Ie, panzoom: je } = this, Fe = 0, Ve = 0, He = 0, qe = 0;
|
|
2293
2293
|
je ? qe = -1 * je.current[this.axis] : Ae[ze] && (qe = Ae[ze].pos || 0), _e = ke ? De ? "right" : "left" : "top", De && ke && (qe *= -1);
|
|
2294
2294
|
for (const Ge of Ie) {
|
|
2295
2295
|
const Ye = Ge.el;
|
|
2296
2296
|
Ye ? (_e === "top" ? (Ye.style.right = "", Ye.style.left = "") : Ye.style.top = "", Ge.index !== Fe ? Ye.style[_e] = Ve === 0 ? "" : `${t(Ve, 1e3)}px` : Ye.style[_e] = "", He += Ge.dim + Ge.gap, Fe++) : Ve += Ge.dim + Ge.gap;
|
|
2297
2297
|
}
|
|
2298
|
-
if (
|
|
2299
|
-
let Ge = getComputedStyle(
|
|
2298
|
+
if ($e && He && Re) {
|
|
2299
|
+
let Ge = getComputedStyle(Re), Ye = "padding", Ue = ke ? "Right" : "Bottom", Qe = parseFloat(Ge[Ye + (ke ? "Left" : "Top")]);
|
|
2300
2300
|
qe -= Qe, Be += Qe, Be += parseFloat(Ge[Ye + Ue]);
|
|
2301
2301
|
for (const Je of Ie) Je.el && (t(Je.pos) < t(Be) && t(Je.pos + Je.dim + Je.gap) < t(qe) && t(qe) > t(Le - Be) && (Je.el.style[_e] = `${t(Ve + He, 1e3)}px`), t(Je.pos + Je.gap) >= t(Le - Be) && t(Je.pos) > t(qe + Be) && t(qe) < t(Be) && (Je.el.style[_e] = `-${t(He, 1e3)}px`));
|
|
2302
2302
|
}
|
|
@@ -2309,10 +2309,10 @@ class Q extends g {
|
|
|
2309
2309
|
createSlideEl(_e) {
|
|
2310
2310
|
const { track: ke, slides: De } = this;
|
|
2311
2311
|
if (!ke || !_e || _e.el && _e.el.parentNode) return;
|
|
2312
|
-
const
|
|
2313
|
-
P(
|
|
2314
|
-
const
|
|
2315
|
-
|
|
2312
|
+
const $e = _e.el || document.createElement("div");
|
|
2313
|
+
P($e, this.cn(J)), P($e, _e.class), P($e, _e.customClass);
|
|
2314
|
+
const Re = _e.html;
|
|
2315
|
+
Re && (Re instanceof HTMLElement ? $e.appendChild(Re) : $e.innerHTML = _e.html + "");
|
|
2316
2316
|
const Be = [];
|
|
2317
2317
|
De.forEach((Ie, je) => {
|
|
2318
2318
|
Ie.el && Be.push(je);
|
|
@@ -2321,24 +2321,24 @@ class Q extends g {
|
|
|
2321
2321
|
let ze = null;
|
|
2322
2322
|
Be.length && (ze = De[Be.reduce((Ie, je) => Math.abs(je - Le) < Math.abs(Ie - Le) ? je : Ie)]);
|
|
2323
2323
|
const Ae = ze && ze.el && ze.el.parentNode ? ze.index < _e.index ? ze.el.nextSibling : ze.el : null;
|
|
2324
|
-
ke.insertBefore(
|
|
2324
|
+
ke.insertBefore($e, ke.contains(Ae) ? Ae : null), _e.el = $e, this.emit("createSlide", _e);
|
|
2325
2325
|
}
|
|
2326
2326
|
removeSlideEl(_e, ke = !1) {
|
|
2327
2327
|
const De = _e == null ? void 0 : _e.el;
|
|
2328
2328
|
if (!De || !De.parentNode) return;
|
|
2329
|
-
const
|
|
2330
|
-
if (De.classList.contains(
|
|
2329
|
+
const $e = this.cn(K);
|
|
2330
|
+
if (De.classList.contains($e) && (S(De, $e), this.emit("unselectSlide", _e)), _e.isDom && !ke) return De.removeAttribute("aria-hidden"), De.removeAttribute("data-index"), void (De.style.left = "");
|
|
2331
2331
|
this.emit("removeSlide", _e);
|
|
2332
|
-
const
|
|
2333
|
-
De.dispatchEvent(
|
|
2332
|
+
const Re = new CustomEvent(G);
|
|
2333
|
+
De.dispatchEvent(Re), _e.el && (_e.el.remove(), _e.el = null);
|
|
2334
2334
|
}
|
|
2335
2335
|
transitionTo(_e = 0, ke = this.option("transition")) {
|
|
2336
|
-
var De,
|
|
2336
|
+
var De, $e, Re, Be;
|
|
2337
2337
|
if (!ke) return !1;
|
|
2338
2338
|
const Le = this.page, { pages: ze, panzoom: Ae } = this;
|
|
2339
2339
|
_e = parseInt((_e || 0).toString()) || 0;
|
|
2340
2340
|
const Ie = this.getPageFromIndex(_e);
|
|
2341
|
-
if (!Ae || !ze[Ie] || ze.length < 2 || Math.abs((((
|
|
2341
|
+
if (!Ae || !ze[Ie] || ze.length < 2 || Math.abs(((($e = (De = ze[Le]) === null || De === void 0 ? void 0 : De.slides[0]) === null || $e === void 0 ? void 0 : $e.dim) || 0) - this.viewportDim) > 1) return !1;
|
|
2342
2342
|
let je = _e > Le ? 1 : -1;
|
|
2343
2343
|
this.isInfinite && (Le === 0 && _e === ze.length - 1 && (je = -1), Le === ze.length - 1 && _e === 0 && (je = 1));
|
|
2344
2344
|
const Fe = ze[Ie].pos * (this.isRTL ? 1 : -1);
|
|
@@ -2346,7 +2346,7 @@ class Q extends g {
|
|
|
2346
2346
|
this.clearTransitions();
|
|
2347
2347
|
const Ve = Ae.isResting;
|
|
2348
2348
|
P(this.container, this.cn("inTransition"));
|
|
2349
|
-
const He = ((
|
|
2349
|
+
const He = ((Re = ze[Le]) === null || Re === void 0 ? void 0 : Re.slides[0]) || null, qe = ((Be = ze[Ie]) === null || Be === void 0 ? void 0 : Be.slides[0]) || null;
|
|
2350
2350
|
this.inTransition.add(qe.index), this.createSlideEl(qe);
|
|
2351
2351
|
let Xe = He.el, We = qe.el;
|
|
2352
2352
|
Ve || ke === J || (ke = "fadeFast", Xe = null);
|
|
@@ -2355,10 +2355,10 @@ class Q extends g {
|
|
|
2355
2355
|
}
|
|
2356
2356
|
manageSlideVisiblity() {
|
|
2357
2357
|
const _e = /* @__PURE__ */ new Set(), ke = /* @__PURE__ */ new Set(), De = this.getVisibleSlides(parseFloat(this.option("preload", 0) + "") || 0);
|
|
2358
|
-
for (const
|
|
2359
|
-
for (const
|
|
2360
|
-
for (const
|
|
2361
|
-
for (const
|
|
2358
|
+
for (const $e of this.slides) De.has($e) ? _e.add($e) : ke.add($e);
|
|
2359
|
+
for (const $e of this.inTransition) _e.add(this.slides[$e]);
|
|
2360
|
+
for (const $e of _e) this.createSlideEl($e), this.lazyLoadSlide($e);
|
|
2361
|
+
for (const $e of ke) _e.has($e) || this.removeSlideEl($e);
|
|
2362
2362
|
this.markSelectedSlides(), this.repositionSlides();
|
|
2363
2363
|
}
|
|
2364
2364
|
markSelectedSlides() {
|
|
@@ -2366,25 +2366,25 @@ class Q extends g {
|
|
|
2366
2366
|
const _e = "aria-hidden";
|
|
2367
2367
|
let ke = this.cn(K);
|
|
2368
2368
|
if (ke) for (const De of this.slides) {
|
|
2369
|
-
const
|
|
2370
|
-
|
|
2369
|
+
const $e = De.el;
|
|
2370
|
+
$e && ($e.dataset.index = `${De.index}`, $e.classList.contains("f-thumbs__slide") ? this.getVisibleSlides(0).has(De) ? $e.removeAttribute(_e) : $e.setAttribute(_e, "true") : this.pages[this.page].slides.includes(De) ? ($e.classList.contains(ke) || (P($e, ke), this.emit("selectSlide", De)), $e.removeAttribute(_e)) : ($e.classList.contains(ke) && (S($e, ke), this.emit("unselectSlide", De)), $e.setAttribute(_e, "true")));
|
|
2371
2371
|
}
|
|
2372
2372
|
}
|
|
2373
2373
|
flipInfiniteTrack() {
|
|
2374
|
-
const { axis: _e, isHorizontal: ke, isInfinite: De, isRTL:
|
|
2374
|
+
const { axis: _e, isHorizontal: ke, isInfinite: De, isRTL: $e, viewportDim: Re, contentDim: Be } = this, Le = this.panzoom;
|
|
2375
2375
|
if (!Le || !De) return;
|
|
2376
|
-
let ze = Le.current[_e], Ae = Le.target[_e] - ze, Ie = 0, je = 0.5 *
|
|
2377
|
-
|
|
2376
|
+
let ze = Le.current[_e], Ae = Le.target[_e] - ze, Ie = 0, je = 0.5 * Re;
|
|
2377
|
+
$e && ke ? (ze < -je && (Ie = -1, ze += Be), ze > Be - je && (Ie = 1, ze -= Be)) : (ze > je && (Ie = 1, ze -= Be), ze < -Be + je && (Ie = -1, ze += Be)), Ie && (Le.current[_e] = ze, Le.target[_e] = ze + Ae);
|
|
2378
2378
|
}
|
|
2379
2379
|
lazyLoadImg(_e, ke) {
|
|
2380
|
-
const De = this,
|
|
2380
|
+
const De = this, $e = "f-fadeIn", Re = "is-preloading";
|
|
2381
2381
|
let Be = !1, Le = null;
|
|
2382
2382
|
const ze = () => {
|
|
2383
|
-
Be || (Be = !0, Le && (Le.remove(), Le = null), S(ke,
|
|
2384
|
-
S(ke,
|
|
2383
|
+
Be || (Be = !0, Le && (Le.remove(), Le = null), S(ke, Re), ke.complete && (P(ke, $e), setTimeout(() => {
|
|
2384
|
+
S(ke, $e);
|
|
2385
2385
|
}, 350)), this.option("adaptiveHeight") && _e.el && this.pages[this.page].slides.indexOf(_e) > -1 && (De.updateMetrics(), De.setViewportHeight()), this.emit("load", _e));
|
|
2386
2386
|
};
|
|
2387
|
-
P(ke,
|
|
2387
|
+
P(ke, Re), ke.src = ke.dataset.lazySrcset || ke.dataset.lazySrc || "", delete ke.dataset.lazySrc, delete ke.dataset.lazySrcset, ke.addEventListener("error", () => {
|
|
2388
2388
|
ze();
|
|
2389
2389
|
}), ke.addEventListener("load", () => {
|
|
2390
2390
|
ze();
|
|
@@ -2397,20 +2397,20 @@ class Q extends g {
|
|
|
2397
2397
|
const ke = _e && _e.el;
|
|
2398
2398
|
if (!ke) return;
|
|
2399
2399
|
const De = /* @__PURE__ */ new Set();
|
|
2400
|
-
let
|
|
2401
|
-
ke.dataset.lazySrc &&
|
|
2402
|
-
|
|
2400
|
+
let $e = Array.from(ke.querySelectorAll("[data-lazy-src],[data-lazy-srcset]"));
|
|
2401
|
+
ke.dataset.lazySrc && $e.push(ke), $e.map((Re) => {
|
|
2402
|
+
Re instanceof HTMLImageElement ? De.add(Re) : Re instanceof HTMLElement && Re.dataset.lazySrc && (Re.style.backgroundImage = `url('${Re.dataset.lazySrc}')`, delete Re.dataset.lazySrc);
|
|
2403
2403
|
});
|
|
2404
|
-
for (const
|
|
2404
|
+
for (const Re of De) this.lazyLoadImg(_e, Re);
|
|
2405
2405
|
}
|
|
2406
2406
|
onAnimationEnd(_e) {
|
|
2407
2407
|
var ke;
|
|
2408
|
-
const De = _e.target,
|
|
2409
|
-
if (!De ||
|
|
2410
|
-
const Le = !!this.inTransition.has(
|
|
2411
|
-
Le && Be.substring(0, Le.length + 2) === `f-${Le}` && this.inTransition.delete(
|
|
2408
|
+
const De = _e.target, $e = De ? parseInt(De.dataset.index || "", 10) || 0 : -1, Re = this.slides[$e], Be = _e.animationName;
|
|
2409
|
+
if (!De || !Re || !Be) return;
|
|
2410
|
+
const Le = !!this.inTransition.has($e) && Re.transition;
|
|
2411
|
+
Le && Be.substring(0, Le.length + 2) === `f-${Le}` && this.inTransition.delete($e), this.inTransition.size || this.clearTransitions(), $e === this.page && (!((ke = this.panzoom) === null || ke === void 0) && ke.isResting) && this.emit("settle");
|
|
2412
2412
|
}
|
|
2413
|
-
onDecel(_e, ke = 0, De = 0,
|
|
2413
|
+
onDecel(_e, ke = 0, De = 0, $e = 0, Re = 0) {
|
|
2414
2414
|
if (this.option("dragFree")) return void this.setPageFromPosition();
|
|
2415
2415
|
const { isRTL: Be, isHorizontal: Le, axis: ze, pages: Ae } = this, Ie = Ae.length, je = Math.abs(Math.atan2(De, ke) / (Math.PI / 180));
|
|
2416
2416
|
let Fe = 0;
|
|
@@ -2418,12 +2418,12 @@ class Q extends g {
|
|
|
2418
2418
|
let Ve = this.page, He = Be && Le ? 1 : -1;
|
|
2419
2419
|
const qe = _e.current[ze] * He;
|
|
2420
2420
|
let { pageIndex: Xe } = this.getPageFromPosition(qe);
|
|
2421
|
-
Math.abs(Fe) > 5 ? (Ae[Ve].dim < document.documentElement["client" + (this.isHorizontal ? "Width" : "Height")] - 1 && (Ve = Xe), Ve = Be && Le ? Fe < 0 ? Ve - 1 : Ve + 1 : Fe < 0 ? Ve + 1 : Ve - 1) : Ve =
|
|
2421
|
+
Math.abs(Fe) > 5 ? (Ae[Ve].dim < document.documentElement["client" + (this.isHorizontal ? "Width" : "Height")] - 1 && (Ve = Xe), Ve = Be && Le ? Fe < 0 ? Ve - 1 : Ve + 1 : Fe < 0 ? Ve + 1 : Ve - 1) : Ve = $e === 0 && Re === 0 ? Ve : Xe, this.slideTo(Ve, { transition: !1, friction: _e.option("decelFriction") });
|
|
2422
2422
|
}
|
|
2423
2423
|
onClick(_e) {
|
|
2424
2424
|
const ke = _e.target, De = ke && E(ke) ? ke.dataset : null;
|
|
2425
|
-
let
|
|
2426
|
-
De && (De.carouselPage !== void 0 ? (
|
|
2425
|
+
let $e, Re;
|
|
2426
|
+
De && (De.carouselPage !== void 0 ? (Re = "slideTo", $e = De.carouselPage) : De.carouselNext !== void 0 ? Re = "slideNext" : De.carouselPrev !== void 0 && (Re = "slidePrev")), Re ? (_e.preventDefault(), _e.stopPropagation(), ke && !ke.hasAttribute("disabled") && this[Re]($e)) : this.emit("click", _e);
|
|
2427
2427
|
}
|
|
2428
2428
|
onSlideTo(_e) {
|
|
2429
2429
|
const ke = _e.detail || 0;
|
|
@@ -2456,21 +2456,21 @@ class Q extends g {
|
|
|
2456
2456
|
slideTo(_e = 0, { friction: ke = this.option("friction"), transition: De = this.option("transition") } = {}) {
|
|
2457
2457
|
if (this.state === B.Destroy) return;
|
|
2458
2458
|
_e = parseInt((_e || 0).toString()) || 0;
|
|
2459
|
-
const
|
|
2459
|
+
const $e = this.getPageFromIndex(_e), { axis: Re, isHorizontal: Be, isRTL: Le, pages: ze, panzoom: Ae } = this, Ie = ze.length, je = Le && Be ? 1 : -1;
|
|
2460
2460
|
if (!Ae || !Ie) return;
|
|
2461
|
-
if (this.page !==
|
|
2461
|
+
if (this.page !== $e) {
|
|
2462
2462
|
const Ve = new Event("beforeChange", { bubbles: !0, cancelable: !0 });
|
|
2463
2463
|
if (this.emit("beforeChange", Ve, _e), Ve.defaultPrevented) return;
|
|
2464
2464
|
}
|
|
2465
2465
|
if (this.transitionTo(_e, De)) return;
|
|
2466
|
-
let Fe = ze[
|
|
2466
|
+
let Fe = ze[$e].pos;
|
|
2467
2467
|
if (this.isInfinite) {
|
|
2468
|
-
const Ve = this.contentDim, He = Ae.target[
|
|
2468
|
+
const Ve = this.contentDim, He = Ae.target[Re] * je;
|
|
2469
2469
|
Ie === 2 ? Fe += Ve * Math.floor(parseFloat(_e + "") / 2) : Fe = [Fe, Fe - Ve, Fe + Ve].reduce(function(qe, Xe) {
|
|
2470
2470
|
return Math.abs(Xe - He) < Math.abs(qe - He) ? Xe : qe;
|
|
2471
2471
|
});
|
|
2472
2472
|
}
|
|
2473
|
-
Fe *= je, Math.abs(Ae.target[
|
|
2473
|
+
Fe *= je, Math.abs(Ae.target[Re] - Fe) < 1 || (Ae.panTo({ x: Be ? Fe : 0, y: Be ? 0 : Fe, friction: ke }), this.onChange($e));
|
|
2474
2474
|
}
|
|
2475
2475
|
slideToClosest(_e) {
|
|
2476
2476
|
if (this.panzoom) {
|
|
@@ -2491,15 +2491,15 @@ class Q extends g {
|
|
|
2491
2491
|
const De = ke.el;
|
|
2492
2492
|
if (De) {
|
|
2493
2493
|
De.removeEventListener(G, this.onAnimationEnd), De.classList.remove(..._e);
|
|
2494
|
-
const
|
|
2495
|
-
|
|
2494
|
+
const $e = ke.transition;
|
|
2495
|
+
$e && De.classList.remove(`f-${$e}Out`, `f-${$e}In`);
|
|
2496
2496
|
}
|
|
2497
2497
|
}
|
|
2498
2498
|
this.manageSlideVisiblity();
|
|
2499
2499
|
}
|
|
2500
2500
|
addSlide(_e, ke) {
|
|
2501
|
-
var De,
|
|
2502
|
-
const Le = this.panzoom, ze = ((De = this.pages[this.page]) === null || De === void 0 ? void 0 : De.pos) || 0, Ae = ((
|
|
2501
|
+
var De, $e, Re, Be;
|
|
2502
|
+
const Le = this.panzoom, ze = ((De = this.pages[this.page]) === null || De === void 0 ? void 0 : De.pos) || 0, Ae = (($e = this.pages[this.page]) === null || $e === void 0 ? void 0 : $e.dim) || 0, Ie = this.contentDim < this.viewportDim;
|
|
2503
2503
|
let je = Array.isArray(ke) ? ke : [ke];
|
|
2504
2504
|
const Fe = [];
|
|
2505
2505
|
for (const Ve of je) Fe.push(H(Ve));
|
|
@@ -2507,7 +2507,7 @@ class Q extends g {
|
|
|
2507
2507
|
for (let Ve = 0; Ve < this.slides.length; Ve++) this.slides[Ve].index = Ve;
|
|
2508
2508
|
for (const Ve of Fe) this.emit("beforeInitSlide", Ve, Ve.index);
|
|
2509
2509
|
if (this.page >= _e && (this.page += Fe.length), this.updateMetrics(), Le) {
|
|
2510
|
-
const Ve = ((
|
|
2510
|
+
const Ve = ((Re = this.pages[this.page]) === null || Re === void 0 ? void 0 : Re.pos) || 0, He = ((Be = this.pages[this.page]) === null || Be === void 0 ? void 0 : Be.dim) || 0, qe = this.pages.length || 1, Xe = this.isRTL ? Ae - He : He - Ae, We = this.isRTL ? ze - Ve : Ve - ze;
|
|
2511
2511
|
Ie && qe === 1 ? (_e <= this.page && (Le.current[this.axis] -= Xe, Le.target[this.axis] -= Xe), Le.panTo({ [this.isHorizontal ? "x" : "y"]: -1 * Ve })) : We && _e <= this.page && (Le.target[this.axis] -= We, Le.current[this.axis] -= We, Le.requestTick());
|
|
2512
2512
|
}
|
|
2513
2513
|
for (const Ve of Fe) this.emit("initSlide", Ve, Ve.index);
|
|
@@ -2524,30 +2524,30 @@ class Q extends g {
|
|
|
2524
2524
|
const De = this.slides[_e];
|
|
2525
2525
|
if (De) {
|
|
2526
2526
|
this.removeSlideEl(De, !0), this.slides.splice(_e, 1);
|
|
2527
|
-
for (let
|
|
2527
|
+
for (let $e = 0; $e < this.slides.length; $e++) this.slides[$e].index = $e;
|
|
2528
2528
|
this.updateMetrics(), this.slideTo(this.page, { friction: 0, transition: !1 }), this.emit("destroySlide", De);
|
|
2529
2529
|
}
|
|
2530
2530
|
}
|
|
2531
2531
|
updateMetrics() {
|
|
2532
|
-
const { panzoom: _e, viewport: ke, track: De, slides:
|
|
2532
|
+
const { panzoom: _e, viewport: ke, track: De, slides: $e, isHorizontal: Re, isInfinite: Be } = this;
|
|
2533
2533
|
if (!De) return;
|
|
2534
|
-
const Le =
|
|
2534
|
+
const Le = Re ? "width" : "height", ze = Re ? "offsetWidth" : "offsetHeight";
|
|
2535
2535
|
if (ke) {
|
|
2536
|
-
let je = Math.max(ke[ze], t(ke.getBoundingClientRect()[Le], 1e3)), Fe = getComputedStyle(ke), Ve = "padding", He =
|
|
2537
|
-
je -= parseFloat(Fe[Ve + (
|
|
2536
|
+
let je = Math.max(ke[ze], t(ke.getBoundingClientRect()[Le], 1e3)), Fe = getComputedStyle(ke), Ve = "padding", He = Re ? "Right" : "Bottom";
|
|
2537
|
+
je -= parseFloat(Fe[Ve + (Re ? "Left" : "Top")]) + parseFloat(Fe[Ve + He]), this.viewportDim = je;
|
|
2538
2538
|
}
|
|
2539
2539
|
let Ae, Ie = 0;
|
|
2540
|
-
for (const [je, Fe] of
|
|
2540
|
+
for (const [je, Fe] of $e.entries()) {
|
|
2541
2541
|
let Ve = 0, He = 0;
|
|
2542
|
-
!Fe.el && Ae ? (Ve = Ae.dim, He = Ae.gap) : ({ dim: Ve, gap: He } = this.getSlideMetrics(Fe), Ae = Fe), Ve = t(Ve, 1e3), He = t(He, 1e3), Fe.dim = Ve, Fe.gap = He, Fe.pos = Ie, Ie += Ve, (Be || je <
|
|
2542
|
+
!Fe.el && Ae ? (Ve = Ae.dim, He = Ae.gap) : ({ dim: Ve, gap: He } = this.getSlideMetrics(Fe), Ae = Fe), Ve = t(Ve, 1e3), He = t(He, 1e3), Fe.dim = Ve, Fe.gap = He, Fe.pos = Ie, Ie += Ve, (Be || je < $e.length - 1) && (Ie += He);
|
|
2543
2543
|
}
|
|
2544
|
-
Ie = t(Ie, 1e3), this.contentDim = Ie, _e && (_e.contentRect[Le] = Ie, _e.contentRect[
|
|
2544
|
+
Ie = t(Ie, 1e3), this.contentDim = Ie, _e && (_e.contentRect[Le] = Ie, _e.contentRect[Re ? "fullWidth" : "fullHeight"] = Ie), this.pages = this.createPages(), this.pages = this.processPages(), this.state === B.Init && this.setInitialPage(), this.page = Math.max(0, Math.min(this.page, this.pages.length - 1)), this.manageSlideVisiblity(), this.emit("refresh");
|
|
2545
2545
|
}
|
|
2546
2546
|
getProgress(_e, ke = !1, De = !1) {
|
|
2547
2547
|
_e === void 0 && (_e = this.page);
|
|
2548
|
-
const
|
|
2549
|
-
if (!Le ||
|
|
2550
|
-
let ze = -1 *
|
|
2548
|
+
const $e = this, Re = $e.panzoom, Be = $e.contentDim, Le = $e.pages[_e] || 0;
|
|
2549
|
+
if (!Le || !Re) return _e > this.page ? -1 : 1;
|
|
2550
|
+
let ze = -1 * Re.current.e, Ae = t((ze - Le.pos) / (1 * Le.dim), 1e3), Ie = Ae, je = Ae;
|
|
2551
2551
|
this.isInfinite && De !== !0 && (Ie = t((ze - Le.pos + Be) / (1 * Le.dim), 1e3), je = t((ze - Le.pos - Be) / (1 * Le.dim), 1e3));
|
|
2552
2552
|
let Fe = [Ae, Ie, je].reduce(function(Ve, He) {
|
|
2553
2553
|
return Math.abs(He) < Math.abs(Ve) ? He : Ve;
|
|
@@ -2555,12 +2555,12 @@ class Q extends g {
|
|
|
2555
2555
|
return ke ? Fe : Fe > 1 ? 1 : Fe < -1 ? -1 : Fe;
|
|
2556
2556
|
}
|
|
2557
2557
|
setViewportHeight() {
|
|
2558
|
-
const { page: _e, pages: ke, viewport: De, isHorizontal:
|
|
2558
|
+
const { page: _e, pages: ke, viewport: De, isHorizontal: $e } = this;
|
|
2559
2559
|
if (!De || !ke[_e]) return;
|
|
2560
|
-
let
|
|
2561
|
-
|
|
2562
|
-
Be.el && (
|
|
2563
|
-
})), De.style.height =
|
|
2560
|
+
let Re = 0;
|
|
2561
|
+
$e && this.track && (this.track.style.height = "auto", ke[_e].slides.forEach((Be) => {
|
|
2562
|
+
Be.el && (Re = Math.max(Re, Be.el.offsetHeight));
|
|
2563
|
+
})), De.style.height = Re ? `${Re}px` : "";
|
|
2564
2564
|
}
|
|
2565
2565
|
getPageForSlide(_e) {
|
|
2566
2566
|
for (const ke of this.pages) for (const De of ke.slides) if (De.index === _e) return ke.index;
|
|
@@ -2569,24 +2569,24 @@ class Q extends g {
|
|
|
2569
2569
|
getVisibleSlides(_e = 0) {
|
|
2570
2570
|
var ke;
|
|
2571
2571
|
const De = /* @__PURE__ */ new Set();
|
|
2572
|
-
let { panzoom:
|
|
2572
|
+
let { panzoom: $e, contentDim: Re, viewportDim: Be, pages: Le, page: ze } = this;
|
|
2573
2573
|
if (Be) {
|
|
2574
|
-
|
|
2574
|
+
Re = Re + ((ke = this.slides[this.slides.length - 1]) === null || ke === void 0 ? void 0 : ke.gap) || 0;
|
|
2575
2575
|
let Ae = 0;
|
|
2576
|
-
Ae =
|
|
2576
|
+
Ae = $e && $e.state !== m.Init && $e.state !== m.Destroy ? -1 * $e.current[this.axis] : Le[ze] && Le[ze].pos || 0, this.isInfinite && (Ae -= Math.floor(Ae / Re) * Re), this.isRTL && this.isHorizontal && (Ae *= -1);
|
|
2577
2577
|
const Ie = Ae - Be * _e, je = Ae + Be * (_e + 1), Fe = this.isInfinite ? [-1, 0, 1] : [0];
|
|
2578
2578
|
for (const Ve of this.slides) for (const He of Fe) {
|
|
2579
|
-
const qe = Ve.pos + He *
|
|
2579
|
+
const qe = Ve.pos + He * Re, Xe = qe + Ve.dim + Ve.gap;
|
|
2580
2580
|
qe < je && Xe > Ie && De.add(Ve);
|
|
2581
2581
|
}
|
|
2582
2582
|
}
|
|
2583
2583
|
return De;
|
|
2584
2584
|
}
|
|
2585
2585
|
getPageFromPosition(_e) {
|
|
2586
|
-
const { viewportDim: ke, contentDim: De, slides:
|
|
2586
|
+
const { viewportDim: ke, contentDim: De, slides: $e, pages: Re, panzoom: Be } = this, Le = Re.length, ze = $e.length, Ae = $e[0], Ie = $e[ze - 1], je = this.option("center");
|
|
2587
2587
|
let Fe = 0, Ve = 0, He = 0, qe = _e === void 0 ? -1 * ((Be == null ? void 0 : Be.target[this.axis]) || 0) : _e;
|
|
2588
2588
|
je && (qe += 0.5 * ke), this.isInfinite ? (qe < Ae.pos - 0.5 * Ie.gap && (qe -= De, He = -1), qe > Ie.pos + Ie.dim + 0.5 * Ie.gap && (qe -= De, He = 1)) : qe = Math.max(Ae.pos || 0, Math.min(qe, Ie.pos));
|
|
2589
|
-
let Xe = Ie, We =
|
|
2589
|
+
let Xe = Ie, We = $e.find((Ze) => {
|
|
2590
2590
|
const Ge = Ze.pos - 0.5 * Xe.gap, Ye = Ze.pos + Ze.dim + 0.5 * Ze.gap;
|
|
2591
2591
|
return Xe = Ze, qe >= Ge && qe < Ye;
|
|
2592
2592
|
});
|
|
@@ -2599,8 +2599,8 @@ class Q extends g {
|
|
|
2599
2599
|
destroy() {
|
|
2600
2600
|
if ([B.Destroy].includes(this.state)) return;
|
|
2601
2601
|
this.state = B.Destroy;
|
|
2602
|
-
const { container: _e, viewport: ke, track: De, slides:
|
|
2603
|
-
_e.removeEventListener("click", this.onClick, { passive: !1, capture: !1 }), _e.removeEventListener("slideTo", this.onSlideTo), window.removeEventListener("resize", this.onResize),
|
|
2602
|
+
const { container: _e, viewport: ke, track: De, slides: $e, panzoom: Re } = this, Be = this.option("classes");
|
|
2603
|
+
_e.removeEventListener("click", this.onClick, { passive: !1, capture: !1 }), _e.removeEventListener("slideTo", this.onSlideTo), window.removeEventListener("resize", this.onResize), Re && (Re.destroy(), this.panzoom = null), $e && $e.forEach((ze) => {
|
|
2604
2604
|
this.removeSlideEl(ze);
|
|
2605
2605
|
}), this.detachPlugins(), ke && (ke.removeEventListener("scroll", this.onScroll), ke.offsetParent && De && De.offsetParent && ke.replaceWith(...De.childNodes));
|
|
2606
2606
|
for (const [ze, Ae] of Object.entries(Be)) ze !== "container" && Ae && _e.classList.remove(Ae);
|
|
@@ -2612,11 +2612,11 @@ class Q extends g {
|
|
|
2612
2612
|
Object.defineProperty(Q, "Panzoom", { enumerable: !0, configurable: !0, writable: !0, value: I }), Object.defineProperty(Q, "defaults", { enumerable: !0, configurable: !0, writable: !0, value: j }), Object.defineProperty(Q, "Plugins", { enumerable: !0, configurable: !0, writable: !0, value: U });
|
|
2613
2613
|
const tt = function(Ne) {
|
|
2614
2614
|
if (!E(Ne)) return 0;
|
|
2615
|
-
const _e = window.scrollY, ke = window.innerHeight, De = _e + ke,
|
|
2616
|
-
if (_e > Le || De <
|
|
2617
|
-
if (_e <
|
|
2615
|
+
const _e = window.scrollY, ke = window.innerHeight, De = _e + ke, $e = Ne.getBoundingClientRect(), Re = $e.y + _e, Be = $e.height, Le = Re + Be;
|
|
2616
|
+
if (_e > Le || De < Re) return 0;
|
|
2617
|
+
if (_e < Re && De > Le || Re < _e && Le > De) return 100;
|
|
2618
2618
|
let ze = Be;
|
|
2619
|
-
|
|
2619
|
+
Re < _e && (ze -= _e - Re), Le > De && (ze -= Le - De);
|
|
2620
2620
|
const Ae = ze / ke * 100;
|
|
2621
2621
|
return Math.round(Ae);
|
|
2622
2622
|
}, et = !(typeof window > "u" || !window.document || !window.document.createElement);
|
|
@@ -2637,13 +2637,13 @@ const nt = ["a[href]", "area[href]", 'input:not([disabled]):not([type="hidden"])
|
|
|
2637
2637
|
}
|
|
2638
2638
|
}, ot = () => {
|
|
2639
2639
|
const Ne = document;
|
|
2640
|
-
let _e, ke = "", De = "",
|
|
2641
|
-
return Ne.fullscreenEnabled ? (ke = "requestFullscreen", De = "exitFullscreen",
|
|
2642
|
-
return ke === "webkitRequestFullscreen" ?
|
|
2640
|
+
let _e, ke = "", De = "", $e = "";
|
|
2641
|
+
return Ne.fullscreenEnabled ? (ke = "requestFullscreen", De = "exitFullscreen", $e = "fullscreenElement") : Ne.webkitFullscreenEnabled && (ke = "webkitRequestFullscreen", De = "webkitExitFullscreen", $e = "webkitFullscreenElement"), ke && (_e = { request: function(Re = Ne.documentElement) {
|
|
2642
|
+
return ke === "webkitRequestFullscreen" ? Re[ke](Element.ALLOW_KEYBOARD_INPUT) : Re[ke]();
|
|
2643
2643
|
}, exit: function() {
|
|
2644
|
-
return Ne[
|
|
2644
|
+
return Ne[$e] && Ne[De]();
|
|
2645
2645
|
}, isFullscreen: function() {
|
|
2646
|
-
return Ne[
|
|
2646
|
+
return Ne[$e];
|
|
2647
2647
|
} }), _e;
|
|
2648
2648
|
}, at = { animated: !0, autoFocus: !0, backdropClick: "close", Carousel: { classes: { container: "fancybox__carousel", viewport: "fancybox__viewport", track: "fancybox__track", slide: "fancybox__slide" } }, closeButton: "auto", closeExisting: !1, commonCaption: !1, compact: () => window.matchMedia("(max-width: 578px), (max-height: 578px)").matches, contentClick: "toggleZoom", contentDblClick: !1, defaultType: "image", defaultDisplay: "flex", dragToClose: !0, Fullscreen: { autoStart: !1 }, groupAll: !1, groupAttr: "data-fancybox", hideClass: "f-fadeOut", hideScrollbar: !0, idle: 3500, keyboard: { Escape: "close", Delete: "close", Backspace: "close", PageUp: "next", PageDown: "prev", ArrowUp: "prev", ArrowDown: "next", ArrowRight: "next", ArrowLeft: "prev" }, l10n: Object.assign(Object.assign({}, b), { CLOSE: "Close", NEXT: "Next", PREV: "Previous", MODAL: "You can close this modal content with the ESC key", ERROR: "Something Went Wrong, Please Try Again Later", IMAGE_ERROR: "Image Not Found", ELEMENT_NOT_FOUND: "HTML Element Not Found", AJAX_NOT_FOUND: "Error Loading AJAX : Not Found", AJAX_FORBIDDEN: "Error Loading AJAX : Forbidden", IFRAME_ERROR: "Error Loading Page", TOGGLE_ZOOM: "Toggle zoom level", TOGGLE_THUMBS: "Toggle thumbnails", TOGGLE_SLIDESHOW: "Toggle slideshow", TOGGLE_FULLSCREEN: "Toggle full-screen mode", DOWNLOAD: "Download" }), parentEl: null, placeFocusBack: !0, showClass: "f-zoomInUp", startIndex: 0, tpl: { closeButton: '<button data-fancybox-close class="f-button is-close-btn" title="{{CLOSE}}"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" tabindex="-1"><path d="M20 20L4 4m16 0L4 20"/></svg></button>', main: `<div class="fancybox__container" role="dialog" aria-modal="true" aria-label="{{MODAL}}" tabindex="-1">
|
|
2649
2649
|
<div class="fancybox__backdrop"></div>
|
|
@@ -2661,10 +2661,10 @@ const pt = () => {
|
|
|
2661
2661
|
let Ne = "", _e = "";
|
|
2662
2662
|
const ke = Oe.getInstance();
|
|
2663
2663
|
if (ke) {
|
|
2664
|
-
const De = ke.carousel,
|
|
2665
|
-
if (De &&
|
|
2666
|
-
let
|
|
2667
|
-
_e =
|
|
2664
|
+
const De = ke.carousel, $e = ke.getSlide();
|
|
2665
|
+
if (De && $e) {
|
|
2666
|
+
let Re = $e.slug || void 0, Be = $e.triggerEl || void 0;
|
|
2667
|
+
_e = Re || ke.option("slug") || "", !_e && Be && Be.dataset && (_e = Be.dataset.fancybox || ""), _e && _e !== "true" && (Ne = "#" + _e + (!Re && De.slides.length > 1 ? "-" + ($e.index + 1) : ""));
|
|
2668
2668
|
}
|
|
2669
2669
|
}
|
|
2670
2670
|
return { hash: Ne, slug: _e, index: 1 };
|
|
@@ -2697,27 +2697,27 @@ et && (/complete|interactive|loaded/.test(document.readyState) ? bt() : document
|
|
|
2697
2697
|
const yt = "is-zooming-in";
|
|
2698
2698
|
class wt extends _ {
|
|
2699
2699
|
onCreateSlide(_e, ke, De) {
|
|
2700
|
-
const
|
|
2701
|
-
De.el && De.type === "image" && typeof
|
|
2700
|
+
const $e = this.instance.optionFor(De, "src") || "";
|
|
2701
|
+
De.el && De.type === "image" && typeof $e == "string" && this.setImage(De, $e);
|
|
2702
2702
|
}
|
|
2703
2703
|
onRemoveSlide(_e, ke, De) {
|
|
2704
2704
|
De.panzoom && De.panzoom.destroy(), De.panzoom = void 0, De.imageEl = void 0;
|
|
2705
2705
|
}
|
|
2706
|
-
onChange(_e, ke, De,
|
|
2706
|
+
onChange(_e, ke, De, $e) {
|
|
2707
2707
|
S(this.instance.container, yt);
|
|
2708
|
-
for (const
|
|
2709
|
-
const Be =
|
|
2710
|
-
Be &&
|
|
2708
|
+
for (const Re of ke.slides) {
|
|
2709
|
+
const Be = Re.panzoom;
|
|
2710
|
+
Be && Re.index !== De && Be.reset(0.35);
|
|
2711
2711
|
}
|
|
2712
2712
|
}
|
|
2713
2713
|
onClose() {
|
|
2714
2714
|
var _e;
|
|
2715
|
-
const ke = this.instance, De = ke.container,
|
|
2716
|
-
if (!De || !De.parentElement ||
|
|
2717
|
-
const { el:
|
|
2718
|
-
if (
|
|
2715
|
+
const ke = this.instance, De = ke.container, $e = ke.getSlide();
|
|
2716
|
+
if (!De || !De.parentElement || !$e) return;
|
|
2717
|
+
const { el: Re, contentEl: Be, panzoom: Le, thumbElSrc: ze } = $e;
|
|
2718
|
+
if (!Re || !ze || !Be || !Le || Le.isContentLoading || Le.state === m.Init || Le.state === m.Destroy) return;
|
|
2719
2719
|
Le.updateMetrics();
|
|
2720
|
-
let Ae = this.getZoomInfo(
|
|
2720
|
+
let Ae = this.getZoomInfo($e);
|
|
2721
2721
|
if (!Ae) return;
|
|
2722
2722
|
this.instance.state = rt.CustomClosing, De.classList.remove(yt), De.classList.add("is-zooming-out"), Be.style.backgroundImage = `url('${ze}')`;
|
|
2723
2723
|
const Ie = De.getBoundingClientRect();
|
|
@@ -2738,22 +2738,22 @@ class wt extends _ {
|
|
|
2738
2738
|
}
|
|
2739
2739
|
setImage(_e, ke) {
|
|
2740
2740
|
const De = this.instance;
|
|
2741
|
-
_e.src = ke, this.process(_e, ke).then((
|
|
2742
|
-
const { contentEl:
|
|
2743
|
-
if (De.isClosing() ||
|
|
2744
|
-
|
|
2741
|
+
_e.src = ke, this.process(_e, ke).then(($e) => {
|
|
2742
|
+
const { contentEl: Re, imageEl: Be, thumbElSrc: Le, el: ze } = _e;
|
|
2743
|
+
if (De.isClosing() || !Re || !Be) return;
|
|
2744
|
+
Re.offsetHeight;
|
|
2745
2745
|
const Ae = !!De.isOpeningSlide(_e) && this.getZoomInfo(_e);
|
|
2746
2746
|
if (this.option("protected") && ze) {
|
|
2747
2747
|
ze.addEventListener("contextmenu", (Fe) => {
|
|
2748
2748
|
Fe.preventDefault();
|
|
2749
2749
|
});
|
|
2750
2750
|
const je = document.createElement("div");
|
|
2751
|
-
P(je, "fancybox-protected"),
|
|
2751
|
+
P(je, "fancybox-protected"), Re.appendChild(je);
|
|
2752
2752
|
}
|
|
2753
2753
|
if (Le && Ae) {
|
|
2754
|
-
const je =
|
|
2754
|
+
const je = $e.contentRect, Fe = Math.max(je.fullWidth, je.fullHeight);
|
|
2755
2755
|
let Ve = null;
|
|
2756
|
-
!Ae.opacity && Fe > 1200 && (Ve = document.createElement("img"), P(Ve, "fancybox-ghost"), Ve.src = Le,
|
|
2756
|
+
!Ae.opacity && Fe > 1200 && (Ve = document.createElement("img"), P(Ve, "fancybox-ghost"), Ve.src = Le, Re.appendChild(Ve));
|
|
2757
2757
|
const He = () => {
|
|
2758
2758
|
Ve && (P(Ve, "f-fadeFastOut"), setTimeout(() => {
|
|
2759
2759
|
Ve && (Ve.remove(), Ve = null);
|
|
@@ -2775,7 +2775,7 @@ class wt extends _ {
|
|
|
2775
2775
|
} else {
|
|
2776
2776
|
const je = this.optionFor(_e, "initialSize"), Fe = this.optionFor(_e, "zoom"), Ve = { event: De.prevMouseMoveEvent || De.options.event, friction: Fe ? 0.12 : 0 };
|
|
2777
2777
|
let He = De.optionFor(_e, "showClass") || void 0, qe = !0;
|
|
2778
|
-
De.isOpeningSlide(_e) && (je === "full" ?
|
|
2778
|
+
De.isOpeningSlide(_e) && (je === "full" ? $e.zoomToFull(Ve) : je === "cover" ? $e.zoomToCover(Ve) : je === "max" ? $e.zoomToMax(Ve) : qe = !1, $e.stop("current")), qe && He && (He = $e.isDragging ? "f-fadeIn" : ""), De.hideLoading(_e), De.revealContent(_e, He);
|
|
2779
2779
|
}
|
|
2780
2780
|
var Ie;
|
|
2781
2781
|
}, () => {
|
|
@@ -2783,15 +2783,15 @@ class wt extends _ {
|
|
|
2783
2783
|
});
|
|
2784
2784
|
}
|
|
2785
2785
|
process(_e, ke) {
|
|
2786
|
-
return new Promise((De,
|
|
2787
|
-
var
|
|
2786
|
+
return new Promise((De, $e) => {
|
|
2787
|
+
var Re;
|
|
2788
2788
|
const Be = this.instance, Le = _e.el;
|
|
2789
2789
|
Be.clearContent(_e), Be.showLoading(_e);
|
|
2790
2790
|
let ze = this.optionFor(_e, "content");
|
|
2791
2791
|
if (typeof ze == "string" && (ze = n(ze)), !ze || !E(ze)) {
|
|
2792
2792
|
if (ze = document.createElement("img"), ze instanceof HTMLImageElement) {
|
|
2793
2793
|
let Ae = "", Ie = _e.caption;
|
|
2794
|
-
Ae = typeof Ie == "string" && Ie ? Ie.replace(/<[^>]+>/gi, "").substring(0, 1e3) : `Image ${_e.index + 1} of ${((
|
|
2794
|
+
Ae = typeof Ie == "string" && Ie ? Ie.replace(/<[^>]+>/gi, "").substring(0, 1e3) : `Image ${_e.index + 1} of ${((Re = Be.carousel) === null || Re === void 0 ? void 0 : Re.pages.length) || 1}`, ze.src = ke || "", ze.alt = Ae, ze.draggable = !1, _e.srcset && ze.setAttribute("srcset", _e.srcset), this.instance.isOpeningSlide(_e) && (ze.fetchPriority = "high");
|
|
2795
2795
|
}
|
|
2796
2796
|
_e.sizes && ze.setAttribute("sizes", _e.sizes);
|
|
2797
2797
|
}
|
|
@@ -2810,38 +2810,38 @@ class wt extends _ {
|
|
|
2810
2810
|
}, dblClick: () => Be.isCompact ? "toggleZoom" : Be.option("contentDblClick") || !1, spinner: !1, panOnlyZoomed: !0, wheelLimit: 1 / 0, on: { ready: (Ae) => {
|
|
2811
2811
|
De(Ae);
|
|
2812
2812
|
}, error: () => {
|
|
2813
|
-
|
|
2813
|
+
$e();
|
|
2814
2814
|
}, destroy: () => {
|
|
2815
|
-
|
|
2815
|
+
$e();
|
|
2816
2816
|
} } }));
|
|
2817
2817
|
});
|
|
2818
2818
|
}
|
|
2819
2819
|
zoomIn(_e) {
|
|
2820
2820
|
return new Promise((ke, De) => {
|
|
2821
|
-
const
|
|
2821
|
+
const $e = this.instance, Re = $e.container, { panzoom: Be, contentEl: Le, el: ze } = _e;
|
|
2822
2822
|
Be && Be.updateMetrics();
|
|
2823
2823
|
const Ae = this.getZoomInfo(_e);
|
|
2824
|
-
if (!(Ae && ze && Le && Be &&
|
|
2824
|
+
if (!(Ae && ze && Le && Be && Re)) return void De();
|
|
2825
2825
|
const { x: Ie, y: je, scale: Fe, opacity: Ve } = Ae, He = () => {
|
|
2826
2826
|
_e.state !== lt.Closing && (Ve && (Le.style.opacity = Math.max(Math.min(1, 1 - (1 - Be.scale) / (1 - Fe)), 0) + ""), Be.scale >= 1 && Be.scale > Be.targetScale - 0.1 && ke(Be));
|
|
2827
2827
|
}, qe = (Ze) => {
|
|
2828
|
-
(Ze.scale < 0.99 || Ze.scale > 1.01) && !Ze.isDragging || (S(
|
|
2828
|
+
(Ze.scale < 0.99 || Ze.scale > 1.01) && !Ze.isDragging || (S(Re, yt), Le.style.opacity = "", Ze.off("endAnimation", qe), Ze.off("touchStart", qe), Ze.off("afterTransform", He), ke(Ze));
|
|
2829
2829
|
};
|
|
2830
2830
|
Be.on("endAnimation", qe), Be.on("touchStart", qe), Be.on("afterTransform", He), Be.on(["error", "destroy"], () => {
|
|
2831
2831
|
De();
|
|
2832
2832
|
}), Be.panTo({ x: Ie, y: je, scale: Fe, friction: 0, ignoreBounds: !0 }), Be.stop("current");
|
|
2833
|
-
const Xe = { event: Be.panMode === "mousemove" ?
|
|
2834
|
-
P(
|
|
2833
|
+
const Xe = { event: Be.panMode === "mousemove" ? $e.prevMouseMoveEvent || $e.options.event : void 0 }, We = this.optionFor(_e, "initialSize");
|
|
2834
|
+
P(Re, yt), $e.hideLoading(_e), We === "full" ? Be.zoomToFull(Xe) : We === "cover" ? Be.zoomToCover(Xe) : We === "max" ? Be.zoomToMax(Xe) : Be.reset(0.172);
|
|
2835
2835
|
});
|
|
2836
2836
|
}
|
|
2837
2837
|
getZoomInfo(_e) {
|
|
2838
|
-
const { el: ke, imageEl: De, thumbEl:
|
|
2839
|
-
if (!ke || !De ||
|
|
2838
|
+
const { el: ke, imageEl: De, thumbEl: $e, panzoom: Re } = _e, Be = this.instance, Le = Be.container;
|
|
2839
|
+
if (!ke || !De || !$e || !Re || tt($e) < 3 || !this.optionFor(_e, "zoom") || !Le || Be.state === rt.Destroy || getComputedStyle(Le).getPropertyValue("--f-images-zoom") === "0") return !1;
|
|
2840
2840
|
const ze = window.visualViewport || null;
|
|
2841
2841
|
if ((ze ? ze.scale : 1) !== 1) return !1;
|
|
2842
|
-
let { top: Ae, left: Ie, width: je, height: Fe } =
|
|
2842
|
+
let { top: Ae, left: Ie, width: je, height: Fe } = $e.getBoundingClientRect(), { top: Ve, left: He, fitWidth: qe, fitHeight: Xe } = Re.contentRect;
|
|
2843
2843
|
if (!(je && Fe && qe && Xe)) return !1;
|
|
2844
|
-
const We =
|
|
2844
|
+
const We = Re.container.getBoundingClientRect();
|
|
2845
2845
|
He += We.left, Ve += We.top;
|
|
2846
2846
|
const Ze = -1 * (He + 0.5 * qe - (Ie + 0.5 * je)), Ge = -1 * (Ve + 0.5 * Xe - (Ae + 0.5 * Fe)), Ye = je / qe;
|
|
2847
2847
|
let Ue = this.option("zoomOpacity") || !1;
|
|
@@ -2858,16 +2858,16 @@ class wt extends _ {
|
|
|
2858
2858
|
}
|
|
2859
2859
|
Object.defineProperty(wt, "defaults", { enumerable: !0, configurable: !0, writable: !0, value: { initialSize: "fit", Panzoom: { maxScale: 1 }, protected: !1, zoom: !0, zoomOpacity: "auto" } }), typeof SuppressedError == "function" && SuppressedError;
|
|
2860
2860
|
const xt = "html", Et = "image", St = "map", Pt = "youtube", Ct = "vimeo", Tt = "html5video", Mt = (Ne, _e = {}) => {
|
|
2861
|
-
const ke = new URL(Ne), De = new URLSearchParams(ke.search),
|
|
2861
|
+
const ke = new URL(Ne), De = new URLSearchParams(ke.search), $e = new URLSearchParams();
|
|
2862
2862
|
for (const [Le, ze] of [...De, ...Object.entries(_e)]) {
|
|
2863
2863
|
let Ae = ze + "";
|
|
2864
2864
|
if (Le === "t") {
|
|
2865
2865
|
let Ie = Ae.match(/((\d*)m)?(\d*)s?/);
|
|
2866
|
-
Ie &&
|
|
2867
|
-
} else
|
|
2866
|
+
Ie && $e.set("start", 60 * parseInt(Ie[2] || "0") + parseInt(Ie[3] || "0") + "");
|
|
2867
|
+
} else $e.set(Le, Ae);
|
|
2868
2868
|
}
|
|
2869
|
-
let
|
|
2870
|
-
return Be && (
|
|
2869
|
+
let Re = $e + "", Be = Ne.match(/#t=((.*)?\d+s)/);
|
|
2870
|
+
return Be && (Re += `#t=${Be[1]}`), Re;
|
|
2871
2871
|
}, Ot = { ajax: null, autoSize: !0, iframeAttr: { allow: "autoplay; fullscreen", scrolling: "auto" }, preload: !0, videoAutoplay: !0, videoRatio: 16 / 9, videoTpl: `<video class="fancybox__html5video" playsinline controls controlsList="nodownload" poster="{{poster}}">
|
|
2872
2872
|
<source src="{{src}}" type="{{format}}" />Sorry, your browser doesn't support embedded videos.</video>`, videoFormat: "", vimeo: { byline: 1, color: "00adef", controls: 1, dnt: 1, muted: 0 }, youtube: { controls: 1, enablejsapi: 1, nocookie: 1, rel: 0, fs: 1 } }, At = ["image", "html", "ajax", "inline", "clone", "iframe", "map", "pdf", "html5video", "youtube", "vimeo"];
|
|
2873
2873
|
class Lt extends _ {
|
|
@@ -2881,9 +2881,9 @@ class Lt extends _ {
|
|
|
2881
2881
|
ke.xhr && (ke.xhr.abort(), ke.xhr = null);
|
|
2882
2882
|
const De = ke.iframeEl;
|
|
2883
2883
|
De && (De.onload = De.onerror = null, De.src = "//about:blank", ke.iframeEl = null);
|
|
2884
|
-
const
|
|
2885
|
-
if (ke.type === "inline" &&
|
|
2886
|
-
|
|
2884
|
+
const $e = ke.contentEl, Re = ke.placeholderEl;
|
|
2885
|
+
if (ke.type === "inline" && $e && Re) $e.classList.remove("fancybox__content"), getComputedStyle($e).getPropertyValue("display") !== "none" && ($e.style.display = "none"), setTimeout(() => {
|
|
2886
|
+
Re && ($e && Re.parentNode && Re.parentNode.insertBefore($e, Re), Re.remove());
|
|
2887
2887
|
}, 0), ke.contentEl = void 0, ke.placeholderEl = void 0;
|
|
2888
2888
|
else for (; ke.el && ke.el.firstChild; ) ke.el.removeChild(ke.el.firstChild);
|
|
2889
2889
|
}
|
|
@@ -2891,10 +2891,10 @@ class Lt extends _ {
|
|
|
2891
2891
|
De.state === lt.Ready && this.playVideo();
|
|
2892
2892
|
}
|
|
2893
2893
|
onUnselectSlide(_e, ke, De) {
|
|
2894
|
-
var
|
|
2894
|
+
var $e, Re;
|
|
2895
2895
|
if (De.type === Tt) {
|
|
2896
2896
|
try {
|
|
2897
|
-
(
|
|
2897
|
+
(Re = ($e = De.el) === null || $e === void 0 ? void 0 : $e.querySelector("video")) === null || Re === void 0 || Re.pause();
|
|
2898
2898
|
} catch {
|
|
2899
2899
|
}
|
|
2900
2900
|
return;
|
|
@@ -2925,12 +2925,12 @@ class Lt extends _ {
|
|
|
2925
2925
|
loadAjaxContent(_e) {
|
|
2926
2926
|
const ke = this.instance.optionFor(_e, "src") || "";
|
|
2927
2927
|
this.instance.showLoading(_e);
|
|
2928
|
-
const De = this.instance,
|
|
2929
|
-
De.showLoading(_e),
|
|
2930
|
-
|
|
2928
|
+
const De = this.instance, $e = new XMLHttpRequest();
|
|
2929
|
+
De.showLoading(_e), $e.onreadystatechange = function() {
|
|
2930
|
+
$e.readyState === XMLHttpRequest.DONE && De.state === rt.Ready && (De.hideLoading(_e), $e.status === 200 ? De.setContent(_e, $e.responseText) : De.setError(_e, $e.status === 404 ? "{{AJAX_NOT_FOUND}}" : "{{AJAX_FORBIDDEN}}"));
|
|
2931
2931
|
};
|
|
2932
|
-
const
|
|
2933
|
-
|
|
2932
|
+
const Re = _e.ajax || null;
|
|
2933
|
+
$e.open(Re ? "POST" : "GET", ke + ""), $e.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"), $e.setRequestHeader("X-Requested-With", "XMLHttpRequest"), $e.send(Re), _e.xhr = $e;
|
|
2934
2934
|
}
|
|
2935
2935
|
setInlineContent(_e) {
|
|
2936
2936
|
let ke = null;
|
|
@@ -2944,8 +2944,8 @@ class Lt extends _ {
|
|
|
2944
2944
|
ke = ke.cloneNode(!0);
|
|
2945
2945
|
const De = ke.dataset.animationName;
|
|
2946
2946
|
De && (ke.classList.remove(De), delete ke.dataset.animationName);
|
|
2947
|
-
let
|
|
2948
|
-
|
|
2947
|
+
let $e = ke.getAttribute("id");
|
|
2948
|
+
$e = $e ? `${$e}--clone` : `clone-${this.instance.id}-${_e.index}`, ke.setAttribute("id", $e);
|
|
2949
2949
|
} else if (ke.parentNode) {
|
|
2950
2950
|
const De = document.createElement("div");
|
|
2951
2951
|
De.classList.add("fancybox-placeholder"), ke.parentNode.insertBefore(De, ke), _e.placeholderEl = De;
|
|
@@ -2957,32 +2957,32 @@ class Lt extends _ {
|
|
|
2957
2957
|
const { src: ke, el: De } = _e;
|
|
2958
2958
|
if (!ke || typeof ke != "string" || !De) return;
|
|
2959
2959
|
De.classList.add("is-loading");
|
|
2960
|
-
const
|
|
2961
|
-
|
|
2962
|
-
for (const [Le, ze] of Object.entries(this.optionFor(_e, "iframeAttr") || {}))
|
|
2963
|
-
|
|
2964
|
-
|
|
2965
|
-
}, _e.iframeEl =
|
|
2960
|
+
const $e = this.instance, Re = document.createElement("iframe");
|
|
2961
|
+
Re.className = "fancybox__iframe", Re.setAttribute("id", `fancybox__iframe_${$e.id}_${_e.index}`);
|
|
2962
|
+
for (const [Le, ze] of Object.entries(this.optionFor(_e, "iframeAttr") || {})) Re.setAttribute(Le, ze);
|
|
2963
|
+
Re.onerror = () => {
|
|
2964
|
+
$e.setError(_e, "{{IFRAME_ERROR}}");
|
|
2965
|
+
}, _e.iframeEl = Re;
|
|
2966
2966
|
const Be = this.optionFor(_e, "preload");
|
|
2967
|
-
if (_e.type !== "iframe" || Be === !1) return
|
|
2968
|
-
|
|
2969
|
-
if (
|
|
2970
|
-
const Le =
|
|
2971
|
-
|
|
2972
|
-
},
|
|
2967
|
+
if (_e.type !== "iframe" || Be === !1) return Re.setAttribute("src", _e.src + ""), $e.setContent(_e, Re, !1), this.resizeIframe(_e), void $e.revealContent(_e);
|
|
2968
|
+
$e.showLoading(_e), Re.onload = () => {
|
|
2969
|
+
if (!Re.src.length) return;
|
|
2970
|
+
const Le = Re.dataset.ready !== "true";
|
|
2971
|
+
Re.dataset.ready = "true", this.resizeIframe(_e), Le ? $e.revealContent(_e) : $e.hideLoading(_e);
|
|
2972
|
+
}, Re.setAttribute("src", ke), $e.setContent(_e, Re, !1);
|
|
2973
2973
|
}
|
|
2974
2974
|
resizeIframe(_e) {
|
|
2975
2975
|
const { type: ke, iframeEl: De } = _e;
|
|
2976
2976
|
if (ke === Pt || ke === Ct) return;
|
|
2977
|
-
const
|
|
2978
|
-
if (!De ||
|
|
2979
|
-
let
|
|
2980
|
-
|
|
2977
|
+
const $e = De == null ? void 0 : De.parentElement;
|
|
2978
|
+
if (!De || !$e) return;
|
|
2979
|
+
let Re = _e.autoSize;
|
|
2980
|
+
Re === void 0 && (Re = this.optionFor(_e, "autoSize"));
|
|
2981
2981
|
let Be = _e.width || 0, Le = _e.height || 0;
|
|
2982
|
-
Be && Le && (
|
|
2983
|
-
const ze =
|
|
2984
|
-
if (_e.preload !== !1 &&
|
|
2985
|
-
const Ae = window.getComputedStyle(
|
|
2982
|
+
Be && Le && (Re = !1);
|
|
2983
|
+
const ze = $e && $e.style;
|
|
2984
|
+
if (_e.preload !== !1 && Re !== !1 && ze) try {
|
|
2985
|
+
const Ae = window.getComputedStyle($e), Ie = parseFloat(Ae.paddingLeft) + parseFloat(Ae.paddingRight), je = parseFloat(Ae.paddingTop) + parseFloat(Ae.paddingBottom), Fe = De.contentWindow;
|
|
2986
2986
|
if (Fe) {
|
|
2987
2987
|
const Ve = Fe.document, He = Ve.getElementsByTagName(xt)[0], qe = Ve.body;
|
|
2988
2988
|
ze.width = "", qe.style.overflow = "hidden", Be = Be || He.scrollWidth + Ie, ze.width = `${Be}px`, qe.style.overflow = "", ze.flex = "0 0 auto", ze.height = `${qe.scrollHeight}px`, Le = He.scrollHeight + je;
|
|
@@ -3000,12 +3000,12 @@ class Lt extends _ {
|
|
|
3000
3000
|
const { el: ke } = _e;
|
|
3001
3001
|
if (!ke || !ke.offsetParent || !this.optionFor(_e, "videoAutoplay")) return;
|
|
3002
3002
|
if (_e.type === Tt) try {
|
|
3003
|
-
const
|
|
3004
|
-
if (
|
|
3005
|
-
const
|
|
3006
|
-
|
|
3003
|
+
const $e = ke.querySelector("video");
|
|
3004
|
+
if ($e) {
|
|
3005
|
+
const Re = $e.play();
|
|
3006
|
+
Re !== void 0 && Re.then(() => {
|
|
3007
3007
|
}).catch((Be) => {
|
|
3008
|
-
|
|
3008
|
+
$e.muted = !0, $e.play();
|
|
3009
3009
|
});
|
|
3010
3010
|
}
|
|
3011
3011
|
} catch {
|
|
@@ -3013,9 +3013,9 @@ class Lt extends _ {
|
|
|
3013
3013
|
if (_e.type !== Pt && _e.type !== Ct) return;
|
|
3014
3014
|
const De = () => {
|
|
3015
3015
|
if (_e.iframeEl && _e.iframeEl.contentWindow) {
|
|
3016
|
-
let
|
|
3017
|
-
if (_e.iframeEl.dataset.ready === "true") return
|
|
3018
|
-
_e.type === Pt && (
|
|
3016
|
+
let $e;
|
|
3017
|
+
if (_e.iframeEl.dataset.ready === "true") return $e = _e.type === Pt ? { event: "command", func: "playVideo" } : { method: "play", value: "true" }, $e && _e.iframeEl.contentWindow.postMessage(JSON.stringify($e), "*"), void (_e.poller = void 0);
|
|
3018
|
+
_e.type === Pt && ($e = { event: "listening", id: _e.iframeEl.getAttribute("id") }, _e.iframeEl.contentWindow.postMessage(JSON.stringify($e), "*"));
|
|
3019
3019
|
}
|
|
3020
3020
|
_e.poller = setTimeout(De, 250);
|
|
3021
3021
|
};
|
|
@@ -3025,9 +3025,9 @@ class Lt extends _ {
|
|
|
3025
3025
|
if (_e.html) return _e.type = xt, _e.src = _e.html, void (_e.html = "");
|
|
3026
3026
|
const ke = this.instance.optionFor(_e, "src", "");
|
|
3027
3027
|
if (!ke || typeof ke != "string") return;
|
|
3028
|
-
let De = _e.type,
|
|
3029
|
-
if (
|
|
3030
|
-
const
|
|
3028
|
+
let De = _e.type, $e = null;
|
|
3029
|
+
if ($e = ke.match(/(youtube\.com|youtu\.be|youtube\-nocookie\.com)\/(?:watch\?(?:.*&)?v=|v\/|u\/|shorts\/|embed\/?)?(videoseries\?list=(?:.*)|[\w-]{11}|\?listType=(?:.*)&list=(?:.*))(?:.*)/i)) {
|
|
3030
|
+
const Re = this.optionFor(_e, Pt), { nocookie: Be } = Re, Le = function(je, Fe) {
|
|
3031
3031
|
var Ve = {};
|
|
3032
3032
|
for (var He in je) Object.prototype.hasOwnProperty.call(je, He) && Fe.indexOf(He) < 0 && (Ve[He] = je[He]);
|
|
3033
3033
|
if (je != null && typeof Object.getOwnPropertySymbols == "function") {
|
|
@@ -3035,17 +3035,17 @@ class Lt extends _ {
|
|
|
3035
3035
|
for (He = Object.getOwnPropertySymbols(je); qe < He.length; qe++) Fe.indexOf(He[qe]) < 0 && Object.prototype.propertyIsEnumerable.call(je, He[qe]) && (Ve[He[qe]] = je[He[qe]]);
|
|
3036
3036
|
}
|
|
3037
3037
|
return Ve;
|
|
3038
|
-
}(
|
|
3038
|
+
}(Re, ["nocookie"]), ze = `www.youtube${Be ? "-nocookie" : ""}.com`, Ae = Mt(ke, Le), Ie = encodeURIComponent($e[2]);
|
|
3039
3039
|
_e.videoId = Ie, _e.src = `https://${ze}/embed/${Ie}?${Ae}`, _e.thumbSrc = _e.thumbSrc || `https://i.ytimg.com/vi/${Ie}/mqdefault.jpg`, De = Pt;
|
|
3040
|
-
} else if (
|
|
3041
|
-
const
|
|
3042
|
-
_e.videoId = Be, _e.src = `https://player.vimeo.com/video/${Be}?${Le ? `h=${Le}${
|
|
3040
|
+
} else if ($e = ke.match(/^.+vimeo.com\/(?:\/)?([\d]+)((\/|\?h=)([a-z0-9]+))?(.*)?/)) {
|
|
3041
|
+
const Re = Mt(ke, this.optionFor(_e, Ct)), Be = encodeURIComponent($e[1]), Le = $e[4] || "";
|
|
3042
|
+
_e.videoId = Be, _e.src = `https://player.vimeo.com/video/${Be}?${Le ? `h=${Le}${Re ? "&" : ""}` : ""}${Re}`, De = Ct;
|
|
3043
3043
|
}
|
|
3044
3044
|
if (!De && _e.triggerEl) {
|
|
3045
|
-
const
|
|
3046
|
-
At.includes(
|
|
3045
|
+
const Re = _e.triggerEl.dataset.type;
|
|
3046
|
+
At.includes(Re) && (De = Re);
|
|
3047
3047
|
}
|
|
3048
|
-
De || typeof ke == "string" && (ke.charAt(0) === "#" ? De = "inline" : (
|
|
3048
|
+
De || typeof ke == "string" && (ke.charAt(0) === "#" ? De = "inline" : ($e = ke.match(/\.(mp4|mov|ogv|webm)((\?|#).*)?$/i)) ? (De = Tt, _e.videoFormat = _e.videoFormat || "video/" + ($e[1] === "ogv" ? "ogg" : $e[1])) : ke.match(/(^data:image\/[a-z0-9+\/=]*,)|(\.(jp(e|g|eg)|gif|png|bmp|webp|svg|ico)((\?|#).*)?$)/i) ? De = Et : ke.match(/\.(pdf)((\?|#).*)?$/i) && (De = "pdf")), ($e = ke.match(/(?:maps\.)?google\.([a-z]{2,3}(?:\.[a-z]{2})?)\/(?:(?:(?:maps\/(?:place\/(?:.*)\/)?\@(.*),(\d+.?\d+?)z))|(?:\?ll=))(.*)?/i)) ? (_e.src = `https://maps.google.${$e[1]}/?ll=${($e[2] ? $e[2] + "&z=" + Math.floor(parseFloat($e[3])) + ($e[4] ? $e[4].replace(/^\//, "&") : "") : $e[4] + "").replace(/\?/, "&")}&output=${$e[4] && $e[4].indexOf("layer=c") > 0 ? "svembed" : "embed"}`, De = St) : ($e = ke.match(/(?:maps\.)?google\.([a-z]{2,3}(?:\.[a-z]{2})?)\/(?:maps\/search\/)(.*)/i)) && (_e.src = `https://maps.google.${$e[1]}/maps?q=${$e[2].replace("query=", "q=").replace("api=1", "")}&output=embed`, De = St), De = De || this.instance.option("defaultType"), _e.type = De, De === Et && (_e.thumbSrc = _e.thumbSrc || _e.src);
|
|
3049
3049
|
}
|
|
3050
3050
|
setContent(_e) {
|
|
3051
3051
|
const ke = this.instance.optionFor(_e, "src") || "";
|
|
@@ -3079,16 +3079,16 @@ class Lt extends _ {
|
|
|
3079
3079
|
setAspectRatio(_e) {
|
|
3080
3080
|
const ke = _e.contentEl;
|
|
3081
3081
|
if (!(_e.el && ke && _e.type && [Pt, Ct, Tt].includes(_e.type))) return;
|
|
3082
|
-
let De,
|
|
3083
|
-
if (
|
|
3082
|
+
let De, $e = _e.width || "auto", Re = _e.height || "auto";
|
|
3083
|
+
if ($e === "auto" || Re === "auto") {
|
|
3084
3084
|
De = this.optionFor(_e, "videoRatio");
|
|
3085
3085
|
const Ae = (De + "").match(/(\d+)\s*\/\s?(\d+)/);
|
|
3086
3086
|
De = Ae && Ae.length > 2 ? parseFloat(Ae[1]) / parseFloat(Ae[2]) : parseFloat(De + "");
|
|
3087
|
-
} else
|
|
3087
|
+
} else $e && Re && (De = $e / Re);
|
|
3088
3088
|
if (!De) return;
|
|
3089
3089
|
ke.style.aspectRatio = "", ke.style.width = "", ke.style.height = "", ke.offsetHeight;
|
|
3090
3090
|
const Be = ke.getBoundingClientRect(), Le = Be.width || 1, ze = Be.height || 1;
|
|
3091
|
-
ke.style.aspectRatio = De + "", De < Le / ze ? (
|
|
3091
|
+
ke.style.aspectRatio = De + "", De < Le / ze ? (Re = Re === "auto" ? ze : Math.min(ze, Re), ke.style.width = "auto", ke.style.height = `${Re}px`) : ($e = $e === "auto" ? Le : Math.min(Le, $e), ke.style.width = `${$e}px`, ke.style.height = "auto");
|
|
3092
3092
|
}
|
|
3093
3093
|
attach() {
|
|
3094
3094
|
const _e = this, ke = _e.instance;
|
|
@@ -3139,18 +3139,18 @@ class It extends _ {
|
|
|
3139
3139
|
if (!this.option("showProgress")) return null;
|
|
3140
3140
|
this.removeProgressBar();
|
|
3141
3141
|
const ke = this.instance, De = ((_e = ke.pages[ke.page]) === null || _e === void 0 ? void 0 : _e.slides) || [];
|
|
3142
|
-
let
|
|
3143
|
-
if (
|
|
3144
|
-
const
|
|
3145
|
-
return P(
|
|
3142
|
+
let $e = this.option("progressParentEl");
|
|
3143
|
+
if ($e || ($e = (De.length === 1 ? De[0].el : null) || ke.viewport), !$e) return null;
|
|
3144
|
+
const Re = document.createElement("div");
|
|
3145
|
+
return P(Re, "f-progress"), $e.prepend(Re), this.progressBar = Re, Re.offsetHeight, Re;
|
|
3146
3146
|
}
|
|
3147
3147
|
set() {
|
|
3148
3148
|
const _e = this, ke = _e.instance;
|
|
3149
3149
|
if (ke.pages.length < 2 || _e.timer) return;
|
|
3150
3150
|
const De = _e.option("timeout");
|
|
3151
3151
|
_e.state = zt, P(ke.container, "has-autoplay");
|
|
3152
|
-
let
|
|
3153
|
-
|
|
3152
|
+
let $e = _e.createProgressBar();
|
|
3153
|
+
$e && ($e.style.transitionDuration = `${De}ms`, $e.style.transform = "scaleX(1)"), _e.timer = setTimeout(() => {
|
|
3154
3154
|
_e.timer = null, _e.inHover || _e.onTimerEnd();
|
|
3155
3155
|
}, De), _e.emit("set");
|
|
3156
3156
|
}
|
|
@@ -3209,14 +3209,14 @@ class Dt extends _ {
|
|
|
3209
3209
|
const De = _e.container;
|
|
3210
3210
|
De && (ke.options.Autoplay = u({ autoStart: !1 }, this.option("Autoplay") || {}, { pauseOnHover: !1, timeout: this.option("timeout"), progressParentEl: () => this.option("progressParentEl") || null, on: { start: () => {
|
|
3211
3211
|
_e.emit("startSlideshow");
|
|
3212
|
-
}, set: (
|
|
3213
|
-
var
|
|
3214
|
-
De.classList.add("has-slideshow"), ((
|
|
3212
|
+
}, set: ($e) => {
|
|
3213
|
+
var Re;
|
|
3214
|
+
De.classList.add("has-slideshow"), ((Re = _e.getSlide()) === null || Re === void 0 ? void 0 : Re.state) !== lt.Ready && $e.pause();
|
|
3215
3215
|
}, stop: () => {
|
|
3216
3216
|
De.classList.remove("has-slideshow"), _e.isCompact || _e.endIdle(), _e.emit("endSlideshow");
|
|
3217
|
-
}, resume: (
|
|
3217
|
+
}, resume: ($e, Re) => {
|
|
3218
3218
|
var Be, Le, ze;
|
|
3219
|
-
|
|
3219
|
+
!Re || !Re.cancelable || ((Be = _e.getSlide()) === null || Be === void 0 ? void 0 : Be.state) === lt.Ready && (!((ze = (Le = _e.carousel) === null || Le === void 0 ? void 0 : Le.panzoom) === null || ze === void 0) && ze.isResting) || Re.preventDefault();
|
|
3220
3220
|
} } }), ke.attachPlugins({ Autoplay: It }), this.ref = ke.plugins.Autoplay);
|
|
3221
3221
|
}
|
|
3222
3222
|
onReady(_e) {
|
|
@@ -3224,17 +3224,17 @@ class Dt extends _ {
|
|
|
3224
3224
|
De && ke && this.option("playOnStart") && (ke.isInfinite || ke.page < ke.pages.length - 1) && De.start();
|
|
3225
3225
|
}
|
|
3226
3226
|
onDone(_e, ke) {
|
|
3227
|
-
const De = this.ref,
|
|
3228
|
-
if (!De ||
|
|
3229
|
-
const
|
|
3230
|
-
|
|
3227
|
+
const De = this.ref, $e = _e.carousel;
|
|
3228
|
+
if (!De || !$e) return;
|
|
3229
|
+
const Re = ke.panzoom;
|
|
3230
|
+
Re && Re.on("startAnimation", () => {
|
|
3231
3231
|
_e.isCurrentSlide(ke) && De.stop();
|
|
3232
3232
|
}), _e.isCurrentSlide(ke) && De.resume();
|
|
3233
3233
|
}
|
|
3234
3234
|
onKeydown(_e, ke) {
|
|
3235
3235
|
var De;
|
|
3236
|
-
const
|
|
3237
|
-
|
|
3236
|
+
const $e = this.ref;
|
|
3237
|
+
$e && ke === this.option("key") && ((De = document.activeElement) === null || De === void 0 ? void 0 : De.nodeName) !== "BUTTON" && $e.toggle();
|
|
3238
3238
|
}
|
|
3239
3239
|
attach() {
|
|
3240
3240
|
const _e = this, ke = _e.instance;
|
|
@@ -3272,14 +3272,14 @@ let $t = class extends _ {
|
|
|
3272
3272
|
onChange() {
|
|
3273
3273
|
var Ne;
|
|
3274
3274
|
if (!this.isModern) return;
|
|
3275
|
-
const _e = this.container, ke = this.instance, De = ke.panzoom,
|
|
3276
|
-
if (De &&
|
|
3275
|
+
const _e = this.container, ke = this.instance, De = ke.panzoom, $e = this.carousel, Re = $e ? $e.panzoom : null, Be = ke.page;
|
|
3276
|
+
if (De && $e && Re) {
|
|
3277
3277
|
if (De.isDragging) {
|
|
3278
3278
|
S(_e, this.cn(Bt));
|
|
3279
|
-
let Le = ((Ne =
|
|
3279
|
+
let Le = ((Ne = $e.pages[Be]) === null || Ne === void 0 ? void 0 : Ne.pos) || 0;
|
|
3280
3280
|
Le += ke.getProgress(Be) * (this[_t] + this.thumbGap);
|
|
3281
|
-
let ze =
|
|
3282
|
-
-1 * Le > ze.x.min && -1 * Le < ze.x.max &&
|
|
3281
|
+
let ze = Re.getBounds();
|
|
3282
|
+
-1 * Le > ze.x.min && -1 * Le < ze.x.max && Re.panTo({ x: -1 * Le, friction: 0.12 });
|
|
3283
3283
|
} else o(_e, this.cn(Bt), De.isResting);
|
|
3284
3284
|
this.shiftModern();
|
|
3285
3285
|
}
|
|
@@ -3294,7 +3294,7 @@ let $t = class extends _ {
|
|
|
3294
3294
|
if (Ne) {
|
|
3295
3295
|
const ke = this.instance;
|
|
3296
3296
|
let De = 0;
|
|
3297
|
-
for (const
|
|
3297
|
+
for (const $e of ke.slides || []) $e.thumbSrc && De++;
|
|
3298
3298
|
if (De < Ne) return !0;
|
|
3299
3299
|
}
|
|
3300
3300
|
const _e = this.option("type");
|
|
@@ -3326,14 +3326,14 @@ let $t = class extends _ {
|
|
|
3326
3326
|
const Ne = this;
|
|
3327
3327
|
if (Ne.state !== jt.Init) return;
|
|
3328
3328
|
if (Ne.isDisabled()) return void Ne.emit("disabled");
|
|
3329
|
-
const _e = Ne.instance, ke = _e.container, De = Ne.getSlides(),
|
|
3330
|
-
Ne.type =
|
|
3331
|
-
const
|
|
3332
|
-
let ze =
|
|
3333
|
-
ze || (ze = document.createElement("div"), P(ze, Be),
|
|
3329
|
+
const _e = Ne.instance, ke = _e.container, De = Ne.getSlides(), $e = Ne.option("type");
|
|
3330
|
+
Ne.type = $e;
|
|
3331
|
+
const Re = Ne.option("parentEl"), Be = Ne.cn("container"), Le = Ne.cn("track");
|
|
3332
|
+
let ze = Re == null ? void 0 : Re.querySelector("." + Be);
|
|
3333
|
+
ze || (ze = document.createElement("div"), P(ze, Be), Re ? Re.appendChild(ze) : ke.after(ze)), P(ze, `is-${$e}`), P(ke, Ne.cn("hasThumbs")), Ne.container = ze, Ne.updateProps();
|
|
3334
3334
|
let Ae = ze.querySelector("." + Le);
|
|
3335
3335
|
Ae || (Ae = document.createElement("div"), P(Ae, Ne.cn("track")), ze.appendChild(Ae)), Ne.track = Ae;
|
|
3336
|
-
const Ie = u({}, { track: Ae, infinite: !1, center: !0, fill:
|
|
3336
|
+
const Ie = u({}, { track: Ae, infinite: !1, center: !0, fill: $e === "classic", dragFree: !0, slidesPerPage: 1, transition: !1, preload: 0.25, friction: 0.12, Panzoom: { maxVelocity: 0 }, Dots: !1, Navigation: !1, classes: { container: "f-thumbs", viewport: "f-thumbs__viewport", track: "f-thumbs__track", slide: "f-thumbs__slide" } }, Ne.option("Carousel") || {}, { Sync: { target: _e }, slides: De }), je = new _e.constructor(ze, Ie);
|
|
3337
3337
|
je.on("createSlide", (Fe, Ve) => {
|
|
3338
3338
|
Ne.setProps(Ve.index), Ne.emit("createSlide", Ve, Ve.el);
|
|
3339
3339
|
}), je.on("ready", () => {
|
|
@@ -3346,29 +3346,29 @@ let $t = class extends _ {
|
|
|
3346
3346
|
}
|
|
3347
3347
|
onClick(Ne) {
|
|
3348
3348
|
Ne.preventDefault(), Ne.stopPropagation();
|
|
3349
|
-
const _e = this.instance, { pages: ke, page: De } = _e,
|
|
3349
|
+
const _e = this.instance, { pages: ke, page: De } = _e, $e = (qe) => {
|
|
3350
3350
|
if (qe) {
|
|
3351
3351
|
const Xe = qe.closest("[data-carousel-index]");
|
|
3352
3352
|
if (Xe) return [parseInt(Xe.dataset.carouselIndex || "", 10) || 0, Xe];
|
|
3353
3353
|
}
|
|
3354
3354
|
return [-1, void 0];
|
|
3355
|
-
},
|
|
3355
|
+
}, Re = (qe, Xe) => {
|
|
3356
3356
|
const We = document.elementFromPoint(qe, Xe);
|
|
3357
|
-
return We ?
|
|
3357
|
+
return We ? $e(We) : [-1, void 0];
|
|
3358
3358
|
};
|
|
3359
|
-
let [Be, Le] =
|
|
3359
|
+
let [Be, Le] = $e(Ne.target);
|
|
3360
3360
|
if (Be > -1) return;
|
|
3361
3361
|
const ze = this[_t], Ae = Ne.clientX, Ie = Ne.clientY;
|
|
3362
|
-
let [je, Fe] =
|
|
3362
|
+
let [je, Fe] = Re(Ae - ze, Ie), [Ve, He] = Re(Ae + ze, Ie);
|
|
3363
3363
|
Fe && He ? (Be = Math.abs(Ae - Fe.getBoundingClientRect().right) < Math.abs(Ae - He.getBoundingClientRect().left) ? je : Ve, Be === De && (Be = Be === je ? Ve : je)) : Fe ? Be = je : He && (Be = Ve), Be > -1 && ke[Be] && _e.slideTo(Be);
|
|
3364
3364
|
}
|
|
3365
3365
|
getShift(Ne) {
|
|
3366
3366
|
var _e;
|
|
3367
|
-
const ke = this, { instance: De } = ke,
|
|
3368
|
-
if (!De ||
|
|
3369
|
-
const
|
|
3370
|
-
if (!(!((_e =
|
|
3371
|
-
const Ae = 0.5 * (
|
|
3367
|
+
const ke = this, { instance: De } = ke, $e = ke.carousel;
|
|
3368
|
+
if (!De || !$e) return 0;
|
|
3369
|
+
const Re = ke[Ht], Be = ke[_t], Le = ke.thumbGap, ze = ke.thumbExtraGap;
|
|
3370
|
+
if (!(!((_e = $e.slides[Ne]) === null || _e === void 0) && _e.el)) return 0;
|
|
3371
|
+
const Ae = 0.5 * (Re - Be), Ie = De.pages.length - 1;
|
|
3372
3372
|
let je = De.getProgress(0), Fe = De.getProgress(Ie), Ve = De.getProgress(Ne, !1, !0), He = 0, qe = Ae + ze + Le;
|
|
3373
3373
|
const Xe = je < 0 && je > -1, We = Fe > 0 && Fe < 1;
|
|
3374
3374
|
return Ne === 0 ? (He = qe * Math.abs(je), We && je === 1 && (He -= qe * Math.abs(Fe))) : Ne === Ie ? (He = qe * Math.abs(Fe) * -1, Xe && Fe === -1 && (He += qe * Math.abs(je))) : Xe || We ? (He = -1 * qe, He += qe * Math.abs(je), He += qe * (1 - Math.abs(Fe))) : He = qe * Ve, He;
|
|
@@ -3377,23 +3377,23 @@ let $t = class extends _ {
|
|
|
3377
3377
|
var _e;
|
|
3378
3378
|
const ke = this;
|
|
3379
3379
|
if (!ke.isModern) return;
|
|
3380
|
-
const { instance: De } = ke,
|
|
3381
|
-
if (De &&
|
|
3382
|
-
const
|
|
3383
|
-
if (
|
|
3380
|
+
const { instance: De } = ke, $e = ke.carousel;
|
|
3381
|
+
if (De && $e) {
|
|
3382
|
+
const Re = (_e = $e.slides[Ne]) === null || _e === void 0 ? void 0 : _e.el;
|
|
3383
|
+
if (Re && Re.childNodes.length) {
|
|
3384
3384
|
let Be = t(1 - Math.abs(De.getProgress(Ne))), Le = t(ke.getShift(Ne));
|
|
3385
|
-
|
|
3385
|
+
Re.style.setProperty("--progress", Be ? Be + "" : ""), Re.style.setProperty("--shift", Le + "");
|
|
3386
3386
|
}
|
|
3387
3387
|
}
|
|
3388
3388
|
}
|
|
3389
3389
|
shiftModern() {
|
|
3390
3390
|
const Ne = this;
|
|
3391
3391
|
if (!Ne.isModern) return;
|
|
3392
|
-
const { instance: _e, track: ke } = Ne, De = _e.panzoom,
|
|
3393
|
-
if (!(_e && ke && De &&
|
|
3392
|
+
const { instance: _e, track: ke } = Ne, De = _e.panzoom, $e = Ne.carousel;
|
|
3393
|
+
if (!(_e && ke && De && $e) || De.state === m.Init || De.state === m.Destroy) return;
|
|
3394
3394
|
for (const Be of _e.slides) Ne.setProps(Be.index);
|
|
3395
|
-
let
|
|
3396
|
-
ke.style.setProperty("--width",
|
|
3395
|
+
let Re = (Ne[_t] + Ne.thumbGap) * ($e.slides.length || 0);
|
|
3396
|
+
ke.style.setProperty("--width", Re + "");
|
|
3397
3397
|
}
|
|
3398
3398
|
cleanup() {
|
|
3399
3399
|
const Ne = this;
|
|
@@ -3425,8 +3425,8 @@ class Yt extends _ {
|
|
|
3425
3425
|
ke.stopPropagation();
|
|
3426
3426
|
}
|
|
3427
3427
|
onCreateSlide(_e, ke) {
|
|
3428
|
-
var De,
|
|
3429
|
-
const Be = ((
|
|
3428
|
+
var De, $e, Re;
|
|
3429
|
+
const Be = ((Re = ($e = (De = this.instance) === null || De === void 0 ? void 0 : De.carousel) === null || $e === void 0 ? void 0 : $e.slides[ke.index]) === null || Re === void 0 ? void 0 : Re.type) || "", Le = ke.el;
|
|
3430
3430
|
if (Le && Be) {
|
|
3431
3431
|
let ze = `for-${Be}`;
|
|
3432
3432
|
["video", "youtube", "vimeo", "html5video"].includes(Be) && (ze += " for-video"), P(Le, ze);
|
|
@@ -3434,17 +3434,17 @@ class Yt extends _ {
|
|
|
3434
3434
|
}
|
|
3435
3435
|
onInit() {
|
|
3436
3436
|
var _e;
|
|
3437
|
-
const ke = this, De = ke.instance,
|
|
3438
|
-
if (ke.ref ||
|
|
3439
|
-
const
|
|
3440
|
-
if (
|
|
3441
|
-
const Be = u({}, ke.options, { parentEl:
|
|
3437
|
+
const ke = this, De = ke.instance, $e = De.carousel;
|
|
3438
|
+
if (ke.ref || !$e) return;
|
|
3439
|
+
const Re = ke.option("parentEl") || De.footer || De.container;
|
|
3440
|
+
if (!Re) return;
|
|
3441
|
+
const Be = u({}, ke.options, { parentEl: Re, classes: { container: "f-thumbs fancybox__thumbs" }, Carousel: { Sync: { friction: De.option("Carousel.friction") || 0 } }, on: { ready: (Le) => {
|
|
3442
3442
|
const ze = Le.container;
|
|
3443
3443
|
ze && this.hidden && (ke.refresh(), ze.style.transition = "none", ke.hide(), ze.offsetHeight, queueMicrotask(() => {
|
|
3444
3444
|
ze.style.transition = "", ke.show();
|
|
3445
3445
|
}));
|
|
3446
3446
|
} } });
|
|
3447
|
-
Be.Carousel = Be.Carousel || {}, Be.Carousel.on = u(((_e = ke.options.Carousel) === null || _e === void 0 ? void 0 : _e.on) || {}, { click: this.onClick, createSlide: this.onCreateSlide }),
|
|
3447
|
+
Be.Carousel = Be.Carousel || {}, Be.Carousel.on = u(((_e = ke.options.Carousel) === null || _e === void 0 ? void 0 : _e.on) || {}, { click: this.onClick, createSlide: this.onCreateSlide }), $e.options.Thumbs = Be, $e.attachPlugins({ Thumbs: $t }), ke.ref = $e.plugins.Thumbs, ke.option("showOnStart") || (ke.ref.state = jt.Hidden, ke.hidden = !0);
|
|
3448
3448
|
}
|
|
3449
3449
|
onResize() {
|
|
3450
3450
|
var _e;
|
|
@@ -3499,14 +3499,14 @@ class Qt extends _ {
|
|
|
3499
3499
|
onReady(_e) {
|
|
3500
3500
|
var ke;
|
|
3501
3501
|
if (!_e.carousel) return;
|
|
3502
|
-
let De = this.option("display"),
|
|
3503
|
-
if (
|
|
3502
|
+
let De = this.option("display"), $e = this.option("absolute"), Re = this.option("enabled");
|
|
3503
|
+
if (Re === "auto") {
|
|
3504
3504
|
const Ae = this.instance.carousel;
|
|
3505
3505
|
let Ie = 0;
|
|
3506
3506
|
if (Ae) for (const je of Ae.slides) (je.panzoom || je.type === "image") && Ie++;
|
|
3507
|
-
Ie || (
|
|
3507
|
+
Ie || (Re = !1);
|
|
3508
3508
|
}
|
|
3509
|
-
|
|
3509
|
+
Re || (De = void 0);
|
|
3510
3510
|
let Be = 0;
|
|
3511
3511
|
const Le = { left: [], middle: [], right: [] };
|
|
3512
3512
|
if (De) for (const Ae of ["left", "middle", "right"]) for (const Ie of De[Ae]) {
|
|
@@ -3519,20 +3519,20 @@ class Qt extends _ {
|
|
|
3519
3519
|
const je = document.createElement("div");
|
|
3520
3520
|
P(je, Jt + "__column is-" + Ae);
|
|
3521
3521
|
for (const Fe of Ie) je.appendChild(Fe);
|
|
3522
|
-
|
|
3522
|
+
$e !== "auto" || Ae !== "middle" || Ie.length || ($e = !0), ze.appendChild(je);
|
|
3523
3523
|
}
|
|
3524
|
-
|
|
3524
|
+
$e === !0 && P(ze, "is-absolute"), this.state = Zt.Ready, this.onRefresh();
|
|
3525
3525
|
} else this.state = Zt.Disabled;
|
|
3526
3526
|
}
|
|
3527
3527
|
onClick(_e) {
|
|
3528
3528
|
var ke, De;
|
|
3529
|
-
const
|
|
3529
|
+
const $e = this.instance, Re = $e.getSlide(), Be = Re == null ? void 0 : Re.panzoom, Le = _e.target, ze = Le && E(Le) ? Le.dataset : null;
|
|
3530
3530
|
if (!ze) return;
|
|
3531
|
-
if (ze.fancyboxToggleThumbs !== void 0) return _e.preventDefault(), _e.stopPropagation(), void ((ke =
|
|
3531
|
+
if (ze.fancyboxToggleThumbs !== void 0) return _e.preventDefault(), _e.stopPropagation(), void ((ke = $e.plugins.Thumbs) === null || ke === void 0 || ke.toggle());
|
|
3532
3532
|
if (ze.fancyboxToggleFullscreen !== void 0) return _e.preventDefault(), _e.stopPropagation(), void this.instance.toggleFullscreen();
|
|
3533
3533
|
if (ze.fancyboxToggleSlideshow !== void 0) {
|
|
3534
3534
|
_e.preventDefault(), _e.stopPropagation();
|
|
3535
|
-
const je = (De =
|
|
3535
|
+
const je = (De = $e.carousel) === null || De === void 0 ? void 0 : De.plugins.Autoplay;
|
|
3536
3536
|
let Fe = je.isActive;
|
|
3537
3537
|
return Be && Be.panMode === "mousemove" && !Fe && Be.reset(), void (Fe ? je.stop() : je.start());
|
|
3538
3538
|
}
|
|
@@ -3557,13 +3557,13 @@ class Qt extends _ {
|
|
|
3557
3557
|
if (!ke || ke.state !== lt.Ready) return;
|
|
3558
3558
|
const De = ke && !ke.error && ke.panzoom;
|
|
3559
3559
|
for (const Be of _e.querySelectorAll("[data-panzoom-action]")) De ? (Be.removeAttribute("disabled"), Be.removeAttribute("tabindex")) : (Be.setAttribute("disabled", ""), Be.setAttribute("tabindex", "-1"));
|
|
3560
|
-
let
|
|
3561
|
-
for (const Be of _e.querySelectorAll('[data-panzoom-action="zoomIn"]'))
|
|
3562
|
-
for (const Be of _e.querySelectorAll('[data-panzoom-action="zoomOut"]'))
|
|
3560
|
+
let $e = De && De.canZoomIn(), Re = De && De.canZoomOut();
|
|
3561
|
+
for (const Be of _e.querySelectorAll('[data-panzoom-action="zoomIn"]')) $e ? (Be.removeAttribute("disabled"), Be.removeAttribute("tabindex")) : (Be.setAttribute("disabled", ""), Be.setAttribute("tabindex", "-1"));
|
|
3562
|
+
for (const Be of _e.querySelectorAll('[data-panzoom-action="zoomOut"]')) Re ? (Be.removeAttribute("disabled"), Be.removeAttribute("tabindex")) : (Be.setAttribute("disabled", ""), Be.setAttribute("tabindex", "-1"));
|
|
3563
3563
|
for (const Be of _e.querySelectorAll('[data-panzoom-action="toggleZoom"],[data-panzoom-action="iterateZoom"]')) {
|
|
3564
|
-
|
|
3564
|
+
Re || $e ? (Be.removeAttribute("disabled"), Be.removeAttribute("tabindex")) : (Be.setAttribute("disabled", ""), Be.setAttribute("tabindex", "-1"));
|
|
3565
3565
|
const Le = Be.querySelector("g");
|
|
3566
|
-
Le && (Le.style.display =
|
|
3566
|
+
Le && (Le.style.display = $e ? "" : "none");
|
|
3567
3567
|
}
|
|
3568
3568
|
}
|
|
3569
3569
|
onDone(_e, ke) {
|
|
@@ -3582,30 +3582,30 @@ class Qt extends _ {
|
|
|
3582
3582
|
createEl(_e) {
|
|
3583
3583
|
const ke = this.instance, De = ke.carousel;
|
|
3584
3584
|
if (!De || _e === "toggleFS" || _e === "fullscreen" && !ot()) return null;
|
|
3585
|
-
let
|
|
3586
|
-
const
|
|
3585
|
+
let $e = null;
|
|
3586
|
+
const Re = De.slides.length || 0;
|
|
3587
3587
|
let Be = 0, Le = 0;
|
|
3588
3588
|
for (const Ae of De.slides) (Ae.panzoom || Ae.type === "image") && Be++, (Ae.type === "image" || Ae.downloadSrc) && Le++;
|
|
3589
|
-
if (
|
|
3589
|
+
if (Re < 2 && ["infobar", "prev", "next"].includes(_e)) return $e;
|
|
3590
3590
|
if (Vt[_e] !== void 0 && !Be || _e === "download" && !Le) return null;
|
|
3591
3591
|
if (_e === "thumbs") {
|
|
3592
3592
|
const Ae = ke.plugins.Thumbs;
|
|
3593
3593
|
if (!Ae || !Ae.isEnabled) return null;
|
|
3594
3594
|
}
|
|
3595
|
-
if (_e === "slideshow" && (!De.plugins.Autoplay ||
|
|
3595
|
+
if (_e === "slideshow" && (!De.plugins.Autoplay || Re < 2))
|
|
3596
3596
|
return null;
|
|
3597
3597
|
if (Vt[_e] !== void 0) {
|
|
3598
3598
|
const Ae = Vt[_e];
|
|
3599
|
-
|
|
3599
|
+
$e = document.createElement("button"), $e.setAttribute("title", this.instance.localize(`{{${_e.toUpperCase()}}}`)), P($e, "f-button"), Ae.action && ($e.dataset.panzoomAction = Ae.action), Ae.change && ($e.dataset.panzoomChange = JSON.stringify(Ae.change)), $e.appendChild(n(this.instance.localize(Ae.icon)));
|
|
3600
3600
|
} else {
|
|
3601
3601
|
const Ae = (this.option("items") || [])[_e];
|
|
3602
|
-
Ae && (
|
|
3602
|
+
Ae && ($e = n(this.instance.localize(Ae.tpl)), typeof Ae.click == "function" && $e.addEventListener("click", (Ie) => {
|
|
3603
3603
|
Ie.preventDefault(), Ie.stopPropagation(), typeof Ae.click == "function" && Ae.click.call(this, this, Ie);
|
|
3604
3604
|
}));
|
|
3605
3605
|
}
|
|
3606
|
-
const ze =
|
|
3606
|
+
const ze = $e == null ? void 0 : $e.querySelector("svg");
|
|
3607
3607
|
if (ze) for (const [Ae, Ie] of Object.entries(Gt)) ze.getAttribute(Ae) || ze.setAttribute(Ae, String(Ie));
|
|
3608
|
-
return
|
|
3608
|
+
return $e;
|
|
3609
3609
|
}
|
|
3610
3610
|
removeContainer() {
|
|
3611
3611
|
const _e = this.container;
|
|
@@ -3633,8 +3633,8 @@ const te = { Hash: class extends _ {
|
|
|
3633
3633
|
De && (ct = ke === _e ? "" : ke), _e && _e !== ke && (ut = setTimeout(() => {
|
|
3634
3634
|
try {
|
|
3635
3635
|
if (Ne.state === rt.Ready) {
|
|
3636
|
-
let
|
|
3637
|
-
De && !dt && (
|
|
3636
|
+
let $e = "replaceState";
|
|
3637
|
+
De && !dt && ($e = "pushState", dt = !0), window.history[$e]({}, document.title, window.location.pathname + window.location.search + _e);
|
|
3638
3638
|
}
|
|
3639
3639
|
} catch {
|
|
3640
3640
|
}
|
|
@@ -3687,11 +3687,11 @@ class Oe extends g {
|
|
|
3687
3687
|
if (this.state === rt.Destroy) return;
|
|
3688
3688
|
this.state = rt.Init, this.attachPlugins(Object.assign(Object.assign({}, Oe.Plugins), this.userPlugins)), this.emit("init"), this.emit("attachPlugins"), this.option("hideScrollbar") === !0 && (() => {
|
|
3689
3689
|
if (!et) return;
|
|
3690
|
-
const ke = document, De = ke.body,
|
|
3690
|
+
const ke = document, De = ke.body, $e = ke.documentElement;
|
|
3691
3691
|
if (De.classList.contains(ie)) return;
|
|
3692
|
-
let
|
|
3692
|
+
let Re = window.innerWidth - $e.getBoundingClientRect().width;
|
|
3693
3693
|
const Be = parseFloat(window.getComputedStyle(De).marginRight);
|
|
3694
|
-
|
|
3694
|
+
Re < 0 && (Re = 0), $e.style.setProperty(ne, `${Re}px`), Be && De.style.setProperty(se, `${Be}px`), De.classList.add(ie);
|
|
3695
3695
|
})(), this.initLayout(), this.scale();
|
|
3696
3696
|
const _e = () => {
|
|
3697
3697
|
this.initCarousel(this.userSlides), this.state = rt.Ready, this.attachEvents(), this.emit("ready"), setTimeout(() => {
|
|
@@ -3704,13 +3704,13 @@ class Oe extends g {
|
|
|
3704
3704
|
}
|
|
3705
3705
|
initLayout() {
|
|
3706
3706
|
var _e, ke;
|
|
3707
|
-
const De = this.option("parentEl") || document.body,
|
|
3708
|
-
if (
|
|
3709
|
-
if (
|
|
3710
|
-
Ee =
|
|
3711
|
-
}), this.option("closeExisting")) for (const
|
|
3712
|
-
else this.option("animated") && (P(
|
|
3713
|
-
this.isClosing() || S(
|
|
3707
|
+
const De = this.option("parentEl") || document.body, $e = n(this.localize(this.option("tpl.main") || ""));
|
|
3708
|
+
if ($e) {
|
|
3709
|
+
if ($e.setAttribute("id", `fancybox-${this.id}`), $e.setAttribute("aria-label", this.localize("{{MODAL}}")), $e.classList.toggle(le, this.isCompact), P($e, this.option("mainClass") || ""), P($e, he), this.container = $e, this.footer = $e.querySelector(".fancybox__footer"), De.appendChild($e), P(document.documentElement, ee), we && xe || (we = document.createElement("span"), P(we, "fancybox-focus-guard"), we.setAttribute(pe, "0"), we.setAttribute(oe, "true"), we.setAttribute("aria-label", "Focus guard"), xe = we.cloneNode(), (_e = $e.parentElement) === null || _e === void 0 || _e.insertBefore(we, $e), (ke = $e.parentElement) === null || ke === void 0 || ke.append(xe)), $e.addEventListener("mousedown", (Re) => {
|
|
3710
|
+
Ee = Re.pageX, Se = Re.pageY, S($e, ae);
|
|
3711
|
+
}), this.option("closeExisting")) for (const Re of Te.values()) Re.id !== this.id && Re.close();
|
|
3712
|
+
else this.option("animated") && (P($e, re), setTimeout(() => {
|
|
3713
|
+
this.isClosing() || S($e, re);
|
|
3714
3714
|
}, 350));
|
|
3715
3715
|
this.emit("initLayout");
|
|
3716
3716
|
}
|
|
@@ -3720,19 +3720,19 @@ class Oe extends g {
|
|
|
3720
3720
|
if (!ke) return;
|
|
3721
3721
|
const De = ke.querySelector(".fancybox__carousel");
|
|
3722
3722
|
if (!De) return;
|
|
3723
|
-
const
|
|
3724
|
-
|
|
3725
|
-
this.emit(`Carousel.${Be}`,
|
|
3726
|
-
}),
|
|
3723
|
+
const $e = this.carousel = new Q(De, u({}, { slides: _e, transition: "fade", Panzoom: { lockAxis: this.option("dragToClose") ? "xy" : "x", infinite: !!this.option("dragToClose") && "y" }, Dots: !1, Navigation: { classes: { container: "fancybox__nav", button: "f-button", isNext: "is-next", isPrev: "is-prev" } }, initialPage: this.option("startIndex"), l10n: this.option("l10n") }, this.option("Carousel") || {}));
|
|
3724
|
+
$e.on("*", (Re, Be, ...Le) => {
|
|
3725
|
+
this.emit(`Carousel.${Be}`, Re, ...Le);
|
|
3726
|
+
}), $e.on(["ready", "change"], () => {
|
|
3727
3727
|
this.manageCaption();
|
|
3728
|
-
}), this.on("Carousel.removeSlide", (
|
|
3728
|
+
}), this.on("Carousel.removeSlide", (Re, Be, Le) => {
|
|
3729
3729
|
this.clearContent(Le), Le.state = void 0;
|
|
3730
|
-
}),
|
|
3731
|
-
var
|
|
3732
|
-
this.isCompact || this.endIdle(), !((
|
|
3733
|
-
}),
|
|
3730
|
+
}), $e.on("Panzoom.touchStart", () => {
|
|
3731
|
+
var Re, Be;
|
|
3732
|
+
this.isCompact || this.endIdle(), !((Re = document.activeElement) === null || Re === void 0) && Re.closest(".f-thumbs") && ((Be = this.container) === null || Be === void 0 || Be.focus());
|
|
3733
|
+
}), $e.on("settle", () => {
|
|
3734
3734
|
this.idleTimer || this.isCompact || !this.option("idle") || this.setIdle(), this.option("autoFocus") && !this.isClosing && this.checkFocus();
|
|
3735
|
-
}), this.option("dragToClose") && (
|
|
3735
|
+
}), this.option("dragToClose") && ($e.on("Panzoom.afterTransform", (Re, Be) => {
|
|
3736
3736
|
const Le = this.getSlide();
|
|
3737
3737
|
if (Le && e(Le.el)) return;
|
|
3738
3738
|
const ze = this.container;
|
|
@@ -3740,27 +3740,27 @@ class Oe extends g {
|
|
|
3740
3740
|
const Ae = Math.abs(Be.current.f), Ie = Ae < 1 ? "" : Math.max(0.5, Math.min(1, 1 - Ae / Be.contentRect.fitHeight * 1.5));
|
|
3741
3741
|
ze.style.setProperty("--fancybox-ts", Ie ? "0s" : ""), ze.style.setProperty("--fancybox-opacity", Ie + "");
|
|
3742
3742
|
}
|
|
3743
|
-
}),
|
|
3743
|
+
}), $e.on("Panzoom.touchEnd", (Re, Be, Le) => {
|
|
3744
3744
|
var ze;
|
|
3745
3745
|
const Ae = this.getSlide();
|
|
3746
3746
|
if (Ae && e(Ae.el) || Be.isMobile && document.activeElement && ["TEXTAREA", "INPUT"].indexOf((ze = document.activeElement) === null || ze === void 0 ? void 0 : ze.nodeName) !== -1) return;
|
|
3747
3747
|
const Ie = Math.abs(Be.dragOffset.y);
|
|
3748
3748
|
Be.lockedAxis === "y" && (Ie >= 200 || Ie >= 50 && Be.dragOffset.time < 300) && (Le && Le.cancelable && Le.preventDefault(), this.close(Le, "f-throwOut" + (Be.current.f < 0 ? "Up" : "Down")));
|
|
3749
|
-
})),
|
|
3749
|
+
})), $e.on("change", (Re) => {
|
|
3750
3750
|
var Be;
|
|
3751
3751
|
let Le = (Be = this.getSlide()) === null || Be === void 0 ? void 0 : Be.triggerEl;
|
|
3752
3752
|
if (Le) {
|
|
3753
|
-
const ze = new CustomEvent("slideTo", { bubbles: !0, cancelable: !0, detail:
|
|
3753
|
+
const ze = new CustomEvent("slideTo", { bubbles: !0, cancelable: !0, detail: Re.page });
|
|
3754
3754
|
Le.dispatchEvent(ze);
|
|
3755
3755
|
}
|
|
3756
|
-
}),
|
|
3756
|
+
}), $e.on(["refresh", "change"], (Re) => {
|
|
3757
3757
|
const Be = this.container;
|
|
3758
3758
|
if (!Be) return;
|
|
3759
|
-
for (const Ae of Be.querySelectorAll("[data-fancybox-current-index]")) Ae.innerHTML =
|
|
3760
|
-
for (const Ae of Be.querySelectorAll("[data-fancybox-count]")) Ae.innerHTML =
|
|
3761
|
-
if (
|
|
3762
|
-
for (const Ae of Be.querySelectorAll("[data-fancybox-next]"))
|
|
3763
|
-
for (const Ae of Be.querySelectorAll("[data-fancybox-prev]"))
|
|
3759
|
+
for (const Ae of Be.querySelectorAll("[data-fancybox-current-index]")) Ae.innerHTML = Re.page + 1;
|
|
3760
|
+
for (const Ae of Be.querySelectorAll("[data-fancybox-count]")) Ae.innerHTML = Re.pages.length;
|
|
3761
|
+
if (!Re.isInfinite) {
|
|
3762
|
+
for (const Ae of Be.querySelectorAll("[data-fancybox-next]")) Re.page < Re.pages.length - 1 ? (Ae.removeAttribute(ue), Ae.removeAttribute(pe)) : (Ae.setAttribute(ue, ""), Ae.setAttribute(pe, "-1"));
|
|
3763
|
+
for (const Ae of Be.querySelectorAll("[data-fancybox-prev]")) Re.page > 0 ? (Ae.removeAttribute(ue), Ae.removeAttribute(pe)) : (Ae.setAttribute(ue, ""), Ae.setAttribute(pe, "-1"));
|
|
3764
3764
|
}
|
|
3765
3765
|
const Le = this.getSlide();
|
|
3766
3766
|
if (!Le) return;
|
|
@@ -3790,48 +3790,48 @@ class Oe extends g {
|
|
|
3790
3790
|
const _e = this.container;
|
|
3791
3791
|
if (!_e) return;
|
|
3792
3792
|
const ke = window.visualViewport, De = Math.max(1, (ke == null ? void 0 : ke.scale) || 1);
|
|
3793
|
-
let
|
|
3793
|
+
let $e = "", Re = "", Be = "";
|
|
3794
3794
|
if (ke && De > 1) {
|
|
3795
3795
|
let Le = `${ke.offsetLeft}px`, ze = `${ke.offsetTop}px`;
|
|
3796
|
-
|
|
3796
|
+
$e = ke.width * De + "px", Re = ke.height * De + "px", Be = `translate3d(${Le}, ${ze}, 0) scale(${1 / De})`;
|
|
3797
3797
|
}
|
|
3798
|
-
_e.style.transform = Be, _e.style.width =
|
|
3798
|
+
_e.style.transform = Be, _e.style.width = $e, _e.style.height = Re;
|
|
3799
3799
|
}
|
|
3800
3800
|
onClick(_e) {
|
|
3801
3801
|
var ke;
|
|
3802
|
-
const { container: De, isCompact:
|
|
3802
|
+
const { container: De, isCompact: $e } = this;
|
|
3803
3803
|
if (!De || this.isClosing()) return;
|
|
3804
|
-
|
|
3805
|
-
const
|
|
3806
|
-
if (
|
|
3807
|
-
if (
|
|
3808
|
-
if (
|
|
3804
|
+
!$e && this.option("idle") && this.resetIdle();
|
|
3805
|
+
const Re = _e.composedPath()[0];
|
|
3806
|
+
if (Re.closest(".fancybox-spinner") || Re.closest("[data-fancybox-close]")) return _e.preventDefault(), void this.close(_e);
|
|
3807
|
+
if (Re.closest("[data-fancybox-prev]")) return _e.preventDefault(), void this.prev();
|
|
3808
|
+
if (Re.closest("[data-fancybox-next]")) return _e.preventDefault(), void this.next();
|
|
3809
3809
|
if (_e.type === "click" && _e.detail === 0 || Math.abs(_e.pageX - Ee) > 30 || Math.abs(_e.pageY - Se) > 30) return;
|
|
3810
3810
|
const Be = document.activeElement;
|
|
3811
3811
|
if (be() && Be && De.contains(Be)) return;
|
|
3812
|
-
if (
|
|
3812
|
+
if ($e && ((ke = this.getSlide()) === null || ke === void 0 ? void 0 : ke.type) === "image") return void (this.clickTimer ? (clearTimeout(this.clickTimer), this.clickTimer = null) : this.clickTimer = setTimeout(() => {
|
|
3813
3813
|
this.toggleIdle(), this.clickTimer = null;
|
|
3814
3814
|
}, 350));
|
|
3815
3815
|
if (this.emit("click", _e), _e.defaultPrevented) return;
|
|
3816
3816
|
let Le = !1;
|
|
3817
|
-
if (
|
|
3817
|
+
if (Re.closest(".fancybox__content")) {
|
|
3818
3818
|
if (Be) {
|
|
3819
3819
|
if (Be.closest("[contenteditable]")) return;
|
|
3820
|
-
|
|
3820
|
+
Re.matches(nt) || Be.blur();
|
|
3821
3821
|
}
|
|
3822
3822
|
if (be()) return;
|
|
3823
3823
|
Le = this.option("contentClick");
|
|
3824
|
-
} else
|
|
3824
|
+
} else Re.closest(".fancybox__carousel") && !Re.matches(nt) && (Le = this.option("backdropClick"));
|
|
3825
3825
|
Le === "close" ? (_e.preventDefault(), this.close(_e)) : Le === "next" ? (_e.preventDefault(), this.next()) : Le === "prev" && (_e.preventDefault(), this.prev());
|
|
3826
3826
|
}
|
|
3827
3827
|
onWheel(_e) {
|
|
3828
3828
|
const ke = _e.target;
|
|
3829
3829
|
let De = this.option("wheel", _e);
|
|
3830
3830
|
ke.closest(".fancybox__thumbs") && (De = "slide");
|
|
3831
|
-
const
|
|
3831
|
+
const $e = De === "slide", Re = [-_e.deltaX || 0, -_e.deltaY || 0, -_e.detail || 0].reduce(function(ze, Ae) {
|
|
3832
3832
|
return Math.abs(Ae) > Math.abs(ze) ? Ae : ze;
|
|
3833
|
-
}), Be = Math.max(-1, Math.min(1,
|
|
3834
|
-
this.pwt && Le - this.pwt < 300 ?
|
|
3833
|
+
}), Be = Math.max(-1, Math.min(1, Re)), Le = Date.now();
|
|
3834
|
+
this.pwt && Le - this.pwt < 300 ? $e && _e.preventDefault() : (this.pwt = Le, this.emit("wheel", _e, Be), _e.defaultPrevented || (De === "close" ? (_e.preventDefault(), this.close(_e)) : De === "slide" && (i(ke) || (_e.preventDefault(), this[Be > 0 ? "prev" : "next"]()))));
|
|
3835
3835
|
}
|
|
3836
3836
|
onScroll() {
|
|
3837
3837
|
window.scrollTo(Pe, Ce);
|
|
@@ -3841,8 +3841,8 @@ class Oe extends g {
|
|
|
3841
3841
|
this.isCompact || !this.option("idle") || this.isClosing() || this.resetIdle();
|
|
3842
3842
|
const ke = _e.key, De = this.option("keyboard");
|
|
3843
3843
|
if (!De) return;
|
|
3844
|
-
const
|
|
3845
|
-
if (ke !== "Escape" && !Be && E(
|
|
3844
|
+
const $e = _e.composedPath()[0], Re = document.activeElement && document.activeElement.classList, Be = Re && Re.contains("f-button") || $e.dataset.carouselPage || $e.dataset.carouselIndex;
|
|
3845
|
+
if (ke !== "Escape" && !Be && E($e) && ($e.isContentEditable || ["TEXTAREA", "OPTION", "INPUT", "SELECT", "VIDEO"].indexOf($e.nodeName) !== -1) || (_e.key === "Tab" ? P(this.container, ae) : S(this.container, ae), _e.ctrlKey || _e.altKey || _e.shiftKey)) return;
|
|
3846
3846
|
this.emit("keydown", ke, _e);
|
|
3847
3847
|
const Le = De[ke];
|
|
3848
3848
|
Le && typeof this[Le] == "function" && (_e.preventDefault(), this[Le]());
|
|
@@ -3865,21 +3865,21 @@ class Oe extends g {
|
|
|
3865
3865
|
manageCloseBtn(_e) {
|
|
3866
3866
|
const ke = this.optionFor(_e, "closeButton") || !1;
|
|
3867
3867
|
if (ke === "auto") {
|
|
3868
|
-
const
|
|
3869
|
-
if (
|
|
3868
|
+
const $e = this.plugins.Toolbar;
|
|
3869
|
+
if ($e && $e.state === Zt.Ready) return;
|
|
3870
3870
|
}
|
|
3871
3871
|
if (!ke || !_e.contentEl || _e.closeBtnEl) return;
|
|
3872
3872
|
const De = this.option("tpl.closeButton");
|
|
3873
3873
|
if (De) {
|
|
3874
|
-
const
|
|
3875
|
-
_e.closeBtnEl = _e.contentEl.appendChild(
|
|
3874
|
+
const $e = n(this.localize(De));
|
|
3875
|
+
_e.closeBtnEl = _e.contentEl.appendChild($e), _e.el && P(_e.el, "has-close-btn");
|
|
3876
3876
|
}
|
|
3877
3877
|
}
|
|
3878
3878
|
manageCaption(_e = void 0) {
|
|
3879
3879
|
var ke, De;
|
|
3880
|
-
const
|
|
3881
|
-
if (
|
|
3882
|
-
S(
|
|
3880
|
+
const $e = "fancybox__caption", Re = this.container;
|
|
3881
|
+
if (!Re) return;
|
|
3882
|
+
S(Re, de);
|
|
3883
3883
|
const Be = this.isCompact || this.option("commonCaption"), Le = !Be;
|
|
3884
3884
|
if (this.caption && this.stop(this.caption), Le && this.caption && (this.caption.remove(), this.caption = null), Be && !this.caption) for (const je of ((ke = this.carousel) === null || ke === void 0 ? void 0 : ke.slides) || []) je.captionEl && (je.captionEl.remove(), je.captionEl = void 0, S(je.el, de), (De = je.el) === null || De === void 0 || De.removeAttribute("aria-labelledby"));
|
|
3885
3885
|
if (_e || (_e = this.getSlide()), !_e || Be && !this.isCurrentSlide(_e)) return;
|
|
@@ -3891,11 +3891,11 @@ class Oe extends g {
|
|
|
3891
3891
|
let Ie = null;
|
|
3892
3892
|
if (Le) {
|
|
3893
3893
|
if (Ie = _e.captionEl || null, ze && !Ie) {
|
|
3894
|
-
const je =
|
|
3895
|
-
Ie = document.createElement("div"), P(Ie,
|
|
3894
|
+
const je = $e + `_${this.id}_${_e.index}`;
|
|
3895
|
+
Ie = document.createElement("div"), P(Ie, $e), Ie.setAttribute("id", je), _e.captionEl = ze.appendChild(Ie), P(ze, de), ze.setAttribute("aria-labelledby", je);
|
|
3896
3896
|
}
|
|
3897
3897
|
} else
|
|
3898
|
-
Ie = this.caption, Ie || (Ie =
|
|
3898
|
+
Ie = this.caption, Ie || (Ie = Re.querySelector("." + $e)), !Ie && (Ie = document.createElement("div"), Ie.dataset.fancyboxCaption = "", P(Ie, $e), (this.footer || Re).prepend(Ie)), P(Re, de), this.caption = Ie;
|
|
3899
3899
|
Ie && (Ie.innerHTML = "", ve(Ae) || typeof Ae == "number" ? Ie.innerHTML = Ae + "" : Ae instanceof HTMLElement && Ie.appendChild(Ae));
|
|
3900
3900
|
}
|
|
3901
3901
|
checkFocus(_e) {
|
|
@@ -3904,16 +3904,16 @@ class Oe extends g {
|
|
|
3904
3904
|
focus(_e) {
|
|
3905
3905
|
var ke;
|
|
3906
3906
|
if (this.ignoreFocusChange) return;
|
|
3907
|
-
const De = document.activeElement || null,
|
|
3908
|
-
if (
|
|
3907
|
+
const De = document.activeElement || null, $e = (_e == null ? void 0 : _e.target) || null, Re = this.container, Be = (ke = this.carousel) === null || ke === void 0 ? void 0 : ke.viewport;
|
|
3908
|
+
if (!Re || !Be || !_e && De && Re.contains(De)) return;
|
|
3909
3909
|
const Le = this.getSlide(), ze = Le && Le.state === lt.Ready ? Le.el : null;
|
|
3910
|
-
if (!ze || ze.contains(De) ||
|
|
3910
|
+
if (!ze || ze.contains(De) || Re === De) return;
|
|
3911
3911
|
_e && _e.cancelable && _e.preventDefault(), this.ignoreFocusChange = !0;
|
|
3912
|
-
const Ae = Array.from(
|
|
3912
|
+
const Ae = Array.from(Re.querySelectorAll(nt));
|
|
3913
3913
|
let Ie = [], je = null;
|
|
3914
3914
|
for (let Ve of Ae) {
|
|
3915
3915
|
const He = !Ve.offsetParent || !!Ve.closest('[aria-hidden="true"]'), qe = ze && ze.contains(Ve), Xe = !Be.contains(Ve);
|
|
3916
|
-
if (Ve ===
|
|
3916
|
+
if (Ve === Re || (qe || Xe) && !He) {
|
|
3917
3917
|
Ie.push(Ve);
|
|
3918
3918
|
const We = Ve.dataset.origTabindex;
|
|
3919
3919
|
We !== void 0 && We && (Ve.tabIndex = parseFloat(We)), Ve.removeAttribute("data-orig-tabindex"), !Ve.hasAttribute("autoFocus") && je || (je = Ve);
|
|
@@ -3923,7 +3923,7 @@ class Oe extends g {
|
|
|
3923
3923
|
}
|
|
3924
3924
|
}
|
|
3925
3925
|
let Fe = null;
|
|
3926
|
-
_e ? (
|
|
3926
|
+
_e ? (!$e || Ie.indexOf($e) < 0) && (Fe = je || Re, Ie.length && (De === xe ? Fe = Ie[0] : this.lastFocus !== Re && De !== we || (Fe = Ie[Ie.length - 1]))) : Fe = Le && Le.type === "image" ? Re : je || Re, Fe && st(Fe), this.lastFocus = document.activeElement, this.ignoreFocusChange = !1;
|
|
3927
3927
|
}
|
|
3928
3928
|
next() {
|
|
3929
3929
|
const _e = this.carousel;
|
|
@@ -3943,28 +3943,28 @@ class Oe extends g {
|
|
|
3943
3943
|
animate(_e = null, ke = "", De) {
|
|
3944
3944
|
if (!_e || !ke) return void (De && De());
|
|
3945
3945
|
this.stop(_e);
|
|
3946
|
-
const
|
|
3947
|
-
|
|
3946
|
+
const $e = (Re) => {
|
|
3947
|
+
Re.target === _e && _e.dataset.animationName && (_e.removeEventListener("animationend", $e), delete _e.dataset.animationName, De && De(), S(_e, ke));
|
|
3948
3948
|
};
|
|
3949
|
-
_e.dataset.animationName = ke, _e.addEventListener("animationend",
|
|
3949
|
+
_e.dataset.animationName = ke, _e.addEventListener("animationend", $e), P(_e, ke);
|
|
3950
3950
|
}
|
|
3951
3951
|
stop(_e) {
|
|
3952
3952
|
_e && _e.dispatchEvent(new CustomEvent("animationend", { bubbles: !1, cancelable: !0, currentTarget: _e }));
|
|
3953
3953
|
}
|
|
3954
3954
|
setContent(_e, ke = "", De = !0) {
|
|
3955
3955
|
if (this.isClosing()) return;
|
|
3956
|
-
const
|
|
3957
|
-
if (
|
|
3958
|
-
let
|
|
3959
|
-
if (E(ke) ?
|
|
3956
|
+
const $e = _e.el;
|
|
3957
|
+
if (!$e) return;
|
|
3958
|
+
let Re = null;
|
|
3959
|
+
if (E(ke) ? Re = ke : (Re = n(ke + ""), E(Re) || (Re = document.createElement("div"), Re.innerHTML = ke + "")), ["img", "picture", "iframe", "video", "audio"].includes(Re.nodeName.toLowerCase())) {
|
|
3960
3960
|
const Be = document.createElement("div");
|
|
3961
|
-
Be.appendChild(
|
|
3961
|
+
Be.appendChild(Re), Re = Be;
|
|
3962
3962
|
}
|
|
3963
|
-
E(
|
|
3963
|
+
E(Re) && _e.filter && !_e.error && (Re = Re.querySelector(_e.filter)), Re && E(Re) ? (P(Re, "fancybox__content"), _e.id && Re.setAttribute("id", _e.id), $e.classList.add(`has-${_e.error ? "error" : _e.type || "unknown"}`), $e.prepend(Re), Re.style.display === "none" && (Re.style.display = ""), getComputedStyle(Re).getPropertyValue("display") === "none" && (Re.style.display = _e.display || this.option("defaultDisplay") || "flex"), _e.contentEl = Re, De && this.revealContent(_e), this.manageCloseBtn(_e), this.manageCaption(_e)) : this.setError(_e, "{{ELEMENT_NOT_FOUND}}");
|
|
3964
3964
|
}
|
|
3965
3965
|
revealContent(_e, ke) {
|
|
3966
|
-
const De = _e.el,
|
|
3967
|
-
De &&
|
|
3966
|
+
const De = _e.el, $e = _e.contentEl;
|
|
3967
|
+
De && $e && (this.emit("reveal", _e), this.hideLoading(_e), _e.state = lt.Opening, (ke = this.isOpeningSlide(_e) ? ke === void 0 ? this.optionFor(_e, "showClass") : ke : "f-fadeIn") ? this.animate($e, ke, () => {
|
|
3968
3968
|
this.done(_e);
|
|
3969
3969
|
}) : this.done(_e));
|
|
3970
3970
|
}
|
|
@@ -4005,8 +4005,8 @@ class Oe extends g {
|
|
|
4005
4005
|
const De = new Event("error", { bubbles: !0, cancelable: !0 });
|
|
4006
4006
|
if (this.emit("error", De, _e), De.defaultPrevented) return;
|
|
4007
4007
|
_e.error = ke, this.hideLoading(_e), this.clearContent(_e);
|
|
4008
|
-
const
|
|
4009
|
-
|
|
4008
|
+
const $e = document.createElement("div");
|
|
4009
|
+
$e.classList.add("fancybox-error"), $e.innerHTML = this.localize(ke || "<p>{{ERROR}}</p>"), this.setContent(_e, $e);
|
|
4010
4010
|
}
|
|
4011
4011
|
clearContent(_e) {
|
|
4012
4012
|
if (_e.state === void 0) return;
|
|
@@ -4024,10 +4024,10 @@ class Oe extends g {
|
|
|
4024
4024
|
const De = new Event("shouldClose", { bubbles: !0, cancelable: !0 });
|
|
4025
4025
|
if (this.emit("shouldClose", De, _e), De.defaultPrevented) return;
|
|
4026
4026
|
_e && _e.cancelable && (_e.preventDefault(), _e.stopPropagation());
|
|
4027
|
-
const
|
|
4027
|
+
const $e = () => {
|
|
4028
4028
|
this.proceedClose(_e, ke);
|
|
4029
4029
|
};
|
|
4030
|
-
this.startedFs && ye && ye.isFullscreen() ? Promise.resolve(ye.exit()).then(() =>
|
|
4030
|
+
this.startedFs && ye && ye.isFullscreen() ? Promise.resolve(ye.exit()).then(() => $e()) : $e();
|
|
4031
4031
|
}
|
|
4032
4032
|
clearIdle() {
|
|
4033
4033
|
this.idleTimer && clearTimeout(this.idleTimer), this.idleTimer = null;
|
|
@@ -4060,11 +4060,11 @@ class Oe extends g {
|
|
|
4060
4060
|
return [rt.Closing, rt.CustomClosing, rt.Destroy].includes(this.state);
|
|
4061
4061
|
}
|
|
4062
4062
|
proceedClose(_e, ke) {
|
|
4063
|
-
var De,
|
|
4063
|
+
var De, $e;
|
|
4064
4064
|
this.state = rt.Closing, this.clearIdle(), this.detachEvents();
|
|
4065
|
-
const
|
|
4066
|
-
if (ze && (tt(ze) ? st(ze) : ze.focus()),
|
|
4067
|
-
Be.clearTransitions(), (De = Be.panzoom) === null || De === void 0 || De.destroy(), (
|
|
4065
|
+
const Re = this.container, Be = this.carousel, Le = this.getSlide(), ze = Le && this.option("placeFocusBack") ? Le.triggerEl || this.option("triggerEl") : null;
|
|
4066
|
+
if (ze && (tt(ze) ? st(ze) : ze.focus()), Re && (S(Re, he), P(Re, "is-closing"), Re.setAttribute(oe, "true"), this.option("animated") && P(Re, re), Re.style.pointerEvents = "none"), Be) {
|
|
4067
|
+
Be.clearTransitions(), (De = Be.panzoom) === null || De === void 0 || De.destroy(), ($e = Be.plugins.Navigation) === null || $e === void 0 || $e.detach();
|
|
4068
4068
|
for (const Ae of Be.slides) {
|
|
4069
4069
|
Ae.state = lt.Closing, this.hideLoading(Ae);
|
|
4070
4070
|
const Ie = Ae.contentEl;
|
|
@@ -4090,23 +4090,23 @@ class Oe extends g {
|
|
|
4090
4090
|
const De = Oe.getInstance();
|
|
4091
4091
|
De ? De.focus() : (we && (we.remove(), we = null), xe && (xe.remove(), xe = null), S(document.documentElement, ee), (() => {
|
|
4092
4092
|
if (!et) return;
|
|
4093
|
-
const
|
|
4094
|
-
|
|
4093
|
+
const $e = document, Re = $e.body;
|
|
4094
|
+
Re.classList.remove(ie), Re.style.setProperty(se, ""), $e.documentElement.style.setProperty(ne, "");
|
|
4095
4095
|
})(), this.emit("destroy"));
|
|
4096
4096
|
}
|
|
4097
4097
|
static bind(_e, ke, De) {
|
|
4098
4098
|
if (!et) return;
|
|
4099
|
-
let
|
|
4100
|
-
if (_e === void 0 ?
|
|
4101
|
-
|
|
4102
|
-
const Le = Oe.openers.get(
|
|
4103
|
-
Le.set(
|
|
4099
|
+
let $e, Re = "", Be = {};
|
|
4100
|
+
if (_e === void 0 ? $e = document.body : ve(_e) ? ($e = document.body, Re = _e, typeof ke == "object" && (Be = ke || {})) : ($e = _e, ve(ke) && (Re = ke), typeof De == "object" && (Be = De || {})), !$e || !E($e)) return;
|
|
4101
|
+
Re = Re || "[data-fancybox]";
|
|
4102
|
+
const Le = Oe.openers.get($e) || /* @__PURE__ */ new Map();
|
|
4103
|
+
Le.set(Re, Be), Oe.openers.set($e, Le), Le.size === 1 && $e.addEventListener("click", Oe.fromEvent);
|
|
4104
4104
|
}
|
|
4105
4105
|
static unbind(_e, ke) {
|
|
4106
|
-
let De,
|
|
4107
|
-
if (ve(_e) ? (De = document.body,
|
|
4108
|
-
const
|
|
4109
|
-
$e && Re
|
|
4106
|
+
let De, $e = "";
|
|
4107
|
+
if (ve(_e) ? (De = document.body, $e = _e) : (De = _e, ve(ke) && ($e = ke)), !De) return;
|
|
4108
|
+
const Re = Oe.openers.get(De);
|
|
4109
|
+
Re && $e && Re.delete($e), $e && Re || (Oe.openers.delete(De), De.removeEventListener("click", Oe.fromEvent));
|
|
4110
4110
|
}
|
|
4111
4111
|
static destroy() {
|
|
4112
4112
|
let _e;
|
|
@@ -4123,37 +4123,37 @@ class Oe extends g {
|
|
|
4123
4123
|
ke = qe[Xe] || ke;
|
|
4124
4124
|
}
|
|
4125
4125
|
if (!(ke && ke instanceof Element)) return;
|
|
4126
|
-
let
|
|
4126
|
+
let $e, Re, Be, Le;
|
|
4127
4127
|
if ([...Oe.openers].reverse().find(([He, qe]) => !(!He.contains(ke) || ![...qe].reverse().find(([Xe, We]) => {
|
|
4128
4128
|
let Ze = ke.closest(Xe);
|
|
4129
|
-
return !!Ze && (
|
|
4130
|
-
}))),
|
|
4129
|
+
return !!Ze && ($e = He, Re = Xe, Be = Ze, Le = We, !0);
|
|
4130
|
+
}))), !$e || !Re || !Be) return;
|
|
4131
4131
|
Le = Le || {}, _e.preventDefault(), ke = Be;
|
|
4132
4132
|
let ze = [], Ae = u({}, at, Le);
|
|
4133
4133
|
Ae.event = _e, Ae.triggerEl = ke, Ae.delegate = De;
|
|
4134
4134
|
const Ie = Ae.groupAll, je = Ae.groupAttr, Fe = je && ke ? ke.getAttribute(`${je}`) : "";
|
|
4135
|
-
if ((!ke || Fe || Ie) && (ze = [].slice.call(
|
|
4135
|
+
if ((!ke || Fe || Ie) && (ze = [].slice.call($e.querySelectorAll(Re))), ke && !Ie && (ze = Fe ? ze.filter((He) => He.getAttribute(`${je}`) === Fe) : [ke]), !ze.length) return;
|
|
4136
4136
|
const Ve = Oe.getInstance();
|
|
4137
4137
|
return Ve && Ve.options.triggerEl && ze.indexOf(Ve.options.triggerEl) > -1 ? void 0 : (ke && (Ae.startIndex = ze.indexOf(ke)), Oe.fromNodes(ze, Ae));
|
|
4138
4138
|
}
|
|
4139
4139
|
static fromSelector(_e, ke, De) {
|
|
4140
|
-
let
|
|
4141
|
-
if (ve(_e) ? (
|
|
4142
|
-
const Le = Oe.openers.get(
|
|
4143
|
-
return !!Le && (Be = u({}, Le.get(
|
|
4140
|
+
let $e = null, Re = "", Be = {};
|
|
4141
|
+
if (ve(_e) ? ($e = document.body, Re = _e, typeof ke == "object" && (Be = ke || {})) : _e instanceof HTMLElement && ve(ke) && ($e = _e, Re = ke, typeof De == "object" && (Be = De || {})), !$e || !Re) return !1;
|
|
4142
|
+
const Le = Oe.openers.get($e);
|
|
4143
|
+
return !!Le && (Be = u({}, Le.get(Re) || {}, Be), !!Be && Oe.fromNodes(Array.from($e.querySelectorAll(Re)), Be));
|
|
4144
4144
|
}
|
|
4145
4145
|
static fromNodes(_e, ke) {
|
|
4146
4146
|
ke = u({}, at, ke || {});
|
|
4147
4147
|
const De = [];
|
|
4148
|
-
for (const
|
|
4149
|
-
const
|
|
4148
|
+
for (const $e of _e) {
|
|
4149
|
+
const Re = $e.dataset || {}, Be = Re[me] || $e.getAttribute(ge) || $e.getAttribute("currentSrc") || $e.getAttribute(me) || void 0;
|
|
4150
4150
|
let Le;
|
|
4151
4151
|
const ze = ke.delegate;
|
|
4152
4152
|
let Ae;
|
|
4153
|
-
ze && De.length === ke.startIndex && (Le = ze instanceof HTMLImageElement ? ze : ze.querySelector("img:not([aria-hidden])")), Le || (Le =
|
|
4154
|
-
const Ie = { src: Be, triggerEl:
|
|
4155
|
-
for (const je in
|
|
4156
|
-
let Fe =
|
|
4153
|
+
ze && De.length === ke.startIndex && (Le = ze instanceof HTMLImageElement ? ze : ze.querySelector("img:not([aria-hidden])")), Le || (Le = $e instanceof HTMLImageElement ? $e : $e.querySelector("img:not([aria-hidden])")), Le && (Ae = Le.currentSrc || Le[me] || void 0, !Ae && Le.dataset && (Ae = Le.dataset.lazySrc || Le.dataset[me] || void 0));
|
|
4154
|
+
const Ie = { src: Be, triggerEl: $e, thumbEl: Le, thumbElSrc: Ae, thumbSrc: Ae };
|
|
4155
|
+
for (const je in Re) {
|
|
4156
|
+
let Fe = Re[je] + "";
|
|
4157
4157
|
Fe = Fe !== "false" && (Fe === "true" || Fe), Ie[je] = Fe;
|
|
4158
4158
|
}
|
|
4159
4159
|
De.push(Ie);
|
|
@@ -4205,7 +4205,7 @@ const _sfc_main$b = {
|
|
|
4205
4205
|
Oe.destroy();
|
|
4206
4206
|
}
|
|
4207
4207
|
}, _hoisted_1$7 = { ref: "container" };
|
|
4208
|
-
function _sfc_render$1(Ne, _e, ke, De,
|
|
4208
|
+
function _sfc_render$1(Ne, _e, ke, De, $e, Re) {
|
|
4209
4209
|
return openBlock(), createElementBlock("div", _hoisted_1$7, [
|
|
4210
4210
|
renderSlot(Ne.$slots, "default")
|
|
4211
4211
|
], 512);
|
|
@@ -4253,8 +4253,11 @@ const FancyBoxComp = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_r
|
|
|
4253
4253
|
}, _hoisted_3$3 = {
|
|
4254
4254
|
key: 0,
|
|
4255
4255
|
class: "irep-flat-preview__left-conf ire-w-full ire-p-3 ire-text-start ire-capitalize"
|
|
4256
|
-
}, _hoisted_4$2 = ["href"], _hoisted_5 = ["src"], _hoisted_6 = ["href"], _hoisted_7 = ["src"], _hoisted_8 = { class: "ire-mt-5 ire-flex ire-flex-col ire-items-center ire-gap-3 lg:ire-flex-row" }, _hoisted_9 = {
|
|
4256
|
+
}, _hoisted_4$2 = ["href"], _hoisted_5 = ["src"], _hoisted_6 = ["href"], _hoisted_7 = ["src"], _hoisted_8 = { class: "ire-mt-5 ire-flex ire-flex-col ire-items-center ire-gap-3 lg:ire-flex-row" }, _hoisted_9 = {
|
|
4257
4257
|
key: 0,
|
|
4258
|
+
class: "ire-flex ire-w-fit ire-items-center ire-gap-1 ire-border-gray-400 ire-p-1"
|
|
4259
|
+
}, _hoisted_10 = {
|
|
4260
|
+
key: 1,
|
|
4258
4261
|
class: "irep-flat-preview__left-pagination ire-ml-4 ire-flex ire-items-center ire-gap-1"
|
|
4259
4262
|
}, _hoisted_11 = ["onClick"], _hoisted_12 = { class: "irep-flat-preview__right ire-flex ire-w-full ire-flex-col ire-items-center ire-gap-6 ire-px-6 ire-py-4 lg:ire-w-[380px]" }, _hoisted_13 = {
|
|
4260
4263
|
key: 1,
|
|
@@ -4267,13 +4270,16 @@ const FancyBoxComp = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_r
|
|
|
4267
4270
|
},
|
|
4268
4271
|
emits: ["changeComponent"],
|
|
4269
4272
|
setup(Ne) {
|
|
4270
|
-
const _e = Ne, ke = ref(!1), De = ref(0),
|
|
4273
|
+
const _e = Ne, ke = ref(!1), De = ref(0), $e = computed$1(() => {
|
|
4274
|
+
var Le, ze, Ae, Ie, je, Fe;
|
|
4275
|
+
return !!((Ae = (ze = (Le = _e.flat) == null ? void 0 : Le.type) == null ? void 0 : ze.image_2d) != null && Ae.length && ((Fe = (je = (Ie = _e.flat) == null ? void 0 : Ie.type) == null ? void 0 : je.image_3d) != null && Fe.length));
|
|
4276
|
+
}), Re = computed$1(() => {
|
|
4277
|
+
var ze, Ae, Ie, je, Fe, Ve;
|
|
4278
|
+
const Le = ke.value ? (Ie = (Ae = (ze = _e.flat) == null ? void 0 : ze.type) == null ? void 0 : Ae.image_2d) == null ? void 0 : Ie.length : (Ve = (Fe = (je = _e.flat) == null ? void 0 : je.type) == null ? void 0 : Fe.image_3d) == null ? void 0 : Ve.length;
|
|
4279
|
+
return ["I", "II", "III"].slice(0, Le);
|
|
4280
|
+
}), Be = computed$1(() => {
|
|
4271
4281
|
var Le, ze, Ae, Ie, je, Fe;
|
|
4272
|
-
|
|
4273
|
-
return ["I", "II", "III"].slice(0, Be);
|
|
4274
|
-
}), $e = computed$1(() => {
|
|
4275
|
-
var Be, Le, ze, Ae, Ie, je;
|
|
4276
|
-
return ((ze = (Le = (Be = _e.flat) == null ? void 0 : Be.type) == null ? void 0 : Le.image_3d) == null ? void 0 : ze.length) || ((je = (Ie = (Ae = _e.flat) == null ? void 0 : Ae.type) == null ? void 0 : Ie.image_2d) == null ? void 0 : je.length);
|
|
4282
|
+
return ((Ae = (ze = (Le = _e.flat) == null ? void 0 : Le.type) == null ? void 0 : ze.image_3d) == null ? void 0 : Ae.length) || ((Fe = (je = (Ie = _e.flat) == null ? void 0 : Ie.type) == null ? void 0 : je.image_2d) == null ? void 0 : Fe.length);
|
|
4277
4283
|
});
|
|
4278
4284
|
return watch(
|
|
4279
4285
|
() => ke.value,
|
|
@@ -4281,13 +4287,13 @@ const FancyBoxComp = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_r
|
|
|
4281
4287
|
De.value = 0;
|
|
4282
4288
|
}
|
|
4283
4289
|
), onMounted(() => {
|
|
4284
|
-
var
|
|
4285
|
-
(
|
|
4286
|
-
}), (
|
|
4287
|
-
var
|
|
4290
|
+
var Le, ze, Ae;
|
|
4291
|
+
(Ae = Object.keys(((ze = (Le = _e.flat) == null ? void 0 : Le.type) == null ? void 0 : ze.image_3d) || {})) != null && Ae.length || (ke.value = !0);
|
|
4292
|
+
}), (Le, ze) => {
|
|
4293
|
+
var Ae, Ie, je, Fe, Ve, He, qe, Xe, We, Ze, Ge, Ye, Ue, Qe, Je, Ke, ei, ii, ti, ni, oi, si, ri, ai, li, hi, di, fi, mi, gi, vi, bi, yi, _i;
|
|
4288
4294
|
return openBlock(), createElementBlock("div", _hoisted_1$5, [
|
|
4289
|
-
|
|
4290
|
-
(
|
|
4295
|
+
Be.value ? (openBlock(), createElementBlock("div", _hoisted_2$3, [
|
|
4296
|
+
(Ae = Le.flat) != null && Ae.conf ? (openBlock(), createElementBlock("div", _hoisted_3$3, toDisplayString(unref(tr)(Le.flat.conf)), 1)) : createCommentVNode("", !0),
|
|
4291
4297
|
createVNode(FancyBoxComp, { options: {} }, {
|
|
4292
4298
|
default: withCtx(() => [
|
|
4293
4299
|
createVNode(Transition, {
|
|
@@ -4295,28 +4301,28 @@ const FancyBoxComp = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_r
|
|
|
4295
4301
|
mode: "out-in"
|
|
4296
4302
|
}, {
|
|
4297
4303
|
default: withCtx(() => {
|
|
4298
|
-
var ci, ui, pi,
|
|
4304
|
+
var ci, ui, pi, wi, xi, Si, ki, Ei, Ci, Pi, Ti, Mi, Oi, Di, $i, Ri, Bi, Ni, Li, Ai, zi, Ii, ji, Vi, Fi, Hi, Wi, Xi, qi, Yi, Zi, Ui;
|
|
4299
4305
|
return [
|
|
4300
|
-
ke.value && ((
|
|
4306
|
+
ke.value && ((wi = (pi = (ui = (ci = Le.flat) == null ? void 0 : ci.type) == null ? void 0 : ui.image_2d) == null ? void 0 : pi[De.value]) != null && wi.url) ? (openBlock(), createElementBlock("a", {
|
|
4301
4307
|
key: 0,
|
|
4302
4308
|
"data-fancybox": "",
|
|
4303
|
-
href: (
|
|
4309
|
+
href: (Ei = (ki = (Si = (xi = Le.flat) == null ? void 0 : xi.type) == null ? void 0 : Si.image_2d) == null ? void 0 : ki[De.value]) == null ? void 0 : Ei.url,
|
|
4304
4310
|
class: "irep-flat-preview__left-2d"
|
|
4305
4311
|
}, [
|
|
4306
4312
|
(openBlock(), createElementBlock("img", {
|
|
4307
|
-
key: (
|
|
4308
|
-
src: (Ri = (
|
|
4313
|
+
key: (Mi = (Ti = (Pi = (Ci = Le.flat) == null ? void 0 : Ci.type) == null ? void 0 : Pi.image_2d) == null ? void 0 : Ti[De.value]) == null ? void 0 : Mi.url,
|
|
4314
|
+
src: (Ri = ($i = (Di = (Oi = Le.flat) == null ? void 0 : Oi.type) == null ? void 0 : Di.image_2d) == null ? void 0 : $i[De.value]) == null ? void 0 : Ri.url,
|
|
4309
4315
|
class: "ire-preview-img"
|
|
4310
4316
|
}, null, 8, _hoisted_5))
|
|
4311
|
-
], 8, _hoisted_4$2)) : (
|
|
4317
|
+
], 8, _hoisted_4$2)) : (Ai = (Li = (Ni = (Bi = Le.flat) == null ? void 0 : Bi.type) == null ? void 0 : Ni.image_3d) == null ? void 0 : Li[De.value]) != null && Ai.url ? (openBlock(), createElementBlock("a", {
|
|
4312
4318
|
key: 1,
|
|
4313
4319
|
"data-fancybox": "",
|
|
4314
|
-
href: (
|
|
4320
|
+
href: (Vi = (ji = (Ii = (zi = Le.flat) == null ? void 0 : zi.type) == null ? void 0 : Ii.image_3d) == null ? void 0 : ji[De.value]) == null ? void 0 : Vi.url,
|
|
4315
4321
|
class: "irep-flat-preview__left-3d"
|
|
4316
4322
|
}, [
|
|
4317
4323
|
(openBlock(), createElementBlock("img", {
|
|
4318
|
-
key: (
|
|
4319
|
-
src: (
|
|
4324
|
+
key: (Xi = (Wi = (Hi = (Fi = Le.flat) == null ? void 0 : Fi.type) == null ? void 0 : Hi.image_3d) == null ? void 0 : Wi[De.value]) == null ? void 0 : Xi.url,
|
|
4325
|
+
src: (Ui = (Zi = (Yi = (qi = Le.flat) == null ? void 0 : qi.type) == null ? void 0 : Yi.image_3d) == null ? void 0 : Zi[De.value]) == null ? void 0 : Ui.url,
|
|
4320
4326
|
class: "ire-preview-img"
|
|
4321
4327
|
}, null, 8, _hoisted_7))
|
|
4322
4328
|
], 8, _hoisted_6)) : createCommentVNode("", !0)
|
|
@@ -4328,13 +4334,13 @@ const FancyBoxComp = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_r
|
|
|
4328
4334
|
_: 1
|
|
4329
4335
|
}),
|
|
4330
4336
|
createElementVNode("div", _hoisted_8, [
|
|
4331
|
-
|
|
4332
|
-
(
|
|
4337
|
+
$e.value ? (openBlock(), createElementBlock("div", _hoisted_9, [
|
|
4338
|
+
(Ve = (Fe = (je = (Ie = Le.flat) == null ? void 0 : Ie.type) == null ? void 0 : je.image_3d) == null ? void 0 : Fe[0]) != null && Ve.url ? (openBlock(), createBlock(_sfc_main$a, {
|
|
4333
4339
|
key: 0,
|
|
4334
4340
|
title: unref(tr)("3d plan"),
|
|
4335
4341
|
active: !ke.value,
|
|
4336
4342
|
class: "flat-preview-button",
|
|
4337
|
-
onClick:
|
|
4343
|
+
onClick: ze[0] || (ze[0] = (ci) => ke.value = !1)
|
|
4338
4344
|
}, {
|
|
4339
4345
|
icon: withCtx(() => [
|
|
4340
4346
|
createVNode(FlatIcon, {
|
|
@@ -4343,12 +4349,12 @@ const FancyBoxComp = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_r
|
|
|
4343
4349
|
]),
|
|
4344
4350
|
_: 1
|
|
4345
4351
|
}, 8, ["title", "active"])) : createCommentVNode("", !0),
|
|
4346
|
-
(
|
|
4352
|
+
(We = (Xe = (qe = (He = Le.flat) == null ? void 0 : He.type) == null ? void 0 : qe.image_2d) == null ? void 0 : Xe[0]) != null && We.url ? (openBlock(), createBlock(_sfc_main$a, {
|
|
4347
4353
|
key: 1,
|
|
4348
4354
|
title: unref(tr)("2d plan"),
|
|
4349
4355
|
active: ke.value,
|
|
4350
4356
|
class: "flat-preview-button",
|
|
4351
|
-
onClick:
|
|
4357
|
+
onClick: ze[1] || (ze[1] = (ci) => ke.value = !0)
|
|
4352
4358
|
}, {
|
|
4353
4359
|
icon: withCtx(() => [
|
|
4354
4360
|
createVNode(FlatIcon, {
|
|
@@ -4357,8 +4363,8 @@ const FancyBoxComp = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_r
|
|
|
4357
4363
|
]),
|
|
4358
4364
|
_: 1
|
|
4359
4365
|
}, 8, ["title", "active"])) : createCommentVNode("", !0)
|
|
4360
|
-
]),
|
|
4361
|
-
((
|
|
4366
|
+
])) : createCommentVNode("", !0),
|
|
4367
|
+
((Ze = Re.value) == null ? void 0 : Ze.length) > 1 ? (openBlock(), createElementBlock("div", _hoisted_10, [
|
|
4362
4368
|
(openBlock(!0), createElementBlock(Fragment, null, renderList(Re.value, (ci, ui) => (openBlock(), createElementBlock("div", {
|
|
4363
4369
|
key: ci,
|
|
4364
4370
|
class: normalizeClass(["irep-flat-preview__left-pagination-item ire-flex ire-h-10 ire-w-10 ire-cursor-pointer ire-items-center ire-justify-center ire-rounded-lg ire-p-2 ire-transition-all hover:ire-bg-black hover:ire-text-white", {
|
|
@@ -4370,28 +4376,28 @@ const FancyBoxComp = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_r
|
|
|
4370
4376
|
])
|
|
4371
4377
|
])) : createCommentVNode("", !0),
|
|
4372
4378
|
createElementVNode("div", _hoisted_12, [
|
|
4373
|
-
(
|
|
4379
|
+
(Ge = Le.flat) != null && Ge.flat_number ? (openBlock(), createBlock(_sfc_main$9, {
|
|
4374
4380
|
key: 0,
|
|
4375
4381
|
keyName: unref(tr)("apartment"),
|
|
4376
|
-
value:
|
|
4382
|
+
value: Le.flat.flat_number,
|
|
4377
4383
|
class: "[&_.flat-preview-value]:ire-min-w-fit [&_.flat-preview-value]:ire-font-semibold"
|
|
4378
4384
|
}, null, 8, ["keyName", "value"])) : createCommentVNode("", !0),
|
|
4379
|
-
(
|
|
4380
|
-
createElementVNode("div", _hoisted_14, toDisplayString((
|
|
4381
|
-
createElementVNode("div", _hoisted_15, toDisplayString((
|
|
4385
|
+
(Ue = (Ye = Le.flat) == null ? void 0 : Ye.type) != null && Ue.title || (Je = (Qe = Le.flat) == null ? void 0 : Qe.type) != null && Je.teaser ? (openBlock(), createElementBlock("div", _hoisted_13, [
|
|
4386
|
+
createElementVNode("div", _hoisted_14, toDisplayString((ei = (Ke = Le.flat) == null ? void 0 : Ke.type) == null ? void 0 : ei.title), 1),
|
|
4387
|
+
createElementVNode("div", _hoisted_15, toDisplayString((ti = (ii = Le.flat) == null ? void 0 : ii.type) == null ? void 0 : ti.teaser), 1)
|
|
4382
4388
|
])) : createCommentVNode("", !0),
|
|
4383
4389
|
createElementVNode("div", _hoisted_16, [
|
|
4384
|
-
(
|
|
4390
|
+
(ni = Le.flat) != null && ni.floor_number ? (openBlock(), createBlock(_sfc_main$9, {
|
|
4385
4391
|
key: 0,
|
|
4386
4392
|
keyName: unref(tr)("floor"),
|
|
4387
|
-
value: (
|
|
4393
|
+
value: (oi = Le.flat) == null ? void 0 : oi.floor_number
|
|
4388
4394
|
}, null, 8, ["keyName", "value"])) : createCommentVNode("", !0),
|
|
4389
|
-
(
|
|
4395
|
+
(ri = (si = Le.flat) == null ? void 0 : si.type) != null && ri.area_m2 ? (openBlock(), createBlock(_sfc_main$9, {
|
|
4390
4396
|
key: 1,
|
|
4391
4397
|
keyName: unref(tr)("area"),
|
|
4392
|
-
value: unref(getArea)(Number((
|
|
4398
|
+
value: unref(getArea)(Number((ai = Le.flat) == null ? void 0 : ai.type.area_m2))
|
|
4393
4399
|
}, {
|
|
4394
|
-
sufix: withCtx(() =>
|
|
4400
|
+
sufix: withCtx(() => ze[2] || (ze[2] = [
|
|
4395
4401
|
createElementVNode("span", null, [
|
|
4396
4402
|
createTextVNode(" m "),
|
|
4397
4403
|
createElementVNode("sup", { class: "ire-inline-block -ire-translate-x-1 !ire-text-sm" }, " 2 ")
|
|
@@ -4399,25 +4405,25 @@ const FancyBoxComp = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_r
|
|
|
4399
4405
|
])),
|
|
4400
4406
|
_: 1
|
|
4401
4407
|
}, 8, ["keyName", "value"])) : createCommentVNode("", !0),
|
|
4402
|
-
(
|
|
4408
|
+
(hi = (li = Le.flat) == null ? void 0 : li.type) != null && hi.rooms_count ? (openBlock(), createBlock(_sfc_main$9, {
|
|
4403
4409
|
key: 2,
|
|
4404
4410
|
keyName: unref(tr)("room"),
|
|
4405
|
-
value:
|
|
4411
|
+
value: Le.flat.type.rooms_count
|
|
4406
4412
|
}, null, 8, ["keyName", "value"])) : createCommentVNode("", !0),
|
|
4407
|
-
(
|
|
4413
|
+
(di = Le.flat) != null && di.request_price ? (openBlock(), createBlock(_sfc_main$9, {
|
|
4408
4414
|
key: 3,
|
|
4409
4415
|
keyName: unref(tr)("price"),
|
|
4410
4416
|
value: unref(tr)("Request Price")
|
|
4411
|
-
}, null, 8, ["keyName", "value"])) : (
|
|
4417
|
+
}, null, 8, ["keyName", "value"])) : (fi = Le.flat) != null && fi.offer_price ? (openBlock(), createBlock(_sfc_main$9, {
|
|
4412
4418
|
key: 4,
|
|
4413
4419
|
keyName: unref(tr)("price"),
|
|
4414
|
-
value: unref(getPrice)(Number((
|
|
4420
|
+
value: unref(getPrice)(Number((mi = Le.flat) == null ? void 0 : mi.offer_price))
|
|
4415
4421
|
}, {
|
|
4416
4422
|
top: withCtx(() => {
|
|
4417
4423
|
var ci;
|
|
4418
4424
|
return [
|
|
4419
4425
|
createElementVNode("div", _hoisted_17, [
|
|
4420
|
-
createTextVNode(toDisplayString(unref(getPrice)(Number((ci =
|
|
4426
|
+
createTextVNode(toDisplayString(unref(getPrice)(Number((ci = Le.flat) == null ? void 0 : ci.price))) + " ", 1),
|
|
4421
4427
|
createElementVNode("span", null, toDisplayString(unref(currencySymbol)()), 1)
|
|
4422
4428
|
])
|
|
4423
4429
|
];
|
|
@@ -4426,17 +4432,17 @@ const FancyBoxComp = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_r
|
|
|
4426
4432
|
createElementVNode("span", null, toDisplayString(unref(currencySymbol)()), 1)
|
|
4427
4433
|
]),
|
|
4428
4434
|
_: 1
|
|
4429
|
-
}, 8, ["keyName", "value"])) : (
|
|
4435
|
+
}, 8, ["keyName", "value"])) : (gi = Le.flat) != null && gi.price && Number(Le.flat.price) > 0 ? (openBlock(), createBlock(_sfc_main$9, {
|
|
4430
4436
|
key: 5,
|
|
4431
4437
|
keyName: unref(tr)("price"),
|
|
4432
|
-
value: unref(getPrice)(Number((
|
|
4438
|
+
value: unref(getPrice)(Number((vi = Le.flat) == null ? void 0 : vi.price))
|
|
4433
4439
|
}, {
|
|
4434
4440
|
sufix: withCtx(() => [
|
|
4435
4441
|
createElementVNode("span", null, toDisplayString(unref(currencySymbol)()), 1)
|
|
4436
4442
|
]),
|
|
4437
4443
|
_: 1
|
|
4438
4444
|
}, 8, ["keyName", "value"])) : createCommentVNode("", !0),
|
|
4439
|
-
(
|
|
4445
|
+
(_i = (yi = (bi = Le.flat) == null ? void 0 : bi.type) == null ? void 0 : yi.other) != null && _i.length ? (openBlock(!0), createElementBlock(Fragment, { key: 6 }, renderList(Le.flat.type.other, (ci) => (openBlock(), createBlock(_sfc_main$9, {
|
|
4440
4446
|
keyName: ci.key,
|
|
4441
4447
|
value: ci.value
|
|
4442
4448
|
}, null, 8, ["keyName", "value"]))), 256)) : createCommentVNode("", !0)
|
|
@@ -4507,11 +4513,11 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]
|
|
|
4507
4513
|
},
|
|
4508
4514
|
setup(Ne) {
|
|
4509
4515
|
return (_e, ke) => {
|
|
4510
|
-
var De,
|
|
4516
|
+
var De, $e, Re, Be, Le, ze, Ae, Ie, je, Fe, Ve, He;
|
|
4511
4517
|
return openBlock(), createElementBlock("div", _hoisted_1$1, [
|
|
4512
|
-
createElementVNode("p", _hoisted_2$1, toDisplayString((
|
|
4518
|
+
createElementVNode("p", _hoisted_2$1, toDisplayString(($e = (De = _e.modalData) == null ? void 0 : De.modalObject) == null ? void 0 : $e.title), 1),
|
|
4513
4519
|
createVNode(_sfc_main$5, {
|
|
4514
|
-
editor: (Be = (
|
|
4520
|
+
editor: (Be = (Re = _e.modalData) == null ? void 0 : Re.modalObject) == null ? void 0 : Be.description
|
|
4515
4521
|
}, null, 8, ["editor"]),
|
|
4516
4522
|
(Ie = (Ae = (ze = (Le = _e.modalData) == null ? void 0 : Le.modalObject) == null ? void 0 : ze.modalImage) == null ? void 0 : Ae[0]) != null && Ie.url ? (openBlock(), createElementBlock("img", {
|
|
4517
4523
|
key: 0,
|
|
@@ -4532,7 +4538,7 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]
|
|
|
4532
4538
|
},
|
|
4533
4539
|
emits: ["changeComponent"],
|
|
4534
4540
|
setup(Ne, { emit: _e }) {
|
|
4535
|
-
const ke = _e, De = Ne,
|
|
4541
|
+
const ke = _e, De = Ne, $e = inject("showFlatModal"), Re = useGlobalStore(), { openReservedFlat: Be, openSoldFlat: Le } = storeToRefs(Re), ze = ref(), Ae = ref(null), Ie = ref(), je = ref(), Fe = computed$1(() => {
|
|
4536
4542
|
var Xe, We;
|
|
4537
4543
|
if ((Xe = De.block) != null && Xe.svg)
|
|
4538
4544
|
return (We = De.block) == null ? void 0 : We.svg;
|
|
@@ -4568,16 +4574,16 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]
|
|
|
4568
4574
|
});
|
|
4569
4575
|
};
|
|
4570
4576
|
return watch(
|
|
4571
|
-
() =>
|
|
4577
|
+
() => $e == null ? void 0 : $e.value,
|
|
4572
4578
|
() => {
|
|
4573
|
-
|
|
4579
|
+
$e != null && $e.value || (Ae.value = null, Ie.value = null);
|
|
4574
4580
|
}
|
|
4575
4581
|
), watch(
|
|
4576
4582
|
() => Ae.value,
|
|
4577
4583
|
(Xe) => {
|
|
4578
4584
|
var Ze, Ge, Ye, Ue, Qe, Je, Ke, ei;
|
|
4579
4585
|
if (!Xe) return;
|
|
4580
|
-
|
|
4586
|
+
Re.hoverdSvg = Xe;
|
|
4581
4587
|
const We = Xe == null ? void 0 : Xe.parentElement;
|
|
4582
4588
|
if (We && (We == null ? void 0 : We.nodeName) === "g") {
|
|
4583
4589
|
const ii = We == null ? void 0 : We.getAttribute("id");
|
|
@@ -4657,29 +4663,29 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]
|
|
|
4657
4663
|
}), _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
4658
4664
|
__name: "MouseTracker",
|
|
4659
4665
|
setup(Ne) {
|
|
4660
|
-
const _e = useGlobalStore(), ke = ref(!0), De = ref(-400),
|
|
4666
|
+
const _e = useGlobalStore(), ke = ref(!0), De = ref(-400), $e = ref(-400), Re = ref(null);
|
|
4661
4667
|
let Be = null, Le = 0, ze = 0;
|
|
4662
4668
|
const Ae = (Fe, Ve, He) => Fe * (1 - He) + Ve * He, Ie = () => {
|
|
4663
4669
|
if (Be) return;
|
|
4664
4670
|
const Fe = () => {
|
|
4665
|
-
De.value = Ae(De.value, Le, 0.06),
|
|
4671
|
+
De.value = Ae(De.value, Le, 0.06), $e.value = Ae($e.value, ze, 0.06), Math.abs(De.value - Le) > 0.06 || Math.abs($e.value - ze) > 0.06 ? Be = requestAnimationFrame(Fe) : Be = null;
|
|
4666
4672
|
};
|
|
4667
4673
|
Be = requestAnimationFrame(Fe);
|
|
4668
4674
|
}, je = (Fe) => {
|
|
4669
4675
|
var Qe;
|
|
4670
4676
|
const Ve = document.querySelector(".irep-tooltip"), He = ((Qe = _e.hoverdSvg) == null ? void 0 : Qe.nodeName) === "path" ? _e.hoverdSvg : null;
|
|
4671
|
-
if (
|
|
4677
|
+
if (!Re.value || !Ve || !He)
|
|
4672
4678
|
return;
|
|
4673
|
-
const qe =
|
|
4674
|
-
Le = Fe.clientX - qe.left - (Ye ? We.width : -20), ze = Fe.clientY - qe.top - (Ue ? We.height : -20), ke.value && (De.value = Le,
|
|
4679
|
+
const qe = Re.value.getBoundingClientRect(), Xe = He.getBoundingClientRect(), We = Ve.getBoundingClientRect(), Ze = qe.left + qe.width / 2, Ge = qe.top + qe.height / 2, Ye = Xe.left > Ze, Ue = Xe.bottom > Ge;
|
|
4680
|
+
Le = Fe.clientX - qe.left - (Ye ? We.width : -20), ze = Fe.clientY - qe.top - (Ue ? We.height : -20), ke.value && (De.value = Le, $e.value = ze), Ie(), ke.value = !1;
|
|
4675
4681
|
};
|
|
4676
4682
|
return onMounted(() => {
|
|
4677
4683
|
document.addEventListener("mousemove", je);
|
|
4678
4684
|
}), onUnmounted(() => {
|
|
4679
4685
|
document.removeEventListener("mousemove", je), Be && cancelAnimationFrame(Be);
|
|
4680
|
-
}), provide("mouseX", De), provide("mouseY",
|
|
4686
|
+
}), provide("mouseX", De), provide("mouseY", $e), (Fe, Ve) => (openBlock(), createElementBlock("div", {
|
|
4681
4687
|
ref_key: "canvasRef",
|
|
4682
|
-
ref:
|
|
4688
|
+
ref: Re
|
|
4683
4689
|
}, [
|
|
4684
4690
|
renderSlot(Fe.$slots, "default")
|
|
4685
4691
|
], 512));
|
|
@@ -4690,7 +4696,7 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]
|
|
|
4690
4696
|
shortcodeDataProps: {}
|
|
4691
4697
|
},
|
|
4692
4698
|
setup(__props) {
|
|
4693
|
-
var Ne, _e, ke, De,
|
|
4699
|
+
var Ne, _e, ke, De, $e, Re, Be;
|
|
4694
4700
|
const props = __props, globalStore = useGlobalStore(), { getMetaValue } = globalStore, constants = ref({
|
|
4695
4701
|
PREVIEW_PATH_COLOR: getMetaValue("path_color") || "rgba(255, 255, 255, 0.3)",
|
|
4696
4702
|
PREVIEW_PATH_HOVER_COLOR: getMetaValue("path_hover_color") || "rgba(250, 250, 250, 0.54)",
|
|
@@ -4704,8 +4710,8 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]
|
|
|
4704
4710
|
path_hover: (_e = constants.value) == null ? void 0 : _e.PREVIEW_PATH_HOVER_COLOR,
|
|
4705
4711
|
reserved: (ke = constants.value) == null ? void 0 : ke.PREVIEW_RESERVED_COLOR,
|
|
4706
4712
|
sold: (De = constants.value) == null ? void 0 : De.PREVIEW_SOLD_COLOR,
|
|
4707
|
-
stroke_color: (
|
|
4708
|
-
stroke_width: (
|
|
4713
|
+
stroke_color: ($e = constants.value) == null ? void 0 : $e.PREVIEW_STROKE_COLOR,
|
|
4714
|
+
stroke_width: (Re = constants.value) == null ? void 0 : Re.PREVIEW_STROKE_WIDTH,
|
|
4709
4715
|
border_radius: (Be = constants.value) == null ? void 0 : Be.PREVIEW_BORDER_RADIUS
|
|
4710
4716
|
}), cssVariables = computed$1(() => ({
|
|
4711
4717
|
"--reserved-color": colors.reserved,
|
|
@@ -4903,7 +4909,7 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]
|
|
|
4903
4909
|
},
|
|
4904
4910
|
setup(Ne) {
|
|
4905
4911
|
const _e = Ne, ke = useGlobalStore();
|
|
4906
|
-
return ke.setData(_e.data), ke.translations = _e.translations, (De,
|
|
4912
|
+
return ke.setData(_e.data), ke.translations = _e.translations, (De, $e) => (openBlock(), createElementBlock("div", null, [
|
|
4907
4913
|
createVNode(_sfc_main$1, { "shortcode-data-props": De.data }, null, 8, ["shortcode-data-props"])
|
|
4908
4914
|
]));
|
|
4909
4915
|
}
|