ire-preview 2.4.10 → 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,13 +87,13 @@ 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
|
-
|
|
96
|
-
let
|
|
95
|
+
!Re && !He && (De.state.value[Ne] = {}), ref({});
|
|
96
|
+
let qe;
|
|
97
97
|
function Xe(Ke) {
|
|
98
98
|
let ei;
|
|
99
99
|
Ae = Ie = !1, typeof Ke == "function" ? (Ke(De.state.value[Ne]), ei = {
|
|
@@ -106,12 +106,12 @@ function createSetupStore(Ne, _e, ke = {}, De, Re, $e) {
|
|
|
106
106
|
storeId: Ne,
|
|
107
107
|
events: Ve
|
|
108
108
|
});
|
|
109
|
-
const ii =
|
|
109
|
+
const ii = qe = Symbol();
|
|
110
110
|
nextTick().then(() => {
|
|
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);
|
|
@@ -151,7 +151,7 @@ function createSetupStore(Ne, _e, ke = {}, De, Re, $e) {
|
|
|
151
151
|
return ai instanceof Promise ? ai.then((li) => (triggerSubscriptions(ni, li), li)).catch((li) => (triggerSubscriptions(oi, li), Promise.reject(li))) : (triggerSubscriptions(ni, ai), ai);
|
|
152
152
|
};
|
|
153
153
|
return ii[ACTION_MARKER] = !0, ii[ACTION_NAME] = ei, ii;
|
|
154
|
-
},
|
|
154
|
+
}, Ye = {
|
|
155
155
|
_p: De,
|
|
156
156
|
// _s: scope,
|
|
157
157
|
$id: Ne,
|
|
@@ -169,13 +169,13 @@ function createSetupStore(Ne, _e, ke = {}, De, Re, $e) {
|
|
|
169
169
|
return ii;
|
|
170
170
|
},
|
|
171
171
|
$dispose: Ze
|
|
172
|
-
}, Ue = reactive(
|
|
172
|
+
}, Ue = reactive(Ye);
|
|
173
173
|
De._s.set(Ne, Ue);
|
|
174
174
|
const Je = (De._a && De._a.runWithContext || fallbackRunWithContext)(() => De._e.run(() => (Be = effectScope()).run(() => _e({ action: Ge }))));
|
|
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;
|
|
@@ -536,13 +536,13 @@ const tr = (Ne) => {
|
|
|
536
536
|
}, _hoisted_23$1 = { class: "ire-flex ire-flex-col ire-items-center" }, _hoisted_24$1 = { class: "irep-tooltip-1__flat-number ire-max-w-60 ire-text-center !ire-text-2xl ire-capitalize" }, _hoisted_25$1 = { class: "irep-tooltip-1__flat-aptitle !ire-mt-2 !ire-text-sm ire-uppercase" }, _hoisted_26$1 = { class: "ire-flex ire-min-w-36 ire-flex-col ire-items-center ire-rounded-lg ire-bg-gray-100 ire-px-7 ire-py-3" }, _hoisted_27$1 = {
|
|
537
537
|
key: 0,
|
|
538
538
|
class: "irep-tooltip-1__flat-conf !ire-text-2xl ire-uppercase"
|
|
539
|
-
}, _hoisted_28$1 = { class: "irep-tooltip-1__flat-price !ire-text-sm ire-uppercase ire-text-gray-500" }, _hoisted_29$1 = {
|
|
540
|
-
key:
|
|
539
|
+
}, _hoisted_28$1 = { class: "irep-tooltip-1__flat-price !ire-text-sm ire-uppercase ire-text-gray-500" }, _hoisted_29$1 = { key: 0 }, _hoisted_30$1 = {
|
|
540
|
+
key: 1,
|
|
541
541
|
class: "ire-flex ire-w-fit ire-flex-col ire-items-center ire-py-2"
|
|
542
|
-
},
|
|
542
|
+
}, _hoisted_31 = {
|
|
543
543
|
key: 0,
|
|
544
544
|
class: "irep-tooltip-1__flat-price-value ire-whitespace-nowrap !ire-text-2xl"
|
|
545
|
-
},
|
|
545
|
+
}, _hoisted_32 = { key: 1 }, _hoisted_33 = { class: "irep-tooltip-1__flat-price-line-value ire-min-w-max !ire-text-sm ire-line-through ire-decoration-black/50" }, _hoisted_34 = { class: "irep-tooltip-1__flat-price-value ire-min-w-max ire-whitespace-nowrap !ire-text-2xl" }, _hoisted_35 = { class: "ire-border ire-border-solid ire-border-gray-800 ire-p-2" }, _hoisted_36 = { class: "irep-tooltip-1__flat-area ire-translate-x-3 ire-bg-white" }, _sfc_main$l = /* @__PURE__ */ defineComponent({
|
|
546
546
|
__name: "Tooltip_1",
|
|
547
547
|
props: {
|
|
548
548
|
hoveredData: {},
|
|
@@ -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, [
|
|
@@ -571,11 +571,11 @@ const tr = (Ne) => {
|
|
|
571
571
|
createElementVNode("div", _hoisted_11$3, toDisplayString(unref(tr)("available")), 1)
|
|
572
572
|
])) : createCommentVNode("", !0),
|
|
573
573
|
(He = (Ve = De.hoveredData) == null ? void 0 : Ve.counts) != null && He.reserved ? (openBlock(), createElementBlock("div", _hoisted_12$3, [
|
|
574
|
-
createElementVNode("div", _hoisted_13$2, toDisplayString((Xe = (
|
|
574
|
+
createElementVNode("div", _hoisted_13$2, toDisplayString((Xe = (qe = De.hoveredData) == null ? void 0 : qe.counts) == null ? void 0 : Xe.reserved), 1),
|
|
575
575
|
createElementVNode("div", _hoisted_14$2, toDisplayString(unref(tr)("reserved")), 1)
|
|
576
576
|
])) : createCommentVNode("", !0),
|
|
577
577
|
(Ze = (We = De.hoveredData) == null ? void 0 : We.counts) != null && Ze.sold ? (openBlock(), createElementBlock("div", _hoisted_15$2, [
|
|
578
|
-
createElementVNode("div", _hoisted_16$2, toDisplayString((
|
|
578
|
+
createElementVNode("div", _hoisted_16$2, toDisplayString((Ye = (Ge = De.hoveredData) == null ? void 0 : Ge.counts) == null ? void 0 : Ye.sold), 1),
|
|
579
579
|
createElementVNode("div", _hoisted_17$2, toDisplayString(unref(tr)("sold")), 1)
|
|
580
580
|
])) : createCommentVNode("", !0)
|
|
581
581
|
]))
|
|
@@ -593,18 +593,18 @@ const tr = (Ne) => {
|
|
|
593
593
|
createElementVNode("div", _hoisted_26$1, [
|
|
594
594
|
ke.value ? (openBlock(), createElementBlock("div", _hoisted_27$1, toDisplayString(ke.value), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
|
|
595
595
|
createElementVNode("div", _hoisted_28$1, toDisplayString(unref(tr)("price")), 1),
|
|
596
|
-
(Je = De.hoveredData) != null && Je.
|
|
596
|
+
(Je = De.hoveredData) != null && Je.request_price ? (openBlock(), createElementBlock("div", _hoisted_29$1, toDisplayString(unref(tr)("Request Price")), 1)) : (Ke = De.hoveredData) != null && Ke.price ? (openBlock(), createElementBlock("div", _hoisted_30$1, [
|
|
597
597
|
createElementVNode("div", null, [
|
|
598
|
-
(
|
|
599
|
-
createElementVNode("div",
|
|
600
|
-
createTextVNode(toDisplayString(unref(getPrice)((
|
|
598
|
+
(ei = De.hoveredData) != null && ei.offer_price ? (openBlock(), createElementBlock("div", _hoisted_32, [
|
|
599
|
+
createElementVNode("div", _hoisted_33, [
|
|
600
|
+
createTextVNode(toDisplayString(unref(getPrice)((ii = De.hoveredData) == null ? void 0 : ii.price)) + " ", 1),
|
|
601
601
|
createElementVNode("span", null, toDisplayString(unref(currencySymbol)()), 1)
|
|
602
602
|
]),
|
|
603
|
-
createElementVNode("div",
|
|
604
|
-
createTextVNode(toDisplayString(unref(getPrice)((
|
|
603
|
+
createElementVNode("div", _hoisted_34, [
|
|
604
|
+
createTextVNode(toDisplayString(unref(getPrice)((ti = De.hoveredData) == null ? void 0 : ti.offer_price)) + " ", 1),
|
|
605
605
|
createElementVNode("span", null, toDisplayString(unref(currencySymbol)()), 1)
|
|
606
606
|
])
|
|
607
|
-
])) : (openBlock(), createElementBlock("div",
|
|
607
|
+
])) : (openBlock(), createElementBlock("div", _hoisted_31, [
|
|
608
608
|
createTextVNode(toDisplayString(unref(getPrice)(De.hoveredData.price)) + " ", 1),
|
|
609
609
|
createElementVNode("span", null, toDisplayString(unref(currencySymbol)()), 1)
|
|
610
610
|
]))
|
|
@@ -612,10 +612,10 @@ const tr = (Ne) => {
|
|
|
612
612
|
])) : createCommentVNode("", !0)
|
|
613
613
|
], 64))
|
|
614
614
|
]),
|
|
615
|
-
createElementVNode("div",
|
|
616
|
-
createElementVNode("div",
|
|
617
|
-
createTextVNode(toDisplayString(unref(getArea)(+((
|
|
618
|
-
|
|
615
|
+
createElementVNode("div", _hoisted_35, [
|
|
616
|
+
createElementVNode("div", _hoisted_36, [
|
|
617
|
+
createTextVNode(toDisplayString(unref(getArea)(+((oi = (ni = De.hoveredData) == null ? void 0 : ni.type) == null ? void 0 : oi.area_m2))) + " m", 1),
|
|
618
|
+
$e[0] || ($e[0] = createElementVNode("sup", { class: "ire-bg-white !ire-text-sm" }, " 2 ", -1))
|
|
619
619
|
])
|
|
620
620
|
])
|
|
621
621
|
])) : createCommentVNode("", !0)
|
|
@@ -644,10 +644,10 @@ const tr = (Ne) => {
|
|
|
644
644
|
}, _hoisted_21 = {
|
|
645
645
|
key: 1,
|
|
646
646
|
class: "ire-flex ire-flex-col ire-gap-2"
|
|
647
|
-
}, _hoisted_22 = { key: 0 }, _hoisted_23 = { class: "ire-text-sm ire-line-through" },
|
|
647
|
+
}, _hoisted_22 = { key: 0 }, _hoisted_23 = { key: 0 }, _hoisted_24 = { class: "ire-text-sm ire-line-through" }, _hoisted_25 = { class: "irep-tooltip-2__flat-price ire-text-base" }, _hoisted_26 = { class: "ire-right-[2px]" }, _hoisted_27 = {
|
|
648
648
|
key: 1,
|
|
649
649
|
class: "irep-tooltip-2__flat-price ire-text-base"
|
|
650
|
-
},
|
|
650
|
+
}, _hoisted_28 = { class: "ire-right-[2px]" }, _hoisted_29 = { class: "irep-tooltip-2__flat-area" }, _hoisted_30 = { class: "ire-right-[2px] ire-text-base" }, _sfc_main$k = /* @__PURE__ */ defineComponent({
|
|
651
651
|
__name: "Tooltip_2",
|
|
652
652
|
props: {
|
|
653
653
|
hoveredData: {},
|
|
@@ -655,83 +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 (
|
|
663
|
-
var Le, ze, Ae, Ie, je, Fe, Ve, He,
|
|
664
|
-
return
|
|
662
|
+
return (Re, Be) => {
|
|
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 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((
|
|
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
|
-
|
|
719
|
-
|
|
720
|
-
|
|
721
|
-
|
|
722
|
-
|
|
723
|
-
|
|
724
|
-
|
|
725
|
-
|
|
726
|
-
|
|
727
|
-
|
|
728
|
-
|
|
729
|
-
|
|
730
|
-
|
|
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
|
+
createElementVNode("div", _hoisted_24, [
|
|
721
|
+
createTextVNode(toDisplayString(unref(getPrice)(+((Je = Re.hoveredData) == null ? void 0 : Je.price))) + " ", 1),
|
|
722
|
+
createElementVNode("span", null, toDisplayString(unref(currencySymbol)()), 1)
|
|
723
|
+
]),
|
|
724
|
+
createElementVNode("div", _hoisted_25, [
|
|
725
|
+
createTextVNode(toDisplayString(unref(getPrice)(+((Ke = Re.hoveredData) == null ? void 0 : Ke.offer_price))) + " ", 1),
|
|
726
|
+
createElementVNode("span", _hoisted_26, toDisplayString(unref(currencySymbol)()), 1)
|
|
727
|
+
])
|
|
728
|
+
])) : (openBlock(), createElementBlock("div", _hoisted_27, [
|
|
729
|
+
createTextVNode(toDisplayString(unref(getPrice)(+((ei = Re.hoveredData) == null ? void 0 : ei.price))) + " ", 1),
|
|
730
|
+
createElementVNode("span", _hoisted_28, toDisplayString(unref(currencySymbol)()), 1)
|
|
731
|
+
]))
|
|
732
|
+
], 64))
|
|
731
733
|
]),
|
|
732
|
-
createElementVNode("div",
|
|
733
|
-
createElementVNode("span",
|
|
734
|
-
createTextVNode(toDisplayString(unref(getArea)(+((
|
|
734
|
+
createElementVNode("div", _hoisted_29, [
|
|
735
|
+
createElementVNode("span", _hoisted_30, [
|
|
736
|
+
createTextVNode(toDisplayString(unref(getArea)(+((ti = (ii = Re.hoveredData) == null ? void 0 : ii.type) == null ? void 0 : ti.area_m2))) + " m", 1),
|
|
735
737
|
Be[3] || (Be[3] = createElementVNode("sup", { class: "ire-bg-transparent !ire-text-base" }, " 2 ", -1))
|
|
736
738
|
])
|
|
737
739
|
])
|
|
@@ -759,8 +761,8 @@ const tr = (Ne) => {
|
|
|
759
761
|
},
|
|
760
762
|
setup(Ne) {
|
|
761
763
|
const _e = inject("mouseX"), ke = inject("mouseY");
|
|
762
|
-
return (De,
|
|
763
|
-
var
|
|
764
|
+
return (De, $e) => {
|
|
765
|
+
var Re, Be, Le;
|
|
764
766
|
return De.type && De.hoveredData && De.type !== "tooltip" ? (openBlock(), createElementBlock("div", {
|
|
765
767
|
key: 0,
|
|
766
768
|
class: "ire-pointer-events-none ire-absolute ire-left-0 ire-top-0 ire-select-none",
|
|
@@ -771,7 +773,7 @@ const tr = (Ne) => {
|
|
|
771
773
|
createElementVNode("div", _hoisted_1$f, [
|
|
772
774
|
De.type === "floor" ? (openBlock(), createElementBlock("div", _hoisted_2$9, [
|
|
773
775
|
createElementVNode("div", _hoisted_3$8, [
|
|
774
|
-
createElementVNode("div", _hoisted_4$5, toDisplayString((
|
|
776
|
+
createElementVNode("div", _hoisted_4$5, toDisplayString((Re = De.hoveredData) == null ? void 0 : Re.floor_number), 1),
|
|
775
777
|
createElementVNode("div", _hoisted_5$1, toDisplayString(unref(tr)("floor")), 1)
|
|
776
778
|
])
|
|
777
779
|
])) : De.type === "block" ? (openBlock(), createElementBlock("div", _hoisted_6$1, [
|
|
@@ -798,17 +800,17 @@ const tr = (Ne) => {
|
|
|
798
800
|
type: {}
|
|
799
801
|
},
|
|
800
802
|
setup(Ne) {
|
|
801
|
-
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");
|
|
802
804
|
return watch(
|
|
803
805
|
() => De == null ? void 0 : De.value,
|
|
804
806
|
() => {
|
|
805
|
-
De != null && De.value ?
|
|
806
|
-
|
|
807
|
+
De != null && De.value ? Re.value = !1 : setTimeout(() => {
|
|
808
|
+
Re.value = !0;
|
|
807
809
|
}, 400);
|
|
808
810
|
}
|
|
809
811
|
), (Le, ze) => (openBlock(), createElementBlock("div", {
|
|
810
812
|
ref_key: "canvasRef",
|
|
811
|
-
ref:
|
|
813
|
+
ref: $e,
|
|
812
814
|
class: "ire-group ire-relative ire-overflow-hidden ire-pt-3"
|
|
813
815
|
}, [
|
|
814
816
|
Le.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_1$e, [
|
|
@@ -817,7 +819,7 @@ const tr = (Ne) => {
|
|
|
817
819
|
renderSlot(Le.$slots, "default"),
|
|
818
820
|
createVNode(Transition, { name: "ire-fade-in-out" }, {
|
|
819
821
|
default: withCtx(() => [
|
|
820
|
-
|
|
822
|
+
Re.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
|
|
821
823
|
Be.value === "1" ? (openBlock(), createBlock(_sfc_main$l, {
|
|
822
824
|
key: 0,
|
|
823
825
|
"hovered-data": Le.hoverdData,
|
|
@@ -858,7 +860,7 @@ const tr = (Ne) => {
|
|
|
858
860
|
},
|
|
859
861
|
emits: ["changeComponent"],
|
|
860
862
|
setup(Ne, { emit: _e }) {
|
|
861
|
-
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(() => {
|
|
862
864
|
if (De.project)
|
|
863
865
|
return De.project.svg;
|
|
864
866
|
}), Ve = (Xe) => {
|
|
@@ -869,10 +871,10 @@ const tr = (Ne) => {
|
|
|
869
871
|
if (!ze.value) return;
|
|
870
872
|
((We = ze.value) == null ? void 0 : We.querySelectorAll("g")).forEach((Ze) => {
|
|
871
873
|
var Qe, Je, Ke, ei, ii;
|
|
872
|
-
const Ge = Ze == null ? void 0 : Ze.getAttribute("id"),
|
|
874
|
+
const Ge = Ze == null ? void 0 : Ze.getAttribute("id"), Ye = (Je = (Qe = De.project) == null ? void 0 : Qe.polygon_data) == null ? void 0 : Je.find(
|
|
873
875
|
(ti) => (ti == null ? void 0 : ti.key) === Ge
|
|
874
|
-
), Ue =
|
|
875
|
-
switch (
|
|
876
|
+
), Ue = Ye == null ? void 0 : Ye.id;
|
|
877
|
+
switch (Ye == null ? void 0 : Ye.type) {
|
|
876
878
|
case "block":
|
|
877
879
|
const ti = (Ke = De.blocks) == null ? void 0 : Ke.find((si) => si.id === Ue);
|
|
878
880
|
Ze.setAttribute("conf", (ti == null ? void 0 : ti.conf) || "");
|
|
@@ -887,28 +889,28 @@ const tr = (Ne) => {
|
|
|
887
889
|
break;
|
|
888
890
|
}
|
|
889
891
|
});
|
|
890
|
-
},
|
|
891
|
-
var Ze, Ge,
|
|
892
|
+
}, qe = (Xe) => {
|
|
893
|
+
var Ze, Ge, Ye;
|
|
892
894
|
const We = Xe.target;
|
|
893
|
-
(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", ((
|
|
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));
|
|
894
896
|
};
|
|
895
897
|
return watch(
|
|
896
|
-
() =>
|
|
898
|
+
() => $e == null ? void 0 : $e.value,
|
|
897
899
|
() => {
|
|
898
|
-
|
|
900
|
+
$e != null && $e.value || (Ae.value = null, je.value = null);
|
|
899
901
|
}
|
|
900
902
|
), watch(
|
|
901
903
|
() => Ae.value,
|
|
902
904
|
(Xe) => {
|
|
903
|
-
var Ze, Ge,
|
|
905
|
+
var Ze, Ge, Ye, Ue, Qe, Je, Ke;
|
|
904
906
|
if (!Xe) return;
|
|
905
|
-
|
|
907
|
+
Re.hoverdSvg = Xe;
|
|
906
908
|
const We = Xe.parentElement;
|
|
907
909
|
if (We && (We == null ? void 0 : We.nodeName) === "g") {
|
|
908
910
|
const ei = We == null ? void 0 : We.getAttribute("id");
|
|
909
911
|
if (!ei || (je.value = ((Ze = De.project) == null ? void 0 : Ze.polygon_data.find((ti) => (ti == null ? void 0 : ti.key) === ei)) || null, !je.value)) return;
|
|
910
912
|
const ii = (Ge = je.value) == null ? void 0 : Ge.id;
|
|
911
|
-
switch ((
|
|
913
|
+
switch ((Ye = je.value) == null ? void 0 : Ye.type) {
|
|
912
914
|
case "floor":
|
|
913
915
|
const ti = (Ue = De.floors) == null ? void 0 : Ue.find(
|
|
914
916
|
(ri) => ri.id === ii
|
|
@@ -951,11 +953,11 @@ const tr = (Ne) => {
|
|
|
951
953
|
type: (Ze = je.value) == null ? void 0 : Ze.type
|
|
952
954
|
}, {
|
|
953
955
|
default: withCtx(() => {
|
|
954
|
-
var Ge,
|
|
956
|
+
var Ge, Ye, Ue;
|
|
955
957
|
return [
|
|
956
958
|
createElementVNode("div", _hoisted_1$d, [
|
|
957
959
|
createElementVNode("img", {
|
|
958
|
-
src: (Ue = (
|
|
960
|
+
src: (Ue = (Ye = (Ge = Xe.project) == null ? void 0 : Ge.project_image) == null ? void 0 : Ye[0]) == null ? void 0 : Ue.url,
|
|
959
961
|
alt: "",
|
|
960
962
|
class: "ire-left-0 ire-top-0 ire-h-full ire-w-full"
|
|
961
963
|
}, null, 8, _hoisted_2$8),
|
|
@@ -965,7 +967,7 @@ const tr = (Ne) => {
|
|
|
965
967
|
ref_key: "svgRef",
|
|
966
968
|
ref: ze,
|
|
967
969
|
class: "canvas path-color ire-absolute ire-left-0 ire-top-0 ire-h-full ire-w-full",
|
|
968
|
-
onClick:
|
|
970
|
+
onClick: qe
|
|
969
971
|
}, null, 8, _hoisted_3$7))
|
|
970
972
|
])
|
|
971
973
|
];
|
|
@@ -991,15 +993,15 @@ const tr = (Ne) => {
|
|
|
991
993
|
}),
|
|
992
994
|
emits: ["update:modelValue"],
|
|
993
995
|
setup(Ne) {
|
|
994
|
-
const _e = useGlobalStore(), { openReservedFlat: ke, openSoldFlat: De } = storeToRefs(_e),
|
|
995
|
-
return (
|
|
996
|
-
|
|
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),
|
|
997
999
|
createElementVNode("div", _hoisted_3$6, [
|
|
998
1000
|
withDirectives(createElementVNode("select", {
|
|
999
|
-
"onUpdate:modelValue": Be[0] || (Be[0] = (Le) =>
|
|
1001
|
+
"onUpdate:modelValue": Be[0] || (Be[0] = (Le) => $e.value = Le),
|
|
1000
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"
|
|
1001
1003
|
}, [
|
|
1002
|
-
(openBlock(!0), createElementBlock(Fragment, null, renderList(
|
|
1004
|
+
(openBlock(!0), createElementBlock(Fragment, null, renderList(Re.data, (Le) => {
|
|
1003
1005
|
var ze, Ae;
|
|
1004
1006
|
return openBlock(), createElementBlock("option", {
|
|
1005
1007
|
value: Le.value,
|
|
@@ -1007,7 +1009,7 @@ const tr = (Ne) => {
|
|
|
1007
1009
|
}, toDisplayString(Le.title), 9, _hoisted_4$4);
|
|
1008
1010
|
}), 256))
|
|
1009
1011
|
], 512), [
|
|
1010
|
-
[vModelSelect,
|
|
1012
|
+
[vModelSelect, $e.value]
|
|
1011
1013
|
]),
|
|
1012
1014
|
Be[1] || (Be[1] = createElementVNode("svg", {
|
|
1013
1015
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -1028,8 +1030,8 @@ const tr = (Ne) => {
|
|
|
1028
1030
|
}
|
|
1029
1031
|
}), _export_sfc = (Ne, _e) => {
|
|
1030
1032
|
const ke = Ne.__vccOpts || Ne;
|
|
1031
|
-
for (const [De,
|
|
1032
|
-
ke[De] =
|
|
1033
|
+
for (const [De, $e] of _e)
|
|
1034
|
+
ke[De] = $e;
|
|
1033
1035
|
return ke;
|
|
1034
1036
|
}, _sfc_main$f = {}, _hoisted_1$b = {
|
|
1035
1037
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -1065,41 +1067,41 @@ const ArrowRight = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_ren
|
|
|
1065
1067
|
},
|
|
1066
1068
|
emits: ["changeComponent"],
|
|
1067
1069
|
setup(Ne, { emit: _e }) {
|
|
1068
|
-
const ke = _e, De = Ne,
|
|
1069
|
-
var
|
|
1070
|
-
if ((
|
|
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
|
+
var Ye;
|
|
1072
|
+
if ((Ye = De.floor) != null && Ye.svg)
|
|
1071
1073
|
return De.floor.svg;
|
|
1072
|
-
}),
|
|
1073
|
-
(
|
|
1074
|
+
}), qe = computed$1(() => De.floors.filter(
|
|
1075
|
+
(Ye) => {
|
|
1074
1076
|
var Ue, Qe;
|
|
1075
1077
|
return (
|
|
1076
1078
|
// floorItem.conf !== "reserved" &&
|
|
1077
1079
|
// floorItem.conf !== "sold" &&
|
|
1078
|
-
(Ue = De.floor) != null && Ue.block_id ? (
|
|
1080
|
+
(Ue = De.floor) != null && Ue.block_id ? (Ye == null ? void 0 : Ye.block_id) === ((Qe = De.floor) == null ? void 0 : Qe.block_id) : !(Ye != null && Ye.block_id)
|
|
1079
1081
|
);
|
|
1080
1082
|
}
|
|
1081
|
-
).map((
|
|
1083
|
+
).map((Ye) => {
|
|
1082
1084
|
var Qe, Je;
|
|
1083
1085
|
const Ue = (Qe = De.blocks) == null ? void 0 : Qe.find(
|
|
1084
1086
|
(Ke) => {
|
|
1085
1087
|
var ei;
|
|
1086
|
-
return (Ke == null ? void 0 : Ke.id) === ((ei =
|
|
1088
|
+
return (Ke == null ? void 0 : Ke.id) === ((ei = Ye == null ? void 0 : Ye.block_id) == null ? void 0 : ei.toString());
|
|
1087
1089
|
}
|
|
1088
1090
|
);
|
|
1089
1091
|
return {
|
|
1090
|
-
title: ((Je =
|
|
1091
|
-
value:
|
|
1092
|
+
title: ((Je = Ye == null ? void 0 : Ye.floor_number) == null ? void 0 : Je.toString()) + ` ${tr("floor")} ` + (Ue != null && Ue.id ? ` - ${Ue == null ? void 0 : Ue.title}` : "") + (Ye != null && Ye.conf ? " " + Ye.conf : ""),
|
|
1093
|
+
value: Ye == null ? void 0 : Ye.id
|
|
1092
1094
|
};
|
|
1093
|
-
}).sort((
|
|
1094
|
-
const Ue =
|
|
1095
|
+
}).sort((Ye, Ue) => +(Ye == null ? void 0 : Ye.title) - +(Ue == null ? void 0 : Ue.title)) || []), Xe = (Ye) => {
|
|
1096
|
+
const Ue = Ye.target;
|
|
1095
1097
|
Ue && (Ae.value = Ue);
|
|
1096
|
-
}, We = (
|
|
1098
|
+
}, We = (Ye) => {
|
|
1097
1099
|
var Qe, Je, Ke;
|
|
1098
|
-
const Ue =
|
|
1100
|
+
const Ue = Ye.target;
|
|
1099
1101
|
(Ue == null ? void 0 : Ue.nodeName) === "path" && (je.value && "conf" in je.value && (((Qe = je.value) == null ? void 0 : Qe.conf) === "reserved" && !Be.value || ((Je = je.value) == null ? void 0 : Je.conf) === "sold" && !Le.value) || ke("changeComponent", ((Ke = Ie.value) == null ? void 0 : Ke.type) || "", je.value));
|
|
1100
1102
|
}, Ze = () => {
|
|
1101
|
-
var
|
|
1102
|
-
ze.value && ((
|
|
1103
|
+
var Ye;
|
|
1104
|
+
ze.value && ((Ye = ze.value) == null ? void 0 : Ye.querySelectorAll("g")).forEach((Qe) => {
|
|
1103
1105
|
var ei, ii, ti, ni, oi, si;
|
|
1104
1106
|
const Je = Qe == null ? void 0 : Qe.getAttribute("id"), Ke = (ii = (ei = De.floor) == null ? void 0 : ei.polygon_data) == null ? void 0 : ii.find(
|
|
1105
1107
|
(ri) => (ri == null ? void 0 : ri.key) === Je
|
|
@@ -1115,16 +1117,16 @@ const ArrowRight = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_ren
|
|
|
1115
1117
|
}
|
|
1116
1118
|
});
|
|
1117
1119
|
}, Ge = () => {
|
|
1118
|
-
var
|
|
1119
|
-
(
|
|
1120
|
+
var Ye;
|
|
1121
|
+
(Ye = De.floor) != null && Ye.block_id ? ke("changeComponent", "block", Ve.value) : ke("changeComponent", "project", null);
|
|
1120
1122
|
};
|
|
1121
1123
|
return watch(
|
|
1122
1124
|
() => Ae.value,
|
|
1123
|
-
(
|
|
1125
|
+
(Ye) => {
|
|
1124
1126
|
var Qe, Je, Ke, ei, ii, ti, ni;
|
|
1125
|
-
if (!
|
|
1126
|
-
|
|
1127
|
-
const Ue =
|
|
1127
|
+
if (!Ye) return;
|
|
1128
|
+
Re.hoverdSvg = Ye;
|
|
1129
|
+
const Ue = Ye == null ? void 0 : Ye.parentElement;
|
|
1128
1130
|
if (Ue && (Ue == null ? void 0 : Ue.nodeName) === "g") {
|
|
1129
1131
|
const oi = Ue.getAttribute("id");
|
|
1130
1132
|
if (!oi || (Ie.value = ((Je = (Qe = De.floor) == null ? void 0 : Qe.polygon_data) == null ? void 0 : Je.find((si) => (si == null ? void 0 : si.key) === oi)) || null, !Ie.value)) return;
|
|
@@ -1153,29 +1155,29 @@ const ArrowRight = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_ren
|
|
|
1153
1155
|
Ie.value = null;
|
|
1154
1156
|
}
|
|
1155
1157
|
), watch(
|
|
1156
|
-
() =>
|
|
1158
|
+
() => $e == null ? void 0 : $e.value,
|
|
1157
1159
|
() => {
|
|
1158
|
-
|
|
1160
|
+
$e != null && $e.value || (Ae.value = null, Ie.value = null);
|
|
1159
1161
|
}
|
|
1160
1162
|
), watch(
|
|
1161
1163
|
() => Fe.value,
|
|
1162
1164
|
() => {
|
|
1163
1165
|
var Ue;
|
|
1164
|
-
const
|
|
1166
|
+
const Ye = (Ue = De.floors) == null ? void 0 : Ue.find(
|
|
1165
1167
|
(Qe) => (Qe == null ? void 0 : Qe.id) === (Fe == null ? void 0 : Fe.value)
|
|
1166
1168
|
);
|
|
1167
|
-
|
|
1169
|
+
Ye && ke("changeComponent", "floor", Ye), setTimeout(() => {
|
|
1168
1170
|
Ze();
|
|
1169
1171
|
}, 0);
|
|
1170
1172
|
}
|
|
1171
1173
|
), onMounted(() => {
|
|
1172
|
-
var
|
|
1173
|
-
Ve.value = (
|
|
1174
|
+
var Ye, Ue, Qe;
|
|
1175
|
+
Ve.value = (Ye = De.blocks) == null ? void 0 : Ye.find(
|
|
1174
1176
|
(Je) => {
|
|
1175
1177
|
var Ke, ei;
|
|
1176
1178
|
return (Je == null ? void 0 : Je.id) === ((ei = (Ke = De.floor) == null ? void 0 : Ke.block_id) == null ? void 0 : ei.toString());
|
|
1177
1179
|
}
|
|
1178
|
-
), Fe.value = (Qe = (Ue =
|
|
1180
|
+
), Fe.value = (Qe = (Ue = qe.value) == null ? void 0 : Ue.find(
|
|
1179
1181
|
(Je) => {
|
|
1180
1182
|
var Ke;
|
|
1181
1183
|
return (Je == null ? void 0 : Je.value) == ((Ke = De.floor) == null ? void 0 : Ke.id);
|
|
@@ -1183,7 +1185,7 @@ const ArrowRight = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_ren
|
|
|
1183
1185
|
)) == null ? void 0 : Qe.value, Ze(), document.addEventListener("mousemove", Xe);
|
|
1184
1186
|
}), onUnmounted(() => {
|
|
1185
1187
|
document.removeEventListener("mousemove", Xe);
|
|
1186
|
-
}), (
|
|
1188
|
+
}), (Ye, Ue) => {
|
|
1187
1189
|
var Qe;
|
|
1188
1190
|
return openBlock(), createBlock(_sfc_main$i, {
|
|
1189
1191
|
hoverdData: je.value,
|
|
@@ -1195,7 +1197,7 @@ const ArrowRight = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_ren
|
|
|
1195
1197
|
createVNode(_sfc_main$g, {
|
|
1196
1198
|
modelValue: Fe.value,
|
|
1197
1199
|
"onUpdate:modelValue": Ue[0] || (Ue[0] = (Je) => Fe.value = Je),
|
|
1198
|
-
data:
|
|
1200
|
+
data: qe.value
|
|
1199
1201
|
}, null, 8, ["modelValue", "data"])
|
|
1200
1202
|
])
|
|
1201
1203
|
]),
|
|
@@ -1204,7 +1206,7 @@ const ArrowRight = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_ren
|
|
|
1204
1206
|
return [
|
|
1205
1207
|
createElementVNode("div", _hoisted_2$5, [
|
|
1206
1208
|
createElementVNode("img", {
|
|
1207
|
-
src: ((ei = (Ke = (Je =
|
|
1209
|
+
src: ((ei = (Ke = (Je = Ye.floor) == null ? void 0 : Je.floor_image) == null ? void 0 : Ke[0]) == null ? void 0 : ei.url) || "",
|
|
1208
1210
|
alt: "",
|
|
1209
1211
|
class: "ire-left-0 ire-top-0 ire-h-full ire-w-full"
|
|
1210
1212
|
}, null, 8, _hoisted_3$5),
|
|
@@ -1237,8 +1239,8 @@ function _sfc_render$2(Ne, _e) {
|
|
|
1237
1239
|
}
|
|
1238
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) {
|
|
1239
1241
|
if (!(Ne && Ne instanceof Element && Ne.offsetParent)) return !1;
|
|
1240
|
-
const _e = Ne.scrollHeight > Ne.clientHeight, ke = window.getComputedStyle(Ne).overflowY, De = ke.indexOf("hidden") !== -1,
|
|
1241
|
-
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;
|
|
1242
1244
|
}, i = function(Ne, _e = void 0) {
|
|
1243
1245
|
return !(!Ne || Ne === document.body || _e && Ne === _e) && (e(Ne) ? Ne : i(Ne.parentElement, _e));
|
|
1244
1246
|
}, n = function(Ne) {
|
|
@@ -1261,10 +1263,10 @@ class a {
|
|
|
1261
1263
|
const r = { passive: !1 };
|
|
1262
1264
|
class l {
|
|
1263
1265
|
constructor(_e, { start: ke = () => !0, move: De = () => {
|
|
1264
|
-
}, end:
|
|
1266
|
+
}, end: $e = () => {
|
|
1265
1267
|
} }) {
|
|
1266
|
-
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 =
|
|
1267
|
-
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);
|
|
1268
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);
|
|
1269
1271
|
}
|
|
1270
1272
|
onPointerStart(_e) {
|
|
@@ -1277,12 +1279,12 @@ class l {
|
|
|
1277
1279
|
window.addEventListener("blur", this.onWindowBlur);
|
|
1278
1280
|
}
|
|
1279
1281
|
onMove(_e) {
|
|
1280
|
-
const ke = this.currentPointers.slice(), De = "changedTouches" in _e ? Array.from(_e.changedTouches || []).map((
|
|
1281
|
-
for (const
|
|
1282
|
-
const Be = this.currentPointers.findIndex((Le) => Le.id ===
|
|
1283
|
-
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);
|
|
1284
1286
|
}
|
|
1285
|
-
|
|
1287
|
+
$e.length && this.moveCallback(_e, this.currentPointers.slice(), ke);
|
|
1286
1288
|
}
|
|
1287
1289
|
onPointerEnd(_e) {
|
|
1288
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));
|
|
@@ -1294,7 +1296,7 @@ class l {
|
|
|
1294
1296
|
return !!this.startCallback(ke, _e, this.currentPointers.slice()) && (this.currentPointers.push(_e), this.startPointers.push(_e), !0);
|
|
1295
1297
|
}
|
|
1296
1298
|
triggerPointerEnd(_e, ke) {
|
|
1297
|
-
const De = this.currentPointers.findIndex((
|
|
1299
|
+
const De = this.currentPointers.findIndex(($e) => $e.id === ke.id);
|
|
1298
1300
|
De < 0 || (this.currentPointers.splice(De, 1), this.startPointers.splice(De, 1), this.endCallback(_e, ke, this.currentPointers.slice()));
|
|
1299
1301
|
}
|
|
1300
1302
|
onWindowBlur() {
|
|
@@ -1319,10 +1321,10 @@ function h(Ne, _e) {
|
|
|
1319
1321
|
const d = (Ne) => typeof Ne == "object" && Ne !== null && Ne.constructor === Object && Object.prototype.toString.call(Ne) === "[object Object]", u = (Ne, ..._e) => {
|
|
1320
1322
|
const ke = _e.length;
|
|
1321
1323
|
for (let De = 0; De < ke; De++) {
|
|
1322
|
-
const
|
|
1323
|
-
Object.entries(
|
|
1324
|
+
const $e = _e[De] || {};
|
|
1325
|
+
Object.entries($e).forEach(([Re, Be]) => {
|
|
1324
1326
|
const Le = Array.isArray(Be) ? [] : {};
|
|
1325
|
-
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 });
|
|
1326
1328
|
});
|
|
1327
1329
|
}
|
|
1328
1330
|
return Ne;
|
|
@@ -1342,39 +1344,39 @@ class f {
|
|
|
1342
1344
|
let De = p(_e, this.options);
|
|
1343
1345
|
return De && typeof De == "function" && (De = De.call(this, this, ...ke)), De;
|
|
1344
1346
|
}
|
|
1345
|
-
optionFor(_e, ke, De,
|
|
1346
|
-
let
|
|
1347
|
+
optionFor(_e, ke, De, ...$e) {
|
|
1348
|
+
let Re = p(ke, _e);
|
|
1347
1349
|
var Be;
|
|
1348
|
-
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));
|
|
1349
1351
|
let Le = p(ke, this.options);
|
|
1350
|
-
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;
|
|
1351
1353
|
}
|
|
1352
1354
|
cn(_e) {
|
|
1353
1355
|
const ke = this.options.classes;
|
|
1354
1356
|
return ke && ke[_e] || "";
|
|
1355
1357
|
}
|
|
1356
1358
|
localize(_e, ke = []) {
|
|
1357
|
-
_e = String(_e).replace(/\{\{(\w+).?(\w+)?\}\}/g, (De,
|
|
1359
|
+
_e = String(_e).replace(/\{\{(\w+).?(\w+)?\}\}/g, (De, $e, Re) => {
|
|
1358
1360
|
let Be = "";
|
|
1359
|
-
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;
|
|
1360
1362
|
});
|
|
1361
1363
|
for (let De = 0; De < ke.length; De++) _e = _e.split(ke[De][0]).join(ke[De][1]);
|
|
1362
|
-
return _e = _e.replace(/\{\{(.*?)\}\}/g, (De,
|
|
1364
|
+
return _e = _e.replace(/\{\{(.*?)\}\}/g, (De, $e) => $e);
|
|
1363
1365
|
}
|
|
1364
1366
|
on(_e, ke) {
|
|
1365
1367
|
let De = [];
|
|
1366
|
-
typeof _e == "string" ? De = _e.split(" ") : Array.isArray(_e) && (De = _e), this.events || (this.events = /* @__PURE__ */ new Map()), De.forEach((
|
|
1367
|
-
let
|
|
1368
|
-
|
|
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);
|
|
1369
1371
|
});
|
|
1370
1372
|
}
|
|
1371
1373
|
off(_e, ke) {
|
|
1372
1374
|
let De = [];
|
|
1373
|
-
typeof _e == "string" ? De = _e.split(" ") : Array.isArray(_e) && (De = _e), De.forEach((
|
|
1374
|
-
const
|
|
1375
|
-
if (Array.isArray(
|
|
1376
|
-
const Be =
|
|
1377
|
-
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);
|
|
1378
1380
|
}
|
|
1379
1381
|
});
|
|
1380
1382
|
}
|
|
@@ -1389,11 +1391,11 @@ class g extends f {
|
|
|
1389
1391
|
}
|
|
1390
1392
|
attachPlugins(_e = {}) {
|
|
1391
1393
|
const ke = /* @__PURE__ */ new Map();
|
|
1392
|
-
for (const [De,
|
|
1393
|
-
const
|
|
1394
|
-
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 || {}));
|
|
1395
1397
|
}
|
|
1396
|
-
for (const [De,
|
|
1398
|
+
for (const [De, $e] of ke) this.plugins[De] = $e, $e.attach();
|
|
1397
1399
|
}
|
|
1398
1400
|
detachPlugins(_e) {
|
|
1399
1401
|
_e = _e || Object.keys(this.plugins);
|
|
@@ -1482,15 +1484,15 @@ class I extends g {
|
|
|
1482
1484
|
return !(!this.ignoreBounds && !this.checkBounds().inBounds);
|
|
1483
1485
|
}
|
|
1484
1486
|
constructor(_e, ke = {}, De = {}) {
|
|
1485
|
-
var
|
|
1487
|
+
var $e;
|
|
1486
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");
|
|
1487
1489
|
this.container = _e, this.initContent(), this.attachPlugins(Object.assign(Object.assign({}, I.Plugins), De)), this.emit("attachPlugins"), this.emit("init");
|
|
1488
|
-
const
|
|
1489
|
-
if (
|
|
1490
|
+
const Re = this.content;
|
|
1491
|
+
if (Re.addEventListener("load", this.onLoad), Re.addEventListener("error", this.onError), this.isContentLoading) {
|
|
1490
1492
|
if (this.option("spinner")) {
|
|
1491
1493
|
_e.classList.add(this.cn("isLoading"));
|
|
1492
1494
|
const Be = n(x);
|
|
1493
|
-
!_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;
|
|
1494
1496
|
}
|
|
1495
1497
|
this.emit("beforeLoad");
|
|
1496
1498
|
} else queueMicrotask(() => {
|
|
@@ -1511,20 +1513,20 @@ class I extends g {
|
|
|
1511
1513
|
this.state !== m.Destroy && (this.spinner && (this.spinner.remove(), this.spinner = null), this.stop(), this.detachEvents(), this.state = m.Error, this.emit("error"));
|
|
1512
1514
|
}
|
|
1513
1515
|
getNextScale(_e) {
|
|
1514
|
-
const { fullScale: ke, targetScale: De, coverScale:
|
|
1516
|
+
const { fullScale: ke, targetScale: De, coverScale: $e, maxScale: Re, minScale: Be } = this;
|
|
1515
1517
|
let Le = Be;
|
|
1516
1518
|
switch (_e) {
|
|
1517
1519
|
case "toggleMax":
|
|
1518
|
-
Le = De - Be < 0.5 * (
|
|
1520
|
+
Le = De - Be < 0.5 * (Re - Be) ? Re : Be;
|
|
1519
1521
|
break;
|
|
1520
1522
|
case "toggleCover":
|
|
1521
|
-
Le = De - Be < 0.5 * (
|
|
1523
|
+
Le = De - Be < 0.5 * ($e - Be) ? $e : Be;
|
|
1522
1524
|
break;
|
|
1523
1525
|
case "toggleZoom":
|
|
1524
1526
|
Le = De - Be < 0.5 * (ke - Be) ? ke : Be;
|
|
1525
1527
|
break;
|
|
1526
1528
|
case "iterateZoom":
|
|
1527
|
-
let ze = [1, ke,
|
|
1529
|
+
let ze = [1, ke, Re].sort((Ie, je) => Ie - je), Ae = ze.findIndex((Ie) => Ie > De + 1e-5);
|
|
1528
1530
|
Le = ze[Ae] || 1;
|
|
1529
1531
|
}
|
|
1530
1532
|
return Le;
|
|
@@ -1532,8 +1534,8 @@ class I extends g {
|
|
|
1532
1534
|
attachObserver() {
|
|
1533
1535
|
var _e;
|
|
1534
1536
|
const ke = () => {
|
|
1535
|
-
const { container: De, containerRect:
|
|
1536
|
-
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;
|
|
1537
1539
|
};
|
|
1538
1540
|
this.resizeObserver || window.ResizeObserver === void 0 || (this.resizeObserver = new ResizeObserver(() => {
|
|
1539
1541
|
this.updateTimer || (ke() ? (this.onResize(), this.isMobile && (this.updateTimer = setTimeout(() => {
|
|
@@ -1564,28 +1566,28 @@ class I extends g {
|
|
|
1564
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]));
|
|
1565
1567
|
}
|
|
1566
1568
|
checkBounds(_e = 0, ke = 0) {
|
|
1567
|
-
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;
|
|
1568
1570
|
let Ve = 0, He = 0;
|
|
1569
|
-
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 });
|
|
1570
1572
|
}
|
|
1571
1573
|
clampTargetBounds() {
|
|
1572
1574
|
const { target: _e } = this, { x: ke, y: De } = this.getBounds();
|
|
1573
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));
|
|
1574
1576
|
}
|
|
1575
1577
|
calculateContentDim(_e = this.current) {
|
|
1576
|
-
const { content: ke, contentRect: De } = this, { fitWidth:
|
|
1578
|
+
const { content: ke, contentRect: De } = this, { fitWidth: $e, fitHeight: Re, fullWidth: Be, fullHeight: Le } = De;
|
|
1577
1579
|
let ze = Be, Ae = Le;
|
|
1578
1580
|
if (this.option("zoom") || this.angle !== 0) {
|
|
1579
|
-
const Ie = !(ke instanceof HTMLImageElement) && (window.getComputedStyle(ke).maxWidth === "none" || window.getComputedStyle(ke).maxHeight === "none"), je = Ie ? Be :
|
|
1580
|
-
ze = Math.max(Ze,
|
|
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
|
+
ze = Math.max(Ze, Ye), Ae = Math.max(Ge, Ue);
|
|
1581
1583
|
}
|
|
1582
1584
|
return { contentWidth: ze, contentHeight: Ae };
|
|
1583
1585
|
}
|
|
1584
1586
|
setEdgeForce() {
|
|
1585
1587
|
if (this.ignoreBounds || this.isDragging || this.panMode === O || this.targetScale < this.scale) return this.isBouncingX = !1, void (this.isBouncingY = !1);
|
|
1586
|
-
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");
|
|
1587
1589
|
let Le = this.velocity.e, ze = this.velocity.f;
|
|
1588
|
-
|
|
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);
|
|
1589
1591
|
}
|
|
1590
1592
|
enable() {
|
|
1591
1593
|
const { content: _e } = this, ke = new DOMMatrixReadOnly(window.getComputedStyle(_e).transform);
|
|
@@ -1602,17 +1604,17 @@ class I extends g {
|
|
|
1602
1604
|
const Ve = window.getSelection();
|
|
1603
1605
|
return Ve && Ve.type === "Range";
|
|
1604
1606
|
})() && !De.closest("button")) return;
|
|
1605
|
-
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;
|
|
1606
1608
|
if (Le) {
|
|
1607
1609
|
const Ve = Le.panzoomChange, He = Le.panzoomAction;
|
|
1608
1610
|
if ((Ve || He) && _e.preventDefault(), Ve) {
|
|
1609
|
-
let
|
|
1611
|
+
let qe = {};
|
|
1610
1612
|
try {
|
|
1611
|
-
|
|
1613
|
+
qe = JSON.parse(Ve);
|
|
1612
1614
|
} catch {
|
|
1613
1615
|
console && console.warn("The given data was not valid JSON");
|
|
1614
1616
|
}
|
|
1615
|
-
return void this.applyChange(
|
|
1617
|
+
return void this.applyChange(qe);
|
|
1616
1618
|
}
|
|
1617
1619
|
if (He) return void (this[He] && this[He]());
|
|
1618
1620
|
}
|
|
@@ -1633,16 +1635,16 @@ class I extends g {
|
|
|
1633
1635
|
ke.push(_e), this.trackingPoints = ke;
|
|
1634
1636
|
}
|
|
1635
1637
|
onPointerDown(_e, ke, De) {
|
|
1636
|
-
var
|
|
1638
|
+
var $e;
|
|
1637
1639
|
if (this.option("touch", _e) === !1) return !1;
|
|
1638
1640
|
this.pwt = 0, this.dragOffset = { x: 0, y: 0, time: 0 }, this.trackingPoints = [];
|
|
1639
|
-
const
|
|
1640
|
-
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;
|
|
1641
1643
|
if (this.panMode === O && this.targetScale > 1) return _e.preventDefault(), _e.stopPropagation(), !1;
|
|
1642
1644
|
const Be = _e.composedPath()[0];
|
|
1643
1645
|
if (!De.length) {
|
|
1644
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;
|
|
1645
|
-
(
|
|
1647
|
+
($e = window.getSelection()) === null || $e === void 0 || $e.removeAllRanges();
|
|
1646
1648
|
}
|
|
1647
1649
|
if (_e.type === "mousedown") ["A", "BUTTON"].includes(Be.nodeName) || _e.preventDefault();
|
|
1648
1650
|
else if (Math.abs(this.velocity.a) > 0.3) return !1;
|
|
@@ -1651,14 +1653,14 @@ class I extends g {
|
|
|
1651
1653
|
onPointerMove(_e, ke, De) {
|
|
1652
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;
|
|
1653
1655
|
this.addTrackingPoint(ke[0]);
|
|
1654
|
-
const { content:
|
|
1656
|
+
const { content: $e } = this, Re = h(De[0], De[1]), Be = h(ke[0], ke[1]);
|
|
1655
1657
|
let Le = 0, ze = 0;
|
|
1656
1658
|
if (ke.length > 1) {
|
|
1657
|
-
const Ge =
|
|
1658
|
-
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;
|
|
1659
1661
|
}
|
|
1660
1662
|
const Ae = c(De[0], De[1]), Ie = c(ke[0], ke[1]);
|
|
1661
|
-
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;
|
|
1662
1664
|
this.dragOffset.x += Fe, this.dragOffset.y += Ve, this.dragOffset.time = Date.now() - this.dragStart.time;
|
|
1663
1665
|
let He = t(this.targetScale) === t(this.minScale) && this.option("lockAxis");
|
|
1664
1666
|
if (He && !this.lockedAxis) if (He === "xy" || He === "y" || _e.type === "touchmove") {
|
|
@@ -1668,8 +1670,8 @@ class I extends g {
|
|
|
1668
1670
|
} else this.lockedAxis = He;
|
|
1669
1671
|
if (i(_e.target, this.content) && (He = "x", this.dragOffset.y = 0), He && He !== "xy" && this.lockedAxis !== He && t(this.targetScale) === t(this.minScale)) return;
|
|
1670
1672
|
_e.cancelable && _e.preventDefault(), this.container.classList.add(this.cn("isDragging"));
|
|
1671
|
-
const
|
|
1672
|
-
this.option("rubberband") ? (this.isInfinite !== "x" && (
|
|
1673
|
+
const qe = this.checkBounds(Fe, Ve);
|
|
1674
|
+
this.option("rubberband") ? (this.isInfinite !== "x" && (qe.xDiff > 0 && Fe < 0 || qe.xDiff < 0 && Fe > 0) && (Fe *= Math.max(0, 0.5 - Math.abs(0.75 / this.contentRect.fitWidth * qe.xDiff))), this.isInfinite !== "y" && (qe.yDiff > 0 && Ve < 0 || qe.yDiff < 0 && Ve > 0) && (Ve *= Math.max(0, 0.5 - Math.abs(0.75 / this.contentRect.fitHeight * qe.yDiff)))) : (qe.xDiff && (Fe = 0), qe.yDiff && (Ve = 0));
|
|
1673
1675
|
const Xe = this.targetScale, We = this.minScale, Ze = this.maxScale;
|
|
1674
1676
|
Xe < 0.5 * We && (je = Math.max(je, We)), Xe > 1.5 * Ze && (je = Math.min(je, Ze)), this.lockedAxis === "y" && t(Xe) === t(We) && (Fe = 0), this.lockedAxis === "x" && t(Xe) === t(We) && (Ve = 0), this.applyChange({ originX: Le, originY: ze, panX: Fe, panY: Ve, scale: je, friction: this.option("dragFriction"), ignoreBounds: !0 });
|
|
1675
1677
|
}
|
|
@@ -1683,30 +1685,30 @@ class I extends g {
|
|
|
1683
1685
|
this.rAF && (cancelAnimationFrame(this.rAF), this.rAF = null), this.isBouncingX = !1, this.isBouncingY = !1;
|
|
1684
1686
|
for (const Ge of v) this.velocity[Ge] = 0;
|
|
1685
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;
|
|
1686
|
-
const { trackingPoints: De } = this,
|
|
1688
|
+
const { trackingPoints: De } = this, $e = De[0], Re = De[De.length - 1];
|
|
1687
1689
|
let Be = 0, Le = 0, ze = 0;
|
|
1688
|
-
|
|
1690
|
+
Re && $e && (Be = Re.clientX - $e.clientX, Le = Re.clientY - $e.clientY, ze = Re.time - $e.time);
|
|
1689
1691
|
const Ae = ((_e = window.visualViewport) === null || _e === void 0 ? void 0 : _e.scale) || 1;
|
|
1690
1692
|
Ae !== 1 && (Be *= Ae, Le *= Ae);
|
|
1691
1693
|
let Ie = 0, je = 0, Fe = 0, Ve = 0, He = this.option("decelFriction");
|
|
1692
|
-
const
|
|
1694
|
+
const qe = this.targetScale;
|
|
1693
1695
|
if (ze > 0) {
|
|
1694
1696
|
Fe = Math.abs(Be) > 3 ? Be / (ze / 30) : 0, Ve = Math.abs(Le) > 3 ? Le / (ze / 30) : 0;
|
|
1695
1697
|
const Ge = this.option("maxVelocity");
|
|
1696
1698
|
Ge && (Fe = Math.max(Math.min(Fe, Ge), -1 * Ge), Ve = Math.max(Math.min(Ve, Ge), -1 * Ge));
|
|
1697
1699
|
}
|
|
1698
|
-
Fe && (Ie = Fe / (1 / (1 - He) - 1)), Ve && (je = Ve / (1 / (1 - He) - 1)), (this.option("lockAxis") === "y" || this.option("lockAxis") === "xy" && this.lockedAxis === "y" && t(
|
|
1700
|
+
Fe && (Ie = Fe / (1 / (1 - He) - 1)), Ve && (je = Ve / (1 / (1 - He) - 1)), (this.option("lockAxis") === "y" || this.option("lockAxis") === "xy" && this.lockedAxis === "y" && t(qe) === this.minScale) && (Ie = Fe = 0), (this.option("lockAxis") === "x" || this.option("lockAxis") === "xy" && this.lockedAxis === "x" && t(qe) === this.minScale) && (je = Ve = 0);
|
|
1699
1701
|
const Xe = this.dragOffset.x, We = this.dragOffset.y, Ze = this.option("dragMinThreshold") || 0;
|
|
1700
|
-
Math.abs(Xe) < Ze && Math.abs(We) < Ze && (Ie = je = 0, Fe = Ve = 0), (this.option("zoom") && (
|
|
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);
|
|
1701
1703
|
}
|
|
1702
1704
|
onWheel(_e) {
|
|
1703
|
-
var ke = [-_e.deltaX || 0, -_e.deltaY || 0, -_e.detail || 0].reduce(function(
|
|
1704
|
-
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;
|
|
1705
1707
|
});
|
|
1706
1708
|
const De = Math.max(-1, Math.min(1, ke));
|
|
1707
1709
|
if (this.emit("wheel", _e, De), this.panMode === O || _e.defaultPrevented) return;
|
|
1708
|
-
const
|
|
1709
|
-
|
|
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);
|
|
1710
1712
|
}
|
|
1711
1713
|
onMouseMove(_e) {
|
|
1712
1714
|
this.panWithMouse(_e);
|
|
@@ -1719,60 +1721,60 @@ class I extends g {
|
|
|
1719
1721
|
}
|
|
1720
1722
|
setTransform() {
|
|
1721
1723
|
this.emit("beforeTransform");
|
|
1722
|
-
const { current: _e, target: ke, content: De, contentRect:
|
|
1724
|
+
const { current: _e, target: ke, content: De, contentRect: $e } = this, Re = Object.assign({}, C);
|
|
1723
1725
|
for (const Xe of v) {
|
|
1724
1726
|
const We = Xe == "e" || Xe === "f" ? M : T;
|
|
1725
|
-
|
|
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]);
|
|
1726
1728
|
}
|
|
1727
|
-
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;
|
|
1728
1730
|
if (this.option("transformParent") && (Ve = Ve.parentElement || Ve), Ve.style.transform === Fe) return;
|
|
1729
1731
|
Ve.style.transform = Fe;
|
|
1730
|
-
const { contentWidth: He, contentHeight:
|
|
1731
|
-
|
|
1732
|
+
const { contentWidth: He, contentHeight: qe } = this.calculateContentDim();
|
|
1733
|
+
$e.width = He, $e.height = qe, this.emit("afterTransform");
|
|
1732
1734
|
}
|
|
1733
1735
|
updateMetrics(_e = !1) {
|
|
1734
1736
|
var ke;
|
|
1735
1737
|
if (!this || this.state === m.Destroy || this.isContentLoading) return;
|
|
1736
|
-
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);
|
|
1737
1739
|
let Ae = Le.width * De, Ie = Le.height * De;
|
|
1738
1740
|
const je = parseFloat(ze.paddingTop) + parseFloat(ze.paddingBottom), Fe = Ae - (parseFloat(ze.paddingLeft) + parseFloat(ze.paddingRight)), Ve = Ie - je;
|
|
1739
1741
|
this.containerRect = { width: Ae, height: Ie, innerWidth: Fe, innerHeight: Ve };
|
|
1740
|
-
const He = parseFloat(
|
|
1742
|
+
const He = parseFloat(Re.dataset.width || "") || ((oi) => {
|
|
1741
1743
|
let si = 0;
|
|
1742
1744
|
return si = oi instanceof HTMLImageElement ? oi.naturalWidth : oi instanceof SVGElement ? oi.width.baseVal.value : Math.max(oi.offsetWidth, oi.scrollWidth), si || 0;
|
|
1743
|
-
})(
|
|
1745
|
+
})(Re), qe = parseFloat(Re.dataset.height || "") || ((oi) => {
|
|
1744
1746
|
let si = 0;
|
|
1745
1747
|
return si = oi instanceof HTMLImageElement ? oi.naturalHeight : oi instanceof SVGElement ? oi.height.baseVal.value : Math.max(oi.offsetHeight, oi.scrollHeight), si || 0;
|
|
1746
|
-
})(
|
|
1747
|
-
let Xe = this.option("width", He) || z, We = this.option("height",
|
|
1748
|
+
})(Re);
|
|
1749
|
+
let Xe = this.option("width", He) || z, We = this.option("height", qe) || z;
|
|
1748
1750
|
const Ze = Xe === z, Ge = We === z;
|
|
1749
|
-
typeof Xe != "number" && (Xe = He), typeof We != "number" && (We =
|
|
1750
|
-
let
|
|
1751
|
-
this.option("transformParent") && (
|
|
1752
|
-
const Ue =
|
|
1753
|
-
|
|
1754
|
-
const Qe =
|
|
1751
|
+
typeof Xe != "number" && (Xe = He), typeof We != "number" && (We = qe), Ze && (Xe = He * (We / qe)), Ge && (We = qe / (He / Xe));
|
|
1752
|
+
let Ye = Re.parentElement instanceof HTMLPictureElement ? Re.parentElement : Re;
|
|
1753
|
+
this.option("transformParent") && (Ye = Ye.parentElement || Ye);
|
|
1754
|
+
const Ue = Ye.getAttribute("style") || "";
|
|
1755
|
+
Ye.style.setProperty("transform", "none", "important"), Be && (Ye.style.width = "", Ye.style.height = ""), Ye.offsetHeight;
|
|
1756
|
+
const Qe = Re.getBoundingClientRect();
|
|
1755
1757
|
let Je = Qe.width * De, Ke = Qe.height * De, ei = Je, ii = Ke;
|
|
1756
1758
|
Je = Math.min(Je, Xe), Ke = Math.min(Ke, We), Be ? { width: Je, height: Ke } = ((oi, si, ri, ai) => {
|
|
1757
1759
|
const li = ri / oi, hi = ai / si, di = Math.min(li, hi);
|
|
1758
1760
|
return { width: oi *= di, height: si *= di };
|
|
1759
1761
|
})(Xe, We, Je, Ke) : (Je = Math.min(Je, Xe), Ke = Math.min(Ke, We));
|
|
1760
1762
|
let ti = 0.5 * (ii - Ke), ni = 0.5 * (ei - Je);
|
|
1761
|
-
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 }),
|
|
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();
|
|
1762
1764
|
}
|
|
1763
1765
|
calculateBounds() {
|
|
1764
|
-
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;
|
|
1765
1767
|
let Le = 0, ze = 0, Ae = 0, Ie = 0;
|
|
1766
1768
|
const je = this.option("infinite");
|
|
1767
|
-
if (je === !0 ||
|
|
1769
|
+
if (je === !0 || $e && je === $e) Le = -1 / 0, Ae = 1 / 0, ze = -1 / 0, Ie = 1 / 0;
|
|
1768
1770
|
else {
|
|
1769
|
-
let { containerRect: Fe, contentRect: Ve } = this, He = t(
|
|
1770
|
-
if (Fe.width === He && (Xe = Fe.width), Fe.width ===
|
|
1771
|
+
let { containerRect: Fe, contentRect: Ve } = this, He = t(Re * De, M), qe = t(Be * De, M), { innerWidth: Xe, innerHeight: We } = Fe;
|
|
1772
|
+
if (Fe.width === He && (Xe = Fe.width), Fe.width === qe && (We = Fe.height), _e > Xe) {
|
|
1771
1773
|
Ae = 0.5 * (_e - Xe), Le = -1 * Ae;
|
|
1772
1774
|
let Ze = 0.5 * (Ve.right - Ve.left);
|
|
1773
1775
|
Le += Ze, Ae += Ze;
|
|
1774
1776
|
}
|
|
1775
|
-
if (
|
|
1777
|
+
if (Re > Xe && _e < Xe && (Le -= 0.5 * (Re - Xe), Ae -= 0.5 * (Re - Xe)), ke > We) {
|
|
1776
1778
|
Ie = 0.5 * (ke - We), ze = -1 * Ie;
|
|
1777
1779
|
let Ze = 0.5 * (Ve.bottom - Ve.top);
|
|
1778
1780
|
ze += Ze, Ie += Ze;
|
|
@@ -1786,16 +1788,16 @@ class I extends g {
|
|
|
1786
1788
|
return _e !== z ? _e : this.calculateBounds();
|
|
1787
1789
|
}
|
|
1788
1790
|
updateControls() {
|
|
1789
|
-
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;
|
|
1790
1792
|
let Le = Be, ze = _e.option("click") || !1;
|
|
1791
1793
|
ze && (Le = _e.getNextScale(ze));
|
|
1792
1794
|
let Ae = _e.canZoomIn(), Ie = _e.canZoomOut(), je = De === A && !!this.option("touch"), Fe = Ie && je;
|
|
1793
|
-
if (je && (t(
|
|
1794
|
-
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);
|
|
1795
1797
|
o(ke, this.cn("canZoomIn"), Ve), o(ke, this.cn("canZoomOut"), He);
|
|
1796
|
-
for (const
|
|
1798
|
+
for (const qe of ke.querySelectorAll("[data-panzoom-action]")) {
|
|
1797
1799
|
let Xe = !1, We = !1;
|
|
1798
|
-
switch (
|
|
1800
|
+
switch (qe.dataset.panzoomAction) {
|
|
1799
1801
|
case "zoomIn":
|
|
1800
1802
|
Ae ? Xe = !0 : We = !0;
|
|
1801
1803
|
break;
|
|
@@ -1805,29 +1807,29 @@ class I extends g {
|
|
|
1805
1807
|
case "toggleZoom":
|
|
1806
1808
|
case "iterateZoom":
|
|
1807
1809
|
Ae || Ie ? Xe = !0 : We = !0;
|
|
1808
|
-
const Ze =
|
|
1810
|
+
const Ze = qe.querySelector("g");
|
|
1809
1811
|
Ze && (Ze.style.display = Ae ? "" : "none");
|
|
1810
1812
|
}
|
|
1811
|
-
Xe ? (
|
|
1813
|
+
Xe ? (qe.removeAttribute("disabled"), qe.removeAttribute("tabindex")) : We && (qe.setAttribute("disabled", ""), qe.setAttribute("tabindex", "-1"));
|
|
1812
1814
|
}
|
|
1813
1815
|
}
|
|
1814
|
-
panTo({ x: _e = this.target.e, y: ke = this.target.f, scale: De = this.targetScale, friction:
|
|
1815
|
-
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 });
|
|
1816
1818
|
}
|
|
1817
|
-
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") }) {
|
|
1818
1820
|
const Fe = this.state;
|
|
1819
1821
|
if (Fe === m.Destroy) return;
|
|
1820
1822
|
this.rAF && (cancelAnimationFrame(this.rAF), this.rAF = null), this.friction = Le || 0, this.ignoreBounds = Ie;
|
|
1821
|
-
const { current: Ve } = this, He = Ve.e,
|
|
1822
|
-
let We = new DOMMatrix().translate(He,
|
|
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(Re, Be).translate(_e, ke);
|
|
1823
1825
|
if (this.option("zoom")) {
|
|
1824
1826
|
if (!Ie) {
|
|
1825
|
-
const Ze = this.targetScale, Ge = this.minScale,
|
|
1826
|
-
Ze * De < Ge && (De = Ge / Ze), Ze * De >
|
|
1827
|
+
const Ze = this.targetScale, Ge = this.minScale, Ye = this.maxScale;
|
|
1828
|
+
Ze * De < Ge && (De = Ge / Ze), Ze * De > Ye && (De = Ye / Ze);
|
|
1827
1829
|
}
|
|
1828
1830
|
We = We.scale(De);
|
|
1829
1831
|
}
|
|
1830
|
-
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));
|
|
1831
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);
|
|
1832
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());
|
|
1833
1835
|
}
|
|
@@ -1844,14 +1846,14 @@ class I extends g {
|
|
|
1844
1846
|
panWithMouse(_e, ke = this.option("mouseMoveFriction")) {
|
|
1845
1847
|
if (this.pmme = _e, this.panMode !== O || !_e || t(this.targetScale) <= t(this.minScale)) return;
|
|
1846
1848
|
this.emit("mouseMove", _e);
|
|
1847
|
-
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;
|
|
1848
1850
|
let { contentWidth: je, contentHeight: Fe } = this.calculateContentDim(this.target);
|
|
1849
1851
|
const Ve = this.option("mouseMoveFactor");
|
|
1850
1852
|
Ve > 1 && (je !== Be && (je *= Ve), Fe !== Le && (Fe *= Ve));
|
|
1851
1853
|
let He = 0.5 * (je - Be) - Ae / Be * 100 / 100 * (je - Be);
|
|
1852
|
-
He += 0.5 * (
|
|
1853
|
-
let
|
|
1854
|
-
|
|
1854
|
+
He += 0.5 * (Re.right - Re.left);
|
|
1855
|
+
let qe = 0.5 * (Fe - Le) - Ie / Le * 100 / 100 * (Fe - Le);
|
|
1856
|
+
qe += 0.5 * (Re.bottom - Re.top), this.applyChange({ panX: He - this.target.e, panY: qe - this.target.f, friction: ke });
|
|
1855
1857
|
}
|
|
1856
1858
|
zoomWithWheel(_e) {
|
|
1857
1859
|
if (this.state === m.Destroy || this.state === m.Init) return;
|
|
@@ -1861,9 +1863,9 @@ class I extends g {
|
|
|
1861
1863
|
var De = [-_e.deltaX || 0, -_e.deltaY || 0, -_e.detail || 0].reduce(function(Ae, Ie) {
|
|
1862
1864
|
return Math.abs(Ie) > Math.abs(Ae) ? Ie : Ae;
|
|
1863
1865
|
});
|
|
1864
|
-
const
|
|
1865
|
-
let ze =
|
|
1866
|
-
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 }));
|
|
1867
1869
|
}
|
|
1868
1870
|
canZoomIn() {
|
|
1869
1871
|
return this.option("zoom") && (t(this.contentRect.width, 1) < t(this.contentRect.fitWidth, 1) || t(this.targetScale) < t(this.maxScale));
|
|
@@ -1901,15 +1903,15 @@ class I extends g {
|
|
|
1901
1903
|
iterateZoom(_e) {
|
|
1902
1904
|
this.zoomTo("next", _e);
|
|
1903
1905
|
}
|
|
1904
|
-
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 } = {}) {
|
|
1905
1907
|
if (this.isContentLoading || this.state === m.Destroy) return;
|
|
1906
1908
|
const { targetScale: Be, fullScale: Le, maxScale: ze, coverScale: Ae } = this;
|
|
1907
|
-
if (this.stop(), this.panMode === O && (
|
|
1908
|
-
const je = this.content.getBoundingClientRect(), Fe = this.container.getBoundingClientRect(), Ve =
|
|
1909
|
-
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;
|
|
1910
1912
|
}
|
|
1911
1913
|
let Ie = 1;
|
|
1912
|
-
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);
|
|
1913
1915
|
}
|
|
1914
1916
|
rotateCCW() {
|
|
1915
1917
|
this.applyChange({ angle: -90 });
|
|
@@ -1936,12 +1938,12 @@ class I extends g {
|
|
|
1936
1938
|
toggleFS() {
|
|
1937
1939
|
const { container: _e } = this, ke = this.cn("inFullscreen"), De = this.cn("htmlHasFullscreen");
|
|
1938
1940
|
_e.classList.toggle(ke);
|
|
1939
|
-
const
|
|
1940
|
-
|
|
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");
|
|
1941
1943
|
}
|
|
1942
1944
|
getMatrix(_e = this.current) {
|
|
1943
|
-
const { a: ke, b: De, c:
|
|
1944
|
-
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]);
|
|
1945
1947
|
}
|
|
1946
1948
|
reset(_e) {
|
|
1947
1949
|
if (this.state !== m.Init && this.state !== m.Destroy) {
|
|
@@ -1953,7 +1955,7 @@ class I extends g {
|
|
|
1953
1955
|
destroy() {
|
|
1954
1956
|
this.stop(), this.state = m.Destroy, this.detachEvents(), this.detachObserver();
|
|
1955
1957
|
const { container: _e, content: ke } = this, De = this.option("classes") || {};
|
|
1956
|
-
for (const
|
|
1958
|
+
for (const $e of Object.values(De)) _e.classList.remove($e + "");
|
|
1957
1959
|
ke && (ke.removeEventListener("load", this.onLoad), ke.removeEventListener("error", this.onError)), this.detachPlugins();
|
|
1958
1960
|
}
|
|
1959
1961
|
}
|
|
@@ -2011,9 +2013,9 @@ class W extends _ {
|
|
|
2011
2013
|
}
|
|
2012
2014
|
refresh() {
|
|
2013
2015
|
var _e;
|
|
2014
|
-
const ke = this.instance.pages.length, De = Math.min(2, this.option("minCount")),
|
|
2015
|
-
if (ke < De || ke >
|
|
2016
|
-
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;
|
|
2017
2019
|
Le && this.cleanup();
|
|
2018
2020
|
const ze = this.build();
|
|
2019
2021
|
if (o(ze, this.cn("isDynamic"), !!Be), Le) for (let je = 0; je < ke; je++) ze.append(this.createItem(je));
|
|
@@ -2036,8 +2038,8 @@ class W extends _ {
|
|
|
2036
2038
|
var ke;
|
|
2037
2039
|
const De = document.createElement("li");
|
|
2038
2040
|
De.setAttribute("role", "presentation");
|
|
2039
|
-
const
|
|
2040
|
-
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;
|
|
2041
2043
|
}
|
|
2042
2044
|
cleanup() {
|
|
2043
2045
|
this.list && (this.list.remove(), this.list = null), this.isDynamic = !1, S(this.instance.container, this.cn("hasDots"));
|
|
@@ -2059,21 +2061,21 @@ class V extends _ {
|
|
|
2059
2061
|
const _e = this.instance, ke = _e.pages.length, De = _e.page;
|
|
2060
2062
|
if (ke < 2) return void this.cleanup();
|
|
2061
2063
|
this.build();
|
|
2062
|
-
let
|
|
2063
|
-
|
|
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, "")));
|
|
2064
2066
|
}
|
|
2065
2067
|
addBtn(_e) {
|
|
2066
2068
|
var ke;
|
|
2067
|
-
const De = this.instance,
|
|
2068
|
-
|
|
2069
|
-
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;
|
|
2070
2072
|
var Be;
|
|
2071
|
-
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;
|
|
2072
2074
|
}
|
|
2073
2075
|
build() {
|
|
2074
2076
|
const _e = this.instance.container, ke = this.cn("container");
|
|
2075
|
-
let { container: De, prev:
|
|
2076
|
-
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;
|
|
2077
2079
|
}
|
|
2078
2080
|
cleanup() {
|
|
2079
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;
|
|
@@ -2110,24 +2112,24 @@ class Z extends _ {
|
|
|
2110
2112
|
this.onNavTouch(_e, _e.panzoom, De);
|
|
2111
2113
|
}
|
|
2112
2114
|
onNavTouch(_e, ke, De) {
|
|
2113
|
-
var
|
|
2115
|
+
var $e, Re;
|
|
2114
2116
|
if (Math.abs(ke.dragOffset.x) > 3 || Math.abs(ke.dragOffset.y) > 3) return;
|
|
2115
2117
|
const Be = De.target, { nav: Le, target: ze } = this;
|
|
2116
2118
|
if (!Le || !ze || !Be) return;
|
|
2117
2119
|
const Ae = Be.closest("[data-index]");
|
|
2118
2120
|
if (De.stopPropagation(), De.preventDefault(), !Ae) return;
|
|
2119
2121
|
const Ie = parseInt(Ae.dataset.index || "", 10) || 0, je = ze.getPageForSlide(Ie), Fe = Le.getPageForSlide(Ie);
|
|
2120
|
-
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);
|
|
2121
2123
|
}
|
|
2122
2124
|
onNavCreateSlide(_e, ke) {
|
|
2123
2125
|
ke.index === this.selectedIndex && this.markSelectedSlide(ke.index);
|
|
2124
2126
|
}
|
|
2125
2127
|
onTargetChange() {
|
|
2126
2128
|
var _e, ke;
|
|
2127
|
-
const { target: De, nav:
|
|
2128
|
-
if (!De ||
|
|
2129
|
-
const
|
|
2130
|
-
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);
|
|
2131
2133
|
}
|
|
2132
2134
|
markSelectedSlide(_e) {
|
|
2133
2135
|
const ke = this.nav;
|
|
@@ -2156,8 +2158,8 @@ class Q extends g {
|
|
|
2156
2158
|
}
|
|
2157
2159
|
get isInfinite() {
|
|
2158
2160
|
let _e = !1;
|
|
2159
|
-
const { contentDim: ke, viewportDim: De, pages:
|
|
2160
|
-
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;
|
|
2161
2163
|
}
|
|
2162
2164
|
get isRTL() {
|
|
2163
2165
|
return this.option("direction") === "rtl";
|
|
@@ -2174,10 +2176,10 @@ class Q extends g {
|
|
|
2174
2176
|
processOptions() {
|
|
2175
2177
|
var _e, ke;
|
|
2176
2178
|
const De = u({}, Q.defaults, this.userOptions);
|
|
2177
|
-
let
|
|
2178
|
-
const
|
|
2179
|
-
if (
|
|
2180
|
-
|
|
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(() => {
|
|
2181
2183
|
this.init();
|
|
2182
2184
|
}, 0));
|
|
2183
2185
|
}
|
|
@@ -2189,23 +2191,23 @@ class Q extends g {
|
|
|
2189
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);
|
|
2190
2192
|
let De = this.option("viewport") || _e.querySelector(`.${ke.viewport}`);
|
|
2191
2193
|
De || (De = document.createElement("div"), P(De, ke.viewport), De.append(...F(_e, `.${ke.slide}`)), _e.prepend(De)), De.addEventListener("scroll", this.onScroll);
|
|
2192
|
-
let
|
|
2193
|
-
|
|
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");
|
|
2194
2196
|
}
|
|
2195
2197
|
initSlides() {
|
|
2196
2198
|
const { track: _e } = this;
|
|
2197
2199
|
if (!_e) return;
|
|
2198
2200
|
const ke = [...this.slides], De = [];
|
|
2199
|
-
[...F(_e, `.${this.cn(J)}`)].forEach((
|
|
2200
|
-
if (E(
|
|
2201
|
-
const
|
|
2202
|
-
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);
|
|
2203
2205
|
}
|
|
2204
2206
|
});
|
|
2205
|
-
for (let
|
|
2207
|
+
for (let $e of [...this.option("slides", []) || [], ...ke]) De.push(H($e));
|
|
2206
2208
|
this.slides = De;
|
|
2207
|
-
for (let
|
|
2208
|
-
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);
|
|
2209
2211
|
this.emit("initSlides");
|
|
2210
2212
|
}
|
|
2211
2213
|
setInitialPage() {
|
|
@@ -2215,16 +2217,16 @@ class Q extends g {
|
|
|
2215
2217
|
setInitialPosition() {
|
|
2216
2218
|
const { track: _e, pages: ke, isHorizontal: De } = this;
|
|
2217
2219
|
if (!_e || !ke.length) return;
|
|
2218
|
-
let
|
|
2219
|
-
ke[
|
|
2220
|
-
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`;
|
|
2221
2223
|
_e.style.transform = `translate3d(${Be}, ${Le}, 0) scale(1)`, this.option("adaptiveHeight") && this.setViewportHeight();
|
|
2222
2224
|
}
|
|
2223
2225
|
initPanzoom() {
|
|
2224
2226
|
this.panzoom && (this.panzoom.destroy(), this.panzoom = null);
|
|
2225
2227
|
const _e = this.option("Panzoom") || {};
|
|
2226
|
-
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,
|
|
2227
|
-
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);
|
|
2228
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);
|
|
2229
2231
|
}
|
|
2230
2232
|
attachEvents() {
|
|
@@ -2234,22 +2236,22 @@ class Q extends g {
|
|
|
2234
2236
|
createPages() {
|
|
2235
2237
|
let _e = [];
|
|
2236
2238
|
const { contentDim: ke, viewportDim: De } = this;
|
|
2237
|
-
let
|
|
2238
|
-
|
|
2239
|
-
let
|
|
2240
|
-
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++;
|
|
2241
2243
|
return _e;
|
|
2242
2244
|
}
|
|
2243
2245
|
processPages() {
|
|
2244
|
-
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;
|
|
2245
2247
|
if (_e.forEach((Ie, je) => {
|
|
2246
2248
|
var Fe;
|
|
2247
2249
|
Ie.index = je, Ie.pos = ((Fe = Ie.slides[0]) === null || Fe === void 0 ? void 0 : Fe.pos) || 0, Ie.dim = 0;
|
|
2248
2250
|
for (const [Ve, He] of Ie.slides.entries()) Ie.dim += He.dim, Ve < Ie.slides.length - 1 && (Ie.dim += He.gap);
|
|
2249
|
-
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));
|
|
2250
2252
|
}), _e.forEach((Ie) => {
|
|
2251
|
-
Be &&
|
|
2252
|
-
}),
|
|
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;
|
|
2253
2255
|
const ze = [];
|
|
2254
2256
|
let Ae;
|
|
2255
2257
|
return _e.forEach((Ie) => {
|
|
@@ -2264,53 +2266,53 @@ class Q extends g {
|
|
|
2264
2266
|
}
|
|
2265
2267
|
getSlideMetrics(_e) {
|
|
2266
2268
|
var ke, De;
|
|
2267
|
-
const
|
|
2268
|
-
let
|
|
2269
|
+
const $e = this.isHorizontal ? "width" : "height";
|
|
2270
|
+
let Re = 0, Be = 0, Le = _e.el;
|
|
2269
2271
|
const ze = !(!Le || Le.parentNode);
|
|
2270
|
-
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"] = "";
|
|
2271
2273
|
else {
|
|
2272
|
-
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);
|
|
2273
2275
|
let Ie = Le[this.isHorizontal ? "offsetWidth" : "offsetHeight"];
|
|
2274
|
-
Ie - 1 >
|
|
2276
|
+
Ie - 1 > Re && (Re = Ie);
|
|
2275
2277
|
}
|
|
2276
2278
|
const Ae = getComputedStyle(Le);
|
|
2277
|
-
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) };
|
|
2278
2280
|
}
|
|
2279
2281
|
getBounds() {
|
|
2280
|
-
const { isInfinite: _e, isRTL: ke, isHorizontal: De, pages:
|
|
2281
|
-
let
|
|
2282
|
-
if (_e)
|
|
2283
|
-
else if (
|
|
2284
|
-
const Be =
|
|
2285
|
-
|
|
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 };
|
|
2286
2288
|
}
|
|
2287
|
-
return { x: De ?
|
|
2289
|
+
return { x: De ? Re : { min: 0, max: 0 }, y: De ? { min: 0, max: 0 } : Re };
|
|
2288
2290
|
}
|
|
2289
2291
|
repositionSlides() {
|
|
2290
|
-
let _e, { isHorizontal: ke, isRTL: De, isInfinite:
|
|
2291
|
-
je ?
|
|
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
|
+
je ? qe = -1 * je.current[this.axis] : Ae[ze] && (qe = Ae[ze].pos || 0), _e = ke ? De ? "right" : "left" : "top", De && ke && (qe *= -1);
|
|
2292
2294
|
for (const Ge of Ie) {
|
|
2293
|
-
const
|
|
2294
|
-
|
|
2295
|
+
const Ye = Ge.el;
|
|
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;
|
|
2295
2297
|
}
|
|
2296
|
-
if (
|
|
2297
|
-
let Ge = getComputedStyle(
|
|
2298
|
-
|
|
2299
|
-
for (const Je of Ie) Je.el && (t(Je.pos) < t(Be) && t(Je.pos + Je.dim + Je.gap) < t(
|
|
2298
|
+
if ($e && He && Re) {
|
|
2299
|
+
let Ge = getComputedStyle(Re), Ye = "padding", Ue = ke ? "Right" : "Bottom", Qe = parseFloat(Ge[Ye + (ke ? "Left" : "Top")]);
|
|
2300
|
+
qe -= Qe, Be += Qe, Be += parseFloat(Ge[Ye + Ue]);
|
|
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`));
|
|
2300
2302
|
}
|
|
2301
2303
|
let Xe, We, Ze = [...this.inTransition];
|
|
2302
2304
|
if (Ze.length > 1 && (Xe = Ae[Ze[0]], We = Ae[Ze[1]]), Xe && We) {
|
|
2303
2305
|
let Ge = 0;
|
|
2304
|
-
for (const
|
|
2306
|
+
for (const Ye of Ie) Ye.el ? this.inTransition.has(Ye.index) && Xe.slides.indexOf(Ye) < 0 && (Ye.el.style[_e] = `${t(Ge + (Xe.pos - We.pos), 1e3)}px`) : Ge += Ye.dim + Ye.gap;
|
|
2305
2307
|
}
|
|
2306
2308
|
}
|
|
2307
2309
|
createSlideEl(_e) {
|
|
2308
2310
|
const { track: ke, slides: De } = this;
|
|
2309
2311
|
if (!ke || !_e || _e.el && _e.el.parentNode) return;
|
|
2310
|
-
const
|
|
2311
|
-
P(
|
|
2312
|
-
const
|
|
2313
|
-
|
|
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 + "");
|
|
2314
2316
|
const Be = [];
|
|
2315
2317
|
De.forEach((Ie, je) => {
|
|
2316
2318
|
Ie.el && Be.push(je);
|
|
@@ -2319,24 +2321,24 @@ class Q extends g {
|
|
|
2319
2321
|
let ze = null;
|
|
2320
2322
|
Be.length && (ze = De[Be.reduce((Ie, je) => Math.abs(je - Le) < Math.abs(Ie - Le) ? je : Ie)]);
|
|
2321
2323
|
const Ae = ze && ze.el && ze.el.parentNode ? ze.index < _e.index ? ze.el.nextSibling : ze.el : null;
|
|
2322
|
-
ke.insertBefore(
|
|
2324
|
+
ke.insertBefore($e, ke.contains(Ae) ? Ae : null), _e.el = $e, this.emit("createSlide", _e);
|
|
2323
2325
|
}
|
|
2324
2326
|
removeSlideEl(_e, ke = !1) {
|
|
2325
2327
|
const De = _e == null ? void 0 : _e.el;
|
|
2326
2328
|
if (!De || !De.parentNode) return;
|
|
2327
|
-
const
|
|
2328
|
-
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 = "");
|
|
2329
2331
|
this.emit("removeSlide", _e);
|
|
2330
|
-
const
|
|
2331
|
-
De.dispatchEvent(
|
|
2332
|
+
const Re = new CustomEvent(G);
|
|
2333
|
+
De.dispatchEvent(Re), _e.el && (_e.el.remove(), _e.el = null);
|
|
2332
2334
|
}
|
|
2333
2335
|
transitionTo(_e = 0, ke = this.option("transition")) {
|
|
2334
|
-
var De,
|
|
2336
|
+
var De, $e, Re, Be;
|
|
2335
2337
|
if (!ke) return !1;
|
|
2336
2338
|
const Le = this.page, { pages: ze, panzoom: Ae } = this;
|
|
2337
2339
|
_e = parseInt((_e || 0).toString()) || 0;
|
|
2338
2340
|
const Ie = this.getPageFromIndex(_e);
|
|
2339
|
-
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;
|
|
2340
2342
|
let je = _e > Le ? 1 : -1;
|
|
2341
2343
|
this.isInfinite && (Le === 0 && _e === ze.length - 1 && (je = -1), Le === ze.length - 1 && _e === 0 && (je = 1));
|
|
2342
2344
|
const Fe = ze[Ie].pos * (this.isRTL ? 1 : -1);
|
|
@@ -2344,19 +2346,19 @@ class Q extends g {
|
|
|
2344
2346
|
this.clearTransitions();
|
|
2345
2347
|
const Ve = Ae.isResting;
|
|
2346
2348
|
P(this.container, this.cn("inTransition"));
|
|
2347
|
-
const He = ((
|
|
2348
|
-
this.inTransition.add(
|
|
2349
|
-
let Xe = He.el, We =
|
|
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
|
+
this.inTransition.add(qe.index), this.createSlideEl(qe);
|
|
2351
|
+
let Xe = He.el, We = qe.el;
|
|
2350
2352
|
Ve || ke === J || (ke = "fadeFast", Xe = null);
|
|
2351
2353
|
const Ze = this.isRTL ? "next" : "prev", Ge = this.isRTL ? "prev" : "next";
|
|
2352
|
-
return Xe && (this.inTransition.add(He.index), He.transition = ke, Xe.addEventListener(G, this.onAnimationEnd), Xe.classList.add(`f-${ke}Out`, `to-${je > 0 ? Ge : Ze}`)), We && (
|
|
2354
|
+
return Xe && (this.inTransition.add(He.index), He.transition = ke, Xe.addEventListener(G, this.onAnimationEnd), Xe.classList.add(`f-${ke}Out`, `to-${je > 0 ? Ge : Ze}`)), We && (qe.transition = ke, We.addEventListener(G, this.onAnimationEnd), We.classList.add(`f-${ke}In`, `from-${je > 0 ? Ze : Ge}`)), Ae.current[this.axis] = Fe, Ae.target[this.axis] = Fe, Ae.requestTick(), this.onChange(Ie), !0;
|
|
2353
2355
|
}
|
|
2354
2356
|
manageSlideVisiblity() {
|
|
2355
2357
|
const _e = /* @__PURE__ */ new Set(), ke = /* @__PURE__ */ new Set(), De = this.getVisibleSlides(parseFloat(this.option("preload", 0) + "") || 0);
|
|
2356
|
-
for (const
|
|
2357
|
-
for (const
|
|
2358
|
-
for (const
|
|
2359
|
-
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);
|
|
2360
2362
|
this.markSelectedSlides(), this.repositionSlides();
|
|
2361
2363
|
}
|
|
2362
2364
|
markSelectedSlides() {
|
|
@@ -2364,25 +2366,25 @@ class Q extends g {
|
|
|
2364
2366
|
const _e = "aria-hidden";
|
|
2365
2367
|
let ke = this.cn(K);
|
|
2366
2368
|
if (ke) for (const De of this.slides) {
|
|
2367
|
-
const
|
|
2368
|
-
|
|
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")));
|
|
2369
2371
|
}
|
|
2370
2372
|
}
|
|
2371
2373
|
flipInfiniteTrack() {
|
|
2372
|
-
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;
|
|
2373
2375
|
if (!Le || !De) return;
|
|
2374
|
-
let ze = Le.current[_e], Ae = Le.target[_e] - ze, Ie = 0, je = 0.5 *
|
|
2375
|
-
|
|
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);
|
|
2376
2378
|
}
|
|
2377
2379
|
lazyLoadImg(_e, ke) {
|
|
2378
|
-
const De = this,
|
|
2380
|
+
const De = this, $e = "f-fadeIn", Re = "is-preloading";
|
|
2379
2381
|
let Be = !1, Le = null;
|
|
2380
2382
|
const ze = () => {
|
|
2381
|
-
Be || (Be = !0, Le && (Le.remove(), Le = null), S(ke,
|
|
2382
|
-
S(ke,
|
|
2383
|
+
Be || (Be = !0, Le && (Le.remove(), Le = null), S(ke, Re), ke.complete && (P(ke, $e), setTimeout(() => {
|
|
2384
|
+
S(ke, $e);
|
|
2383
2385
|
}, 350)), this.option("adaptiveHeight") && _e.el && this.pages[this.page].slides.indexOf(_e) > -1 && (De.updateMetrics(), De.setViewportHeight()), this.emit("load", _e));
|
|
2384
2386
|
};
|
|
2385
|
-
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", () => {
|
|
2386
2388
|
ze();
|
|
2387
2389
|
}), ke.addEventListener("load", () => {
|
|
2388
2390
|
ze();
|
|
@@ -2395,33 +2397,33 @@ class Q extends g {
|
|
|
2395
2397
|
const ke = _e && _e.el;
|
|
2396
2398
|
if (!ke) return;
|
|
2397
2399
|
const De = /* @__PURE__ */ new Set();
|
|
2398
|
-
let
|
|
2399
|
-
ke.dataset.lazySrc &&
|
|
2400
|
-
|
|
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);
|
|
2401
2403
|
});
|
|
2402
|
-
for (const
|
|
2404
|
+
for (const Re of De) this.lazyLoadImg(_e, Re);
|
|
2403
2405
|
}
|
|
2404
2406
|
onAnimationEnd(_e) {
|
|
2405
2407
|
var ke;
|
|
2406
|
-
const De = _e.target,
|
|
2407
|
-
if (!De ||
|
|
2408
|
-
const Le = !!this.inTransition.has(
|
|
2409
|
-
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");
|
|
2410
2412
|
}
|
|
2411
|
-
onDecel(_e, ke = 0, De = 0,
|
|
2413
|
+
onDecel(_e, ke = 0, De = 0, $e = 0, Re = 0) {
|
|
2412
2414
|
if (this.option("dragFree")) return void this.setPageFromPosition();
|
|
2413
2415
|
const { isRTL: Be, isHorizontal: Le, axis: ze, pages: Ae } = this, Ie = Ae.length, je = Math.abs(Math.atan2(De, ke) / (Math.PI / 180));
|
|
2414
2416
|
let Fe = 0;
|
|
2415
2417
|
if (Fe = je > 45 && je < 135 ? Le ? 0 : De : Le ? ke : 0, !Ie) return;
|
|
2416
2418
|
let Ve = this.page, He = Be && Le ? 1 : -1;
|
|
2417
|
-
const
|
|
2418
|
-
let { pageIndex: Xe } = this.getPageFromPosition(
|
|
2419
|
-
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 =
|
|
2419
|
+
const qe = _e.current[ze] * He;
|
|
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 = $e === 0 && Re === 0 ? Ve : Xe, this.slideTo(Ve, { transition: !1, friction: _e.option("decelFriction") });
|
|
2420
2422
|
}
|
|
2421
2423
|
onClick(_e) {
|
|
2422
2424
|
const ke = _e.target, De = ke && E(ke) ? ke.dataset : null;
|
|
2423
|
-
let
|
|
2424
|
-
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);
|
|
2425
2427
|
}
|
|
2426
2428
|
onSlideTo(_e) {
|
|
2427
2429
|
const ke = _e.detail || 0;
|
|
@@ -2454,21 +2456,21 @@ class Q extends g {
|
|
|
2454
2456
|
slideTo(_e = 0, { friction: ke = this.option("friction"), transition: De = this.option("transition") } = {}) {
|
|
2455
2457
|
if (this.state === B.Destroy) return;
|
|
2456
2458
|
_e = parseInt((_e || 0).toString()) || 0;
|
|
2457
|
-
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;
|
|
2458
2460
|
if (!Ae || !Ie) return;
|
|
2459
|
-
if (this.page !==
|
|
2461
|
+
if (this.page !== $e) {
|
|
2460
2462
|
const Ve = new Event("beforeChange", { bubbles: !0, cancelable: !0 });
|
|
2461
2463
|
if (this.emit("beforeChange", Ve, _e), Ve.defaultPrevented) return;
|
|
2462
2464
|
}
|
|
2463
2465
|
if (this.transitionTo(_e, De)) return;
|
|
2464
|
-
let Fe = ze[
|
|
2466
|
+
let Fe = ze[$e].pos;
|
|
2465
2467
|
if (this.isInfinite) {
|
|
2466
|
-
const Ve = this.contentDim, He = Ae.target[
|
|
2467
|
-
Ie === 2 ? Fe += Ve * Math.floor(parseFloat(_e + "") / 2) : Fe = [Fe, Fe - Ve, Fe + Ve].reduce(function(
|
|
2468
|
-
return Math.abs(Xe - He) < Math.abs(
|
|
2468
|
+
const Ve = this.contentDim, He = Ae.target[Re] * je;
|
|
2469
|
+
Ie === 2 ? Fe += Ve * Math.floor(parseFloat(_e + "") / 2) : Fe = [Fe, Fe - Ve, Fe + Ve].reduce(function(qe, Xe) {
|
|
2470
|
+
return Math.abs(Xe - He) < Math.abs(qe - He) ? Xe : qe;
|
|
2469
2471
|
});
|
|
2470
2472
|
}
|
|
2471
|
-
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));
|
|
2472
2474
|
}
|
|
2473
2475
|
slideToClosest(_e) {
|
|
2474
2476
|
if (this.panzoom) {
|
|
@@ -2489,15 +2491,15 @@ class Q extends g {
|
|
|
2489
2491
|
const De = ke.el;
|
|
2490
2492
|
if (De) {
|
|
2491
2493
|
De.removeEventListener(G, this.onAnimationEnd), De.classList.remove(..._e);
|
|
2492
|
-
const
|
|
2493
|
-
|
|
2494
|
+
const $e = ke.transition;
|
|
2495
|
+
$e && De.classList.remove(`f-${$e}Out`, `f-${$e}In`);
|
|
2494
2496
|
}
|
|
2495
2497
|
}
|
|
2496
2498
|
this.manageSlideVisiblity();
|
|
2497
2499
|
}
|
|
2498
2500
|
addSlide(_e, ke) {
|
|
2499
|
-
var De,
|
|
2500
|
-
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;
|
|
2501
2503
|
let je = Array.isArray(ke) ? ke : [ke];
|
|
2502
2504
|
const Fe = [];
|
|
2503
2505
|
for (const Ve of je) Fe.push(H(Ve));
|
|
@@ -2505,8 +2507,8 @@ class Q extends g {
|
|
|
2505
2507
|
for (let Ve = 0; Ve < this.slides.length; Ve++) this.slides[Ve].index = Ve;
|
|
2506
2508
|
for (const Ve of Fe) this.emit("beforeInitSlide", Ve, Ve.index);
|
|
2507
2509
|
if (this.page >= _e && (this.page += Fe.length), this.updateMetrics(), Le) {
|
|
2508
|
-
const Ve = ((
|
|
2509
|
-
Ie &&
|
|
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
|
+
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());
|
|
2510
2512
|
}
|
|
2511
2513
|
for (const Ve of Fe) this.emit("initSlide", Ve, Ve.index);
|
|
2512
2514
|
}
|
|
@@ -2522,30 +2524,30 @@ class Q extends g {
|
|
|
2522
2524
|
const De = this.slides[_e];
|
|
2523
2525
|
if (De) {
|
|
2524
2526
|
this.removeSlideEl(De, !0), this.slides.splice(_e, 1);
|
|
2525
|
-
for (let
|
|
2527
|
+
for (let $e = 0; $e < this.slides.length; $e++) this.slides[$e].index = $e;
|
|
2526
2528
|
this.updateMetrics(), this.slideTo(this.page, { friction: 0, transition: !1 }), this.emit("destroySlide", De);
|
|
2527
2529
|
}
|
|
2528
2530
|
}
|
|
2529
2531
|
updateMetrics() {
|
|
2530
|
-
const { panzoom: _e, viewport: ke, track: De, slides:
|
|
2532
|
+
const { panzoom: _e, viewport: ke, track: De, slides: $e, isHorizontal: Re, isInfinite: Be } = this;
|
|
2531
2533
|
if (!De) return;
|
|
2532
|
-
const Le =
|
|
2534
|
+
const Le = Re ? "width" : "height", ze = Re ? "offsetWidth" : "offsetHeight";
|
|
2533
2535
|
if (ke) {
|
|
2534
|
-
let je = Math.max(ke[ze], t(ke.getBoundingClientRect()[Le], 1e3)), Fe = getComputedStyle(ke), Ve = "padding", He =
|
|
2535
|
-
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;
|
|
2536
2538
|
}
|
|
2537
2539
|
let Ae, Ie = 0;
|
|
2538
|
-
for (const [je, Fe] of
|
|
2540
|
+
for (const [je, Fe] of $e.entries()) {
|
|
2539
2541
|
let Ve = 0, He = 0;
|
|
2540
|
-
!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);
|
|
2541
2543
|
}
|
|
2542
|
-
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");
|
|
2543
2545
|
}
|
|
2544
2546
|
getProgress(_e, ke = !1, De = !1) {
|
|
2545
2547
|
_e === void 0 && (_e = this.page);
|
|
2546
|
-
const
|
|
2547
|
-
if (!Le ||
|
|
2548
|
-
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;
|
|
2549
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));
|
|
2550
2552
|
let Fe = [Ae, Ie, je].reduce(function(Ve, He) {
|
|
2551
2553
|
return Math.abs(He) < Math.abs(Ve) ? He : Ve;
|
|
@@ -2553,12 +2555,12 @@ class Q extends g {
|
|
|
2553
2555
|
return ke ? Fe : Fe > 1 ? 1 : Fe < -1 ? -1 : Fe;
|
|
2554
2556
|
}
|
|
2555
2557
|
setViewportHeight() {
|
|
2556
|
-
const { page: _e, pages: ke, viewport: De, isHorizontal:
|
|
2558
|
+
const { page: _e, pages: ke, viewport: De, isHorizontal: $e } = this;
|
|
2557
2559
|
if (!De || !ke[_e]) return;
|
|
2558
|
-
let
|
|
2559
|
-
|
|
2560
|
-
Be.el && (
|
|
2561
|
-
})), 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` : "";
|
|
2562
2564
|
}
|
|
2563
2565
|
getPageForSlide(_e) {
|
|
2564
2566
|
for (const ke of this.pages) for (const De of ke.slides) if (De.index === _e) return ke.index;
|
|
@@ -2567,26 +2569,26 @@ class Q extends g {
|
|
|
2567
2569
|
getVisibleSlides(_e = 0) {
|
|
2568
2570
|
var ke;
|
|
2569
2571
|
const De = /* @__PURE__ */ new Set();
|
|
2570
|
-
let { panzoom:
|
|
2572
|
+
let { panzoom: $e, contentDim: Re, viewportDim: Be, pages: Le, page: ze } = this;
|
|
2571
2573
|
if (Be) {
|
|
2572
|
-
|
|
2574
|
+
Re = Re + ((ke = this.slides[this.slides.length - 1]) === null || ke === void 0 ? void 0 : ke.gap) || 0;
|
|
2573
2575
|
let Ae = 0;
|
|
2574
|
-
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);
|
|
2575
2577
|
const Ie = Ae - Be * _e, je = Ae + Be * (_e + 1), Fe = this.isInfinite ? [-1, 0, 1] : [0];
|
|
2576
2578
|
for (const Ve of this.slides) for (const He of Fe) {
|
|
2577
|
-
const
|
|
2578
|
-
|
|
2579
|
+
const qe = Ve.pos + He * Re, Xe = qe + Ve.dim + Ve.gap;
|
|
2580
|
+
qe < je && Xe > Ie && De.add(Ve);
|
|
2579
2581
|
}
|
|
2580
2582
|
}
|
|
2581
2583
|
return De;
|
|
2582
2584
|
}
|
|
2583
2585
|
getPageFromPosition(_e) {
|
|
2584
|
-
const { viewportDim: ke, contentDim: De, slides:
|
|
2585
|
-
let Fe = 0, Ve = 0, He = 0,
|
|
2586
|
-
je && (
|
|
2587
|
-
let Xe = Ie, We =
|
|
2588
|
-
const Ge = Ze.pos - 0.5 * Xe.gap,
|
|
2589
|
-
return Xe = Ze,
|
|
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
|
+
let Fe = 0, Ve = 0, He = 0, qe = _e === void 0 ? -1 * ((Be == null ? void 0 : Be.target[this.axis]) || 0) : _e;
|
|
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 = $e.find((Ze) => {
|
|
2590
|
+
const Ge = Ze.pos - 0.5 * Xe.gap, Ye = Ze.pos + Ze.dim + 0.5 * Ze.gap;
|
|
2591
|
+
return Xe = Ze, qe >= Ge && qe < Ye;
|
|
2590
2592
|
});
|
|
2591
2593
|
return We || (We = Ie), Ve = this.getPageForSlide(We.index), Fe = Ve + He * Le, { page: Fe, pageIndex: Ve };
|
|
2592
2594
|
}
|
|
@@ -2597,8 +2599,8 @@ class Q extends g {
|
|
|
2597
2599
|
destroy() {
|
|
2598
2600
|
if ([B.Destroy].includes(this.state)) return;
|
|
2599
2601
|
this.state = B.Destroy;
|
|
2600
|
-
const { container: _e, viewport: ke, track: De, slides:
|
|
2601
|
-
_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) => {
|
|
2602
2604
|
this.removeSlideEl(ze);
|
|
2603
2605
|
}), this.detachPlugins(), ke && (ke.removeEventListener("scroll", this.onScroll), ke.offsetParent && De && De.offsetParent && ke.replaceWith(...De.childNodes));
|
|
2604
2606
|
for (const [ze, Ae] of Object.entries(Be)) ze !== "container" && Ae && _e.classList.remove(Ae);
|
|
@@ -2610,11 +2612,11 @@ class Q extends g {
|
|
|
2610
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 });
|
|
2611
2613
|
const tt = function(Ne) {
|
|
2612
2614
|
if (!E(Ne)) return 0;
|
|
2613
|
-
const _e = window.scrollY, ke = window.innerHeight, De = _e + ke,
|
|
2614
|
-
if (_e > Le || De <
|
|
2615
|
-
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;
|
|
2616
2618
|
let ze = Be;
|
|
2617
|
-
|
|
2619
|
+
Re < _e && (ze -= _e - Re), Le > De && (ze -= Le - De);
|
|
2618
2620
|
const Ae = ze / ke * 100;
|
|
2619
2621
|
return Math.round(Ae);
|
|
2620
2622
|
}, et = !(typeof window > "u" || !window.document || !window.document.createElement);
|
|
@@ -2635,13 +2637,13 @@ const nt = ["a[href]", "area[href]", 'input:not([disabled]):not([type="hidden"])
|
|
|
2635
2637
|
}
|
|
2636
2638
|
}, ot = () => {
|
|
2637
2639
|
const Ne = document;
|
|
2638
|
-
let _e, ke = "", De = "",
|
|
2639
|
-
return Ne.fullscreenEnabled ? (ke = "requestFullscreen", De = "exitFullscreen",
|
|
2640
|
-
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]();
|
|
2641
2643
|
}, exit: function() {
|
|
2642
|
-
return Ne[
|
|
2644
|
+
return Ne[$e] && Ne[De]();
|
|
2643
2645
|
}, isFullscreen: function() {
|
|
2644
|
-
return Ne[
|
|
2646
|
+
return Ne[$e];
|
|
2645
2647
|
} }), _e;
|
|
2646
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">
|
|
2647
2649
|
<div class="fancybox__backdrop"></div>
|
|
@@ -2659,10 +2661,10 @@ const pt = () => {
|
|
|
2659
2661
|
let Ne = "", _e = "";
|
|
2660
2662
|
const ke = Oe.getInstance();
|
|
2661
2663
|
if (ke) {
|
|
2662
|
-
const De = ke.carousel,
|
|
2663
|
-
if (De &&
|
|
2664
|
-
let
|
|
2665
|
-
_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) : ""));
|
|
2666
2668
|
}
|
|
2667
2669
|
}
|
|
2668
2670
|
return { hash: Ne, slug: _e, index: 1 };
|
|
@@ -2695,39 +2697,39 @@ et && (/complete|interactive|loaded/.test(document.readyState) ? bt() : document
|
|
|
2695
2697
|
const yt = "is-zooming-in";
|
|
2696
2698
|
class wt extends _ {
|
|
2697
2699
|
onCreateSlide(_e, ke, De) {
|
|
2698
|
-
const
|
|
2699
|
-
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);
|
|
2700
2702
|
}
|
|
2701
2703
|
onRemoveSlide(_e, ke, De) {
|
|
2702
2704
|
De.panzoom && De.panzoom.destroy(), De.panzoom = void 0, De.imageEl = void 0;
|
|
2703
2705
|
}
|
|
2704
|
-
onChange(_e, ke, De,
|
|
2706
|
+
onChange(_e, ke, De, $e) {
|
|
2705
2707
|
S(this.instance.container, yt);
|
|
2706
|
-
for (const
|
|
2707
|
-
const Be =
|
|
2708
|
-
Be &&
|
|
2708
|
+
for (const Re of ke.slides) {
|
|
2709
|
+
const Be = Re.panzoom;
|
|
2710
|
+
Be && Re.index !== De && Be.reset(0.35);
|
|
2709
2711
|
}
|
|
2710
2712
|
}
|
|
2711
2713
|
onClose() {
|
|
2712
2714
|
var _e;
|
|
2713
|
-
const ke = this.instance, De = ke.container,
|
|
2714
|
-
if (!De || !De.parentElement ||
|
|
2715
|
-
const { el:
|
|
2716
|
-
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;
|
|
2717
2719
|
Le.updateMetrics();
|
|
2718
|
-
let Ae = this.getZoomInfo(
|
|
2720
|
+
let Ae = this.getZoomInfo($e);
|
|
2719
2721
|
if (!Ae) return;
|
|
2720
2722
|
this.instance.state = rt.CustomClosing, De.classList.remove(yt), De.classList.add("is-zooming-out"), Be.style.backgroundImage = `url('${ze}')`;
|
|
2721
2723
|
const Ie = De.getBoundingClientRect();
|
|
2722
2724
|
(((_e = window.visualViewport) === null || _e === void 0 ? void 0 : _e.scale) || 1) === 1 && Object.assign(De.style, { position: "absolute", top: `${De.offsetTop + window.scrollY}px`, left: `${De.offsetLeft + window.scrollX}px`, bottom: "auto", right: "auto", width: `${Ie.width}px`, height: `${Ie.height}px`, overflow: "hidden" });
|
|
2723
2725
|
const { x: je, y: Fe, scale: Ve, opacity: He } = Ae;
|
|
2724
2726
|
if (He) {
|
|
2725
|
-
const
|
|
2726
|
-
const
|
|
2727
|
-
return (Qe) => Ze + ((Qe - Xe) /
|
|
2727
|
+
const qe = ((Xe, We, Ze, Ge) => {
|
|
2728
|
+
const Ye = We - Xe, Ue = Ge - Ze;
|
|
2729
|
+
return (Qe) => Ze + ((Qe - Xe) / Ye * Ue || 0);
|
|
2728
2730
|
})(Le.scale, Ve, 1, 0);
|
|
2729
2731
|
Le.on("afterTransform", () => {
|
|
2730
|
-
Be.style.opacity =
|
|
2732
|
+
Be.style.opacity = qe(Le.scale) + "";
|
|
2731
2733
|
});
|
|
2732
2734
|
}
|
|
2733
2735
|
Le.on("endAnimation", () => {
|
|
@@ -2736,30 +2738,30 @@ class wt extends _ {
|
|
|
2736
2738
|
}
|
|
2737
2739
|
setImage(_e, ke) {
|
|
2738
2740
|
const De = this.instance;
|
|
2739
|
-
_e.src = ke, this.process(_e, ke).then((
|
|
2740
|
-
const { contentEl:
|
|
2741
|
-
if (De.isClosing() ||
|
|
2742
|
-
|
|
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;
|
|
2743
2745
|
const Ae = !!De.isOpeningSlide(_e) && this.getZoomInfo(_e);
|
|
2744
2746
|
if (this.option("protected") && ze) {
|
|
2745
2747
|
ze.addEventListener("contextmenu", (Fe) => {
|
|
2746
2748
|
Fe.preventDefault();
|
|
2747
2749
|
});
|
|
2748
2750
|
const je = document.createElement("div");
|
|
2749
|
-
P(je, "fancybox-protected"),
|
|
2751
|
+
P(je, "fancybox-protected"), Re.appendChild(je);
|
|
2750
2752
|
}
|
|
2751
2753
|
if (Le && Ae) {
|
|
2752
|
-
const je =
|
|
2754
|
+
const je = $e.contentRect, Fe = Math.max(je.fullWidth, je.fullHeight);
|
|
2753
2755
|
let Ve = null;
|
|
2754
|
-
!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));
|
|
2755
2757
|
const He = () => {
|
|
2756
2758
|
Ve && (P(Ve, "f-fadeFastOut"), setTimeout(() => {
|
|
2757
2759
|
Ve && (Ve.remove(), Ve = null);
|
|
2758
2760
|
}, 200));
|
|
2759
2761
|
};
|
|
2760
|
-
(Ie = Le, new Promise((
|
|
2762
|
+
(Ie = Le, new Promise((qe, Xe) => {
|
|
2761
2763
|
const We = new Image();
|
|
2762
|
-
We.onload =
|
|
2764
|
+
We.onload = qe, We.onerror = Xe, We.src = Ie;
|
|
2763
2765
|
})).then(() => {
|
|
2764
2766
|
De.hideLoading(_e), _e.state = lt.Opening, this.instance.emit("reveal", _e), this.zoomIn(_e).then(() => {
|
|
2765
2767
|
He(), this.instance.done(_e);
|
|
@@ -2772,8 +2774,8 @@ class wt extends _ {
|
|
|
2772
2774
|
});
|
|
2773
2775
|
} else {
|
|
2774
2776
|
const je = this.optionFor(_e, "initialSize"), Fe = this.optionFor(_e, "zoom"), Ve = { event: De.prevMouseMoveEvent || De.options.event, friction: Fe ? 0.12 : 0 };
|
|
2775
|
-
let He = De.optionFor(_e, "showClass") || void 0,
|
|
2776
|
-
De.isOpeningSlide(_e) && (je === "full" ?
|
|
2777
|
+
let He = De.optionFor(_e, "showClass") || void 0, qe = !0;
|
|
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);
|
|
2777
2779
|
}
|
|
2778
2780
|
var Ie;
|
|
2779
2781
|
}, () => {
|
|
@@ -2781,15 +2783,15 @@ class wt extends _ {
|
|
|
2781
2783
|
});
|
|
2782
2784
|
}
|
|
2783
2785
|
process(_e, ke) {
|
|
2784
|
-
return new Promise((De,
|
|
2785
|
-
var
|
|
2786
|
+
return new Promise((De, $e) => {
|
|
2787
|
+
var Re;
|
|
2786
2788
|
const Be = this.instance, Le = _e.el;
|
|
2787
2789
|
Be.clearContent(_e), Be.showLoading(_e);
|
|
2788
2790
|
let ze = this.optionFor(_e, "content");
|
|
2789
2791
|
if (typeof ze == "string" && (ze = n(ze)), !ze || !E(ze)) {
|
|
2790
2792
|
if (ze = document.createElement("img"), ze instanceof HTMLImageElement) {
|
|
2791
2793
|
let Ae = "", Ie = _e.caption;
|
|
2792
|
-
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");
|
|
2793
2795
|
}
|
|
2794
2796
|
_e.sizes && ze.setAttribute("sizes", _e.sizes);
|
|
2795
2797
|
}
|
|
@@ -2808,42 +2810,42 @@ class wt extends _ {
|
|
|
2808
2810
|
}, dblClick: () => Be.isCompact ? "toggleZoom" : Be.option("contentDblClick") || !1, spinner: !1, panOnlyZoomed: !0, wheelLimit: 1 / 0, on: { ready: (Ae) => {
|
|
2809
2811
|
De(Ae);
|
|
2810
2812
|
}, error: () => {
|
|
2811
|
-
|
|
2813
|
+
$e();
|
|
2812
2814
|
}, destroy: () => {
|
|
2813
|
-
|
|
2815
|
+
$e();
|
|
2814
2816
|
} } }));
|
|
2815
2817
|
});
|
|
2816
2818
|
}
|
|
2817
2819
|
zoomIn(_e) {
|
|
2818
2820
|
return new Promise((ke, De) => {
|
|
2819
|
-
const
|
|
2821
|
+
const $e = this.instance, Re = $e.container, { panzoom: Be, contentEl: Le, el: ze } = _e;
|
|
2820
2822
|
Be && Be.updateMetrics();
|
|
2821
2823
|
const Ae = this.getZoomInfo(_e);
|
|
2822
|
-
if (!(Ae && ze && Le && Be &&
|
|
2824
|
+
if (!(Ae && ze && Le && Be && Re)) return void De();
|
|
2823
2825
|
const { x: Ie, y: je, scale: Fe, opacity: Ve } = Ae, He = () => {
|
|
2824
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));
|
|
2825
|
-
},
|
|
2826
|
-
(Ze.scale < 0.99 || Ze.scale > 1.01) && !Ze.isDragging || (S(
|
|
2827
|
+
}, qe = (Ze) => {
|
|
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));
|
|
2827
2829
|
};
|
|
2828
|
-
Be.on("endAnimation",
|
|
2830
|
+
Be.on("endAnimation", qe), Be.on("touchStart", qe), Be.on("afterTransform", He), Be.on(["error", "destroy"], () => {
|
|
2829
2831
|
De();
|
|
2830
2832
|
}), Be.panTo({ x: Ie, y: je, scale: Fe, friction: 0, ignoreBounds: !0 }), Be.stop("current");
|
|
2831
|
-
const Xe = { event: Be.panMode === "mousemove" ?
|
|
2832
|
-
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);
|
|
2833
2835
|
});
|
|
2834
2836
|
}
|
|
2835
2837
|
getZoomInfo(_e) {
|
|
2836
|
-
const { el: ke, imageEl: De, thumbEl:
|
|
2837
|
-
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;
|
|
2838
2840
|
const ze = window.visualViewport || null;
|
|
2839
2841
|
if ((ze ? ze.scale : 1) !== 1) return !1;
|
|
2840
|
-
let { top: Ae, left: Ie, width: je, height: Fe } =
|
|
2841
|
-
if (!(je && Fe &&
|
|
2842
|
-
const We =
|
|
2842
|
+
let { top: Ae, left: Ie, width: je, height: Fe } = $e.getBoundingClientRect(), { top: Ve, left: He, fitWidth: qe, fitHeight: Xe } = Re.contentRect;
|
|
2843
|
+
if (!(je && Fe && qe && Xe)) return !1;
|
|
2844
|
+
const We = Re.container.getBoundingClientRect();
|
|
2843
2845
|
He += We.left, Ve += We.top;
|
|
2844
|
-
const Ze = -1 * (He + 0.5 *
|
|
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;
|
|
2845
2847
|
let Ue = this.option("zoomOpacity") || !1;
|
|
2846
|
-
return Ue === "auto" && (Ue = Math.abs(je / Fe -
|
|
2848
|
+
return Ue === "auto" && (Ue = Math.abs(je / Fe - qe / Xe) > 0.1), { x: Ze, y: Ge, scale: Ye, opacity: Ue };
|
|
2847
2849
|
}
|
|
2848
2850
|
attach() {
|
|
2849
2851
|
const _e = this, ke = _e.instance;
|
|
@@ -2856,16 +2858,16 @@ class wt extends _ {
|
|
|
2856
2858
|
}
|
|
2857
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;
|
|
2858
2860
|
const xt = "html", Et = "image", St = "map", Pt = "youtube", Ct = "vimeo", Tt = "html5video", Mt = (Ne, _e = {}) => {
|
|
2859
|
-
const ke = new URL(Ne), De = new URLSearchParams(ke.search),
|
|
2861
|
+
const ke = new URL(Ne), De = new URLSearchParams(ke.search), $e = new URLSearchParams();
|
|
2860
2862
|
for (const [Le, ze] of [...De, ...Object.entries(_e)]) {
|
|
2861
2863
|
let Ae = ze + "";
|
|
2862
2864
|
if (Le === "t") {
|
|
2863
2865
|
let Ie = Ae.match(/((\d*)m)?(\d*)s?/);
|
|
2864
|
-
Ie &&
|
|
2865
|
-
} else
|
|
2866
|
+
Ie && $e.set("start", 60 * parseInt(Ie[2] || "0") + parseInt(Ie[3] || "0") + "");
|
|
2867
|
+
} else $e.set(Le, Ae);
|
|
2866
2868
|
}
|
|
2867
|
-
let
|
|
2868
|
-
return Be && (
|
|
2869
|
+
let Re = $e + "", Be = Ne.match(/#t=((.*)?\d+s)/);
|
|
2870
|
+
return Be && (Re += `#t=${Be[1]}`), Re;
|
|
2869
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}}">
|
|
2870
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"];
|
|
2871
2873
|
class Lt extends _ {
|
|
@@ -2879,9 +2881,9 @@ class Lt extends _ {
|
|
|
2879
2881
|
ke.xhr && (ke.xhr.abort(), ke.xhr = null);
|
|
2880
2882
|
const De = ke.iframeEl;
|
|
2881
2883
|
De && (De.onload = De.onerror = null, De.src = "//about:blank", ke.iframeEl = null);
|
|
2882
|
-
const
|
|
2883
|
-
if (ke.type === "inline" &&
|
|
2884
|
-
|
|
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());
|
|
2885
2887
|
}, 0), ke.contentEl = void 0, ke.placeholderEl = void 0;
|
|
2886
2888
|
else for (; ke.el && ke.el.firstChild; ) ke.el.removeChild(ke.el.firstChild);
|
|
2887
2889
|
}
|
|
@@ -2889,10 +2891,10 @@ class Lt extends _ {
|
|
|
2889
2891
|
De.state === lt.Ready && this.playVideo();
|
|
2890
2892
|
}
|
|
2891
2893
|
onUnselectSlide(_e, ke, De) {
|
|
2892
|
-
var
|
|
2894
|
+
var $e, Re;
|
|
2893
2895
|
if (De.type === Tt) {
|
|
2894
2896
|
try {
|
|
2895
|
-
(
|
|
2897
|
+
(Re = ($e = De.el) === null || $e === void 0 ? void 0 : $e.querySelector("video")) === null || Re === void 0 || Re.pause();
|
|
2896
2898
|
} catch {
|
|
2897
2899
|
}
|
|
2898
2900
|
return;
|
|
@@ -2923,12 +2925,12 @@ class Lt extends _ {
|
|
|
2923
2925
|
loadAjaxContent(_e) {
|
|
2924
2926
|
const ke = this.instance.optionFor(_e, "src") || "";
|
|
2925
2927
|
this.instance.showLoading(_e);
|
|
2926
|
-
const De = this.instance,
|
|
2927
|
-
De.showLoading(_e),
|
|
2928
|
-
|
|
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}}"));
|
|
2929
2931
|
};
|
|
2930
|
-
const
|
|
2931
|
-
|
|
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;
|
|
2932
2934
|
}
|
|
2933
2935
|
setInlineContent(_e) {
|
|
2934
2936
|
let ke = null;
|
|
@@ -2942,8 +2944,8 @@ class Lt extends _ {
|
|
|
2942
2944
|
ke = ke.cloneNode(!0);
|
|
2943
2945
|
const De = ke.dataset.animationName;
|
|
2944
2946
|
De && (ke.classList.remove(De), delete ke.dataset.animationName);
|
|
2945
|
-
let
|
|
2946
|
-
|
|
2947
|
+
let $e = ke.getAttribute("id");
|
|
2948
|
+
$e = $e ? `${$e}--clone` : `clone-${this.instance.id}-${_e.index}`, ke.setAttribute("id", $e);
|
|
2947
2949
|
} else if (ke.parentNode) {
|
|
2948
2950
|
const De = document.createElement("div");
|
|
2949
2951
|
De.classList.add("fancybox-placeholder"), ke.parentNode.insertBefore(De, ke), _e.placeholderEl = De;
|
|
@@ -2955,35 +2957,35 @@ class Lt extends _ {
|
|
|
2955
2957
|
const { src: ke, el: De } = _e;
|
|
2956
2958
|
if (!ke || typeof ke != "string" || !De) return;
|
|
2957
2959
|
De.classList.add("is-loading");
|
|
2958
|
-
const
|
|
2959
|
-
|
|
2960
|
-
for (const [Le, ze] of Object.entries(this.optionFor(_e, "iframeAttr") || {}))
|
|
2961
|
-
|
|
2962
|
-
|
|
2963
|
-
}, _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;
|
|
2964
2966
|
const Be = this.optionFor(_e, "preload");
|
|
2965
|
-
if (_e.type !== "iframe" || Be === !1) return
|
|
2966
|
-
|
|
2967
|
-
if (
|
|
2968
|
-
const Le =
|
|
2969
|
-
|
|
2970
|
-
},
|
|
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);
|
|
2971
2973
|
}
|
|
2972
2974
|
resizeIframe(_e) {
|
|
2973
2975
|
const { type: ke, iframeEl: De } = _e;
|
|
2974
2976
|
if (ke === Pt || ke === Ct) return;
|
|
2975
|
-
const
|
|
2976
|
-
if (!De ||
|
|
2977
|
-
let
|
|
2978
|
-
|
|
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"));
|
|
2979
2981
|
let Be = _e.width || 0, Le = _e.height || 0;
|
|
2980
|
-
Be && Le && (
|
|
2981
|
-
const ze =
|
|
2982
|
-
if (_e.preload !== !1 &&
|
|
2983
|
-
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;
|
|
2984
2986
|
if (Fe) {
|
|
2985
|
-
const Ve = Fe.document, He = Ve.getElementsByTagName(xt)[0],
|
|
2986
|
-
ze.width = "",
|
|
2987
|
+
const Ve = Fe.document, He = Ve.getElementsByTagName(xt)[0], qe = Ve.body;
|
|
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;
|
|
2987
2989
|
}
|
|
2988
2990
|
} catch {
|
|
2989
2991
|
}
|
|
@@ -2998,12 +3000,12 @@ class Lt extends _ {
|
|
|
2998
3000
|
const { el: ke } = _e;
|
|
2999
3001
|
if (!ke || !ke.offsetParent || !this.optionFor(_e, "videoAutoplay")) return;
|
|
3000
3002
|
if (_e.type === Tt) try {
|
|
3001
|
-
const
|
|
3002
|
-
if (
|
|
3003
|
-
const
|
|
3004
|
-
|
|
3003
|
+
const $e = ke.querySelector("video");
|
|
3004
|
+
if ($e) {
|
|
3005
|
+
const Re = $e.play();
|
|
3006
|
+
Re !== void 0 && Re.then(() => {
|
|
3005
3007
|
}).catch((Be) => {
|
|
3006
|
-
|
|
3008
|
+
$e.muted = !0, $e.play();
|
|
3007
3009
|
});
|
|
3008
3010
|
}
|
|
3009
3011
|
} catch {
|
|
@@ -3011,9 +3013,9 @@ class Lt extends _ {
|
|
|
3011
3013
|
if (_e.type !== Pt && _e.type !== Ct) return;
|
|
3012
3014
|
const De = () => {
|
|
3013
3015
|
if (_e.iframeEl && _e.iframeEl.contentWindow) {
|
|
3014
|
-
let
|
|
3015
|
-
if (_e.iframeEl.dataset.ready === "true") return
|
|
3016
|
-
_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), "*"));
|
|
3017
3019
|
}
|
|
3018
3020
|
_e.poller = setTimeout(De, 250);
|
|
3019
3021
|
};
|
|
@@ -3023,27 +3025,27 @@ class Lt extends _ {
|
|
|
3023
3025
|
if (_e.html) return _e.type = xt, _e.src = _e.html, void (_e.html = "");
|
|
3024
3026
|
const ke = this.instance.optionFor(_e, "src", "");
|
|
3025
3027
|
if (!ke || typeof ke != "string") return;
|
|
3026
|
-
let De = _e.type,
|
|
3027
|
-
if (
|
|
3028
|
-
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) {
|
|
3029
3031
|
var Ve = {};
|
|
3030
3032
|
for (var He in je) Object.prototype.hasOwnProperty.call(je, He) && Fe.indexOf(He) < 0 && (Ve[He] = je[He]);
|
|
3031
3033
|
if (je != null && typeof Object.getOwnPropertySymbols == "function") {
|
|
3032
|
-
var
|
|
3033
|
-
for (He = Object.getOwnPropertySymbols(je);
|
|
3034
|
+
var qe = 0;
|
|
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]]);
|
|
3034
3036
|
}
|
|
3035
3037
|
return Ve;
|
|
3036
|
-
}(
|
|
3038
|
+
}(Re, ["nocookie"]), ze = `www.youtube${Be ? "-nocookie" : ""}.com`, Ae = Mt(ke, Le), Ie = encodeURIComponent($e[2]);
|
|
3037
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;
|
|
3038
|
-
} else if (
|
|
3039
|
-
const
|
|
3040
|
-
_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;
|
|
3041
3043
|
}
|
|
3042
3044
|
if (!De && _e.triggerEl) {
|
|
3043
|
-
const
|
|
3044
|
-
At.includes(
|
|
3045
|
+
const Re = _e.triggerEl.dataset.type;
|
|
3046
|
+
At.includes(Re) && (De = Re);
|
|
3045
3047
|
}
|
|
3046
|
-
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);
|
|
3047
3049
|
}
|
|
3048
3050
|
setContent(_e) {
|
|
3049
3051
|
const ke = this.instance.optionFor(_e, "src") || "";
|
|
@@ -3077,16 +3079,16 @@ class Lt extends _ {
|
|
|
3077
3079
|
setAspectRatio(_e) {
|
|
3078
3080
|
const ke = _e.contentEl;
|
|
3079
3081
|
if (!(_e.el && ke && _e.type && [Pt, Ct, Tt].includes(_e.type))) return;
|
|
3080
|
-
let De,
|
|
3081
|
-
if (
|
|
3082
|
+
let De, $e = _e.width || "auto", Re = _e.height || "auto";
|
|
3083
|
+
if ($e === "auto" || Re === "auto") {
|
|
3082
3084
|
De = this.optionFor(_e, "videoRatio");
|
|
3083
3085
|
const Ae = (De + "").match(/(\d+)\s*\/\s?(\d+)/);
|
|
3084
3086
|
De = Ae && Ae.length > 2 ? parseFloat(Ae[1]) / parseFloat(Ae[2]) : parseFloat(De + "");
|
|
3085
|
-
} else
|
|
3087
|
+
} else $e && Re && (De = $e / Re);
|
|
3086
3088
|
if (!De) return;
|
|
3087
3089
|
ke.style.aspectRatio = "", ke.style.width = "", ke.style.height = "", ke.offsetHeight;
|
|
3088
3090
|
const Be = ke.getBoundingClientRect(), Le = Be.width || 1, ze = Be.height || 1;
|
|
3089
|
-
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");
|
|
3090
3092
|
}
|
|
3091
3093
|
attach() {
|
|
3092
3094
|
const _e = this, ke = _e.instance;
|
|
@@ -3137,18 +3139,18 @@ class It extends _ {
|
|
|
3137
3139
|
if (!this.option("showProgress")) return null;
|
|
3138
3140
|
this.removeProgressBar();
|
|
3139
3141
|
const ke = this.instance, De = ((_e = ke.pages[ke.page]) === null || _e === void 0 ? void 0 : _e.slides) || [];
|
|
3140
|
-
let
|
|
3141
|
-
if (
|
|
3142
|
-
const
|
|
3143
|
-
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;
|
|
3144
3146
|
}
|
|
3145
3147
|
set() {
|
|
3146
3148
|
const _e = this, ke = _e.instance;
|
|
3147
3149
|
if (ke.pages.length < 2 || _e.timer) return;
|
|
3148
3150
|
const De = _e.option("timeout");
|
|
3149
3151
|
_e.state = zt, P(ke.container, "has-autoplay");
|
|
3150
|
-
let
|
|
3151
|
-
|
|
3152
|
+
let $e = _e.createProgressBar();
|
|
3153
|
+
$e && ($e.style.transitionDuration = `${De}ms`, $e.style.transform = "scaleX(1)"), _e.timer = setTimeout(() => {
|
|
3152
3154
|
_e.timer = null, _e.inHover || _e.onTimerEnd();
|
|
3153
3155
|
}, De), _e.emit("set");
|
|
3154
3156
|
}
|
|
@@ -3207,14 +3209,14 @@ class Dt extends _ {
|
|
|
3207
3209
|
const De = _e.container;
|
|
3208
3210
|
De && (ke.options.Autoplay = u({ autoStart: !1 }, this.option("Autoplay") || {}, { pauseOnHover: !1, timeout: this.option("timeout"), progressParentEl: () => this.option("progressParentEl") || null, on: { start: () => {
|
|
3209
3211
|
_e.emit("startSlideshow");
|
|
3210
|
-
}, set: (
|
|
3211
|
-
var
|
|
3212
|
-
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();
|
|
3213
3215
|
}, stop: () => {
|
|
3214
3216
|
De.classList.remove("has-slideshow"), _e.isCompact || _e.endIdle(), _e.emit("endSlideshow");
|
|
3215
|
-
}, resume: (
|
|
3217
|
+
}, resume: ($e, Re) => {
|
|
3216
3218
|
var Be, Le, ze;
|
|
3217
|
-
|
|
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();
|
|
3218
3220
|
} } }), ke.attachPlugins({ Autoplay: It }), this.ref = ke.plugins.Autoplay);
|
|
3219
3221
|
}
|
|
3220
3222
|
onReady(_e) {
|
|
@@ -3222,17 +3224,17 @@ class Dt extends _ {
|
|
|
3222
3224
|
De && ke && this.option("playOnStart") && (ke.isInfinite || ke.page < ke.pages.length - 1) && De.start();
|
|
3223
3225
|
}
|
|
3224
3226
|
onDone(_e, ke) {
|
|
3225
|
-
const De = this.ref,
|
|
3226
|
-
if (!De ||
|
|
3227
|
-
const
|
|
3228
|
-
|
|
3227
|
+
const De = this.ref, $e = _e.carousel;
|
|
3228
|
+
if (!De || !$e) return;
|
|
3229
|
+
const Re = ke.panzoom;
|
|
3230
|
+
Re && Re.on("startAnimation", () => {
|
|
3229
3231
|
_e.isCurrentSlide(ke) && De.stop();
|
|
3230
3232
|
}), _e.isCurrentSlide(ke) && De.resume();
|
|
3231
3233
|
}
|
|
3232
3234
|
onKeydown(_e, ke) {
|
|
3233
3235
|
var De;
|
|
3234
|
-
const
|
|
3235
|
-
|
|
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();
|
|
3236
3238
|
}
|
|
3237
3239
|
attach() {
|
|
3238
3240
|
const _e = this, ke = _e.instance;
|
|
@@ -3270,14 +3272,14 @@ let $t = class extends _ {
|
|
|
3270
3272
|
onChange() {
|
|
3271
3273
|
var Ne;
|
|
3272
3274
|
if (!this.isModern) return;
|
|
3273
|
-
const _e = this.container, ke = this.instance, De = ke.panzoom,
|
|
3274
|
-
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) {
|
|
3275
3277
|
if (De.isDragging) {
|
|
3276
3278
|
S(_e, this.cn(Bt));
|
|
3277
|
-
let Le = ((Ne =
|
|
3279
|
+
let Le = ((Ne = $e.pages[Be]) === null || Ne === void 0 ? void 0 : Ne.pos) || 0;
|
|
3278
3280
|
Le += ke.getProgress(Be) * (this[_t] + this.thumbGap);
|
|
3279
|
-
let ze =
|
|
3280
|
-
-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 });
|
|
3281
3283
|
} else o(_e, this.cn(Bt), De.isResting);
|
|
3282
3284
|
this.shiftModern();
|
|
3283
3285
|
}
|
|
@@ -3292,7 +3294,7 @@ let $t = class extends _ {
|
|
|
3292
3294
|
if (Ne) {
|
|
3293
3295
|
const ke = this.instance;
|
|
3294
3296
|
let De = 0;
|
|
3295
|
-
for (const
|
|
3297
|
+
for (const $e of ke.slides || []) $e.thumbSrc && De++;
|
|
3296
3298
|
if (De < Ne) return !0;
|
|
3297
3299
|
}
|
|
3298
3300
|
const _e = this.option("type");
|
|
@@ -3324,14 +3326,14 @@ let $t = class extends _ {
|
|
|
3324
3326
|
const Ne = this;
|
|
3325
3327
|
if (Ne.state !== jt.Init) return;
|
|
3326
3328
|
if (Ne.isDisabled()) return void Ne.emit("disabled");
|
|
3327
|
-
const _e = Ne.instance, ke = _e.container, De = Ne.getSlides(),
|
|
3328
|
-
Ne.type =
|
|
3329
|
-
const
|
|
3330
|
-
let ze =
|
|
3331
|
-
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();
|
|
3332
3334
|
let Ae = ze.querySelector("." + Le);
|
|
3333
3335
|
Ae || (Ae = document.createElement("div"), P(Ae, Ne.cn("track")), ze.appendChild(Ae)), Ne.track = Ae;
|
|
3334
|
-
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);
|
|
3335
3337
|
je.on("createSlide", (Fe, Ve) => {
|
|
3336
3338
|
Ne.setProps(Ve.index), Ne.emit("createSlide", Ve, Ve.el);
|
|
3337
3339
|
}), je.on("ready", () => {
|
|
@@ -3344,54 +3346,54 @@ let $t = class extends _ {
|
|
|
3344
3346
|
}
|
|
3345
3347
|
onClick(Ne) {
|
|
3346
3348
|
Ne.preventDefault(), Ne.stopPropagation();
|
|
3347
|
-
const _e = this.instance, { pages: ke, page: De } = _e,
|
|
3348
|
-
if (
|
|
3349
|
-
const Xe =
|
|
3349
|
+
const _e = this.instance, { pages: ke, page: De } = _e, $e = (qe) => {
|
|
3350
|
+
if (qe) {
|
|
3351
|
+
const Xe = qe.closest("[data-carousel-index]");
|
|
3350
3352
|
if (Xe) return [parseInt(Xe.dataset.carouselIndex || "", 10) || 0, Xe];
|
|
3351
3353
|
}
|
|
3352
3354
|
return [-1, void 0];
|
|
3353
|
-
},
|
|
3354
|
-
const We = document.elementFromPoint(
|
|
3355
|
-
return We ?
|
|
3355
|
+
}, Re = (qe, Xe) => {
|
|
3356
|
+
const We = document.elementFromPoint(qe, Xe);
|
|
3357
|
+
return We ? $e(We) : [-1, void 0];
|
|
3356
3358
|
};
|
|
3357
|
-
let [Be, Le] =
|
|
3359
|
+
let [Be, Le] = $e(Ne.target);
|
|
3358
3360
|
if (Be > -1) return;
|
|
3359
3361
|
const ze = this[_t], Ae = Ne.clientX, Ie = Ne.clientY;
|
|
3360
|
-
let [je, Fe] =
|
|
3362
|
+
let [je, Fe] = Re(Ae - ze, Ie), [Ve, He] = Re(Ae + ze, Ie);
|
|
3361
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);
|
|
3362
3364
|
}
|
|
3363
3365
|
getShift(Ne) {
|
|
3364
3366
|
var _e;
|
|
3365
|
-
const ke = this, { instance: De } = ke,
|
|
3366
|
-
if (!De ||
|
|
3367
|
-
const
|
|
3368
|
-
if (!(!((_e =
|
|
3369
|
-
const Ae = 0.5 * (
|
|
3370
|
-
let je = De.getProgress(0), Fe = De.getProgress(Ie), Ve = De.getProgress(Ne, !1, !0), He = 0,
|
|
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
|
+
let je = De.getProgress(0), Fe = De.getProgress(Ie), Ve = De.getProgress(Ne, !1, !0), He = 0, qe = Ae + ze + Le;
|
|
3371
3373
|
const Xe = je < 0 && je > -1, We = Fe > 0 && Fe < 1;
|
|
3372
|
-
return Ne === 0 ? (He =
|
|
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;
|
|
3373
3375
|
}
|
|
3374
3376
|
setProps(Ne) {
|
|
3375
3377
|
var _e;
|
|
3376
3378
|
const ke = this;
|
|
3377
3379
|
if (!ke.isModern) return;
|
|
3378
|
-
const { instance: De } = ke,
|
|
3379
|
-
if (De &&
|
|
3380
|
-
const
|
|
3381
|
-
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) {
|
|
3382
3384
|
let Be = t(1 - Math.abs(De.getProgress(Ne))), Le = t(ke.getShift(Ne));
|
|
3383
|
-
|
|
3385
|
+
Re.style.setProperty("--progress", Be ? Be + "" : ""), Re.style.setProperty("--shift", Le + "");
|
|
3384
3386
|
}
|
|
3385
3387
|
}
|
|
3386
3388
|
}
|
|
3387
3389
|
shiftModern() {
|
|
3388
3390
|
const Ne = this;
|
|
3389
3391
|
if (!Ne.isModern) return;
|
|
3390
|
-
const { instance: _e, track: ke } = Ne, De = _e.panzoom,
|
|
3391
|
-
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;
|
|
3392
3394
|
for (const Be of _e.slides) Ne.setProps(Be.index);
|
|
3393
|
-
let
|
|
3394
|
-
ke.style.setProperty("--width",
|
|
3395
|
+
let Re = (Ne[_t] + Ne.thumbGap) * ($e.slides.length || 0);
|
|
3396
|
+
ke.style.setProperty("--width", Re + "");
|
|
3395
3397
|
}
|
|
3396
3398
|
cleanup() {
|
|
3397
3399
|
const Ne = this;
|
|
@@ -3423,8 +3425,8 @@ class Yt extends _ {
|
|
|
3423
3425
|
ke.stopPropagation();
|
|
3424
3426
|
}
|
|
3425
3427
|
onCreateSlide(_e, ke) {
|
|
3426
|
-
var De,
|
|
3427
|
-
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;
|
|
3428
3430
|
if (Le && Be) {
|
|
3429
3431
|
let ze = `for-${Be}`;
|
|
3430
3432
|
["video", "youtube", "vimeo", "html5video"].includes(Be) && (ze += " for-video"), P(Le, ze);
|
|
@@ -3432,17 +3434,17 @@ class Yt extends _ {
|
|
|
3432
3434
|
}
|
|
3433
3435
|
onInit() {
|
|
3434
3436
|
var _e;
|
|
3435
|
-
const ke = this, De = ke.instance,
|
|
3436
|
-
if (ke.ref ||
|
|
3437
|
-
const
|
|
3438
|
-
if (
|
|
3439
|
-
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) => {
|
|
3440
3442
|
const ze = Le.container;
|
|
3441
3443
|
ze && this.hidden && (ke.refresh(), ze.style.transition = "none", ke.hide(), ze.offsetHeight, queueMicrotask(() => {
|
|
3442
3444
|
ze.style.transition = "", ke.show();
|
|
3443
3445
|
}));
|
|
3444
3446
|
} } });
|
|
3445
|
-
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);
|
|
3446
3448
|
}
|
|
3447
3449
|
onResize() {
|
|
3448
3450
|
var _e;
|
|
@@ -3497,14 +3499,14 @@ class Qt extends _ {
|
|
|
3497
3499
|
onReady(_e) {
|
|
3498
3500
|
var ke;
|
|
3499
3501
|
if (!_e.carousel) return;
|
|
3500
|
-
let De = this.option("display"),
|
|
3501
|
-
if (
|
|
3502
|
+
let De = this.option("display"), $e = this.option("absolute"), Re = this.option("enabled");
|
|
3503
|
+
if (Re === "auto") {
|
|
3502
3504
|
const Ae = this.instance.carousel;
|
|
3503
3505
|
let Ie = 0;
|
|
3504
3506
|
if (Ae) for (const je of Ae.slides) (je.panzoom || je.type === "image") && Ie++;
|
|
3505
|
-
Ie || (
|
|
3507
|
+
Ie || (Re = !1);
|
|
3506
3508
|
}
|
|
3507
|
-
|
|
3509
|
+
Re || (De = void 0);
|
|
3508
3510
|
let Be = 0;
|
|
3509
3511
|
const Le = { left: [], middle: [], right: [] };
|
|
3510
3512
|
if (De) for (const Ae of ["left", "middle", "right"]) for (const Ie of De[Ae]) {
|
|
@@ -3517,20 +3519,20 @@ class Qt extends _ {
|
|
|
3517
3519
|
const je = document.createElement("div");
|
|
3518
3520
|
P(je, Jt + "__column is-" + Ae);
|
|
3519
3521
|
for (const Fe of Ie) je.appendChild(Fe);
|
|
3520
|
-
|
|
3522
|
+
$e !== "auto" || Ae !== "middle" || Ie.length || ($e = !0), ze.appendChild(je);
|
|
3521
3523
|
}
|
|
3522
|
-
|
|
3524
|
+
$e === !0 && P(ze, "is-absolute"), this.state = Zt.Ready, this.onRefresh();
|
|
3523
3525
|
} else this.state = Zt.Disabled;
|
|
3524
3526
|
}
|
|
3525
3527
|
onClick(_e) {
|
|
3526
3528
|
var ke, De;
|
|
3527
|
-
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;
|
|
3528
3530
|
if (!ze) return;
|
|
3529
|
-
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());
|
|
3530
3532
|
if (ze.fancyboxToggleFullscreen !== void 0) return _e.preventDefault(), _e.stopPropagation(), void this.instance.toggleFullscreen();
|
|
3531
3533
|
if (ze.fancyboxToggleSlideshow !== void 0) {
|
|
3532
3534
|
_e.preventDefault(), _e.stopPropagation();
|
|
3533
|
-
const je = (De =
|
|
3535
|
+
const je = (De = $e.carousel) === null || De === void 0 ? void 0 : De.plugins.Autoplay;
|
|
3534
3536
|
let Fe = je.isActive;
|
|
3535
3537
|
return Be && Be.panMode === "mousemove" && !Fe && Be.reset(), void (Fe ? je.stop() : je.start());
|
|
3536
3538
|
}
|
|
@@ -3555,13 +3557,13 @@ class Qt extends _ {
|
|
|
3555
3557
|
if (!ke || ke.state !== lt.Ready) return;
|
|
3556
3558
|
const De = ke && !ke.error && ke.panzoom;
|
|
3557
3559
|
for (const Be of _e.querySelectorAll("[data-panzoom-action]")) De ? (Be.removeAttribute("disabled"), Be.removeAttribute("tabindex")) : (Be.setAttribute("disabled", ""), Be.setAttribute("tabindex", "-1"));
|
|
3558
|
-
let
|
|
3559
|
-
for (const Be of _e.querySelectorAll('[data-panzoom-action="zoomIn"]'))
|
|
3560
|
-
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"));
|
|
3561
3563
|
for (const Be of _e.querySelectorAll('[data-panzoom-action="toggleZoom"],[data-panzoom-action="iterateZoom"]')) {
|
|
3562
|
-
|
|
3564
|
+
Re || $e ? (Be.removeAttribute("disabled"), Be.removeAttribute("tabindex")) : (Be.setAttribute("disabled", ""), Be.setAttribute("tabindex", "-1"));
|
|
3563
3565
|
const Le = Be.querySelector("g");
|
|
3564
|
-
Le && (Le.style.display =
|
|
3566
|
+
Le && (Le.style.display = $e ? "" : "none");
|
|
3565
3567
|
}
|
|
3566
3568
|
}
|
|
3567
3569
|
onDone(_e, ke) {
|
|
@@ -3580,30 +3582,30 @@ class Qt extends _ {
|
|
|
3580
3582
|
createEl(_e) {
|
|
3581
3583
|
const ke = this.instance, De = ke.carousel;
|
|
3582
3584
|
if (!De || _e === "toggleFS" || _e === "fullscreen" && !ot()) return null;
|
|
3583
|
-
let
|
|
3584
|
-
const
|
|
3585
|
+
let $e = null;
|
|
3586
|
+
const Re = De.slides.length || 0;
|
|
3585
3587
|
let Be = 0, Le = 0;
|
|
3586
3588
|
for (const Ae of De.slides) (Ae.panzoom || Ae.type === "image") && Be++, (Ae.type === "image" || Ae.downloadSrc) && Le++;
|
|
3587
|
-
if (
|
|
3589
|
+
if (Re < 2 && ["infobar", "prev", "next"].includes(_e)) return $e;
|
|
3588
3590
|
if (Vt[_e] !== void 0 && !Be || _e === "download" && !Le) return null;
|
|
3589
3591
|
if (_e === "thumbs") {
|
|
3590
3592
|
const Ae = ke.plugins.Thumbs;
|
|
3591
3593
|
if (!Ae || !Ae.isEnabled) return null;
|
|
3592
3594
|
}
|
|
3593
|
-
if (_e === "slideshow" && (!De.plugins.Autoplay ||
|
|
3595
|
+
if (_e === "slideshow" && (!De.plugins.Autoplay || Re < 2))
|
|
3594
3596
|
return null;
|
|
3595
3597
|
if (Vt[_e] !== void 0) {
|
|
3596
3598
|
const Ae = Vt[_e];
|
|
3597
|
-
|
|
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)));
|
|
3598
3600
|
} else {
|
|
3599
3601
|
const Ae = (this.option("items") || [])[_e];
|
|
3600
|
-
Ae && (
|
|
3602
|
+
Ae && ($e = n(this.instance.localize(Ae.tpl)), typeof Ae.click == "function" && $e.addEventListener("click", (Ie) => {
|
|
3601
3603
|
Ie.preventDefault(), Ie.stopPropagation(), typeof Ae.click == "function" && Ae.click.call(this, this, Ie);
|
|
3602
3604
|
}));
|
|
3603
3605
|
}
|
|
3604
|
-
const ze =
|
|
3606
|
+
const ze = $e == null ? void 0 : $e.querySelector("svg");
|
|
3605
3607
|
if (ze) for (const [Ae, Ie] of Object.entries(Gt)) ze.getAttribute(Ae) || ze.setAttribute(Ae, String(Ie));
|
|
3606
|
-
return
|
|
3608
|
+
return $e;
|
|
3607
3609
|
}
|
|
3608
3610
|
removeContainer() {
|
|
3609
3611
|
const _e = this.container;
|
|
@@ -3631,8 +3633,8 @@ const te = { Hash: class extends _ {
|
|
|
3631
3633
|
De && (ct = ke === _e ? "" : ke), _e && _e !== ke && (ut = setTimeout(() => {
|
|
3632
3634
|
try {
|
|
3633
3635
|
if (Ne.state === rt.Ready) {
|
|
3634
|
-
let
|
|
3635
|
-
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);
|
|
3636
3638
|
}
|
|
3637
3639
|
} catch {
|
|
3638
3640
|
}
|
|
@@ -3685,11 +3687,11 @@ class Oe extends g {
|
|
|
3685
3687
|
if (this.state === rt.Destroy) return;
|
|
3686
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 && (() => {
|
|
3687
3689
|
if (!et) return;
|
|
3688
|
-
const ke = document, De = ke.body,
|
|
3690
|
+
const ke = document, De = ke.body, $e = ke.documentElement;
|
|
3689
3691
|
if (De.classList.contains(ie)) return;
|
|
3690
|
-
let
|
|
3692
|
+
let Re = window.innerWidth - $e.getBoundingClientRect().width;
|
|
3691
3693
|
const Be = parseFloat(window.getComputedStyle(De).marginRight);
|
|
3692
|
-
|
|
3694
|
+
Re < 0 && (Re = 0), $e.style.setProperty(ne, `${Re}px`), Be && De.style.setProperty(se, `${Be}px`), De.classList.add(ie);
|
|
3693
3695
|
})(), this.initLayout(), this.scale();
|
|
3694
3696
|
const _e = () => {
|
|
3695
3697
|
this.initCarousel(this.userSlides), this.state = rt.Ready, this.attachEvents(), this.emit("ready"), setTimeout(() => {
|
|
@@ -3702,13 +3704,13 @@ class Oe extends g {
|
|
|
3702
3704
|
}
|
|
3703
3705
|
initLayout() {
|
|
3704
3706
|
var _e, ke;
|
|
3705
|
-
const De = this.option("parentEl") || document.body,
|
|
3706
|
-
if (
|
|
3707
|
-
if (
|
|
3708
|
-
Ee =
|
|
3709
|
-
}), this.option("closeExisting")) for (const
|
|
3710
|
-
else this.option("animated") && (P(
|
|
3711
|
-
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);
|
|
3712
3714
|
}, 350));
|
|
3713
3715
|
this.emit("initLayout");
|
|
3714
3716
|
}
|
|
@@ -3718,19 +3720,19 @@ class Oe extends g {
|
|
|
3718
3720
|
if (!ke) return;
|
|
3719
3721
|
const De = ke.querySelector(".fancybox__carousel");
|
|
3720
3722
|
if (!De) return;
|
|
3721
|
-
const
|
|
3722
|
-
|
|
3723
|
-
this.emit(`Carousel.${Be}`,
|
|
3724
|
-
}),
|
|
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"], () => {
|
|
3725
3727
|
this.manageCaption();
|
|
3726
|
-
}), this.on("Carousel.removeSlide", (
|
|
3728
|
+
}), this.on("Carousel.removeSlide", (Re, Be, Le) => {
|
|
3727
3729
|
this.clearContent(Le), Le.state = void 0;
|
|
3728
|
-
}),
|
|
3729
|
-
var
|
|
3730
|
-
this.isCompact || this.endIdle(), !((
|
|
3731
|
-
}),
|
|
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", () => {
|
|
3732
3734
|
this.idleTimer || this.isCompact || !this.option("idle") || this.setIdle(), this.option("autoFocus") && !this.isClosing && this.checkFocus();
|
|
3733
|
-
}), this.option("dragToClose") && (
|
|
3735
|
+
}), this.option("dragToClose") && ($e.on("Panzoom.afterTransform", (Re, Be) => {
|
|
3734
3736
|
const Le = this.getSlide();
|
|
3735
3737
|
if (Le && e(Le.el)) return;
|
|
3736
3738
|
const ze = this.container;
|
|
@@ -3738,27 +3740,27 @@ class Oe extends g {
|
|
|
3738
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));
|
|
3739
3741
|
ze.style.setProperty("--fancybox-ts", Ie ? "0s" : ""), ze.style.setProperty("--fancybox-opacity", Ie + "");
|
|
3740
3742
|
}
|
|
3741
|
-
}),
|
|
3743
|
+
}), $e.on("Panzoom.touchEnd", (Re, Be, Le) => {
|
|
3742
3744
|
var ze;
|
|
3743
3745
|
const Ae = this.getSlide();
|
|
3744
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;
|
|
3745
3747
|
const Ie = Math.abs(Be.dragOffset.y);
|
|
3746
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")));
|
|
3747
|
-
})),
|
|
3749
|
+
})), $e.on("change", (Re) => {
|
|
3748
3750
|
var Be;
|
|
3749
3751
|
let Le = (Be = this.getSlide()) === null || Be === void 0 ? void 0 : Be.triggerEl;
|
|
3750
3752
|
if (Le) {
|
|
3751
|
-
const ze = new CustomEvent("slideTo", { bubbles: !0, cancelable: !0, detail:
|
|
3753
|
+
const ze = new CustomEvent("slideTo", { bubbles: !0, cancelable: !0, detail: Re.page });
|
|
3752
3754
|
Le.dispatchEvent(ze);
|
|
3753
3755
|
}
|
|
3754
|
-
}),
|
|
3756
|
+
}), $e.on(["refresh", "change"], (Re) => {
|
|
3755
3757
|
const Be = this.container;
|
|
3756
3758
|
if (!Be) return;
|
|
3757
|
-
for (const Ae of Be.querySelectorAll("[data-fancybox-current-index]")) Ae.innerHTML =
|
|
3758
|
-
for (const Ae of Be.querySelectorAll("[data-fancybox-count]")) Ae.innerHTML =
|
|
3759
|
-
if (
|
|
3760
|
-
for (const Ae of Be.querySelectorAll("[data-fancybox-next]"))
|
|
3761
|
-
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"));
|
|
3762
3764
|
}
|
|
3763
3765
|
const Le = this.getSlide();
|
|
3764
3766
|
if (!Le) return;
|
|
@@ -3788,48 +3790,48 @@ class Oe extends g {
|
|
|
3788
3790
|
const _e = this.container;
|
|
3789
3791
|
if (!_e) return;
|
|
3790
3792
|
const ke = window.visualViewport, De = Math.max(1, (ke == null ? void 0 : ke.scale) || 1);
|
|
3791
|
-
let
|
|
3793
|
+
let $e = "", Re = "", Be = "";
|
|
3792
3794
|
if (ke && De > 1) {
|
|
3793
3795
|
let Le = `${ke.offsetLeft}px`, ze = `${ke.offsetTop}px`;
|
|
3794
|
-
|
|
3796
|
+
$e = ke.width * De + "px", Re = ke.height * De + "px", Be = `translate3d(${Le}, ${ze}, 0) scale(${1 / De})`;
|
|
3795
3797
|
}
|
|
3796
|
-
_e.style.transform = Be, _e.style.width =
|
|
3798
|
+
_e.style.transform = Be, _e.style.width = $e, _e.style.height = Re;
|
|
3797
3799
|
}
|
|
3798
3800
|
onClick(_e) {
|
|
3799
3801
|
var ke;
|
|
3800
|
-
const { container: De, isCompact:
|
|
3802
|
+
const { container: De, isCompact: $e } = this;
|
|
3801
3803
|
if (!De || this.isClosing()) return;
|
|
3802
|
-
|
|
3803
|
-
const
|
|
3804
|
-
if (
|
|
3805
|
-
if (
|
|
3806
|
-
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();
|
|
3807
3809
|
if (_e.type === "click" && _e.detail === 0 || Math.abs(_e.pageX - Ee) > 30 || Math.abs(_e.pageY - Se) > 30) return;
|
|
3808
3810
|
const Be = document.activeElement;
|
|
3809
3811
|
if (be() && Be && De.contains(Be)) return;
|
|
3810
|
-
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(() => {
|
|
3811
3813
|
this.toggleIdle(), this.clickTimer = null;
|
|
3812
3814
|
}, 350));
|
|
3813
3815
|
if (this.emit("click", _e), _e.defaultPrevented) return;
|
|
3814
3816
|
let Le = !1;
|
|
3815
|
-
if (
|
|
3817
|
+
if (Re.closest(".fancybox__content")) {
|
|
3816
3818
|
if (Be) {
|
|
3817
3819
|
if (Be.closest("[contenteditable]")) return;
|
|
3818
|
-
|
|
3820
|
+
Re.matches(nt) || Be.blur();
|
|
3819
3821
|
}
|
|
3820
3822
|
if (be()) return;
|
|
3821
3823
|
Le = this.option("contentClick");
|
|
3822
|
-
} else
|
|
3824
|
+
} else Re.closest(".fancybox__carousel") && !Re.matches(nt) && (Le = this.option("backdropClick"));
|
|
3823
3825
|
Le === "close" ? (_e.preventDefault(), this.close(_e)) : Le === "next" ? (_e.preventDefault(), this.next()) : Le === "prev" && (_e.preventDefault(), this.prev());
|
|
3824
3826
|
}
|
|
3825
3827
|
onWheel(_e) {
|
|
3826
3828
|
const ke = _e.target;
|
|
3827
3829
|
let De = this.option("wheel", _e);
|
|
3828
3830
|
ke.closest(".fancybox__thumbs") && (De = "slide");
|
|
3829
|
-
const
|
|
3831
|
+
const $e = De === "slide", Re = [-_e.deltaX || 0, -_e.deltaY || 0, -_e.detail || 0].reduce(function(ze, Ae) {
|
|
3830
3832
|
return Math.abs(Ae) > Math.abs(ze) ? Ae : ze;
|
|
3831
|
-
}), Be = Math.max(-1, Math.min(1,
|
|
3832
|
-
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"]()))));
|
|
3833
3835
|
}
|
|
3834
3836
|
onScroll() {
|
|
3835
3837
|
window.scrollTo(Pe, Ce);
|
|
@@ -3839,8 +3841,8 @@ class Oe extends g {
|
|
|
3839
3841
|
this.isCompact || !this.option("idle") || this.isClosing() || this.resetIdle();
|
|
3840
3842
|
const ke = _e.key, De = this.option("keyboard");
|
|
3841
3843
|
if (!De) return;
|
|
3842
|
-
const
|
|
3843
|
-
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;
|
|
3844
3846
|
this.emit("keydown", ke, _e);
|
|
3845
3847
|
const Le = De[ke];
|
|
3846
3848
|
Le && typeof this[Le] == "function" && (_e.preventDefault(), this[Le]());
|
|
@@ -3863,21 +3865,21 @@ class Oe extends g {
|
|
|
3863
3865
|
manageCloseBtn(_e) {
|
|
3864
3866
|
const ke = this.optionFor(_e, "closeButton") || !1;
|
|
3865
3867
|
if (ke === "auto") {
|
|
3866
|
-
const
|
|
3867
|
-
if (
|
|
3868
|
+
const $e = this.plugins.Toolbar;
|
|
3869
|
+
if ($e && $e.state === Zt.Ready) return;
|
|
3868
3870
|
}
|
|
3869
3871
|
if (!ke || !_e.contentEl || _e.closeBtnEl) return;
|
|
3870
3872
|
const De = this.option("tpl.closeButton");
|
|
3871
3873
|
if (De) {
|
|
3872
|
-
const
|
|
3873
|
-
_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");
|
|
3874
3876
|
}
|
|
3875
3877
|
}
|
|
3876
3878
|
manageCaption(_e = void 0) {
|
|
3877
3879
|
var ke, De;
|
|
3878
|
-
const
|
|
3879
|
-
if (
|
|
3880
|
-
S(
|
|
3880
|
+
const $e = "fancybox__caption", Re = this.container;
|
|
3881
|
+
if (!Re) return;
|
|
3882
|
+
S(Re, de);
|
|
3881
3883
|
const Be = this.isCompact || this.option("commonCaption"), Le = !Be;
|
|
3882
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"));
|
|
3883
3885
|
if (_e || (_e = this.getSlide()), !_e || Be && !this.isCurrentSlide(_e)) return;
|
|
@@ -3889,11 +3891,11 @@ class Oe extends g {
|
|
|
3889
3891
|
let Ie = null;
|
|
3890
3892
|
if (Le) {
|
|
3891
3893
|
if (Ie = _e.captionEl || null, ze && !Ie) {
|
|
3892
|
-
const je =
|
|
3893
|
-
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);
|
|
3894
3896
|
}
|
|
3895
3897
|
} else
|
|
3896
|
-
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;
|
|
3897
3899
|
Ie && (Ie.innerHTML = "", ve(Ae) || typeof Ae == "number" ? Ie.innerHTML = Ae + "" : Ae instanceof HTMLElement && Ie.appendChild(Ae));
|
|
3898
3900
|
}
|
|
3899
3901
|
checkFocus(_e) {
|
|
@@ -3902,16 +3904,16 @@ class Oe extends g {
|
|
|
3902
3904
|
focus(_e) {
|
|
3903
3905
|
var ke;
|
|
3904
3906
|
if (this.ignoreFocusChange) return;
|
|
3905
|
-
const De = document.activeElement || null,
|
|
3906
|
-
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;
|
|
3907
3909
|
const Le = this.getSlide(), ze = Le && Le.state === lt.Ready ? Le.el : null;
|
|
3908
|
-
if (!ze || ze.contains(De) ||
|
|
3910
|
+
if (!ze || ze.contains(De) || Re === De) return;
|
|
3909
3911
|
_e && _e.cancelable && _e.preventDefault(), this.ignoreFocusChange = !0;
|
|
3910
|
-
const Ae = Array.from(
|
|
3912
|
+
const Ae = Array.from(Re.querySelectorAll(nt));
|
|
3911
3913
|
let Ie = [], je = null;
|
|
3912
3914
|
for (let Ve of Ae) {
|
|
3913
|
-
const He = !Ve.offsetParent || !!Ve.closest('[aria-hidden="true"]'),
|
|
3914
|
-
if (Ve ===
|
|
3915
|
+
const He = !Ve.offsetParent || !!Ve.closest('[aria-hidden="true"]'), qe = ze && ze.contains(Ve), Xe = !Be.contains(Ve);
|
|
3916
|
+
if (Ve === Re || (qe || Xe) && !He) {
|
|
3915
3917
|
Ie.push(Ve);
|
|
3916
3918
|
const We = Ve.dataset.origTabindex;
|
|
3917
3919
|
We !== void 0 && We && (Ve.tabIndex = parseFloat(We)), Ve.removeAttribute("data-orig-tabindex"), !Ve.hasAttribute("autoFocus") && je || (je = Ve);
|
|
@@ -3921,7 +3923,7 @@ class Oe extends g {
|
|
|
3921
3923
|
}
|
|
3922
3924
|
}
|
|
3923
3925
|
let Fe = null;
|
|
3924
|
-
_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;
|
|
3925
3927
|
}
|
|
3926
3928
|
next() {
|
|
3927
3929
|
const _e = this.carousel;
|
|
@@ -3941,28 +3943,28 @@ class Oe extends g {
|
|
|
3941
3943
|
animate(_e = null, ke = "", De) {
|
|
3942
3944
|
if (!_e || !ke) return void (De && De());
|
|
3943
3945
|
this.stop(_e);
|
|
3944
|
-
const
|
|
3945
|
-
|
|
3946
|
+
const $e = (Re) => {
|
|
3947
|
+
Re.target === _e && _e.dataset.animationName && (_e.removeEventListener("animationend", $e), delete _e.dataset.animationName, De && De(), S(_e, ke));
|
|
3946
3948
|
};
|
|
3947
|
-
_e.dataset.animationName = ke, _e.addEventListener("animationend",
|
|
3949
|
+
_e.dataset.animationName = ke, _e.addEventListener("animationend", $e), P(_e, ke);
|
|
3948
3950
|
}
|
|
3949
3951
|
stop(_e) {
|
|
3950
3952
|
_e && _e.dispatchEvent(new CustomEvent("animationend", { bubbles: !1, cancelable: !0, currentTarget: _e }));
|
|
3951
3953
|
}
|
|
3952
3954
|
setContent(_e, ke = "", De = !0) {
|
|
3953
3955
|
if (this.isClosing()) return;
|
|
3954
|
-
const
|
|
3955
|
-
if (
|
|
3956
|
-
let
|
|
3957
|
-
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())) {
|
|
3958
3960
|
const Be = document.createElement("div");
|
|
3959
|
-
Be.appendChild(
|
|
3961
|
+
Be.appendChild(Re), Re = Be;
|
|
3960
3962
|
}
|
|
3961
|
-
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}}");
|
|
3962
3964
|
}
|
|
3963
3965
|
revealContent(_e, ke) {
|
|
3964
|
-
const De = _e.el,
|
|
3965
|
-
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, () => {
|
|
3966
3968
|
this.done(_e);
|
|
3967
3969
|
}) : this.done(_e));
|
|
3968
3970
|
}
|
|
@@ -4003,8 +4005,8 @@ class Oe extends g {
|
|
|
4003
4005
|
const De = new Event("error", { bubbles: !0, cancelable: !0 });
|
|
4004
4006
|
if (this.emit("error", De, _e), De.defaultPrevented) return;
|
|
4005
4007
|
_e.error = ke, this.hideLoading(_e), this.clearContent(_e);
|
|
4006
|
-
const
|
|
4007
|
-
|
|
4008
|
+
const $e = document.createElement("div");
|
|
4009
|
+
$e.classList.add("fancybox-error"), $e.innerHTML = this.localize(ke || "<p>{{ERROR}}</p>"), this.setContent(_e, $e);
|
|
4008
4010
|
}
|
|
4009
4011
|
clearContent(_e) {
|
|
4010
4012
|
if (_e.state === void 0) return;
|
|
@@ -4022,10 +4024,10 @@ class Oe extends g {
|
|
|
4022
4024
|
const De = new Event("shouldClose", { bubbles: !0, cancelable: !0 });
|
|
4023
4025
|
if (this.emit("shouldClose", De, _e), De.defaultPrevented) return;
|
|
4024
4026
|
_e && _e.cancelable && (_e.preventDefault(), _e.stopPropagation());
|
|
4025
|
-
const
|
|
4027
|
+
const $e = () => {
|
|
4026
4028
|
this.proceedClose(_e, ke);
|
|
4027
4029
|
};
|
|
4028
|
-
this.startedFs && ye && ye.isFullscreen() ? Promise.resolve(ye.exit()).then(() =>
|
|
4030
|
+
this.startedFs && ye && ye.isFullscreen() ? Promise.resolve(ye.exit()).then(() => $e()) : $e();
|
|
4029
4031
|
}
|
|
4030
4032
|
clearIdle() {
|
|
4031
4033
|
this.idleTimer && clearTimeout(this.idleTimer), this.idleTimer = null;
|
|
@@ -4058,11 +4060,11 @@ class Oe extends g {
|
|
|
4058
4060
|
return [rt.Closing, rt.CustomClosing, rt.Destroy].includes(this.state);
|
|
4059
4061
|
}
|
|
4060
4062
|
proceedClose(_e, ke) {
|
|
4061
|
-
var De,
|
|
4063
|
+
var De, $e;
|
|
4062
4064
|
this.state = rt.Closing, this.clearIdle(), this.detachEvents();
|
|
4063
|
-
const
|
|
4064
|
-
if (ze && (tt(ze) ? st(ze) : ze.focus()),
|
|
4065
|
-
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();
|
|
4066
4068
|
for (const Ae of Be.slides) {
|
|
4067
4069
|
Ae.state = lt.Closing, this.hideLoading(Ae);
|
|
4068
4070
|
const Ie = Ae.contentEl;
|
|
@@ -4088,23 +4090,23 @@ class Oe extends g {
|
|
|
4088
4090
|
const De = Oe.getInstance();
|
|
4089
4091
|
De ? De.focus() : (we && (we.remove(), we = null), xe && (xe.remove(), xe = null), S(document.documentElement, ee), (() => {
|
|
4090
4092
|
if (!et) return;
|
|
4091
|
-
const
|
|
4092
|
-
|
|
4093
|
+
const $e = document, Re = $e.body;
|
|
4094
|
+
Re.classList.remove(ie), Re.style.setProperty(se, ""), $e.documentElement.style.setProperty(ne, "");
|
|
4093
4095
|
})(), this.emit("destroy"));
|
|
4094
4096
|
}
|
|
4095
4097
|
static bind(_e, ke, De) {
|
|
4096
4098
|
if (!et) return;
|
|
4097
|
-
let
|
|
4098
|
-
if (_e === void 0 ?
|
|
4099
|
-
|
|
4100
|
-
const Le = Oe.openers.get(
|
|
4101
|
-
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);
|
|
4102
4104
|
}
|
|
4103
4105
|
static unbind(_e, ke) {
|
|
4104
|
-
let De,
|
|
4105
|
-
if (ve(_e) ? (De = document.body,
|
|
4106
|
-
const
|
|
4107
|
-
$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));
|
|
4108
4110
|
}
|
|
4109
4111
|
static destroy() {
|
|
4110
4112
|
let _e;
|
|
@@ -4117,41 +4119,41 @@ class Oe extends g {
|
|
|
4117
4119
|
let ke = _e.composedPath()[0];
|
|
4118
4120
|
const De = ke.closest("[data-fancybox-trigger]");
|
|
4119
4121
|
if (De) {
|
|
4120
|
-
const He = De.dataset.fancyboxTrigger || "",
|
|
4121
|
-
ke =
|
|
4122
|
+
const He = De.dataset.fancyboxTrigger || "", qe = document.querySelectorAll(`[data-fancybox="${He}"]`), Xe = parseInt(De.dataset.fancyboxIndex || "", 10) || 0;
|
|
4123
|
+
ke = qe[Xe] || ke;
|
|
4122
4124
|
}
|
|
4123
4125
|
if (!(ke && ke instanceof Element)) return;
|
|
4124
|
-
let
|
|
4125
|
-
if ([...Oe.openers].reverse().find(([He,
|
|
4126
|
+
let $e, Re, Be, Le;
|
|
4127
|
+
if ([...Oe.openers].reverse().find(([He, qe]) => !(!He.contains(ke) || ![...qe].reverse().find(([Xe, We]) => {
|
|
4126
4128
|
let Ze = ke.closest(Xe);
|
|
4127
|
-
return !!Ze && (
|
|
4128
|
-
}))),
|
|
4129
|
+
return !!Ze && ($e = He, Re = Xe, Be = Ze, Le = We, !0);
|
|
4130
|
+
}))), !$e || !Re || !Be) return;
|
|
4129
4131
|
Le = Le || {}, _e.preventDefault(), ke = Be;
|
|
4130
4132
|
let ze = [], Ae = u({}, at, Le);
|
|
4131
4133
|
Ae.event = _e, Ae.triggerEl = ke, Ae.delegate = De;
|
|
4132
4134
|
const Ie = Ae.groupAll, je = Ae.groupAttr, Fe = je && ke ? ke.getAttribute(`${je}`) : "";
|
|
4133
|
-
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;
|
|
4134
4136
|
const Ve = Oe.getInstance();
|
|
4135
4137
|
return Ve && Ve.options.triggerEl && ze.indexOf(Ve.options.triggerEl) > -1 ? void 0 : (ke && (Ae.startIndex = ze.indexOf(ke)), Oe.fromNodes(ze, Ae));
|
|
4136
4138
|
}
|
|
4137
4139
|
static fromSelector(_e, ke, De) {
|
|
4138
|
-
let
|
|
4139
|
-
if (ve(_e) ? (
|
|
4140
|
-
const Le = Oe.openers.get(
|
|
4141
|
-
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));
|
|
4142
4144
|
}
|
|
4143
4145
|
static fromNodes(_e, ke) {
|
|
4144
4146
|
ke = u({}, at, ke || {});
|
|
4145
4147
|
const De = [];
|
|
4146
|
-
for (const
|
|
4147
|
-
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;
|
|
4148
4150
|
let Le;
|
|
4149
4151
|
const ze = ke.delegate;
|
|
4150
4152
|
let Ae;
|
|
4151
|
-
ze && De.length === ke.startIndex && (Le = ze instanceof HTMLImageElement ? ze : ze.querySelector("img:not([aria-hidden])")), Le || (Le =
|
|
4152
|
-
const Ie = { src: Be, triggerEl:
|
|
4153
|
-
for (const je in
|
|
4154
|
-
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] + "";
|
|
4155
4157
|
Fe = Fe !== "false" && (Fe === "true" || Fe), Ie[je] = Fe;
|
|
4156
4158
|
}
|
|
4157
4159
|
De.push(Ie);
|
|
@@ -4203,7 +4205,7 @@ const _sfc_main$b = {
|
|
|
4203
4205
|
Oe.destroy();
|
|
4204
4206
|
}
|
|
4205
4207
|
}, _hoisted_1$7 = { ref: "container" };
|
|
4206
|
-
function _sfc_render$1(Ne, _e, ke, De,
|
|
4208
|
+
function _sfc_render$1(Ne, _e, ke, De, $e, Re) {
|
|
4207
4209
|
return openBlock(), createElementBlock("div", _hoisted_1$7, [
|
|
4208
4210
|
renderSlot(Ne.$slots, "default")
|
|
4209
4211
|
], 512);
|
|
@@ -4251,8 +4253,11 @@ const FancyBoxComp = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_r
|
|
|
4251
4253
|
}, _hoisted_3$3 = {
|
|
4252
4254
|
key: 0,
|
|
4253
4255
|
class: "irep-flat-preview__left-conf ire-w-full ire-p-3 ire-text-start ire-capitalize"
|
|
4254
|
-
}, _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 = {
|
|
4255
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,
|
|
4256
4261
|
class: "irep-flat-preview__left-pagination ire-ml-4 ire-flex ire-items-center ire-gap-1"
|
|
4257
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 = {
|
|
4258
4263
|
key: 1,
|
|
@@ -4265,13 +4270,16 @@ const FancyBoxComp = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_r
|
|
|
4265
4270
|
},
|
|
4266
4271
|
emits: ["changeComponent"],
|
|
4267
4272
|
setup(Ne) {
|
|
4268
|
-
const _e = Ne, ke = ref(!1), De = ref(0),
|
|
4273
|
+
const _e = Ne, ke = ref(!1), De = ref(0), $e = computed$1(() => {
|
|
4269
4274
|
var Le, ze, Ae, Ie, je, Fe;
|
|
4270
|
-
|
|
4271
|
-
|
|
4272
|
-
|
|
4273
|
-
|
|
4274
|
-
return
|
|
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(() => {
|
|
4281
|
+
var Le, ze, Ae, Ie, je, Fe;
|
|
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);
|
|
4275
4283
|
});
|
|
4276
4284
|
return watch(
|
|
4277
4285
|
() => ke.value,
|
|
@@ -4279,13 +4287,13 @@ const FancyBoxComp = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_r
|
|
|
4279
4287
|
De.value = 0;
|
|
4280
4288
|
}
|
|
4281
4289
|
), onMounted(() => {
|
|
4282
|
-
var
|
|
4283
|
-
(
|
|
4284
|
-
}), (
|
|
4285
|
-
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;
|
|
4286
4294
|
return openBlock(), createElementBlock("div", _hoisted_1$5, [
|
|
4287
|
-
|
|
4288
|
-
(
|
|
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),
|
|
4289
4297
|
createVNode(FancyBoxComp, { options: {} }, {
|
|
4290
4298
|
default: withCtx(() => [
|
|
4291
4299
|
createVNode(Transition, {
|
|
@@ -4293,28 +4301,28 @@ const FancyBoxComp = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_r
|
|
|
4293
4301
|
mode: "out-in"
|
|
4294
4302
|
}, {
|
|
4295
4303
|
default: withCtx(() => {
|
|
4296
|
-
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;
|
|
4297
4305
|
return [
|
|
4298
|
-
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", {
|
|
4299
4307
|
key: 0,
|
|
4300
4308
|
"data-fancybox": "",
|
|
4301
|
-
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,
|
|
4302
4310
|
class: "irep-flat-preview__left-2d"
|
|
4303
4311
|
}, [
|
|
4304
4312
|
(openBlock(), createElementBlock("img", {
|
|
4305
|
-
key: (
|
|
4306
|
-
src: (
|
|
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,
|
|
4307
4315
|
class: "ire-preview-img"
|
|
4308
4316
|
}, null, 8, _hoisted_5))
|
|
4309
|
-
], 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", {
|
|
4310
4318
|
key: 1,
|
|
4311
4319
|
"data-fancybox": "",
|
|
4312
|
-
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,
|
|
4313
4321
|
class: "irep-flat-preview__left-3d"
|
|
4314
4322
|
}, [
|
|
4315
4323
|
(openBlock(), createElementBlock("img", {
|
|
4316
|
-
key: (
|
|
4317
|
-
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,
|
|
4318
4326
|
class: "ire-preview-img"
|
|
4319
4327
|
}, null, 8, _hoisted_7))
|
|
4320
4328
|
], 8, _hoisted_6)) : createCommentVNode("", !0)
|
|
@@ -4326,13 +4334,13 @@ const FancyBoxComp = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_r
|
|
|
4326
4334
|
_: 1
|
|
4327
4335
|
}),
|
|
4328
4336
|
createElementVNode("div", _hoisted_8, [
|
|
4329
|
-
|
|
4330
|
-
(
|
|
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, {
|
|
4331
4339
|
key: 0,
|
|
4332
4340
|
title: unref(tr)("3d plan"),
|
|
4333
4341
|
active: !ke.value,
|
|
4334
4342
|
class: "flat-preview-button",
|
|
4335
|
-
onClick:
|
|
4343
|
+
onClick: ze[0] || (ze[0] = (ci) => ke.value = !1)
|
|
4336
4344
|
}, {
|
|
4337
4345
|
icon: withCtx(() => [
|
|
4338
4346
|
createVNode(FlatIcon, {
|
|
@@ -4341,12 +4349,12 @@ const FancyBoxComp = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_r
|
|
|
4341
4349
|
]),
|
|
4342
4350
|
_: 1
|
|
4343
4351
|
}, 8, ["title", "active"])) : createCommentVNode("", !0),
|
|
4344
|
-
(
|
|
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, {
|
|
4345
4353
|
key: 1,
|
|
4346
4354
|
title: unref(tr)("2d plan"),
|
|
4347
4355
|
active: ke.value,
|
|
4348
4356
|
class: "flat-preview-button",
|
|
4349
|
-
onClick:
|
|
4357
|
+
onClick: ze[1] || (ze[1] = (ci) => ke.value = !0)
|
|
4350
4358
|
}, {
|
|
4351
4359
|
icon: withCtx(() => [
|
|
4352
4360
|
createVNode(FlatIcon, {
|
|
@@ -4355,8 +4363,8 @@ const FancyBoxComp = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_r
|
|
|
4355
4363
|
]),
|
|
4356
4364
|
_: 1
|
|
4357
4365
|
}, 8, ["title", "active"])) : createCommentVNode("", !0)
|
|
4358
|
-
]),
|
|
4359
|
-
((
|
|
4366
|
+
])) : createCommentVNode("", !0),
|
|
4367
|
+
((Ze = Re.value) == null ? void 0 : Ze.length) > 1 ? (openBlock(), createElementBlock("div", _hoisted_10, [
|
|
4360
4368
|
(openBlock(!0), createElementBlock(Fragment, null, renderList(Re.value, (ci, ui) => (openBlock(), createElementBlock("div", {
|
|
4361
4369
|
key: ci,
|
|
4362
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", {
|
|
@@ -4368,28 +4376,28 @@ const FancyBoxComp = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_r
|
|
|
4368
4376
|
])
|
|
4369
4377
|
])) : createCommentVNode("", !0),
|
|
4370
4378
|
createElementVNode("div", _hoisted_12, [
|
|
4371
|
-
(
|
|
4379
|
+
(Ge = Le.flat) != null && Ge.flat_number ? (openBlock(), createBlock(_sfc_main$9, {
|
|
4372
4380
|
key: 0,
|
|
4373
4381
|
keyName: unref(tr)("apartment"),
|
|
4374
|
-
value:
|
|
4382
|
+
value: Le.flat.flat_number,
|
|
4375
4383
|
class: "[&_.flat-preview-value]:ire-min-w-fit [&_.flat-preview-value]:ire-font-semibold"
|
|
4376
4384
|
}, null, 8, ["keyName", "value"])) : createCommentVNode("", !0),
|
|
4377
|
-
(
|
|
4378
|
-
createElementVNode("div", _hoisted_14, toDisplayString((
|
|
4379
|
-
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)
|
|
4380
4388
|
])) : createCommentVNode("", !0),
|
|
4381
4389
|
createElementVNode("div", _hoisted_16, [
|
|
4382
|
-
(
|
|
4390
|
+
(ni = Le.flat) != null && ni.floor_number ? (openBlock(), createBlock(_sfc_main$9, {
|
|
4383
4391
|
key: 0,
|
|
4384
4392
|
keyName: unref(tr)("floor"),
|
|
4385
|
-
value: (
|
|
4393
|
+
value: (oi = Le.flat) == null ? void 0 : oi.floor_number
|
|
4386
4394
|
}, null, 8, ["keyName", "value"])) : createCommentVNode("", !0),
|
|
4387
|
-
(
|
|
4395
|
+
(ri = (si = Le.flat) == null ? void 0 : si.type) != null && ri.area_m2 ? (openBlock(), createBlock(_sfc_main$9, {
|
|
4388
4396
|
key: 1,
|
|
4389
4397
|
keyName: unref(tr)("area"),
|
|
4390
|
-
value: unref(getArea)(Number((
|
|
4398
|
+
value: unref(getArea)(Number((ai = Le.flat) == null ? void 0 : ai.type.area_m2))
|
|
4391
4399
|
}, {
|
|
4392
|
-
sufix: withCtx(() =>
|
|
4400
|
+
sufix: withCtx(() => ze[2] || (ze[2] = [
|
|
4393
4401
|
createElementVNode("span", null, [
|
|
4394
4402
|
createTextVNode(" m "),
|
|
4395
4403
|
createElementVNode("sup", { class: "ire-inline-block -ire-translate-x-1 !ire-text-sm" }, " 2 ")
|
|
@@ -4397,21 +4405,25 @@ const FancyBoxComp = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_r
|
|
|
4397
4405
|
])),
|
|
4398
4406
|
_: 1
|
|
4399
4407
|
}, 8, ["keyName", "value"])) : createCommentVNode("", !0),
|
|
4400
|
-
(
|
|
4408
|
+
(hi = (li = Le.flat) == null ? void 0 : li.type) != null && hi.rooms_count ? (openBlock(), createBlock(_sfc_main$9, {
|
|
4401
4409
|
key: 2,
|
|
4402
4410
|
keyName: unref(tr)("room"),
|
|
4403
|
-
value:
|
|
4411
|
+
value: Le.flat.type.rooms_count
|
|
4404
4412
|
}, null, 8, ["keyName", "value"])) : createCommentVNode("", !0),
|
|
4405
|
-
(
|
|
4413
|
+
(di = Le.flat) != null && di.request_price ? (openBlock(), createBlock(_sfc_main$9, {
|
|
4406
4414
|
key: 3,
|
|
4407
4415
|
keyName: unref(tr)("price"),
|
|
4408
|
-
value: unref(
|
|
4416
|
+
value: unref(tr)("Request Price")
|
|
4417
|
+
}, null, 8, ["keyName", "value"])) : (fi = Le.flat) != null && fi.offer_price ? (openBlock(), createBlock(_sfc_main$9, {
|
|
4418
|
+
key: 4,
|
|
4419
|
+
keyName: unref(tr)("price"),
|
|
4420
|
+
value: unref(getPrice)(Number((mi = Le.flat) == null ? void 0 : mi.offer_price))
|
|
4409
4421
|
}, {
|
|
4410
4422
|
top: withCtx(() => {
|
|
4411
4423
|
var ci;
|
|
4412
4424
|
return [
|
|
4413
4425
|
createElementVNode("div", _hoisted_17, [
|
|
4414
|
-
createTextVNode(toDisplayString(unref(getPrice)(Number((ci =
|
|
4426
|
+
createTextVNode(toDisplayString(unref(getPrice)(Number((ci = Le.flat) == null ? void 0 : ci.price))) + " ", 1),
|
|
4415
4427
|
createElementVNode("span", null, toDisplayString(unref(currencySymbol)()), 1)
|
|
4416
4428
|
])
|
|
4417
4429
|
];
|
|
@@ -4420,17 +4432,17 @@ const FancyBoxComp = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_r
|
|
|
4420
4432
|
createElementVNode("span", null, toDisplayString(unref(currencySymbol)()), 1)
|
|
4421
4433
|
]),
|
|
4422
4434
|
_: 1
|
|
4423
|
-
}, 8, ["keyName", "value"])) : (
|
|
4424
|
-
key:
|
|
4435
|
+
}, 8, ["keyName", "value"])) : (gi = Le.flat) != null && gi.price && Number(Le.flat.price) > 0 ? (openBlock(), createBlock(_sfc_main$9, {
|
|
4436
|
+
key: 5,
|
|
4425
4437
|
keyName: unref(tr)("price"),
|
|
4426
|
-
value: unref(getPrice)(Number((
|
|
4438
|
+
value: unref(getPrice)(Number((vi = Le.flat) == null ? void 0 : vi.price))
|
|
4427
4439
|
}, {
|
|
4428
4440
|
sufix: withCtx(() => [
|
|
4429
4441
|
createElementVNode("span", null, toDisplayString(unref(currencySymbol)()), 1)
|
|
4430
4442
|
]),
|
|
4431
4443
|
_: 1
|
|
4432
4444
|
}, 8, ["keyName", "value"])) : createCommentVNode("", !0),
|
|
4433
|
-
(
|
|
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, {
|
|
4434
4446
|
keyName: ci.key,
|
|
4435
4447
|
value: ci.value
|
|
4436
4448
|
}, null, 8, ["keyName", "value"]))), 256)) : createCommentVNode("", !0)
|
|
@@ -4501,11 +4513,11 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]
|
|
|
4501
4513
|
},
|
|
4502
4514
|
setup(Ne) {
|
|
4503
4515
|
return (_e, ke) => {
|
|
4504
|
-
var De,
|
|
4516
|
+
var De, $e, Re, Be, Le, ze, Ae, Ie, je, Fe, Ve, He;
|
|
4505
4517
|
return openBlock(), createElementBlock("div", _hoisted_1$1, [
|
|
4506
|
-
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),
|
|
4507
4519
|
createVNode(_sfc_main$5, {
|
|
4508
|
-
editor: (Be = (
|
|
4520
|
+
editor: (Be = (Re = _e.modalData) == null ? void 0 : Re.modalObject) == null ? void 0 : Be.description
|
|
4509
4521
|
}, null, 8, ["editor"]),
|
|
4510
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", {
|
|
4511
4523
|
key: 0,
|
|
@@ -4526,7 +4538,7 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]
|
|
|
4526
4538
|
},
|
|
4527
4539
|
emits: ["changeComponent"],
|
|
4528
4540
|
setup(Ne, { emit: _e }) {
|
|
4529
|
-
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(() => {
|
|
4530
4542
|
var Xe, We;
|
|
4531
4543
|
if ((Xe = De.block) != null && Xe.svg)
|
|
4532
4544
|
return (We = De.block) == null ? void 0 : We.svg;
|
|
@@ -4534,22 +4546,22 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]
|
|
|
4534
4546
|
const We = Xe.target;
|
|
4535
4547
|
We && (Ae.value = We);
|
|
4536
4548
|
}, He = (Xe) => {
|
|
4537
|
-
var Ze, Ge,
|
|
4549
|
+
var Ze, Ge, Ye;
|
|
4538
4550
|
const We = Xe.target;
|
|
4539
4551
|
(We == null ? void 0 : We.nodeName) === "path" && (((Ze = je.value) == null ? void 0 : Ze.conf) === "reserved" && !Be.value || ((Ge = je.value) == null ? void 0 : Ge.conf) === "sold" && !Le.value || ke(
|
|
4540
4552
|
"changeComponent",
|
|
4541
|
-
((
|
|
4553
|
+
((Ye = Ie.value) == null ? void 0 : Ye.type) || "",
|
|
4542
4554
|
je.value
|
|
4543
4555
|
));
|
|
4544
|
-
},
|
|
4556
|
+
}, qe = () => {
|
|
4545
4557
|
var We;
|
|
4546
4558
|
if (!ze.value) return;
|
|
4547
4559
|
((We = ze.value) == null ? void 0 : We.querySelectorAll("g")).forEach((Ze) => {
|
|
4548
4560
|
var Qe, Je, Ke, ei;
|
|
4549
|
-
const Ge = Ze == null ? void 0 : Ze.getAttribute("id"),
|
|
4561
|
+
const Ge = Ze == null ? void 0 : Ze.getAttribute("id"), Ye = (Je = (Qe = De.block) == null ? void 0 : Qe.polygon_data) == null ? void 0 : Je.find(
|
|
4550
4562
|
(ii) => (ii == null ? void 0 : ii.key) === Ge
|
|
4551
|
-
), Ue =
|
|
4552
|
-
switch (
|
|
4563
|
+
), Ue = Ye == null ? void 0 : Ye.id;
|
|
4564
|
+
switch (Ye == null ? void 0 : Ye.type) {
|
|
4553
4565
|
case "floor":
|
|
4554
4566
|
const ii = (Ke = De.floors) == null ? void 0 : Ke.find((ni) => ni.id === Ue);
|
|
4555
4567
|
Ze.setAttribute("conf", (ii == null ? void 0 : ii.conf) || "");
|
|
@@ -4562,21 +4574,21 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]
|
|
|
4562
4574
|
});
|
|
4563
4575
|
};
|
|
4564
4576
|
return watch(
|
|
4565
|
-
() =>
|
|
4577
|
+
() => $e == null ? void 0 : $e.value,
|
|
4566
4578
|
() => {
|
|
4567
|
-
|
|
4579
|
+
$e != null && $e.value || (Ae.value = null, Ie.value = null);
|
|
4568
4580
|
}
|
|
4569
4581
|
), watch(
|
|
4570
4582
|
() => Ae.value,
|
|
4571
4583
|
(Xe) => {
|
|
4572
|
-
var Ze, Ge,
|
|
4584
|
+
var Ze, Ge, Ye, Ue, Qe, Je, Ke, ei;
|
|
4573
4585
|
if (!Xe) return;
|
|
4574
|
-
|
|
4586
|
+
Re.hoverdSvg = Xe;
|
|
4575
4587
|
const We = Xe == null ? void 0 : Xe.parentElement;
|
|
4576
4588
|
if (We && (We == null ? void 0 : We.nodeName) === "g") {
|
|
4577
4589
|
const ii = We == null ? void 0 : We.getAttribute("id");
|
|
4578
4590
|
if (!ii || (Ie.value = ((Ge = (Ze = De.block) == null ? void 0 : Ze.polygon_data) == null ? void 0 : Ge.find((ti) => (ti == null ? void 0 : ti.key) === ii)) || null, !Ie.value)) return;
|
|
4579
|
-
if (((
|
|
4591
|
+
if (((Ye = Ie.value) == null ? void 0 : Ye.type) === "floor") {
|
|
4580
4592
|
const ti = (Ue = De.floors) == null ? void 0 : Ue.find(
|
|
4581
4593
|
(ni) => {
|
|
4582
4594
|
var oi;
|
|
@@ -4606,7 +4618,7 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]
|
|
|
4606
4618
|
Ie.value = null, je.value = null;
|
|
4607
4619
|
}
|
|
4608
4620
|
), onMounted(() => {
|
|
4609
|
-
|
|
4621
|
+
qe(), document.addEventListener("mousemove", Ve);
|
|
4610
4622
|
}), onUnmounted(() => {
|
|
4611
4623
|
document.removeEventListener("mousemove", Ve);
|
|
4612
4624
|
}), (Xe, We) => {
|
|
@@ -4619,17 +4631,17 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]
|
|
|
4619
4631
|
var Ge;
|
|
4620
4632
|
return [
|
|
4621
4633
|
createVNode(_sfc_main$e, {
|
|
4622
|
-
onClick: We[0] || (We[0] = (
|
|
4634
|
+
onClick: We[0] || (We[0] = (Ye) => Xe.$emit("changeComponent", "project", null))
|
|
4623
4635
|
}),
|
|
4624
4636
|
createElementVNode("div", _hoisted_1, toDisplayString((Ge = Xe.block) == null ? void 0 : Ge.title), 1)
|
|
4625
4637
|
];
|
|
4626
4638
|
}),
|
|
4627
4639
|
default: withCtx(() => {
|
|
4628
|
-
var Ge,
|
|
4640
|
+
var Ge, Ye, Ue;
|
|
4629
4641
|
return [
|
|
4630
4642
|
createElementVNode("div", _hoisted_2, [
|
|
4631
4643
|
createElementVNode("img", {
|
|
4632
|
-
src: ((Ue = (
|
|
4644
|
+
src: ((Ue = (Ye = (Ge = Xe.block) == null ? void 0 : Ge.block_image) == null ? void 0 : Ye[0]) == null ? void 0 : Ue.url) || "",
|
|
4633
4645
|
alt: "",
|
|
4634
4646
|
class: "ire-left-0 ire-top-0 ire-h-full ire-w-full"
|
|
4635
4647
|
}, null, 8, _hoisted_3),
|
|
@@ -4651,29 +4663,29 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]
|
|
|
4651
4663
|
}), _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
4652
4664
|
__name: "MouseTracker",
|
|
4653
4665
|
setup(Ne) {
|
|
4654
|
-
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);
|
|
4655
4667
|
let Be = null, Le = 0, ze = 0;
|
|
4656
4668
|
const Ae = (Fe, Ve, He) => Fe * (1 - He) + Ve * He, Ie = () => {
|
|
4657
4669
|
if (Be) return;
|
|
4658
4670
|
const Fe = () => {
|
|
4659
|
-
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;
|
|
4660
4672
|
};
|
|
4661
4673
|
Be = requestAnimationFrame(Fe);
|
|
4662
4674
|
}, je = (Fe) => {
|
|
4663
4675
|
var Qe;
|
|
4664
4676
|
const Ve = document.querySelector(".irep-tooltip"), He = ((Qe = _e.hoverdSvg) == null ? void 0 : Qe.nodeName) === "path" ? _e.hoverdSvg : null;
|
|
4665
|
-
if (
|
|
4677
|
+
if (!Re.value || !Ve || !He)
|
|
4666
4678
|
return;
|
|
4667
|
-
const
|
|
4668
|
-
Le = Fe.clientX -
|
|
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;
|
|
4669
4681
|
};
|
|
4670
4682
|
return onMounted(() => {
|
|
4671
4683
|
document.addEventListener("mousemove", je);
|
|
4672
4684
|
}), onUnmounted(() => {
|
|
4673
4685
|
document.removeEventListener("mousemove", je), Be && cancelAnimationFrame(Be);
|
|
4674
|
-
}), provide("mouseX", De), provide("mouseY",
|
|
4686
|
+
}), provide("mouseX", De), provide("mouseY", $e), (Fe, Ve) => (openBlock(), createElementBlock("div", {
|
|
4675
4687
|
ref_key: "canvasRef",
|
|
4676
|
-
ref:
|
|
4688
|
+
ref: Re
|
|
4677
4689
|
}, [
|
|
4678
4690
|
renderSlot(Fe.$slots, "default")
|
|
4679
4691
|
], 512));
|
|
@@ -4684,7 +4696,7 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]
|
|
|
4684
4696
|
shortcodeDataProps: {}
|
|
4685
4697
|
},
|
|
4686
4698
|
setup(__props) {
|
|
4687
|
-
var Ne, _e, ke, De,
|
|
4699
|
+
var Ne, _e, ke, De, $e, Re, Be;
|
|
4688
4700
|
const props = __props, globalStore = useGlobalStore(), { getMetaValue } = globalStore, constants = ref({
|
|
4689
4701
|
PREVIEW_PATH_COLOR: getMetaValue("path_color") || "rgba(255, 255, 255, 0.3)",
|
|
4690
4702
|
PREVIEW_PATH_HOVER_COLOR: getMetaValue("path_hover_color") || "rgba(250, 250, 250, 0.54)",
|
|
@@ -4698,8 +4710,8 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]
|
|
|
4698
4710
|
path_hover: (_e = constants.value) == null ? void 0 : _e.PREVIEW_PATH_HOVER_COLOR,
|
|
4699
4711
|
reserved: (ke = constants.value) == null ? void 0 : ke.PREVIEW_RESERVED_COLOR,
|
|
4700
4712
|
sold: (De = constants.value) == null ? void 0 : De.PREVIEW_SOLD_COLOR,
|
|
4701
|
-
stroke_color: (
|
|
4702
|
-
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,
|
|
4703
4715
|
border_radius: (Be = constants.value) == null ? void 0 : Be.PREVIEW_BORDER_RADIUS
|
|
4704
4716
|
}), cssVariables = computed$1(() => ({
|
|
4705
4717
|
"--reserved-color": colors.reserved,
|
|
@@ -4721,8 +4733,8 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]
|
|
|
4721
4733
|
return (Le = shortcodeData.value.floors) == null || Le.forEach((Ae) => {
|
|
4722
4734
|
var Fe, Ve;
|
|
4723
4735
|
const Ie = (Ve = (Fe = shortcodeData.value) == null ? void 0 : Fe.flats) == null ? void 0 : Ve.filter((He) => {
|
|
4724
|
-
var
|
|
4725
|
-
return (He == null ? void 0 : He.floor_number) !== ((
|
|
4736
|
+
var qe;
|
|
4737
|
+
return (He == null ? void 0 : He.floor_number) !== ((qe = Ae == null ? void 0 : Ae.floor_number) == null ? void 0 : qe.toString()) ? !1 : Ae != null && Ae.polygon_data ? Object == null ? void 0 : Object.values(Ae == null ? void 0 : Ae.polygon_data).some(
|
|
4726
4738
|
(We) => {
|
|
4727
4739
|
var Ze;
|
|
4728
4740
|
return We != null && We.type && (We == null ? void 0 : We.type) === "flat" && (We == null ? void 0 : We.id) === (He == null ? void 0 : He.id) ? Ae != null && Ae.block_id ? (He == null ? void 0 : He.block_id) === ((Ze = Ae == null ? void 0 : Ae.block_id) == null ? void 0 : Ze.toString()) : !(He != null && He.block_id) : !1;
|
|
@@ -4732,8 +4744,8 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]
|
|
|
4732
4744
|
Ae.flats = Ie;
|
|
4733
4745
|
const { conf: je } = Ae || {};
|
|
4734
4746
|
if (Ie != null && Ie.length && !je) {
|
|
4735
|
-
const He = Ie == null ? void 0 : Ie.every((Xe) => (Xe == null ? void 0 : Xe.conf) === "reserved"),
|
|
4736
|
-
He ? Ae.conf = "reserved" :
|
|
4747
|
+
const He = Ie == null ? void 0 : Ie.every((Xe) => (Xe == null ? void 0 : Xe.conf) === "reserved"), qe = Ie == null ? void 0 : Ie.every((Xe) => (Xe == null ? void 0 : Xe.conf) === "sold");
|
|
4748
|
+
He ? Ae.conf = "reserved" : qe && (Ae.conf = "sold");
|
|
4737
4749
|
}
|
|
4738
4750
|
}), (ze = shortcodeData.value) == null ? void 0 : ze.floors;
|
|
4739
4751
|
}), blocks = computed$1(() => {
|
|
@@ -4897,7 +4909,7 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]
|
|
|
4897
4909
|
},
|
|
4898
4910
|
setup(Ne) {
|
|
4899
4911
|
const _e = Ne, ke = useGlobalStore();
|
|
4900
|
-
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, [
|
|
4901
4913
|
createVNode(_sfc_main$1, { "shortcode-data-props": De.data }, null, 8, ["shortcode-data-props"])
|
|
4902
4914
|
]));
|
|
4903
4915
|
}
|