nestiq-component-library 1.2.4 → 1.2.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +4 -4
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +411 -384
- package/dist/index.js.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import k, { useState as I, useRef as O, useLayoutEffect as je, useEffect as F, useSyncExternalStore as He, isValidElement as oe, cloneElement as ge } from "react";
|
|
2
2
|
var se = { exports: {} }, K = {};
|
|
3
3
|
var be;
|
|
4
4
|
function Je() {
|
|
@@ -32,38 +32,38 @@ function Ve() {
|
|
|
32
32
|
return s.$$typeof === B ? null : s.displayName || s.name || null;
|
|
33
33
|
if (typeof s == "string") return s;
|
|
34
34
|
switch (s) {
|
|
35
|
-
case
|
|
35
|
+
case x:
|
|
36
36
|
return "Fragment";
|
|
37
37
|
case c:
|
|
38
38
|
return "Profiler";
|
|
39
|
-
case
|
|
39
|
+
case j:
|
|
40
40
|
return "StrictMode";
|
|
41
41
|
case M:
|
|
42
42
|
return "Suspense";
|
|
43
|
-
case
|
|
43
|
+
case _:
|
|
44
44
|
return "SuspenseList";
|
|
45
|
-
case
|
|
45
|
+
case U:
|
|
46
46
|
return "Activity";
|
|
47
47
|
}
|
|
48
48
|
if (typeof s == "object")
|
|
49
49
|
switch (typeof s.tag == "number" && console.error(
|
|
50
50
|
"Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
|
|
51
51
|
), s.$$typeof) {
|
|
52
|
-
case
|
|
52
|
+
case h:
|
|
53
53
|
return "Portal";
|
|
54
|
-
case
|
|
54
|
+
case A:
|
|
55
55
|
return s.displayName || "Context";
|
|
56
|
-
case
|
|
56
|
+
case f:
|
|
57
57
|
return (s._context.displayName || "Context") + ".Consumer";
|
|
58
58
|
case C:
|
|
59
|
-
var
|
|
60
|
-
return s = s.displayName, s || (s =
|
|
61
|
-
case
|
|
62
|
-
return
|
|
59
|
+
var w = s.render;
|
|
60
|
+
return s = s.displayName, s || (s = w.displayName || w.name || "", s = s !== "" ? "ForwardRef(" + s + ")" : "ForwardRef"), s;
|
|
61
|
+
case v:
|
|
62
|
+
return w = s.displayName || null, w !== null ? w : e(s.type) || "Memo";
|
|
63
63
|
case E:
|
|
64
|
-
|
|
64
|
+
w = s._payload, s = s._init;
|
|
65
65
|
try {
|
|
66
|
-
return e(s(
|
|
66
|
+
return e(s(w));
|
|
67
67
|
} catch {
|
|
68
68
|
}
|
|
69
69
|
}
|
|
@@ -75,27 +75,27 @@ function Ve() {
|
|
|
75
75
|
function o(s) {
|
|
76
76
|
try {
|
|
77
77
|
a(s);
|
|
78
|
-
var
|
|
78
|
+
var w = !1;
|
|
79
79
|
} catch {
|
|
80
|
-
|
|
80
|
+
w = !0;
|
|
81
81
|
}
|
|
82
|
-
if (
|
|
83
|
-
|
|
84
|
-
var z =
|
|
82
|
+
if (w) {
|
|
83
|
+
w = console;
|
|
84
|
+
var z = w.error, P = typeof Symbol == "function" && Symbol.toStringTag && s[Symbol.toStringTag] || s.constructor.name || "Object";
|
|
85
85
|
return z.call(
|
|
86
|
-
|
|
86
|
+
w,
|
|
87
87
|
"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
|
|
88
88
|
P
|
|
89
89
|
), a(s);
|
|
90
90
|
}
|
|
91
91
|
}
|
|
92
92
|
function r(s) {
|
|
93
|
-
if (s ===
|
|
93
|
+
if (s === x) return "<>";
|
|
94
94
|
if (typeof s == "object" && s !== null && s.$$typeof === E)
|
|
95
95
|
return "<...>";
|
|
96
96
|
try {
|
|
97
|
-
var
|
|
98
|
-
return
|
|
97
|
+
var w = e(s);
|
|
98
|
+
return w ? "<" + w + ">" : "<...>";
|
|
99
99
|
} catch {
|
|
100
100
|
return "<...>";
|
|
101
101
|
}
|
|
@@ -109,16 +109,16 @@ function Ve() {
|
|
|
109
109
|
}
|
|
110
110
|
function i(s) {
|
|
111
111
|
if (Q.call(s, "key")) {
|
|
112
|
-
var
|
|
113
|
-
if (
|
|
112
|
+
var w = Object.getOwnPropertyDescriptor(s, "key").get;
|
|
113
|
+
if (w && w.isReactWarning) return !1;
|
|
114
114
|
}
|
|
115
115
|
return s.key !== void 0;
|
|
116
116
|
}
|
|
117
|
-
function d(s,
|
|
117
|
+
function d(s, w) {
|
|
118
118
|
function z() {
|
|
119
119
|
Z || (Z = !0, console.error(
|
|
120
120
|
"%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
|
|
121
|
-
|
|
121
|
+
w
|
|
122
122
|
));
|
|
123
123
|
}
|
|
124
124
|
z.isReactWarning = !0, Object.defineProperty(s, "key", {
|
|
@@ -126,23 +126,23 @@ function Ve() {
|
|
|
126
126
|
configurable: !0
|
|
127
127
|
});
|
|
128
128
|
}
|
|
129
|
-
function
|
|
129
|
+
function m() {
|
|
130
130
|
var s = e(this.type);
|
|
131
|
-
return
|
|
131
|
+
return G[s] || (G[s] = !0, console.error(
|
|
132
132
|
"Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
|
|
133
133
|
)), s = this.props.ref, s !== void 0 ? s : null;
|
|
134
134
|
}
|
|
135
|
-
function
|
|
135
|
+
function p(s, w, z, P, ae, ce) {
|
|
136
136
|
var L = z.ref;
|
|
137
137
|
return s = {
|
|
138
|
-
$$typeof:
|
|
138
|
+
$$typeof: T,
|
|
139
139
|
type: s,
|
|
140
|
-
key:
|
|
140
|
+
key: w,
|
|
141
141
|
props: z,
|
|
142
142
|
_owner: P
|
|
143
143
|
}, (L !== void 0 ? L : null) !== null ? Object.defineProperty(s, "ref", {
|
|
144
144
|
enumerable: !1,
|
|
145
|
-
get:
|
|
145
|
+
get: m
|
|
146
146
|
}) : Object.defineProperty(s, "ref", { enumerable: !1, value: null }), s._store = {}, Object.defineProperty(s._store, "validated", {
|
|
147
147
|
configurable: !1,
|
|
148
148
|
enumerable: !1,
|
|
@@ -165,25 +165,25 @@ function Ve() {
|
|
|
165
165
|
value: ce
|
|
166
166
|
}), Object.freeze && (Object.freeze(s.props), Object.freeze(s)), s;
|
|
167
167
|
}
|
|
168
|
-
function
|
|
169
|
-
var L =
|
|
168
|
+
function g(s, w, z, P, ae, ce) {
|
|
169
|
+
var L = w.children;
|
|
170
170
|
if (L !== void 0)
|
|
171
171
|
if (P)
|
|
172
172
|
if (ie(L)) {
|
|
173
173
|
for (P = 0; P < L.length; P++)
|
|
174
|
-
|
|
174
|
+
y(L[P]);
|
|
175
175
|
Object.freeze && Object.freeze(L);
|
|
176
176
|
} else
|
|
177
177
|
console.error(
|
|
178
178
|
"React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
|
|
179
179
|
);
|
|
180
|
-
else
|
|
181
|
-
if (Q.call(
|
|
180
|
+
else y(L);
|
|
181
|
+
if (Q.call(w, "key")) {
|
|
182
182
|
L = e(s);
|
|
183
|
-
var
|
|
183
|
+
var Y = Object.keys(w).filter(function(Qe) {
|
|
184
184
|
return Qe !== "key";
|
|
185
185
|
});
|
|
186
|
-
P = 0 <
|
|
186
|
+
P = 0 < Y.length ? "{key: someKey, " + Y.join(": ..., ") + ": ...}" : "{key: someKey}", ye[L + P] || (Y = 0 < Y.length ? "{" + Y.join(": ..., ") + ": ...}" : "{}", console.error(
|
|
187
187
|
`A props object containing a "key" prop is being spread into JSX:
|
|
188
188
|
let props = %s;
|
|
189
189
|
<%s {...props} />
|
|
@@ -192,19 +192,19 @@ React keys must be passed directly to JSX without using spread:
|
|
|
192
192
|
<%s key={someKey} {...props} />`,
|
|
193
193
|
P,
|
|
194
194
|
L,
|
|
195
|
-
|
|
195
|
+
Y,
|
|
196
196
|
L
|
|
197
197
|
), ye[L + P] = !0);
|
|
198
198
|
}
|
|
199
|
-
if (L = null, z !== void 0 && (o(z), L = "" + z), i(
|
|
199
|
+
if (L = null, z !== void 0 && (o(z), L = "" + z), i(w) && (o(w.key), L = "" + w.key), "key" in w) {
|
|
200
200
|
z = {};
|
|
201
|
-
for (var de in
|
|
202
|
-
de !== "key" && (z[de] =
|
|
203
|
-
} else z =
|
|
201
|
+
for (var de in w)
|
|
202
|
+
de !== "key" && (z[de] = w[de]);
|
|
203
|
+
} else z = w;
|
|
204
204
|
return L && d(
|
|
205
205
|
z,
|
|
206
206
|
typeof s == "function" ? s.displayName || s.name || "Unknown" : s
|
|
207
|
-
),
|
|
207
|
+
), p(
|
|
208
208
|
s,
|
|
209
209
|
L,
|
|
210
210
|
z,
|
|
@@ -213,43 +213,43 @@ React keys must be passed directly to JSX without using spread:
|
|
|
213
213
|
ce
|
|
214
214
|
);
|
|
215
215
|
}
|
|
216
|
-
function
|
|
217
|
-
|
|
216
|
+
function y(s) {
|
|
217
|
+
b(s) ? s._store && (s._store.validated = 1) : typeof s == "object" && s !== null && s.$$typeof === E && (s._payload.status === "fulfilled" ? b(s._payload.value) && s._payload.value._store && (s._payload.value._store.validated = 1) : s._store && (s._store.validated = 1));
|
|
218
218
|
}
|
|
219
|
-
function
|
|
220
|
-
return typeof s == "object" && s !== null && s.$$typeof ===
|
|
219
|
+
function b(s) {
|
|
220
|
+
return typeof s == "object" && s !== null && s.$$typeof === T;
|
|
221
221
|
}
|
|
222
|
-
var
|
|
222
|
+
var u = k, T = /* @__PURE__ */ Symbol.for("react.transitional.element"), h = /* @__PURE__ */ Symbol.for("react.portal"), x = /* @__PURE__ */ Symbol.for("react.fragment"), j = /* @__PURE__ */ Symbol.for("react.strict_mode"), c = /* @__PURE__ */ Symbol.for("react.profiler"), f = /* @__PURE__ */ Symbol.for("react.consumer"), A = /* @__PURE__ */ Symbol.for("react.context"), C = /* @__PURE__ */ Symbol.for("react.forward_ref"), M = /* @__PURE__ */ Symbol.for("react.suspense"), _ = /* @__PURE__ */ Symbol.for("react.suspense_list"), v = /* @__PURE__ */ Symbol.for("react.memo"), E = /* @__PURE__ */ Symbol.for("react.lazy"), U = /* @__PURE__ */ Symbol.for("react.activity"), B = /* @__PURE__ */ Symbol.for("react.client.reference"), R = u.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Q = Object.prototype.hasOwnProperty, ie = Array.isArray, W = console.createTask ? console.createTask : function() {
|
|
223
223
|
return null;
|
|
224
224
|
};
|
|
225
|
-
|
|
225
|
+
u = {
|
|
226
226
|
react_stack_bottom_frame: function(s) {
|
|
227
227
|
return s();
|
|
228
228
|
}
|
|
229
229
|
};
|
|
230
|
-
var Z,
|
|
231
|
-
|
|
230
|
+
var Z, G = {}, H = u.react_stack_bottom_frame.bind(
|
|
231
|
+
u,
|
|
232
232
|
n
|
|
233
|
-
)(), ve =
|
|
234
|
-
$.Fragment =
|
|
233
|
+
)(), ve = W(r(n)), ye = {};
|
|
234
|
+
$.Fragment = x, $.jsx = function(s, w, z) {
|
|
235
235
|
var P = 1e4 > R.recentlyCreatedOwnerStacks++;
|
|
236
|
-
return
|
|
236
|
+
return g(
|
|
237
237
|
s,
|
|
238
|
-
|
|
238
|
+
w,
|
|
239
239
|
z,
|
|
240
240
|
!1,
|
|
241
241
|
P ? Error("react-stack-top-frame") : H,
|
|
242
|
-
P ?
|
|
242
|
+
P ? W(r(s)) : ve
|
|
243
243
|
);
|
|
244
|
-
}, $.jsxs = function(s,
|
|
244
|
+
}, $.jsxs = function(s, w, z) {
|
|
245
245
|
var P = 1e4 > R.recentlyCreatedOwnerStacks++;
|
|
246
|
-
return
|
|
246
|
+
return g(
|
|
247
247
|
s,
|
|
248
|
-
|
|
248
|
+
w,
|
|
249
249
|
z,
|
|
250
250
|
!0,
|
|
251
251
|
P ? Error("react-stack-top-frame") : H,
|
|
252
|
-
P ?
|
|
252
|
+
P ? W(r(s)) : ve
|
|
253
253
|
);
|
|
254
254
|
};
|
|
255
255
|
})()), $;
|
|
@@ -301,19 +301,19 @@ function tt(e, a, o = 300) {
|
|
|
301
301
|
});
|
|
302
302
|
}
|
|
303
303
|
function at({ enter: e, exit: a, appendPosition: o = !1, collapse: r = !0, collapseDuration: l = 300 }) {
|
|
304
|
-
return function({ children: n, position: i, preventExitTransition: d, done:
|
|
305
|
-
let
|
|
304
|
+
return function({ children: n, position: i, preventExitTransition: d, done: m, nodeRef: p, isIn: g, playToast: y }) {
|
|
305
|
+
let b = o ? `${e}--${i}` : e, u = o ? `${a}--${i}` : a, T = O(0);
|
|
306
306
|
return je(() => {
|
|
307
|
-
let
|
|
308
|
-
c.target ===
|
|
307
|
+
let h = p.current, x = b.split(" "), j = (c) => {
|
|
308
|
+
c.target === p.current && (y(), h.removeEventListener("animationend", j), h.removeEventListener("animationcancel", j), T.current === 0 && c.type !== "animationcancel" && h.classList.remove(...x));
|
|
309
309
|
};
|
|
310
|
-
|
|
311
|
-
}, []),
|
|
312
|
-
let
|
|
313
|
-
|
|
310
|
+
h.classList.add(...x), h.addEventListener("animationend", j), h.addEventListener("animationcancel", j);
|
|
311
|
+
}, []), F(() => {
|
|
312
|
+
let h = p.current, x = () => {
|
|
313
|
+
h.removeEventListener("animationend", x), r ? tt(h, m, l) : m();
|
|
314
314
|
};
|
|
315
|
-
|
|
316
|
-
}, [
|
|
315
|
+
g || (d ? x() : (T.current = 1, h.className += ` ${u}`, h.addEventListener("animationend", x)));
|
|
316
|
+
}, [g]), k.createElement(k.Fragment, null, n);
|
|
317
317
|
};
|
|
318
318
|
}
|
|
319
319
|
function _e(e, a) {
|
|
@@ -323,76 +323,76 @@ function ke(e, a, o = !1) {
|
|
|
323
323
|
return oe(e) && !V(e.type) ? ge(e, { closeToast: a.closeToast, toastProps: a, data: a.data, isPaused: o }) : D(e) ? e({ closeToast: a.closeToast, toastProps: a, data: a.data, isPaused: o }) : e;
|
|
324
324
|
}
|
|
325
325
|
function st({ closeToast: e, theme: a, ariaLabel: o = "close" }) {
|
|
326
|
-
return
|
|
326
|
+
return k.createElement("button", { className: `Toastify__close-button Toastify__close-button--${a}`, type: "button", onClick: (r) => {
|
|
327
327
|
r.stopPropagation(), e(!0);
|
|
328
|
-
}, "aria-label": o },
|
|
328
|
+
}, "aria-label": o }, k.createElement("svg", { "aria-hidden": "true", viewBox: "0 0 14 16" }, k.createElement("path", { fillRule: "evenodd", d: "M7.71 8.23l3.75 3.75-1.48 1.48-3.75-3.75-3.75 3.75L1 11.98l3.75-3.75L1 4.48 2.48 3l3.75 3.75L9.98 3l1.48 1.48-3.75 3.75z" })));
|
|
329
329
|
}
|
|
330
|
-
function ot({ delay: e, isRunning: a, closeToast: o, type: r = "default", hide: l, className: n, controlledProgress: i, progress: d, rtl:
|
|
331
|
-
let
|
|
332
|
-
i && (
|
|
333
|
-
let
|
|
334
|
-
|
|
330
|
+
function ot({ delay: e, isRunning: a, closeToast: o, type: r = "default", hide: l, className: n, controlledProgress: i, progress: d, rtl: m, isIn: p, theme: g }) {
|
|
331
|
+
let y = l || i && d === 0, b = { animationDuration: `${e}ms`, animationPlayState: a ? "running" : "paused" };
|
|
332
|
+
i && (b.transform = `scaleX(${d})`);
|
|
333
|
+
let u = J("Toastify__progress-bar", i ? "Toastify__progress-bar--controlled" : "Toastify__progress-bar--animated", `Toastify__progress-bar-theme--${g}`, `Toastify__progress-bar--${r}`, { "Toastify__progress-bar--rtl": m }), T = D(n) ? n({ rtl: m, type: r, defaultClassName: u }) : J(u, n), h = { [i && d >= 1 ? "onTransitionEnd" : "onAnimationEnd"]: i && d < 1 ? null : () => {
|
|
334
|
+
p && o();
|
|
335
335
|
} };
|
|
336
|
-
return
|
|
336
|
+
return k.createElement("div", { className: "Toastify__progress-bar--wrp", "data-hidden": y }, k.createElement("div", { className: `Toastify__progress-bar--bg Toastify__progress-bar-theme--${g} Toastify__progress-bar--${r}` }), k.createElement("div", { role: "progressbar", "aria-hidden": y ? "true" : "false", "aria-label": "notification timer", className: T, style: b, ...h }));
|
|
337
337
|
}
|
|
338
338
|
var rt = 1, Ie = () => `${rt++}`;
|
|
339
339
|
function nt(e, a, o) {
|
|
340
|
-
let r = 1, l = 0, n = [], i = [], d = a,
|
|
341
|
-
i = Array.from(
|
|
342
|
-
},
|
|
343
|
-
let C = c ? c !== e : e !== 1, M =
|
|
340
|
+
let r = 1, l = 0, n = [], i = [], d = a, m = /* @__PURE__ */ new Map(), p = /* @__PURE__ */ new Set(), g = (c) => (p.add(c), () => p.delete(c)), y = () => {
|
|
341
|
+
i = Array.from(m.values()), p.forEach((c) => c());
|
|
342
|
+
}, b = ({ containerId: c, toastId: f, updateId: A }) => {
|
|
343
|
+
let C = c ? c !== e : e !== 1, M = m.has(f) && A == null;
|
|
344
344
|
return C || M;
|
|
345
|
-
},
|
|
346
|
-
|
|
345
|
+
}, u = (c, f) => {
|
|
346
|
+
m.forEach((A) => {
|
|
347
347
|
var C;
|
|
348
|
-
(
|
|
348
|
+
(f == null || f === A.props.toastId) && ((C = A.toggle) == null || C.call(A, c));
|
|
349
349
|
});
|
|
350
|
-
},
|
|
351
|
-
var
|
|
352
|
-
(
|
|
353
|
-
},
|
|
354
|
-
if (c == null)
|
|
350
|
+
}, T = (c) => {
|
|
351
|
+
var f, A;
|
|
352
|
+
(A = (f = c.props) == null ? void 0 : f.onClose) == null || A.call(f, c.removalReason), c.isActive = !1;
|
|
353
|
+
}, h = (c) => {
|
|
354
|
+
if (c == null) m.forEach(T);
|
|
355
355
|
else {
|
|
356
|
-
let
|
|
357
|
-
|
|
356
|
+
let f = m.get(c);
|
|
357
|
+
f && T(f);
|
|
358
358
|
}
|
|
359
|
-
|
|
360
|
-
},
|
|
359
|
+
y();
|
|
360
|
+
}, x = () => {
|
|
361
361
|
l -= n.length, n = [];
|
|
362
|
-
},
|
|
363
|
-
var
|
|
364
|
-
let { toastId: C, updateId: M } = c.props,
|
|
365
|
-
c.staleId &&
|
|
362
|
+
}, j = (c) => {
|
|
363
|
+
var f, A;
|
|
364
|
+
let { toastId: C, updateId: M } = c.props, _ = M == null;
|
|
365
|
+
c.staleId && m.delete(c.staleId), c.isActive = !0, m.set(C, c), y(), o(_e(c, _ ? "added" : "updated")), _ && ((A = (f = c.props).onOpen) == null || A.call(f));
|
|
366
366
|
};
|
|
367
|
-
return { id: e, props: d, observe:
|
|
368
|
-
if (
|
|
369
|
-
let { toastId:
|
|
367
|
+
return { id: e, props: d, observe: g, toggle: u, removeToast: h, toasts: m, clearQueue: x, buildToast: (c, f) => {
|
|
368
|
+
if (b(f)) return;
|
|
369
|
+
let { toastId: A, updateId: C, data: M, staleId: _, delay: v } = f, E = C == null;
|
|
370
370
|
E && l++;
|
|
371
|
-
let
|
|
372
|
-
|
|
371
|
+
let U = { ...d, style: d.toastStyle, key: r++, ...Object.fromEntries(Object.entries(f).filter(([R, Q]) => Q != null)), toastId: A, updateId: C, data: M, isIn: !1, className: fe(f.className || d.toastClassName), progressClassName: fe(f.progressClassName || d.progressClassName), autoClose: f.isLoading ? !1 : et(f.autoClose, d.autoClose), closeToast(R) {
|
|
372
|
+
m.get(A).removalReason = R, h(A);
|
|
373
373
|
}, deleteToast() {
|
|
374
|
-
let R =
|
|
374
|
+
let R = m.get(A);
|
|
375
375
|
if (R != null) {
|
|
376
|
-
if (o(_e(R, "removed")),
|
|
377
|
-
|
|
376
|
+
if (o(_e(R, "removed")), m.delete(A), l--, l < 0 && (l = 0), n.length > 0) {
|
|
377
|
+
j(n.shift());
|
|
378
378
|
return;
|
|
379
379
|
}
|
|
380
|
-
|
|
380
|
+
y();
|
|
381
381
|
}
|
|
382
382
|
} };
|
|
383
|
-
|
|
384
|
-
let B = { content: c, props:
|
|
385
|
-
d.limit && d.limit > 0 && l > d.limit && E ? n.push(B) : ee(
|
|
386
|
-
|
|
387
|
-
},
|
|
383
|
+
U.closeButton = d.closeButton, f.closeButton === !1 || me(f.closeButton) ? U.closeButton = f.closeButton : f.closeButton === !0 && (U.closeButton = me(d.closeButton) ? d.closeButton : !0);
|
|
384
|
+
let B = { content: c, props: U, staleId: _ };
|
|
385
|
+
d.limit && d.limit > 0 && l > d.limit && E ? n.push(B) : ee(v) ? setTimeout(() => {
|
|
386
|
+
j(B);
|
|
387
|
+
}, v) : j(B);
|
|
388
388
|
}, setProps(c) {
|
|
389
389
|
d = c;
|
|
390
|
-
}, setToggle: (c,
|
|
391
|
-
let
|
|
392
|
-
|
|
390
|
+
}, setToggle: (c, f) => {
|
|
391
|
+
let A = m.get(c);
|
|
392
|
+
A && (A.toggle = f);
|
|
393
393
|
}, isToastActive: (c) => {
|
|
394
|
-
var
|
|
395
|
-
return (
|
|
394
|
+
var f;
|
|
395
|
+
return (f = m.get(c)) == null ? void 0 : f.isActive;
|
|
396
396
|
}, getSnapshot: () => i };
|
|
397
397
|
}
|
|
398
398
|
var S = /* @__PURE__ */ new Map(), X = [], ue = /* @__PURE__ */ new Set(), lt = (e) => ue.forEach((a) => a(e)), Ce = () => S.size > 0;
|
|
@@ -479,37 +479,37 @@ function re(e, a) {
|
|
|
479
479
|
function ne(e) {
|
|
480
480
|
return (a, o) => te(a, re(e, o));
|
|
481
481
|
}
|
|
482
|
-
function
|
|
482
|
+
function N(e, a) {
|
|
483
483
|
return te(e, re("default", a));
|
|
484
484
|
}
|
|
485
|
-
|
|
485
|
+
N.loading = (e, a) => te(e, re("default", { isLoading: !0, autoClose: !1, closeOnClick: !1, closeButton: !1, draggable: !1, ...a }));
|
|
486
486
|
function gt(e, { pending: a, error: o, success: r }, l) {
|
|
487
487
|
let n;
|
|
488
|
-
a && (n = V(a) ?
|
|
489
|
-
let i = { isLoading: null, autoClose: null, closeOnClick: null, closeButton: null, draggable: null }, d = (
|
|
490
|
-
if (
|
|
491
|
-
|
|
488
|
+
a && (n = V(a) ? N.loading(a, l) : N.loading(a.render, { ...l, ...a }));
|
|
489
|
+
let i = { isLoading: null, autoClose: null, closeOnClick: null, closeButton: null, draggable: null }, d = (p, g, y) => {
|
|
490
|
+
if (g == null) {
|
|
491
|
+
N.dismiss(n);
|
|
492
492
|
return;
|
|
493
493
|
}
|
|
494
|
-
let
|
|
495
|
-
return n ?
|
|
496
|
-
},
|
|
497
|
-
return
|
|
494
|
+
let b = { type: p, ...i, ...l, data: y }, u = V(g) ? { render: g } : g;
|
|
495
|
+
return n ? N.update(n, { ...b, ...u }) : N(u.render, { ...b, ...u }), y;
|
|
496
|
+
}, m = D(e) ? e() : e;
|
|
497
|
+
return m.then((p) => d("success", r, p)).catch((p) => d("error", o, p)), m;
|
|
498
498
|
}
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
499
|
+
N.promise = gt;
|
|
500
|
+
N.success = ne("success");
|
|
501
|
+
N.info = ne("info");
|
|
502
|
+
N.error = ne("error");
|
|
503
|
+
N.warning = ne("warning");
|
|
504
|
+
N.warn = N.warning;
|
|
505
|
+
N.dark = (e, a) => te(e, re("default", { theme: "dark", ...a }));
|
|
506
506
|
function xt(e) {
|
|
507
507
|
dt(e);
|
|
508
508
|
}
|
|
509
|
-
|
|
510
|
-
|
|
511
|
-
|
|
512
|
-
|
|
509
|
+
N.dismiss = xt;
|
|
510
|
+
N.clearWaitingQueue = ft;
|
|
511
|
+
N.isActive = Ee;
|
|
512
|
+
N.update = (e, a = {}) => {
|
|
513
513
|
let o = ct(e, a);
|
|
514
514
|
if (o) {
|
|
515
515
|
let { props: r, content: l } = o, n = { delay: 100, ...r, ...a, toastId: a.toastId || e, updateId: Ie() };
|
|
@@ -518,102 +518,102 @@ j.update = (e, a = {}) => {
|
|
|
518
518
|
delete n.render, te(i, n);
|
|
519
519
|
}
|
|
520
520
|
};
|
|
521
|
-
|
|
522
|
-
|
|
521
|
+
N.done = (e) => {
|
|
522
|
+
N.update(e, { progress: 1 });
|
|
523
523
|
};
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
|
|
524
|
+
N.onChange = ht;
|
|
525
|
+
N.play = (e) => Me(!0, e);
|
|
526
|
+
N.pause = (e) => Me(!1, e);
|
|
527
527
|
function vt(e) {
|
|
528
528
|
var a;
|
|
529
|
-
let { subscribe: o, getSnapshot: r, setProps: l } =
|
|
529
|
+
let { subscribe: o, getSnapshot: r, setProps: l } = O(ut(e)).current;
|
|
530
530
|
l(e);
|
|
531
531
|
let n = (a = He(o, r, r)) == null ? void 0 : a.slice();
|
|
532
532
|
function i(d) {
|
|
533
533
|
if (!n) return [];
|
|
534
|
-
let
|
|
535
|
-
return e.newestOnTop && n.reverse(), n.forEach((
|
|
536
|
-
let { position:
|
|
537
|
-
|
|
538
|
-
}), Array.from(
|
|
534
|
+
let m = /* @__PURE__ */ new Map();
|
|
535
|
+
return e.newestOnTop && n.reverse(), n.forEach((p) => {
|
|
536
|
+
let { position: g } = p.props;
|
|
537
|
+
m.has(g) || m.set(g, []), m.get(g).push(p);
|
|
538
|
+
}), Array.from(m, (p) => d(p[0], p[1]));
|
|
539
539
|
}
|
|
540
540
|
return { getToastToRender: i, isToastActive: Ee, count: n?.length };
|
|
541
541
|
}
|
|
542
542
|
function yt(e) {
|
|
543
|
-
let [a, o] = I(!1), [r, l] = I(!1), n =
|
|
544
|
-
mt({ id: e.toastId, containerId: e.containerId, fn: o }),
|
|
545
|
-
if (e.pauseOnFocusLoss) return
|
|
546
|
-
|
|
543
|
+
let [a, o] = I(!1), [r, l] = I(!1), n = O(null), i = O({ start: 0, delta: 0, removalDistance: 0, canCloseOnClick: !0, canDrag: !1, didMove: !1 }).current, { autoClose: d, pauseOnHover: m, closeToast: p, onClick: g, closeOnClick: y } = e;
|
|
544
|
+
mt({ id: e.toastId, containerId: e.containerId, fn: o }), F(() => {
|
|
545
|
+
if (e.pauseOnFocusLoss) return b(), () => {
|
|
546
|
+
u();
|
|
547
547
|
};
|
|
548
548
|
}, [e.pauseOnFocusLoss]);
|
|
549
|
-
function
|
|
550
|
-
document.hasFocus() ||
|
|
549
|
+
function b() {
|
|
550
|
+
document.hasFocus() || j(), window.addEventListener("focus", x), window.addEventListener("blur", j);
|
|
551
551
|
}
|
|
552
|
-
function
|
|
553
|
-
window.removeEventListener("focus",
|
|
552
|
+
function u() {
|
|
553
|
+
window.removeEventListener("focus", x), window.removeEventListener("blur", j);
|
|
554
554
|
}
|
|
555
|
-
function _
|
|
556
|
-
if (e.draggable === !0 || e.draggable ===
|
|
555
|
+
function T(_) {
|
|
556
|
+
if (e.draggable === !0 || e.draggable === _.pointerType) {
|
|
557
557
|
c();
|
|
558
|
-
let
|
|
559
|
-
i.canCloseOnClick = !0, i.canDrag = !0,
|
|
558
|
+
let v = n.current;
|
|
559
|
+
i.canCloseOnClick = !0, i.canDrag = !0, v.style.transition = "none", e.draggableDirection === "x" ? (i.start = _.clientX, i.removalDistance = v.offsetWidth * (e.draggablePercent / 100)) : (i.start = _.clientY, i.removalDistance = v.offsetHeight * (e.draggablePercent === 80 ? e.draggablePercent * 1.5 : e.draggablePercent) / 100);
|
|
560
560
|
}
|
|
561
561
|
}
|
|
562
|
-
function
|
|
563
|
-
let { top:
|
|
564
|
-
|
|
562
|
+
function h(_) {
|
|
563
|
+
let { top: v, bottom: E, left: U, right: B } = n.current.getBoundingClientRect();
|
|
564
|
+
_.nativeEvent.type !== "touchend" && e.pauseOnHover && _.clientX >= U && _.clientX <= B && _.clientY >= v && _.clientY <= E ? j() : x();
|
|
565
565
|
}
|
|
566
|
-
function
|
|
566
|
+
function x() {
|
|
567
567
|
o(!0);
|
|
568
568
|
}
|
|
569
|
-
function
|
|
569
|
+
function j() {
|
|
570
570
|
o(!1);
|
|
571
571
|
}
|
|
572
572
|
function c() {
|
|
573
|
-
i.didMove = !1, document.addEventListener("pointermove",
|
|
573
|
+
i.didMove = !1, document.addEventListener("pointermove", A), document.addEventListener("pointerup", C);
|
|
574
574
|
}
|
|
575
|
-
function
|
|
576
|
-
document.removeEventListener("pointermove",
|
|
575
|
+
function f() {
|
|
576
|
+
document.removeEventListener("pointermove", A), document.removeEventListener("pointerup", C);
|
|
577
577
|
}
|
|
578
|
-
function
|
|
579
|
-
let
|
|
580
|
-
if (i.canDrag &&
|
|
581
|
-
i.didMove = !0, a &&
|
|
578
|
+
function A(_) {
|
|
579
|
+
let v = n.current;
|
|
580
|
+
if (i.canDrag && v) {
|
|
581
|
+
i.didMove = !0, a && j(), e.draggableDirection === "x" ? i.delta = _.clientX - i.start : i.delta = _.clientY - i.start, i.start !== _.clientX && (i.canCloseOnClick = !1);
|
|
582
582
|
let E = e.draggableDirection === "x" ? `${i.delta}px, var(--y)` : `0, calc(${i.delta}px + var(--y))`;
|
|
583
|
-
|
|
583
|
+
v.style.transform = `translate3d(${E},0)`, v.style.opacity = `${1 - Math.abs(i.delta / i.removalDistance)}`;
|
|
584
584
|
}
|
|
585
585
|
}
|
|
586
586
|
function C() {
|
|
587
|
-
|
|
588
|
-
let
|
|
589
|
-
if (i.canDrag && i.didMove &&
|
|
587
|
+
f();
|
|
588
|
+
let _ = n.current;
|
|
589
|
+
if (i.canDrag && i.didMove && _) {
|
|
590
590
|
if (i.canDrag = !1, Math.abs(i.delta) > i.removalDistance) {
|
|
591
591
|
l(!0), e.closeToast(!0), e.collapseAll();
|
|
592
592
|
return;
|
|
593
593
|
}
|
|
594
|
-
|
|
594
|
+
_.style.transition = "transform 0.2s, opacity 0.2s", _.style.removeProperty("transform"), _.style.removeProperty("opacity");
|
|
595
595
|
}
|
|
596
596
|
}
|
|
597
|
-
let M = { onPointerDown:
|
|
598
|
-
return d &&
|
|
599
|
-
|
|
600
|
-
}), { playToast:
|
|
597
|
+
let M = { onPointerDown: T, onPointerUp: h };
|
|
598
|
+
return d && m && (M.onMouseEnter = j, e.stacked || (M.onMouseLeave = x)), y && (M.onClick = (_) => {
|
|
599
|
+
g && g(_), i.canCloseOnClick && p(!0);
|
|
600
|
+
}), { playToast: x, pauseToast: j, isRunning: a, preventExitTransition: r, toastRef: n, eventHandlers: M };
|
|
601
601
|
}
|
|
602
|
-
var bt = typeof window < "u" ? je :
|
|
602
|
+
var bt = typeof window < "u" ? je : F, le = ({ theme: e, type: a, isLoading: o, ...r }) => k.createElement("svg", { viewBox: "0 0 24 24", width: "100%", height: "100%", fill: e === "colored" ? "currentColor" : `var(--toastify-icon-color-${a})`, ...r });
|
|
603
603
|
function At(e) {
|
|
604
|
-
return
|
|
604
|
+
return k.createElement(le, { ...e }, k.createElement("path", { d: "M23.32 17.191L15.438 2.184C14.728.833 13.416 0 11.996 0c-1.42 0-2.733.833-3.443 2.184L.533 17.448a4.744 4.744 0 000 4.368C1.243 23.167 2.555 24 3.975 24h16.05C22.22 24 24 22.044 24 19.632c0-.904-.251-1.746-.68-2.44zm-9.622 1.46c0 1.033-.724 1.823-1.698 1.823s-1.698-.79-1.698-1.822v-.043c0-1.028.724-1.822 1.698-1.822s1.698.79 1.698 1.822v.043zm.039-12.285l-.84 8.06c-.057.581-.408.943-.897.943-.49 0-.84-.367-.896-.942l-.84-8.065c-.057-.624.25-1.095.779-1.095h1.91c.528.005.84.476.784 1.1z" }));
|
|
605
605
|
}
|
|
606
606
|
function wt(e) {
|
|
607
|
-
return
|
|
607
|
+
return k.createElement(le, { ...e }, k.createElement("path", { d: "M12 0a12 12 0 1012 12A12.013 12.013 0 0012 0zm.25 5a1.5 1.5 0 11-1.5 1.5 1.5 1.5 0 011.5-1.5zm2.25 13.5h-4a1 1 0 010-2h.75a.25.25 0 00.25-.25v-4.5a.25.25 0 00-.25-.25h-.75a1 1 0 010-2h1a2 2 0 012 2v4.75a.25.25 0 00.25.25h.75a1 1 0 110 2z" }));
|
|
608
608
|
}
|
|
609
609
|
function _t(e) {
|
|
610
|
-
return
|
|
610
|
+
return k.createElement(le, { ...e }, k.createElement("path", { d: "M12 0a12 12 0 1012 12A12.014 12.014 0 0012 0zm6.927 8.2l-6.845 9.289a1.011 1.011 0 01-1.43.188l-4.888-3.908a1 1 0 111.25-1.562l4.076 3.261 6.227-8.451a1 1 0 111.61 1.183z" }));
|
|
611
611
|
}
|
|
612
612
|
function jt(e) {
|
|
613
|
-
return
|
|
613
|
+
return k.createElement(le, { ...e }, k.createElement("path", { d: "M11.983 0a12.206 12.206 0 00-8.51 3.653A11.8 11.8 0 000 12.207 11.779 11.779 0 0011.8 24h.214A12.111 12.111 0 0024 11.791 11.766 11.766 0 0011.983 0zM10.5 16.542a1.476 1.476 0 011.449-1.53h.027a1.527 1.527 0 011.523 1.47 1.475 1.475 0 01-1.449 1.53h-.027a1.529 1.529 0 01-1.523-1.47zM11 12.5v-6a1 1 0 012 0v6a1 1 0 11-2 0z" }));
|
|
614
614
|
}
|
|
615
615
|
function Tt() {
|
|
616
|
-
return
|
|
616
|
+
return k.createElement("div", { className: "Toastify__spinner" });
|
|
617
617
|
}
|
|
618
618
|
var he = { info: wt, warning: At, success: _t, error: jt, spinner: Tt }, Nt = (e) => e in he;
|
|
619
619
|
function kt({ theme: e, type: a, isLoading: o, icon: r }) {
|
|
@@ -621,50 +621,50 @@ function kt({ theme: e, type: a, isLoading: o, icon: r }) {
|
|
|
621
621
|
return r === !1 || (D(r) ? l = r({ ...n, isLoading: o }) : oe(r) ? l = ge(r, n) : o ? l = he.spinner() : Nt(a) && (l = he[a](n))), l;
|
|
622
622
|
}
|
|
623
623
|
var It = (e) => {
|
|
624
|
-
let { isRunning: a, preventExitTransition: o, toastRef: r, eventHandlers: l, playToast: n } = yt(e), { closeButton: i, children: d, autoClose:
|
|
625
|
-
return i === !1 || (D(i) ? H = i(
|
|
624
|
+
let { isRunning: a, preventExitTransition: o, toastRef: r, eventHandlers: l, playToast: n } = yt(e), { closeButton: i, children: d, autoClose: m, onClick: p, type: g, hideProgressBar: y, closeToast: b, transition: u, position: T, className: h, style: x, progressClassName: j, updateId: c, role: f, progress: A, rtl: C, toastId: M, deleteToast: _, isIn: v, isLoading: E, closeOnClick: U, theme: B, ariaLabel: R } = e, Q = J("Toastify__toast", `Toastify__toast-theme--${B}`, `Toastify__toast--${g}`, { "Toastify__toast--rtl": C }, { "Toastify__toast--close-on-click": U }), ie = D(h) ? h({ rtl: C, position: T, type: g, defaultClassName: Q }) : J(Q, h), W = kt(e), Z = !!A || !m, G = { closeToast: b, type: g, theme: B }, H = null;
|
|
625
|
+
return i === !1 || (D(i) ? H = i(G) : oe(i) ? H = ge(i, G) : H = st(G)), k.createElement(u, { isIn: v, done: _, position: T, preventExitTransition: o, nodeRef: r, playToast: n }, k.createElement("div", { id: M, tabIndex: 0, onClick: p, "data-in": v, className: ie, ...l, style: x, ref: r, ...v && { role: f, "aria-label": R } }, W != null && k.createElement("div", { className: J("Toastify__toast-icon", { "Toastify--animate-icon Toastify__zoom-enter": !E }) }, W), ke(d, e, !a), H, !e.customProgressBar && k.createElement(ot, { ...c && !Z ? { key: `p-${c}` } : {}, rtl: C, theme: B, delay: m, isRunning: a, isIn: v, closeToast: b, hide: y, type: g, className: j, controlledProgress: Z, progress: A || 0 })));
|
|
626
626
|
}, Ct = (e, a = !1) => ({ enter: `Toastify--animate Toastify__${e}-enter`, exit: `Toastify--animate Toastify__${e}-exit`, appendPosition: a }), Et = at(Ct("bounce", !0)), zt = { position: "top-right", transition: Et, autoClose: 5e3, closeButton: !0, pauseOnHover: !0, pauseOnFocusLoss: !0, draggable: "touch", draggablePercent: 80, draggableDirection: "x", role: "alert", theme: "light", "aria-label": "Notifications Alt+T", hotKeys: (e) => e.altKey && e.code === "KeyT" };
|
|
627
627
|
function Mt(e) {
|
|
628
|
-
let a = { ...zt, ...e }, o = e.stacked, [r, l] = I(!0), n =
|
|
629
|
-
function
|
|
630
|
-
let
|
|
631
|
-
return D(
|
|
628
|
+
let a = { ...zt, ...e }, o = e.stacked, [r, l] = I(!0), n = O(null), { getToastToRender: i, isToastActive: d, count: m } = vt(a), { className: p, style: g, rtl: y, containerId: b, hotKeys: u } = a;
|
|
629
|
+
function T(x) {
|
|
630
|
+
let j = J("Toastify__toast-container", `Toastify__toast-container--${x}`, { "Toastify__toast-container--rtl": y });
|
|
631
|
+
return D(p) ? p({ position: x, rtl: y, defaultClassName: j }) : J(j, fe(p));
|
|
632
632
|
}
|
|
633
|
-
function
|
|
634
|
-
o && (l(!0),
|
|
633
|
+
function h() {
|
|
634
|
+
o && (l(!0), N.play());
|
|
635
635
|
}
|
|
636
636
|
return bt(() => {
|
|
637
|
-
var
|
|
637
|
+
var x;
|
|
638
638
|
if (o) {
|
|
639
|
-
let
|
|
640
|
-
Array.from(
|
|
641
|
-
let
|
|
642
|
-
|
|
643
|
-
let E =
|
|
644
|
-
|
|
639
|
+
let j = n.current.querySelectorAll('[data-in="true"]'), c = 12, f = (x = a.position) == null ? void 0 : x.includes("top"), A = 0, C = 0;
|
|
640
|
+
Array.from(j).reverse().forEach((M, _) => {
|
|
641
|
+
let v = M;
|
|
642
|
+
v.classList.add("Toastify__toast--stacked"), _ > 0 && (v.dataset.collapsed = `${r}`), v.dataset.pos || (v.dataset.pos = f ? "top" : "bot");
|
|
643
|
+
let E = A * (r ? 0.2 : 1) + (r ? 0 : c * _);
|
|
644
|
+
v.style.setProperty("--y", `${f ? E : E * -1}px`), v.style.setProperty("--g", `${c}`), v.style.setProperty("--s", `${1 - (r ? C : 0)}`), A += v.offsetHeight, C += 0.025;
|
|
645
645
|
});
|
|
646
646
|
}
|
|
647
|
-
}, [r,
|
|
648
|
-
function
|
|
647
|
+
}, [r, m, o]), F(() => {
|
|
648
|
+
function x(j) {
|
|
649
649
|
var c;
|
|
650
|
-
let
|
|
651
|
-
|
|
650
|
+
let f = n.current;
|
|
651
|
+
u(j) && ((c = f.querySelector('[tabIndex="0"]')) == null || c.focus(), l(!1), N.pause()), j.key === "Escape" && (document.activeElement === f || f != null && f.contains(document.activeElement)) && (l(!0), N.play());
|
|
652
652
|
}
|
|
653
|
-
return document.addEventListener("keydown",
|
|
654
|
-
document.removeEventListener("keydown",
|
|
653
|
+
return document.addEventListener("keydown", x), () => {
|
|
654
|
+
document.removeEventListener("keydown", x);
|
|
655
655
|
};
|
|
656
|
-
}, [
|
|
657
|
-
o && (l(!1),
|
|
658
|
-
}, onMouseLeave:
|
|
659
|
-
let c =
|
|
660
|
-
return
|
|
656
|
+
}, [u]), k.createElement("section", { ref: n, className: "Toastify", id: b, onMouseEnter: () => {
|
|
657
|
+
o && (l(!1), N.pause());
|
|
658
|
+
}, onMouseLeave: h, "aria-live": "polite", "aria-atomic": "false", "aria-relevant": "additions text", "aria-label": a["aria-label"] }, i((x, j) => {
|
|
659
|
+
let c = j.length ? { ...g } : { ...g, pointerEvents: "none" };
|
|
660
|
+
return k.createElement("div", { tabIndex: -1, className: T(x), "data-stacked": o, style: c, key: `c-${x}` }, j.map(({ content: f, props: A }) => k.createElement(It, { ...A, stacked: o, collapseAll: h, isIn: d(A.toastId, A.containerId), key: `t-${A.key}` }, f)));
|
|
661
661
|
}));
|
|
662
662
|
}
|
|
663
663
|
function Pe(e) {
|
|
664
664
|
const [a, o] = I(!0), r = () => {
|
|
665
665
|
e.onClick();
|
|
666
|
-
}, l =
|
|
667
|
-
navigator.clipboard.writeText(e.url),
|
|
666
|
+
}, l = O(null), n = () => {
|
|
667
|
+
navigator.clipboard.writeText(e.url), N.success("URL copied to clipboard!");
|
|
668
668
|
};
|
|
669
669
|
return /* @__PURE__ */ t.jsx("div", { children: a && /* @__PURE__ */ t.jsx("div", { className: " popup-overlay", children: /* @__PURE__ */ t.jsxs("div", { className: "shareSection col-12 d-flex position-relative flex-column mx-auto justify-content-center col-5 col-lg-6 d-flex gap-4", children: [
|
|
670
670
|
/* @__PURE__ */ t.jsx("div", { className: "end-0 top-0 position-absolute ", children: /* @__PURE__ */ t.jsx(
|
|
@@ -862,138 +862,165 @@ function Yt(e) {
|
|
|
862
862
|
}
|
|
863
863
|
const Pt = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='%23fff'%20class='bi%20bi-chevron-right'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill-rule='evenodd'%20d='M4.646%201.646a.5.5%200%200%201%20.708%200l6%206a.5.5%200%200%201%200%20.708l-6%206a.5.5%200%200%201-.708-.708L10.293%208%204.646%202.354a.5.5%200%200%201%200-.708'/%3e%3c/svg%3e", Se = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-chevron-right'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill-rule='evenodd'%20d='M4.646%201.646a.5.5%200%200%201%20.708%200l6%206a.5.5%200%200%201%200%20.708l-6%206a.5.5%200%200%201-.708-.708L10.293%208%204.646%202.354a.5.5%200%200%201%200-.708'/%3e%3c/svg%3e", Be = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-chevron-left'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill-rule='evenodd'%20d='M11.354%201.646a.5.5%200%200%201%200%20.708L5.707%208l5.647%205.646a.5.5%200%200%201-.708.708l-6-6a.5.5%200%200%201%200-.708l6-6a.5.5%200%200%201%20.708%200'/%3e%3c/svg%3e", Lt = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='%23fff'%20class='bi%20bi-chevron-left'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill-rule='evenodd'%20d='M11.354%201.646a.5.5%200%200%201%200%20.708L5.707%208l5.647%205.646a.5.5%200%200%201-.708.708l-6-6a.5.5%200%200%201%200-.708l6-6a.5.5%200%200%201%20.708%200'/%3e%3c/svg%3e", St = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M18.242%201.29H4.297a1.76%201.76%200%200%200-1.758%201.757v.742h-.781A1.76%201.76%200%200%200%200%205.547v11.406c0%20.97.789%201.758%201.758%201.758h13.945a1.76%201.76%200%200%200%201.758-1.758v-.742h.781A1.76%201.76%200%200%200%2020%2014.453V3.047a1.76%201.76%200%200%200-1.758-1.758zM4.297%202.46h13.945c.323%200%20.586.264.586.587v5.508l-3.49-2.47a.586.586%200%200%200-.724.037L10%2010.159l-2.114-1.85a.586.586%200%200%200-.748-.02l-3.427%202.693V3.047c0-.323.263-.586.586-.586zm11.992%2014.493a.587.587%200%200%201-.586.586H1.758a.587.587%200%200%201-.586-.586V5.547c0-.323.263-.586.586-.586h.781v9.492c0%20.97.789%201.758%201.758%201.758h11.992v.742zm1.953-1.914H4.297a.587.587%200%200%201-.586-.586v-1.98L7.48%209.51l2.134%201.868c.221.193.55.193.772%200l4.652-4.071%203.79%202.683v4.462a.587.587%200%200%201-.586.586z'%20fill='%23fff'/%3e%3cpath%20d='M10%207.46a1.838%201.838%200%200%200%201.836-1.835A1.838%201.838%200%200%200%2010%203.789a1.838%201.838%200%200%200-1.836%201.836c0%201.012.824%201.836%201.836%201.836zm0-2.5a.665.665%200%201%201-.001%201.33A.665.665%200%200%201%2010%204.96z'%20fill='%23fff'/%3e%3c/svg%3e", Bt = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23bq66l33lna)'%3e%3cpath%20d='M19.286%200a.715.715%200%200%200-.32.075l-5.413%202.707-6.12-2.72C7.423.058%207.41.057%207.4.052a.741.741%200%200%200-.17-.044%201.063%201.063%200%200%200-.175%200%20.742.742%200%200%200-.171.044c-.01.005-.022.005-.032.01L.424%202.919A.714.714%200%200%200%200%203.572v15.714a.714.714%200%200%200%201.004.653l6.139-2.729%206.138%202.729c.01.004.022%200%20.033.006a.63.63%200%200%200%20.54-.012c.012-.005.025%200%20.036-.008l5.715-2.857a.714.714%200%200%200%20.395-.64V.716A.714.714%200%200%200%2019.286%200zM6.428%2015.964l-5%202.222V4.036l5-2.222v14.15zm6.429%202.222-5-2.222V1.814l5%202.222v14.15zm5.714-2.199-4.286%202.143V4.013l4.286-2.143v14.117z'%20fill='%23fff'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='bq66l33lna'%3e%3cpath%20fill='%23fff'%20d='M0%200h20v20H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", Re = "data:image/svg+xml,%3csvg%20width='22'%20height='20'%20viewBox='0%200%2022%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m21.354%205.808-10-5.714a.714.714%200%200%200-.709%200l-10%205.714a.714.714%200%200%200%20.017%201.25l10%205.357a.714.714%200%200%200%20.675%200l10-5.357a.714.714%200%200%200%20.017-1.25zM11%2010.975%202.475%206.408%2011%201.537l8.525%204.871L11%2010.975z'%20fill='%23fff'/%3e%3cpath%20d='m11.34%2016.162%209.656-5.31V9.22l-10%205.5-10-5.5v1.63l9.656%205.31a.715.715%200%200%200%20.688%200z'%20fill='%23fff'/%3e%3cpath%20d='m.996%2014.762%209.664%205.154a.714.714%200%200%200%20.672%200l9.664-5.154v-1.62l-10%205.334-10-5.333v1.619z'%20fill='%23fff'/%3e%3c/svg%3e", Oe = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA5UExURUdwTP///////////////////////////////////////////////////////////////////////308lk0AAAASdFJOUwAUewieGb7PD9mvXxrH74slIK+eL1kAAAC1SURBVDjLhZPZDoQgEARbRE6vnf//2MWsrigN8AKhKmQYGiAaq8CGU0Z/gChphLHkk09g3bEcgpiRcpENv7kw5nM/QAkzLi4Rzp7LxRXni+ij2NJ4cGK8eGZYR/nLIPxhUJ4bnGdGhb8NzR7PtnlucH7f7+xHnSdjaHNmPHlp3P2z1Mj6+7+LH3r58FMvH5dRz4efe/k4jHY+UqW6nY+ATj5WrO18eGztfKSPH03g339UJkR8AdmUH0nsMIanAAAAAElFTkSuQmCC";
|
|
864
864
|
function pe(e) {
|
|
865
|
-
const [a, o] = I(!0), [r, l] = I(0), n =
|
|
865
|
+
const [a, o] = I(!0), [r, l] = I(0), n = O(null), i = O(null), d = O(null);
|
|
866
|
+
F(() => {
|
|
867
|
+
const y = (b) => {
|
|
868
|
+
b.key === "Escape" && g();
|
|
869
|
+
};
|
|
870
|
+
return document.addEventListener("keydown", y), () => {
|
|
871
|
+
document.removeEventListener("keydown", y);
|
|
872
|
+
};
|
|
873
|
+
}, []);
|
|
874
|
+
const m = (y) => {
|
|
875
|
+
d.current && !d.current.contains(y.target) && g();
|
|
876
|
+
}, p = (y) => {
|
|
866
877
|
if (e.pictureUrls.length === 0) return;
|
|
867
|
-
let
|
|
868
|
-
|
|
869
|
-
left:
|
|
878
|
+
let b = r;
|
|
879
|
+
y === "left" ? b = (r - 1 + e.pictureUrls.length) % e.pictureUrls.length : y === "right" && (b = (r + 1) % e.pictureUrls.length), l(b), n.current.scrollTo({
|
|
880
|
+
left: b * 150,
|
|
870
881
|
behavior: "smooth"
|
|
871
882
|
});
|
|
872
|
-
},
|
|
883
|
+
}, g = () => {
|
|
873
884
|
e.onClose && e.onClose();
|
|
874
885
|
};
|
|
875
|
-
return /* @__PURE__ */ t.jsx("div", { children: a && /* @__PURE__ */ t.jsx(
|
|
876
|
-
|
|
877
|
-
|
|
878
|
-
|
|
879
|
-
|
|
880
|
-
|
|
881
|
-
|
|
882
|
-
onClick: d
|
|
883
|
-
}
|
|
884
|
-
) }),
|
|
885
|
-
/* @__PURE__ */ t.jsx("span", { className: "text-white align-self-center imageTitlePopup", children: e.pictureUrls[r].title }),
|
|
886
|
-
/* @__PURE__ */ t.jsxs("div", { className: "d-flex justify-content-center", children: [
|
|
887
|
-
/* @__PURE__ */ t.jsx("div", { className: "p-2 bd-highlight align-self-center align-items-center me-5", children: /* @__PURE__ */ t.jsx(
|
|
888
|
-
"div",
|
|
889
|
-
{
|
|
890
|
-
className: "rounded-circle border onImageArrow d-flex justify-content-center",
|
|
891
|
-
role: "button",
|
|
892
|
-
onClick: () => i("left"),
|
|
893
|
-
children: /* @__PURE__ */ t.jsx(
|
|
894
|
-
"img",
|
|
895
|
-
{
|
|
896
|
-
src: Be,
|
|
897
|
-
className: "blackArrow align-self-center",
|
|
898
|
-
alt: "Left Arrow"
|
|
899
|
-
}
|
|
900
|
-
)
|
|
901
|
-
}
|
|
902
|
-
) }),
|
|
903
|
-
/* @__PURE__ */ t.jsx("div", { className: "p-2 bd-highlight", children: /* @__PURE__ */ t.jsx(
|
|
886
|
+
return /* @__PURE__ */ t.jsx("div", { children: a && /* @__PURE__ */ t.jsx(
|
|
887
|
+
"div",
|
|
888
|
+
{
|
|
889
|
+
className: "popup-overlay-image-list",
|
|
890
|
+
ref: i,
|
|
891
|
+
onClick: m,
|
|
892
|
+
children: /* @__PURE__ */ t.jsxs(
|
|
904
893
|
"div",
|
|
905
894
|
{
|
|
906
|
-
className: "
|
|
907
|
-
|
|
908
|
-
|
|
909
|
-
|
|
910
|
-
|
|
911
|
-
) }),
|
|
912
|
-
/* @__PURE__ */ t.jsxs("div", { className: "p-2 bd-highlight align-self-center ms-5", children: [
|
|
913
|
-
" ",
|
|
914
|
-
/* @__PURE__ */ t.jsx(
|
|
915
|
-
"div",
|
|
916
|
-
{
|
|
917
|
-
role: "button",
|
|
918
|
-
className: "rounded-circle border onImageArrow d-flex justify-content-center",
|
|
919
|
-
onClick: () => i("right"),
|
|
920
|
-
children: /* @__PURE__ */ t.jsx(
|
|
895
|
+
className: " d-flex popup-content flex-column",
|
|
896
|
+
ref: d,
|
|
897
|
+
onClick: (y) => y.stopPropagation(),
|
|
898
|
+
children: [
|
|
899
|
+
/* @__PURE__ */ t.jsx("div", { className: "d-flex align-self-end me-5 ", children: /* @__PURE__ */ t.jsx(
|
|
921
900
|
"img",
|
|
922
901
|
{
|
|
923
|
-
src:
|
|
924
|
-
|
|
925
|
-
|
|
902
|
+
src: Oe,
|
|
903
|
+
alt: "close",
|
|
904
|
+
className: "closeIconNestiq",
|
|
905
|
+
onClick: g
|
|
926
906
|
}
|
|
927
|
-
)
|
|
928
|
-
|
|
929
|
-
|
|
930
|
-
|
|
931
|
-
|
|
932
|
-
|
|
933
|
-
|
|
934
|
-
|
|
935
|
-
|
|
936
|
-
|
|
937
|
-
|
|
938
|
-
|
|
939
|
-
|
|
940
|
-
|
|
941
|
-
|
|
942
|
-
|
|
943
|
-
|
|
944
|
-
|
|
945
|
-
|
|
946
|
-
|
|
947
|
-
|
|
948
|
-
|
|
949
|
-
|
|
950
|
-
|
|
951
|
-
|
|
952
|
-
|
|
953
|
-
|
|
954
|
-
|
|
955
|
-
|
|
956
|
-
|
|
957
|
-
|
|
958
|
-
|
|
959
|
-
|
|
960
|
-
|
|
907
|
+
) }),
|
|
908
|
+
/* @__PURE__ */ t.jsx("span", { className: "text-white align-self-center imageTitlePopup", children: e.pictureUrls[r].title }),
|
|
909
|
+
/* @__PURE__ */ t.jsxs("div", { className: "d-flex justify-content-center", children: [
|
|
910
|
+
/* @__PURE__ */ t.jsx("div", { className: "p-2 bd-highlight align-self-center align-items-center me-5", children: /* @__PURE__ */ t.jsx(
|
|
911
|
+
"div",
|
|
912
|
+
{
|
|
913
|
+
className: "rounded-circle border onImageArrow d-flex justify-content-center",
|
|
914
|
+
role: "button",
|
|
915
|
+
onClick: () => p("left"),
|
|
916
|
+
children: /* @__PURE__ */ t.jsx(
|
|
917
|
+
"img",
|
|
918
|
+
{
|
|
919
|
+
src: Be,
|
|
920
|
+
className: "blackArrow align-self-center",
|
|
921
|
+
alt: "Left Arrow"
|
|
922
|
+
}
|
|
923
|
+
)
|
|
924
|
+
}
|
|
925
|
+
) }),
|
|
926
|
+
/* @__PURE__ */ t.jsx("div", { className: "p-2 bd-highlight", children: /* @__PURE__ */ t.jsx(
|
|
927
|
+
"div",
|
|
928
|
+
{
|
|
929
|
+
className: "mainImageListPopUp rounded-5",
|
|
930
|
+
style: {
|
|
931
|
+
backgroundImage: `url(${e.pictureUrls[r].url})`
|
|
932
|
+
}
|
|
933
|
+
}
|
|
934
|
+
) }),
|
|
935
|
+
/* @__PURE__ */ t.jsxs("div", { className: "p-2 bd-highlight align-self-center ms-5", children: [
|
|
936
|
+
" ",
|
|
937
|
+
/* @__PURE__ */ t.jsx(
|
|
938
|
+
"div",
|
|
939
|
+
{
|
|
940
|
+
role: "button",
|
|
941
|
+
className: "rounded-circle border onImageArrow d-flex justify-content-center",
|
|
942
|
+
onClick: () => p("right"),
|
|
943
|
+
children: /* @__PURE__ */ t.jsx(
|
|
944
|
+
"img",
|
|
945
|
+
{
|
|
946
|
+
src: Se,
|
|
947
|
+
className: "blackArrow align-self-center",
|
|
948
|
+
alt: "Right Arrow"
|
|
949
|
+
}
|
|
950
|
+
)
|
|
951
|
+
}
|
|
952
|
+
)
|
|
953
|
+
] })
|
|
954
|
+
] }),
|
|
955
|
+
/* @__PURE__ */ t.jsx("div", { className: "d-flex flex-row" }),
|
|
956
|
+
/* @__PURE__ */ t.jsx("div", { className: "d-flex flex-row justify-content-center w-100 mt-5 imageListBottom", children: /* @__PURE__ */ t.jsx(
|
|
957
|
+
"div",
|
|
961
958
|
{
|
|
962
|
-
|
|
963
|
-
|
|
964
|
-
className: "w-100 h-100 rounded-3 object-fit-cover",
|
|
959
|
+
className: "d-flex flex-row gap-4 overflow-auto px-3",
|
|
960
|
+
ref: n,
|
|
965
961
|
style: {
|
|
966
|
-
|
|
967
|
-
|
|
962
|
+
maxWidth: "100%",
|
|
963
|
+
scrollbarWidth: "thin"
|
|
964
|
+
},
|
|
965
|
+
children: e.pictureUrls.length > 0 && /* @__PURE__ */ t.jsx(t.Fragment, { children: e.pictureUrls.map((y, b) => /* @__PURE__ */ t.jsx(
|
|
966
|
+
"div",
|
|
967
|
+
{
|
|
968
|
+
className: `flex-shrink-0 activeStyle ${b === r ? "active" : ""}`,
|
|
969
|
+
onClick: () => {
|
|
970
|
+
l(b), n.current.scrollTo({
|
|
971
|
+
left: b * 170,
|
|
972
|
+
// 150px width + gap
|
|
973
|
+
behavior: "smooth"
|
|
974
|
+
});
|
|
975
|
+
},
|
|
976
|
+
role: "button",
|
|
977
|
+
style: {
|
|
978
|
+
cursor: "pointer",
|
|
979
|
+
width: "150px",
|
|
980
|
+
height: "150px"
|
|
981
|
+
},
|
|
982
|
+
children: /* @__PURE__ */ t.jsx(
|
|
983
|
+
"img",
|
|
984
|
+
{
|
|
985
|
+
src: y.url,
|
|
986
|
+
alt: `Image ${b + 1}`,
|
|
987
|
+
className: "w-100 h-100 rounded-3 object-fit-cover",
|
|
988
|
+
style: {
|
|
989
|
+
display: "block"
|
|
990
|
+
}
|
|
991
|
+
}
|
|
992
|
+
)
|
|
993
|
+
},
|
|
994
|
+
b
|
|
995
|
+
)) })
|
|
968
996
|
}
|
|
969
|
-
)
|
|
970
|
-
|
|
971
|
-
|
|
972
|
-
|
|
973
|
-
|
|
974
|
-
|
|
975
|
-
] }) }) });
|
|
997
|
+
) })
|
|
998
|
+
]
|
|
999
|
+
}
|
|
1000
|
+
)
|
|
1001
|
+
}
|
|
1002
|
+
) });
|
|
976
1003
|
}
|
|
977
1004
|
function Zt(e) {
|
|
978
|
-
const [a, o] = I(0), [r, l] = I(!1), [n, i] = I(!1), d =
|
|
979
|
-
e.pictureUrls.length && o((
|
|
980
|
-
let
|
|
981
|
-
return
|
|
982
|
-
left:
|
|
1005
|
+
const [a, o] = I(0), [r, l] = I(!1), [n, i] = I(!1), d = O(null), m = (T) => {
|
|
1006
|
+
e.pictureUrls.length && o((h) => {
|
|
1007
|
+
let x;
|
|
1008
|
+
return T === "left" ? x = (h - 1 + e.pictureUrls.length) % e.pictureUrls.length : x = (h + 1) % e.pictureUrls.length, d.current && d.current.scrollTo({
|
|
1009
|
+
left: x * 150,
|
|
983
1010
|
behavior: "smooth"
|
|
984
|
-
}),
|
|
1011
|
+
}), x || 0;
|
|
985
1012
|
});
|
|
986
|
-
},
|
|
987
|
-
url: e.baseUrl +
|
|
988
|
-
title: `Photo ${
|
|
989
|
-
})) || [],
|
|
990
|
-
url: e.baseUrl +
|
|
991
|
-
title: `Floor Plan ${
|
|
992
|
-
})) || [],
|
|
1013
|
+
}, p = e.property.pictures?.filter((T) => T.pictureType?.id === 2).map((T, h) => ({
|
|
1014
|
+
url: e.baseUrl + T.contentUrl,
|
|
1015
|
+
title: `Photo ${h + 1}`
|
|
1016
|
+
})) || [], g = e.property.pictures?.filter((T) => T.pictureType?.id === 1).map((T, h) => ({
|
|
1017
|
+
url: e.baseUrl + T.contentUrl,
|
|
1018
|
+
title: `Floor Plan ${h + 1}`
|
|
1019
|
+
})) || [], y = () => {
|
|
993
1020
|
l(!r);
|
|
994
|
-
},
|
|
1021
|
+
}, b = () => {
|
|
995
1022
|
i(!0);
|
|
996
|
-
},
|
|
1023
|
+
}, u = {
|
|
997
1024
|
allPhotos: e.translations?.allPhotos || "Alle Fotos",
|
|
998
1025
|
map: e.translations?.map || "Karte",
|
|
999
1026
|
grundriss: e.translations?.grundriss || "Grundriss"
|
|
@@ -1014,7 +1041,7 @@ function Zt(e) {
|
|
|
1014
1041
|
{
|
|
1015
1042
|
className: "rounded-circle border onImageArrow d-flex position-absolute start-0 ms-2 align-items-center justify-content-center",
|
|
1016
1043
|
role: "button",
|
|
1017
|
-
onClick: () =>
|
|
1044
|
+
onClick: () => m("left"),
|
|
1018
1045
|
children: /* @__PURE__ */ t.jsx("img", { src: Be, className: "blackArrow", alt: "Left Arrow" })
|
|
1019
1046
|
}
|
|
1020
1047
|
),
|
|
@@ -1023,7 +1050,7 @@ function Zt(e) {
|
|
|
1023
1050
|
{
|
|
1024
1051
|
role: "button",
|
|
1025
1052
|
className: "rounded-circle border onImageArrow d-flex position-absolute end-0 me-2 align-items-center justify-content-center",
|
|
1026
|
-
onClick: () =>
|
|
1053
|
+
onClick: () => m("right"),
|
|
1027
1054
|
children: /* @__PURE__ */ t.jsx(
|
|
1028
1055
|
"img",
|
|
1029
1056
|
{
|
|
@@ -1043,7 +1070,7 @@ function Zt(e) {
|
|
|
1043
1070
|
"div",
|
|
1044
1071
|
{
|
|
1045
1072
|
className: "col-1 h-100 d-flex position-absolute start-0",
|
|
1046
|
-
onClick: () =>
|
|
1073
|
+
onClick: () => m("left"),
|
|
1047
1074
|
role: "button",
|
|
1048
1075
|
children: /* @__PURE__ */ t.jsx("div", { className: "col-lg-12 h-100 d-flex flex-column listImageButton border-0 rounded-3", children: /* @__PURE__ */ t.jsx(
|
|
1049
1076
|
"img",
|
|
@@ -1060,13 +1087,13 @@ function Zt(e) {
|
|
|
1060
1087
|
{
|
|
1061
1088
|
className: "col-lg-10 rounded-3 h-100 d-flex flex-row gap-2 overflow-hidden",
|
|
1062
1089
|
ref: d,
|
|
1063
|
-
children: e.pictureUrls.length > 0 && /* @__PURE__ */ t.jsx("div", { className: "col-lg-5 h-100 d-flex gap-2 flex-row rounded-3", children: e.pictureUrls.map((
|
|
1090
|
+
children: e.pictureUrls.length > 0 && /* @__PURE__ */ t.jsx("div", { className: "col-lg-5 h-100 d-flex gap-2 flex-row rounded-3", children: e.pictureUrls.map((T, h) => /* @__PURE__ */ t.jsx(
|
|
1064
1091
|
"div",
|
|
1065
1092
|
{
|
|
1066
|
-
className: `col-lg-12 h-100 d-flex image-thumbnail ${
|
|
1093
|
+
className: `col-lg-12 h-100 d-flex image-thumbnail ${h === a ? "selected" : "greyed-out"} ${h === 0 ? "ms-1" : h === e.pictureUrls.length - 1 ? "me-1" : ""}`,
|
|
1067
1094
|
onClick: () => {
|
|
1068
|
-
o(
|
|
1069
|
-
left:
|
|
1095
|
+
o(h), d.current.scrollTo({
|
|
1096
|
+
left: h * 150,
|
|
1070
1097
|
behavior: "smooth"
|
|
1071
1098
|
});
|
|
1072
1099
|
},
|
|
@@ -1074,13 +1101,13 @@ function Zt(e) {
|
|
|
1074
1101
|
children: /* @__PURE__ */ t.jsx(
|
|
1075
1102
|
"img",
|
|
1076
1103
|
{
|
|
1077
|
-
src:
|
|
1078
|
-
alt: `Image ${
|
|
1104
|
+
src: T.url,
|
|
1105
|
+
alt: `Image ${h + 1}`,
|
|
1079
1106
|
className: "col-12 h-100 rounded-3 object-fit-cover"
|
|
1080
1107
|
}
|
|
1081
1108
|
)
|
|
1082
1109
|
},
|
|
1083
|
-
|
|
1110
|
+
h
|
|
1084
1111
|
)) })
|
|
1085
1112
|
}
|
|
1086
1113
|
),
|
|
@@ -1088,7 +1115,7 @@ function Zt(e) {
|
|
|
1088
1115
|
"div",
|
|
1089
1116
|
{
|
|
1090
1117
|
className: "col-1 h-100 d-flex position-absolute end-0 top-0",
|
|
1091
|
-
onClick: () =>
|
|
1118
|
+
onClick: () => m("right"),
|
|
1092
1119
|
role: "button",
|
|
1093
1120
|
children: /* @__PURE__ */ t.jsx("div", { className: "col-lg-12 h-100 d-flex flex-column listImageButton border-0 rounded-3", children: /* @__PURE__ */ t.jsx(
|
|
1094
1121
|
"img",
|
|
@@ -1107,12 +1134,12 @@ function Zt(e) {
|
|
|
1107
1134
|
{
|
|
1108
1135
|
className: "col-lg-4 col-4 py-0 px-1",
|
|
1109
1136
|
role: "button",
|
|
1110
|
-
onClick:
|
|
1137
|
+
onClick: y,
|
|
1111
1138
|
children: /* @__PURE__ */ t.jsxs("div", { className: "border col-lg-12 h-100 d-flex flex-column listImageButton border-0 rounded-3", children: [
|
|
1112
1139
|
/* @__PURE__ */ t.jsx("img", { src: St, alt: "Gallery Icon" }),
|
|
1113
1140
|
/* @__PURE__ */ t.jsxs("span", { className: "listImgText", children: [
|
|
1114
1141
|
" ",
|
|
1115
|
-
|
|
1142
|
+
u.allPhotos
|
|
1116
1143
|
] })
|
|
1117
1144
|
] })
|
|
1118
1145
|
}
|
|
@@ -1122,10 +1149,10 @@ function Zt(e) {
|
|
|
1122
1149
|
{
|
|
1123
1150
|
className: "col-lg-4 col-3 py-0 px-1",
|
|
1124
1151
|
role: "button",
|
|
1125
|
-
onClick:
|
|
1152
|
+
onClick: b,
|
|
1126
1153
|
children: /* @__PURE__ */ t.jsxs("div", { className: "border col-lg-12 h-100 d-flex flex-column listImageButton border-0 rounded-3", children: [
|
|
1127
1154
|
/* @__PURE__ */ t.jsx("img", { src: Re, alt: "Layers Icon" }),
|
|
1128
|
-
/* @__PURE__ */ t.jsx("span", { className: "listImgText", children:
|
|
1155
|
+
/* @__PURE__ */ t.jsx("span", { className: "listImgText", children: u.grundriss })
|
|
1129
1156
|
] })
|
|
1130
1157
|
}
|
|
1131
1158
|
),
|
|
@@ -1139,7 +1166,7 @@ function Zt(e) {
|
|
|
1139
1166
|
}),
|
|
1140
1167
|
children: /* @__PURE__ */ t.jsxs("div", { className: "border col-lg-12 h-100 d-flex flex-column listImageButton border-0 rounded-3", children: [
|
|
1141
1168
|
/* @__PURE__ */ t.jsx("img", { src: Bt, alt: "Map Icon" }),
|
|
1142
|
-
/* @__PURE__ */ t.jsx("span", { className: "listImgText", children:
|
|
1169
|
+
/* @__PURE__ */ t.jsx("span", { className: "listImgText", children: u.map })
|
|
1143
1170
|
] })
|
|
1144
1171
|
}
|
|
1145
1172
|
)
|
|
@@ -1148,14 +1175,14 @@ function Zt(e) {
|
|
|
1148
1175
|
r && /* @__PURE__ */ t.jsx(
|
|
1149
1176
|
pe,
|
|
1150
1177
|
{
|
|
1151
|
-
pictureUrls:
|
|
1178
|
+
pictureUrls: p,
|
|
1152
1179
|
onClose: () => l(!1)
|
|
1153
1180
|
}
|
|
1154
1181
|
),
|
|
1155
1182
|
n && /* @__PURE__ */ t.jsx(
|
|
1156
1183
|
pe,
|
|
1157
1184
|
{
|
|
1158
|
-
pictureUrls:
|
|
1185
|
+
pictureUrls: g,
|
|
1159
1186
|
onClose: () => i(!1)
|
|
1160
1187
|
}
|
|
1161
1188
|
)
|
|
@@ -1225,7 +1252,7 @@ function Kt(e) {
|
|
|
1225
1252
|
}
|
|
1226
1253
|
const $t = ({ contentUrl: e, onCloseClick: a }) => {
|
|
1227
1254
|
const [o, r] = I(!1);
|
|
1228
|
-
|
|
1255
|
+
F(() => {
|
|
1229
1256
|
if (e) {
|
|
1230
1257
|
const n = e.split(".").pop()?.toLowerCase();
|
|
1231
1258
|
(n === "png" || n === "jpg" || n === "jpeg" || n === "svg") && r(!0);
|
|
@@ -1278,21 +1305,21 @@ const $t = ({ contentUrl: e, onCloseClick: a }) => {
|
|
|
1278
1305
|
] }) });
|
|
1279
1306
|
}, Ot = "data:image/svg+xml,%3csvg%20width='4'%20height='20'%20viewBox='0%200%204%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23fxcoqj8dma)'%20fill='%23313131'%3e%3ccircle%20cx='2'%20cy='2'%20r='2'/%3e%3ccircle%20cx='2'%20cy='10'%20r='2'/%3e%3ccircle%20cx='2'%20cy='18'%20r='2'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='fxcoqj8dma'%3e%3cpath%20fill='%23fff'%20d='M0%200h4v20H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", Ut = "data:image/svg+xml,%3csvg%20width='50'%20height='50'%20viewBox='0%200%2050%2050'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='50'%20height='50'%20rx='25'%20fill='%23fff'%20fill-opacity='.8'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M29.127%2017.18a.614.614%200%200%201%200%20.872L22.177%2025l6.95%206.948a.617.617%200%200%201-.871.872l-7.384-7.384a.616.616%200%200%201%200-.872l7.384-7.383a.616.616%200%200%201%20.871%200z'%20fill='%23000'/%3e%3c/svg%3e", Dt = "data:image/svg+xml,%3csvg%20width='50'%20height='50'%20viewBox='0%200%2050%2050'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='50'%20height='50'%20rx='25'%20fill='%23fff'%20fill-opacity='.8'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M20.873%2032.82a.614.614%200%200%201%200-.872L27.823%2025l-6.95-6.948a.617.617%200%200%201%20.871-.872l7.384%207.384a.616.616%200%200%201%200%20.872l-7.384%207.383a.616.616%200%200%201-.871%200z'%20fill='%23000'/%3e%3c/svg%3e", Qt = "data:image/svg+xml,%3csvg%20width='150'%20height='45'%20viewBox='0%200%20150%2045'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2.324%2037.932s5.001-6.516%204.403-14.405c0%200%200-.705.598-.88.564-.282%202.254.352%202.959%202.183.07.14.176.67.246%201.092.141%201.127.282%203.733-.21%207.713%200%200%2016.094-1.233%2017.292.246%200%200%20.387.282.563.74.282.67.282%201.55-1.021%201.655%200%200-4.085-.176-7.678%201.339%200%200-5.67%202.395-9.157%202.958-.035%200-4.93%201.55-7.995-2.641z'%20fill='%23FDC500'/%3e%3cpath%20d='M18.738%2038.53s2.571-1.162%207.08-1.655c0%200%201.62-.176%201.655.845%200%200%20.07.423-.67.458l-8.065.352zM26.06%203.17S19.72.74%2013.451%208.065l-7.255%2010.53s-.74%201.48.176%201.938c0%200%201.374.67%202.607-.352l9.157-7.925s1.76-1.444%203.803.423c0%200%204.332%204.508%206.305%205.389%200%200%202.324.88%203.346-.282%200%200%20.704-.81-.634-1.867%200%200-2.889-2.712-3.91-5.67%200%20.035-.986-2.818-.986-7.08zM11.41%209.791l-2.713%204.015s-2.254%203.31-3.486%202.747c0%200-1.198-.563-.035-1.726l6.233-5.036z'%20fill='%23FDC500'/%3e%3cpath%20d='M23.21%2019.441v4.825l-1.126-.458-.423-.176h-.07v-1.726h-1.515v1.726h1.55l.282.176v.106h-3.91v-.106l.282-.176h1.515v-1.726h-1.48v1.726h-.035l-.422.176-1.163.458v-4.825l1.163.352.387.106.07.035v1.69h1.48V19.9H18.28l-.282-.106v-.14h3.91v.14l-.282.106h-1.55v1.726h1.515v-1.69l.07-.036.423-.106%201.127-.352z'%20fill='%23FDC500'/%3e%3cpath%20d='M42.016%2012.75h2.395v12.96h-2.395V12.75zM59.803%2025.71l-.036-8.558-4.261%207.08h-1.057l-4.261-6.974v8.452h-2.29V12.75h1.973l5.142%208.558%205.036-8.559h1.973l.035%2012.926h-2.254v.035zM77.447%2025.71l-.035-8.558-4.262%207.08h-1.056l-4.262-6.974v8.452h-2.289V12.75h1.972l5.142%208.558%205.037-8.559h1.972l.035%2012.926h-2.254v.035zM82.309%2019.23c0-3.839%202.958-6.657%206.973-6.657s6.974%202.818%206.974%206.657-2.959%206.657-6.974%206.657c-4.015%200-6.973-2.818-6.973-6.657zm11.481%200c0-2.642-1.937-4.543-4.543-4.543s-4.543%201.902-4.543%204.543%201.937%204.543%204.543%204.543%204.543-1.902%204.543-4.543zM108.546%2019.3h.916v4.825c-1.162%201.092-2.853%201.656-4.614%201.656-3.909%200-6.762-2.782-6.762-6.551s2.853-6.55%206.797-6.55c1.867%200%203.522.598%204.649%201.76l-.598.634c-1.127-1.092-2.466-1.55-4.051-1.55-3.346%200-5.846%202.43-5.846%205.706%200%203.24%202.5%205.706%205.846%205.706%201.374%200%202.607-.317%203.663-1.198V19.3zM121.577%2022.048h-7.502l-1.655%203.663h-1.022l5.953-12.926h.95l5.953%2012.925h-1.022l-1.655-3.662zm-.352-.775-3.417-7.467-3.381%207.467h6.798zM135.594%2025.71l-3.099-4.332c-.423.07-.81.106-1.268.106h-3.698v4.226h-.951V12.75h4.649c3.24%200%205.213%201.62%205.213%204.367%200%202.043-1.092%203.486-3.029%204.05l3.24%204.543h-1.057zm-4.367-5.071c2.782%200%204.262-1.303%204.262-3.522%200-2.22-1.48-3.522-4.262-3.522h-3.698v7.008h3.698v.036zM142.18%2013.63h-4.649v-.845h10.249v.845h-4.649v12.08h-.951V13.63z'%20fill='%23242423'/%3e%3cpath%20d='M42.05%2028.246h.459v7.396h-.458v-7.396zM44.059%2030.289h.387v1.092h.035c.176-.67.88-1.198%201.655-1.198%201.022%200%201.48.564%201.62%201.127h.036c.317-.74.845-1.127%201.69-1.127.951%200%201.656.564%201.656%201.797v3.627h-.423V31.98c0-1.374-.95-1.445-1.268-1.445-.95%200-1.655.67-1.655%201.973v3.134h-.388V31.98c0-1.338-.915-1.444-1.268-1.444-.74%200-1.69.6-1.69%201.973v3.134h-.387V30.29zM52.617%2030.289h.388v1.092h.035c.176-.67.88-1.198%201.655-1.198%201.022%200%201.48.564%201.62%201.127h.035c.317-.74.846-1.127%201.691-1.127.95%200%201.655.564%201.655%201.797v3.627h-.387V31.98c0-1.374-.951-1.445-1.268-1.445-.95%200-1.655.67-1.655%201.973v3.134h-.388V31.98c0-1.338-.915-1.444-1.268-1.444-.74%200-1.69.6-1.69%201.973v3.134h-.388V30.29h-.035zM63.36%2030.183c1.55%200%202.43%201.268%202.43%202.783%200%201.514-.88%202.782-2.43%202.782-1.55%200-2.43-1.268-2.43-2.782%200-1.515.845-2.783%202.43-2.783zm0%205.213c1.338%200%202.043-1.162%202.043-2.43%200-1.268-.705-2.43-2.043-2.43s-2.078%201.162-2.078%202.43c0%201.268.74%202.43%202.078%202.43zM67.129%2028.246h.387v3.205h.035c.317-.845%201.163-1.268%202.008-1.268%201.55%200%202.325%201.198%202.325%202.677%200%202.536-1.585%202.923-2.325%202.923-1.409%200-1.937-1.021-2.007-1.303h-.036v1.197h-.387v-7.43zm4.332%204.614c0-1.198-.634-2.325-1.902-2.325-1.373%200-2.043.986-2.043%202.325%200%201.303.564%202.57%202.043%202.57%201.374-.034%201.902-1.373%201.902-2.57zM73.184%2029.303v-1.057h.387v1.057h-.387zm0%206.34v-5.354h.387v5.318h-.387v.035zM75.614%2028.246v7.396h-.387v-7.396h.387zM77.27%2029.303v-1.057h.387v1.057h-.388zm0%206.34v-5.354h.387v5.318h-.388v.035zM79.385%2033.036c-.036%201.268.634%202.395%201.972%202.395%201.021%200%201.726-.599%201.902-1.585h.387c-.211%201.233-1.021%201.937-2.29%201.937-1.549%200-2.359-1.233-2.359-2.677-.035-1.444.74-2.888%202.36-2.888%201.655%200%202.43%201.304%202.324%202.853h-4.296v-.035zm3.909-.352c-.035-1.127-.74-2.148-1.937-2.148-1.198%200-1.867%201.091-1.972%202.148h3.909zM84.914%2030.289h.388v1.127h.035c.281-.81%201.091-1.268%201.901-1.268%201.867%200%201.902%201.514%201.902%202.148v3.311h-.387v-3.381c0-.564-.07-1.726-1.514-1.726-1.198%200-1.902.916-1.902%202.219v2.888h-.388v-5.318h-.035zM93.227%2030.641v-.352h.95v-1.092c0-.74.529-1.056%201.163-1.056.14%200%20.317.035.458.035v.352c-.141-.035-.317-.035-.458-.035-.423%200-.775.14-.775.74v1.056h1.092v.352h-1.092v4.966h-.388v-4.966h-.95zM100.832%2035.642h-.388v-1.127h-.035c-.282.81-1.092%201.268-1.902%201.268-1.866%200-1.901-1.514-1.901-2.148v-3.346h.387v3.381c0%20.564.07%201.726%201.514%201.726%201.198%200%201.902-.916%201.902-2.219v-2.888h.388v5.353h.035zm-3.17-6.163v-1.057h.458v1.057h-.458zm1.62%200v-1.057h.458v1.057h-.458zM102.7%2031.486c.246-.704%201.092-1.268%202.078-1.197v.387c-.423-.035-.986.036-1.479.529-.388.387-.564.74-.599%201.55v2.922h-.388V30.29h.388v1.197zM113.583%2030.36c-.035-1.269-1.021-1.902-2.359-1.902-.846%200-2.043.352-2.043%201.584%200%201.198%201.268%201.374%202.501%201.656%201.267.246%202.535.563%202.535%202.042%200%201.55-1.479%202.078-2.606%202.078-1.726%200-3.134-.704-3.134-2.606h.457c-.105%201.62%201.198%202.219%202.677%202.219.881%200%202.148-.387%202.148-1.69%200-1.269-1.267-1.48-2.535-1.726-1.268-.247-2.501-.564-2.501-1.973%200-1.408%201.303-1.972%202.501-1.972%201.549%200%202.747.67%202.817%202.29h-.458zM117.458%2030.641h-1.163v3.733c0%20.846.388.951%201.163.916v.352c-.81.035-1.585-.07-1.55-1.268v-3.733h-.986v-.352h.986v-1.655h.387v1.655h1.163v.352zM122.703%2035.642h-.388v-1.127h-.035c-.281.81-1.092%201.268-1.902%201.268-1.866%200-1.901-1.514-1.901-2.148v-3.346h.387v3.38c0%20.564.07%201.727%201.514%201.727%201.198%200%201.902-.916%201.902-2.22V30.29h.388v5.353h.035zM126.157%2030.641h-1.162v3.733c0%20.846.387.951%201.162.916v.352c-.81.035-1.585-.07-1.55-1.268v-3.733h-.986v-.352h.986v-1.655h.388v1.655h1.162v.352zM129.149%2030.641h-1.162v3.733c0%20.846.387.951%201.162.916v.352c-.81.035-1.585-.07-1.55-1.268v-3.733h-.986v-.352h.986v-1.655h.388v1.655h1.162v.352zM134.571%2030.289v5.036c0%20.423%200%202.395-2.289%202.325-1.127%200-2.008-.423-2.078-1.656h.387c.07.951.845%201.303%201.691%201.303%201.866%200%201.901-1.514%201.901-1.866v-1.233h-.035c-.387.775-1.021%201.198-1.937%201.198-1.55%200-2.289-1.163-2.289-2.642%200-1.409.81-2.606%202.289-2.606.845%200%201.62.423%201.937%201.233h.035v-1.092h.388zm-4.262%202.5c0%201.268.669%202.29%201.902%202.29%201.303%200%201.937-1.092%201.937-2.29%200-1.197-.634-2.289-1.937-2.289-1.268.035-1.902%201.162-1.902%202.29zM139.961%2034.656c0%20.317%200%20.634.352.634.07%200%20.176%200%20.282-.035v.317c-.106.035-.212.035-.317.035-.634%200-.705-.352-.705-.775v-.282h-.035c-.247.634-.951%201.198-1.972%201.198-1.022%200-1.796-.388-1.796-1.515%200-1.232%201.091-1.514%201.972-1.584%201.761-.141%201.831-.247%201.831-1.092%200-.247-.282-1.057-1.479-1.057-.951%200-1.585.493-1.62%201.409h-.387c.035-1.162.774-1.761%202.042-1.761.916%200%201.867.282%201.867%201.373v3.135h-.035zm-.388-2.043c-.317.352-1.162.317-1.937.423-.916.106-1.444.423-1.444%201.233%200%20.634.458%201.162%201.409%201.162%201.796%200%201.972-1.55%201.972-1.796v-1.022zM141.934%2031.486c.247-.704%201.092-1.268%202.078-1.197v.387c-.422-.035-.986.036-1.479.529-.387.387-.563.74-.599%201.55v2.922h-.387V30.29h.387v1.197zM146.688%2030.641h-1.162v3.733c0%20.846.387.951%201.162.916v.352c-.81.035-1.585-.07-1.55-1.268v-3.733h-.986v-.352h.986v-1.655h.388v1.655h1.162v.352z'%20fill='%23FDC500'/%3e%3c/svg%3e";
|
|
1280
1307
|
function Xt(e) {
|
|
1281
|
-
const [a, o] = I(!1), [r, l] = I(null), [n, i] = I(0), d =
|
|
1282
|
-
url: e.baseUrl +
|
|
1308
|
+
const [a, o] = I(!1), [r, l] = I(null), [n, i] = I(0), d = O(null), [m, p] = I(!1), [g, y] = I(!1), [b, u] = I(!1), [T, h] = I(!1), x = e.property.id.replace("/properties/", ""), j = `${window.location.origin}/conc/property-details/${x}`, c = e.property?.pictures?.length > 0 ? e.property.pictures.filter((v) => v.pictureType.id === 2).map((v) => `${e.baseUrl}${v.contentUrl}`) : [De], f = e.property.pictures?.filter((v) => v.pictureType?.id === 1).map((v, E) => ({
|
|
1309
|
+
url: e.baseUrl + v.contentUrl,
|
|
1283
1310
|
title: `Floor Plan ${E + 1}`
|
|
1284
|
-
})) || [],
|
|
1285
|
-
|
|
1311
|
+
})) || [], A = () => {
|
|
1312
|
+
h(!0), e.onFloorPlanClick && e.onFloorPlanClick(f);
|
|
1286
1313
|
}, C = () => {
|
|
1287
|
-
|
|
1288
|
-
}, M = (
|
|
1314
|
+
u(!0);
|
|
1315
|
+
}, M = (v) => {
|
|
1289
1316
|
if (!e.property || c.length === 0) return;
|
|
1290
1317
|
let E = n;
|
|
1291
|
-
|
|
1318
|
+
v === "left" ? E = (n - 1 + c.length) % c.length : v === "right" && (E = (n + 1) % c.length), i(E), l(c[E]), d.current ? d.current.scrollTo({
|
|
1292
1319
|
left: E * 150,
|
|
1293
1320
|
behavior: "smooth"
|
|
1294
1321
|
}) : console.warn("imageListRef is not set");
|
|
1295
|
-
},
|
|
1322
|
+
}, _ = {
|
|
1296
1323
|
kaufpreis: e.translations?.kaufpreis || "Kaufpreis",
|
|
1297
1324
|
wohnflache: e.translations?.wohnflache || "Wohnfläche",
|
|
1298
1325
|
zimmer: e.translations?.zimmer || "Zimmer",
|
|
@@ -1344,12 +1371,12 @@ function Xt(e) {
|
|
|
1344
1371
|
{
|
|
1345
1372
|
className: "Grundriss kontact-button-text ms-2 ",
|
|
1346
1373
|
role: "button",
|
|
1347
|
-
onClick: () =>
|
|
1374
|
+
onClick: () => A(),
|
|
1348
1375
|
style: { marginBottom: "16px" },
|
|
1349
1376
|
children: [
|
|
1350
1377
|
/* @__PURE__ */ t.jsx("img", { src: Re, className: "", style: { width: "18px" } }),
|
|
1351
1378
|
" ",
|
|
1352
|
-
|
|
1379
|
+
_.grundriss
|
|
1353
1380
|
]
|
|
1354
1381
|
}
|
|
1355
1382
|
)
|
|
@@ -1412,12 +1439,12 @@ function Xt(e) {
|
|
|
1412
1439
|
/* @__PURE__ */ t.jsxs("span", { className: "priceValue justify-content-center align-items-center", children: [
|
|
1413
1440
|
xe(e.property?.evaluation?.askingPrice ?? 0),
|
|
1414
1441
|
" €",
|
|
1415
|
-
/* @__PURE__ */ t.jsx("div", { className: "price_label", style: { whiteSpace: "nowrap" }, children:
|
|
1442
|
+
/* @__PURE__ */ t.jsx("div", { className: "price_label", style: { whiteSpace: "nowrap" }, children: _.kaufpreis })
|
|
1416
1443
|
] }),
|
|
1417
1444
|
/* @__PURE__ */ t.jsxs("span", { className: "text-dark value d-flex justify-content-center align-items-center", children: [
|
|
1418
1445
|
e.property.constructedArea,
|
|
1419
1446
|
" m²",
|
|
1420
|
-
/* @__PURE__ */ t.jsx("div", { className: "details", style: { whiteSpace: "nowrap" }, children:
|
|
1447
|
+
/* @__PURE__ */ t.jsx("div", { className: "details", style: { whiteSpace: "nowrap" }, children: _.wohnflache })
|
|
1421
1448
|
] }),
|
|
1422
1449
|
/* @__PURE__ */ t.jsxs("span", { className: "text-dark value d-flex justify-content-center align-items-center", children: [
|
|
1423
1450
|
+e.property?.rooms,
|
|
@@ -1426,7 +1453,7 @@ function Xt(e) {
|
|
|
1426
1453
|
{
|
|
1427
1454
|
className: "details text-center",
|
|
1428
1455
|
style: { whiteSpace: "nowrap" },
|
|
1429
|
-
children:
|
|
1456
|
+
children: _.zimmer
|
|
1430
1457
|
}
|
|
1431
1458
|
)
|
|
1432
1459
|
] })
|
|
@@ -1441,27 +1468,27 @@ function Xt(e) {
|
|
|
1441
1468
|
]
|
|
1442
1469
|
}
|
|
1443
1470
|
),
|
|
1444
|
-
|
|
1445
|
-
|
|
1471
|
+
b && /* @__PURE__ */ t.jsx(Pe, { url: j, onClick: () => u(!1) }),
|
|
1472
|
+
T && /* @__PURE__ */ t.jsx(
|
|
1446
1473
|
pe,
|
|
1447
1474
|
{
|
|
1448
|
-
pictureUrls:
|
|
1449
|
-
onClose: () =>
|
|
1475
|
+
pictureUrls: f,
|
|
1476
|
+
onClose: () => h(!1)
|
|
1450
1477
|
}
|
|
1451
1478
|
)
|
|
1452
1479
|
] });
|
|
1453
1480
|
}
|
|
1454
1481
|
const Ht = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAA5BAMAAABTxLEMAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAnUExURUdwTAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAH6NKgYAAAAMdFJOUwCfIL+AMO/drxBDj6+sC8sAAAH7SURBVEjHjZW/S8NAFMefqWKji8VBCg7Foc6OlQwODg4OmeziJHTrJHTLUNBFyBDoEnARXB38A1z81Qa8P8r37i65y+XukjeEQj58m/t+370HAOFJa2WAtRex1vp+QfCDdagfgH3Wqd7hthv4Cyk+Hy+9dYXIJ8zxOQNvTRFZA+luRj5uh7QYB/2SYybBAQqP/IIPHByi4ws3eIMnWXHwoI+SsVMwYWzZEyBZdO8RLKAEV27JYE5ACcIxY3ceQQWi5CZ2HXmogfSVM0coKKiBfXs8JLisgWFklRxTN9RA2LLFUwrqYGiLh0LJDBAs8fBQwAQt8QgPG2AjHhFKE2zEowQN0IhHhmIBjXimStAEa/FUHlrAWjxlKFYwVfGQ4HfmAFd02xbVkbU3BsjHmvCSQtEk62COVCTjIQ8TdZo6iC8WMh4eisvwnJsj4uEM/f2kCUpveDwyFOWQDvaE2yHKFGjTJhMWTUyQPOQtcSoG50T+Lkxwt+yIMFGD0HIVQtW2zwQ+VY3BvVSg3rWvjJ0bvavASL8HwUhvXpKswNw1SwMRTwUmzlFaH1K5e96LeCTomCdaA0uw51sgPB4BDlPnGC3jEeCRa4qa64N5Rn254SS4jn1gIFbcvE1QXLQ1X8NnA28d8jX81m2xf8F2N/AC4LoL90c+pe1cEcM/vxPDSd4VACsAAAAASUVORK5CYII=";
|
|
1455
1482
|
function qt(e) {
|
|
1456
|
-
const [a, o] = I(""), [r, l] = I(""), [n, i] = I(""), [d,
|
|
1483
|
+
const [a, o] = I(""), [r, l] = I(""), [n, i] = I(""), [d, m] = I(""), [p, g] = I(""), y = () => {
|
|
1457
1484
|
e.onCloseClick();
|
|
1458
1485
|
};
|
|
1459
|
-
function
|
|
1460
|
-
e.onSubmit({ themeId: a, subject: r, messageText: n, firstName: d, lastName:
|
|
1486
|
+
function b() {
|
|
1487
|
+
e.onSubmit({ themeId: a, subject: r, messageText: n, firstName: d, lastName: p });
|
|
1461
1488
|
}
|
|
1462
|
-
return
|
|
1463
|
-
const
|
|
1464
|
-
|
|
1489
|
+
return F(() => {
|
|
1490
|
+
const u = JSON.parse(localStorage.getItem("user") || "{}");
|
|
1491
|
+
u && (m(u.firstname || ""), g(u.lastname || ""));
|
|
1465
1492
|
}, []), /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx("div", { className: " popup-overlay", children: /* @__PURE__ */ t.jsxs("div", { className: "MessageShareSections d-flex flex-column col-10 col-lg-7", children: [
|
|
1466
1493
|
/* @__PURE__ */ t.jsx(
|
|
1467
1494
|
"img",
|
|
@@ -1469,7 +1496,7 @@ function qt(e) {
|
|
|
1469
1496
|
src: q,
|
|
1470
1497
|
alt: "close",
|
|
1471
1498
|
className: "closeIcon d-flex flex-column align-self-end",
|
|
1472
|
-
onClick:
|
|
1499
|
+
onClick: y
|
|
1473
1500
|
}
|
|
1474
1501
|
),
|
|
1475
1502
|
/* @__PURE__ */ t.jsxs("div", { className: "", children: [
|
|
@@ -1507,11 +1534,11 @@ function qt(e) {
|
|
|
1507
1534
|
className: "mb-md-4 col-md-11 col-12",
|
|
1508
1535
|
style: { height: "42px" },
|
|
1509
1536
|
value: a,
|
|
1510
|
-
onChange: (
|
|
1537
|
+
onChange: (u) => o(u.target.value),
|
|
1511
1538
|
children: [
|
|
1512
1539
|
/* @__PURE__ */ t.jsx("option", { value: "", children: "Select a theme" }),
|
|
1513
1540
|
e.themesList.map(
|
|
1514
|
-
(
|
|
1541
|
+
(u) => /* @__PURE__ */ t.jsx("option", { value: u.id, children: u.name }, u.id)
|
|
1515
1542
|
)
|
|
1516
1543
|
]
|
|
1517
1544
|
}
|
|
@@ -1526,7 +1553,7 @@ function qt(e) {
|
|
|
1526
1553
|
placeholder: "Betreff deiner Nachricht",
|
|
1527
1554
|
style: { height: "42px" },
|
|
1528
1555
|
value: r,
|
|
1529
|
-
onChange: (
|
|
1556
|
+
onChange: (u) => l(u.target.value)
|
|
1530
1557
|
}
|
|
1531
1558
|
)
|
|
1532
1559
|
] })
|
|
@@ -1539,7 +1566,7 @@ function qt(e) {
|
|
|
1539
1566
|
className: "popup_textarea mb-md-4 col-md-11 col-12 ",
|
|
1540
1567
|
placeholder: "Deine Nachricht hier...",
|
|
1541
1568
|
value: n,
|
|
1542
|
-
onChange: (
|
|
1569
|
+
onChange: (u) => i(u.target.value)
|
|
1543
1570
|
}
|
|
1544
1571
|
)
|
|
1545
1572
|
] }),
|
|
@@ -1553,7 +1580,7 @@ function qt(e) {
|
|
|
1553
1580
|
placeholder: "Dein Vorname",
|
|
1554
1581
|
type: "text",
|
|
1555
1582
|
value: d,
|
|
1556
|
-
onChange: (
|
|
1583
|
+
onChange: (u) => m(u.target.value),
|
|
1557
1584
|
style: { height: "42px" }
|
|
1558
1585
|
}
|
|
1559
1586
|
)
|
|
@@ -1566,8 +1593,8 @@ function qt(e) {
|
|
|
1566
1593
|
className: "popup_textarea col-12 mb-4 col-md-10",
|
|
1567
1594
|
placeholder: "Dein Nachname",
|
|
1568
1595
|
type: "text",
|
|
1569
|
-
value:
|
|
1570
|
-
onChange: (
|
|
1596
|
+
value: p,
|
|
1597
|
+
onChange: (u) => g(u.target.value),
|
|
1571
1598
|
style: { height: "42px" }
|
|
1572
1599
|
}
|
|
1573
1600
|
)
|
|
@@ -1580,7 +1607,7 @@ function qt(e) {
|
|
|
1580
1607
|
className: "main_button border-0 rounded-4 align-self-center ",
|
|
1581
1608
|
type: "button",
|
|
1582
1609
|
id: "button",
|
|
1583
|
-
onClick:
|
|
1610
|
+
onClick: b,
|
|
1584
1611
|
children: /* @__PURE__ */ t.jsx("strong", { children: "Nachricht senden" })
|
|
1585
1612
|
}
|
|
1586
1613
|
),
|
|
@@ -1674,7 +1701,7 @@ function t0(e) {
|
|
|
1674
1701
|
] }) });
|
|
1675
1702
|
}
|
|
1676
1703
|
const a0 = (e, a = "info") => {
|
|
1677
|
-
|
|
1704
|
+
N(e, { type: a });
|
|
1678
1705
|
}, s0 = () => /* @__PURE__ */ t.jsx(
|
|
1679
1706
|
Mt,
|
|
1680
1707
|
{
|