@forgebuild/sidon-booking-widget 4.1.3 → 4.1.5

package/dist/sidon-booking-widget.js

@@ -4438,59 +4438,66 @@ var go = /* @__PURE__ */ Y("<div class=\"sbm-map svelte-yb07tk\"></div>"), _o =
 };
 function vo(e, t) {
 	Xe(t, !0), ai(e, _o);
-	let n = $(t, "mapsApiKey", 7), r = $(t, "mapStyle", 7), i = $(t, "center", 7), a = $(t, "navy", 7), o = $(t, "gold", 7), s = $(t, "logoMark", 7, null), c = $(t, "marinaName", 7, ""), l = $(t, "otherMarinas", 7), u = $(t, "berths", 7), d = $(t, "overlays", 7), f = $(t, "layout", 7), p = $(t, "loa", 7), m = $(t, "selectedBerth", 7), h = $(t, "onBerthClick", 7), g = $(t, "staff", 7, !1), _, v = /* @__PURE__ */ B(null), y = /* @__PURE__ */ new Map(), b = [], x = [], S = !1, ee = /* @__PURE__ */ I(() => ({
+	let n = $(t, "mapsApiKey", 7), r = $(t, "mapStyle", 7), i = $(t, "center", 7), a = $(t, "navy", 7), o = $(t, "gold", 7), s = $(t, "logoMark", 7, null), c = $(t, "marinaName", 7, ""), l = $(t, "otherMarinas", 7), u = $(t, "berths", 7), d = $(t, "overlays", 7), f = $(t, "layout", 7), p = $(t, "loa", 7), m = $(t, "selectedBerth", 7), h = $(t, "onBerthClick", 7), g = $(t, "staff", 7, !1), _ = $(t, "fitInset", 7), v, y = /* @__PURE__ */ B(null), b = /* @__PURE__ */ new Map(), x = [], S = [], ee = !1;
+	function C() {
+		let e = _()?.() ?? 0;
+		return e > 0 ? {
+			top: 60,
+			right: 60,
+			bottom: 60,
+			left: e + 60
+		} : 60;
+	}
+	let w = /* @__PURE__ */ I(() => ({
 		fillColor: o(),
 		fillOpacity: .38,
 		strokeColor: o(),
 		strokeOpacity: 1,
 		strokeWeight: 1.6
-	})), C = /* @__PURE__ */ I(() => ({
+	})), T = /* @__PURE__ */ I(() => ({
 		fillColor: o(),
 		fillOpacity: .62,
 		strokeColor: o(),
 		strokeOpacity: 1,
 		strokeWeight: 1.6
-	})), w = /* @__PURE__ */ I(() => ({
-		fillColor: o(),
-		fillOpacity: .72,
-		strokeColor: "#252525",
-		strokeOpacity: 1,
-		strokeWeight: 2
-	})), T = {
+	})), te = /* @__PURE__ */ I(() => ({
+		...q(w),
+		strokeWeight: 3
+	})), ne = {
 		fillColor: "#b8b8b8",
 		fillOpacity: .08,
 		strokeColor: "#b8b8b8",
 		strokeOpacity: .5,
 		strokeWeight: 1
-	}, te = {
+	}, E = {
 		fillColor: "#888888",
 		fillOpacity: .15,
 		strokeColor: "#888888",
 		strokeOpacity: .4,
 		strokeWeight: 1
-	}, ne = /* @__PURE__ */ I(() => ({
+	}, D = /* @__PURE__ */ I(() => ({
 		fillColor: a(),
 		fillOpacity: .85,
 		strokeColor: a(),
 		strokeOpacity: 1,
 		strokeWeight: 1.6
-	})), E = (e) => Math.max(5, e.lengthM || 15), D = (e, t) => e.angle == null ? e.circle.setRadius(E(e.berth) * t) : e.circle.setPaths(ho(e.berth, e.angle, fo, t)), O = /* @__PURE__ */ new WeakMap();
-	function k(e) {
+	})), O = (e) => Math.max(5, e.lengthM || 15), k = (e, t) => e.angle == null ? e.circle.setRadius(O(e.berth) * t) : e.circle.setPaths(ho(e.berth, e.angle, fo, t)), re = /* @__PURE__ */ new WeakMap();
+	function ie(e) {
 		let t = e.circle, n = Symbol();
-		O.set(t, n);
+		re.set(t, n);
 		let r = performance.now(), i = (a) => {
-			if (O.get(t) !== n) return;
+			if (re.get(t) !== n) return;
 			let o = a - r;
 			if (o >= 260) {
-				D(e, 1);
+				k(e, 1);
 				return;
 			}
 			let s = o < 90 ? o / 90 : 1 - (o - 90) / 170, c = s * (2 - s);
-			D(e, 1 + .18 * c), requestAnimationFrame(i);
+			k(e, 1 + .18 * c), requestAnimationFrame(i);
 		};
 		requestAnimationFrame(i);
 	}
-	let re = [
+	let A = [
 		{
 			elementType: "geometry",
 			stylers: [{ color: "#ffffff" }]
@@ -4548,7 +4555,7 @@ function vo(e, t) {
 			elementType: "labels.text.fill",
 			stylers: [{ color: "#aab0b4" }]
 		}
-	], ie = /* @__PURE__ */ I(() => [
+	], ae = /* @__PURE__ */ I(() => [
 		{
 			elementType: "geometry",
 			stylers: [{ color: "#f5efe4" }]
@@ -4630,7 +4637,7 @@ function vo(e, t) {
 			stylers: [{ color: a() }]
 		}
 	]);
-	class A {
+	class oe {
 		position;
 		href;
 		img;
@@ -4665,7 +4672,7 @@ function vo(e, t) {
 			this.overlayView.setMap(e);
 		}
 	}
-	let ae = {
+	let se = {
 		available: {
 			fill: "rgba(16,185,129,0.3)",
 			stroke: "#10b981"
@@ -4683,7 +4690,7 @@ function vo(e, t) {
 			stroke: "rgba(136,136,136,0.4)"
 		}
 	};
-	function oe(e) {
+	function ce(e) {
 		let t = {};
 		for (let e of u()) e.berthId && (t[e.berthId] = {
 			price: e.pricePerNight,
@@ -4696,7 +4703,7 @@ function vo(e, t) {
 				r?.price != null && e.setAttribute("data-price", String(r.price));
 				let i = r?.status ?? "occupied";
 				e.setAttribute("data-status", i), g() && r && e.setAttribute("data-pick", "1");
-				let a = ae[i] ?? ae.occupied, o = e.querySelector("rect:not([data-role]), circle");
+				let a = se[i] ?? se.occupied, o = e.querySelector("rect:not([data-role]), circle");
 				o && (o.setAttribute("fill", a.fill), o.setAttribute("stroke", a.stroke));
 				let s = e.querySelector("[data-role=\"entrance\"]");
 				s && s.setAttribute("fill", a.stroke);
@@ -4724,7 +4731,7 @@ function vo(e, t) {
         [data-berth-id][data-fit="small"] circle { fill: rgba(136,136,136,0.15) !important; stroke: rgba(136,136,136,0.5) !important; }
         [data-berth-id][data-fit="small"] [data-role="entrance"] { fill: rgba(136,136,136,0.5) !important; }
         [data-berth-id][data-selected="1"] rect:not([data-role]),
-        [data-berth-id][data-selected="1"] circle { fill: ${o()} !important; stroke: ${o()} !important; }
+        [data-berth-id][data-selected="1"] circle { stroke: ${o()} !important; }
         [data-berth-id][data-selected="1"] [data-role="entrance"] { fill: ${o()}; }
         [data-berth-id][data-pick="1"] { pointer-events: auto; cursor: pointer; }
       `, n.querySelector("svg")?.appendChild(r), new XMLSerializer().serializeToString(n);
@@ -4732,7 +4739,7 @@ function vo(e, t) {
 			return e;
 		}
 	}
-	class se {
+	class le {
 		bounds;
 		svgData;
 		rotation;
@@ -4749,7 +4756,7 @@ function vo(e, t) {
 					lat: e.neLat,
 					lng: e.neLng
 				}
-			}, this.svgData = oe(e.svgData), this.rotation = e.rotation ?? 0, this.overlayView.onAdd = () => {
+			}, this.svgData = ce(e.svgData), this.rotation = e.rotation ?? 0, this.overlayView.onAdd = () => {
 				this.div = document.createElement("div"), this.div.style.cssText = "position:absolute;pointer-events:none;transform-origin:center center;", this.div.innerHTML = this.svgData;
 				let e = this.div.querySelector("svg");
 				e && (e.style.width = "100%", e.style.height = "100%"), this.div.addEventListener("click", (e) => {
@@ -4757,7 +4764,7 @@ function vo(e, t) {
 					if (!t || !(g() ? t.getAttribute("data-pick") === "1" : t.getAttribute("data-status") === "available" && !t.hasAttribute("data-fit"))) return;
 					let n = t.getAttribute("data-berth-id");
 					h()(m() === n ? null : n);
-				}), this.overlayView.getPanes().overlayMouseTarget.appendChild(this.div), ce();
+				}), this.overlayView.getPanes().overlayMouseTarget.appendChild(this.div), ue();
 			}, this.overlayView.draw = () => {
 				if (!this.div) return;
 				let e = this.overlayView.getProjection();
@@ -4772,8 +4779,8 @@ function vo(e, t) {
 			this.overlayView.setMap(e);
 		}
 	}
-	function ce() {
-		let e = _?.getRootNode();
+	function ue() {
+		let e = v?.getRootNode();
 		if (!e) return;
 		let t = new Map(u().map((e) => [e.berthId, e]));
 		e.querySelectorAll("[data-berth-id]").forEach((e) => {
@@ -4781,61 +4788,61 @@ function vo(e, t) {
 			!g() && r && !ro(r, p()) ? e.setAttribute("data-fit", "small") : e.removeAttribute("data-fit"), n === m() ? e.setAttribute("data-selected", "1") : e.removeAttribute("data-selected");
 		});
 	}
-	function le(e, t) {
+	function de(e, t) {
 		let n = e.berth.status !== "available";
 		e.pickable = io(e.berth, p(), g());
-		let r = t === m() ? q(w) : n ? g() ? q(ne) : te : e.pickable ? q(ee) : T;
+		let r = t === m() ? q(te) : n ? g() ? q(D) : E : e.pickable ? q(w) : ne;
 		e.circle.setOptions({
 			...r,
 			clickable: e.pickable
-		}), e.hull?.setOptions({ fillOpacity: r === T || r === te ? .2 : .85 });
+		}), e.hull?.setOptions({ fillOpacity: r === ne || r === E ? .2 : .85 });
 	}
 	qr(() => {
 		let e = !1;
 		return Ra(n()).then(() => {
-			if (e || !_) return;
-			let t = window.google.maps, n = new t.Map(_, {
+			if (e || !v) return;
+			let t = window.google.maps, n = new t.Map(v, {
 				center: i(),
 				zoom: 15,
 				disableDefaultUI: !0,
 				zoomControl: !0,
-				styles: r() === "coastal" ? q(ie) : re,
+				styles: r() === "coastal" ? q(ae) : A,
 				backgroundColor: r() === "coastal" ? "#f5efe4" : "#ffffff"
 			});
 			t.event.addListenerOnce(n, "idle", () => {
-				e || V(v, n);
+				e || V(y, n);
 			});
 		}), () => {
 			e = !0;
 		};
 	});
-	let ue = null, de = null;
+	let fe = null, pe = null;
 	Tn(() => {
-		!q(v) || i().lat === ue && i().lng === de || (ue = i().lat, de = i().lng, q(v).setCenter(i()));
+		!q(y) || i().lat === fe && i().lng === pe || (fe = i().lat, pe = i().lng, q(y).setCenter(i()));
 	}), Tn(() => {
-		m(), p(), u(), g(), ce();
+		m(), p(), u(), g(), ue();
 	});
-	function fe() {
-		if (!q(v) || r() !== "chart") return;
+	function me() {
+		if (!q(y) || r() !== "chart") return;
 		let e = new window.google.maps.LatLngBounds();
 		for (let t of u()) {
 			if (t.lat == null || t.lng == null || !t.berthId) continue;
 			let n = window.google.maps, r = mo(t, d()), i = r == null ? new n.Circle({
-				map: q(v),
+				map: q(y),
 				center: {
 					lat: t.lat,
 					lng: t.lng
 				},
-				radius: E(t),
-				...q(ee)
+				radius: O(t),
+				...q(w)
 			}) : new n.Polygon({
-				map: q(v),
+				map: q(y),
 				paths: ho(t, r, fo),
-				...q(ee)
+				...q(w)
 			}), o = {
 				circle: i,
 				hull: r == null ? null : new n.Polygon({
-					map: q(v),
+					map: q(y),
 					paths: ho(t, r, po, .8),
 					clickable: !1,
 					zIndex: 1,
@@ -4847,42 +4854,42 @@ function vo(e, t) {
 				berth: t,
 				pickable: !1
 			};
-			y.set(t.berthId, o), J(() => le(o, t.berthId)), i.addListener("click", () => h()(t.berthId === m() ? null : t.berthId)), i.addListener("mouseover", () => {
-				o.pickable && t.berthId !== m() && i.setOptions(q(C));
+			b.set(t.berthId, o), J(() => de(o, t.berthId)), i.addListener("click", () => h()(t.berthId === m() ? null : t.berthId)), i.addListener("mouseover", () => {
+				o.pickable && t.berthId !== m() && i.setOptions(q(T));
 			}), i.addListener("mouseout", () => {
-				t.berthId !== m() && le(o, t.berthId);
+				t.berthId !== m() && de(o, t.berthId);
 			}), e.extend({
 				lat: t.lat,
 				lng: t.lng
 			});
 		}
-		y.size && !S && (S = !0, e.extend(i()), q(v).fitBounds(e, 60));
+		b.size && !ee && (ee = !0, e.extend(i()), q(y).fitBounds(e, C()));
 	}
 	Tn(() => {
-		if (!(!q(v) || r() !== "chart")) {
-			for (let e of y.values()) e.circle.setMap(null), e.hull?.setMap(null);
-			y.clear(), fe();
+		if (!(!q(y) || r() !== "chart")) {
+			for (let e of b.values()) e.circle.setMap(null), e.hull?.setMap(null);
+			b.clear(), me();
 		}
 	}), Tn(() => {
-		if (!q(v)) return;
-		for (let e of b) e.setMap(null);
+		if (!q(y)) return;
+		for (let e of x) e.setMap(null);
 		let e = [];
-		s() && e.push(new A(i(), s(), c(), null));
-		for (let t of l()) t.logoMark && e.push(new A({
+		s() && e.push(new oe(i(), s(), c(), null));
+		for (let t of l()) t.logoMark && e.push(new oe({
 			lat: t.lat,
 			lng: t.lng
 		}, t.logoMark, t.name, t.href));
-		for (let t of e) t.setMap(q(v));
-		b = e;
+		for (let t of e) t.setMap(q(y));
+		x = e;
 	}), Tn(() => {
-		if (!q(v) || r() !== "coastal") return;
-		for (let e of x) e.setMap(null);
+		if (!q(y) || r() !== "coastal") return;
+		for (let e of S) e.setMap(null);
 		let e = d().length ? d() : f() ? [f()] : [];
-		if (x = e.map((e) => {
-			let t = new se(e);
-			return t.setMap(q(v)), t;
-		}), e.length && !S) {
-			S = !0;
+		if (S = e.map((e) => {
+			let t = new le(e);
+			return t.setMap(q(y)), t;
+		}), e.length && !ee) {
+			ee = !0;
 			let t = new window.google.maps.LatLngBounds();
 			for (let n of e) t.extend({
 				lat: n.swLat,
@@ -4891,17 +4898,17 @@ function vo(e, t) {
 				lat: n.neLat,
 				lng: n.neLng
 			});
-			q(v).fitBounds(t, 60);
+			q(y).fitBounds(t, C());
 		}
 	});
-	let pe = null;
+	let he = null;
 	Tn(() => {
 		p();
-		let e = m() != null && m() !== pe;
-		for (let [t, n] of y) le(n, t), e && t === m() && k(n);
-		pe = m();
+		let e = m() != null && m() !== he;
+		for (let [t, n] of b) de(n, t), e && t === m() && ie(n);
+		he = m();
 	});
-	var me = {
+	var ge = {
 		get mapsApiKey() {
 			return n();
 		},
@@ -4991,9 +4998,15 @@ function vo(e, t) {
 		},
 		set staff(e = !1) {
 			g(e), z();
+		},
+		get fitInset() {
+			return _();
+		},
+		set fitInset(e) {
+			_(e), z();
 		}
-	}, he = go();
-	return Ai(he, (e) => _ = e, () => _), X(e, he), Ze(me);
+	}, _e = go();
+	return Ai(_e, (e) => v = e, () => v), X(e, _e), Ze(ge);
 }
 Ii(vo, {
 	mapsApiKey: {},
@@ -5010,7 +5023,8 @@ Ii(vo, {
 	loa: {},
 	selectedBerth: {},
 	onBerthClick: {},
-	staff: {}
+	staff: {},
+	fitInset: {}
 }, [], [], { mode: "open" });
 //#endregion
 //#region src/components/Stepper.svelte
@@ -5879,6 +5893,7 @@ var vs = {
 		contractAgreedOn: (e) => `Accettato il ${e}`,
 		cancelBooking: "Annulla prenotazione",
 		cancelConfirm: "Vuoi annullare questa prenotazione? L'ormeggio verrà rilasciato.",
+		keepBooking: "Mantieni la prenotazione",
 		startOver: "Nuova prenotazione",
 		docsStep: {
 			intro: "Questa marina richiede i tuoi documenti prima della prenotazione. Accedi con Sidon per aggiungerli: resteranno nel tuo account per le prossime prenotazioni.",
@@ -6023,6 +6038,7 @@ var vs = {
 		contractAgreedOn: (e) => `Agreed on ${e}`,
 		cancelBooking: "Cancel booking",
 		cancelConfirm: "Cancel this booking? The berth will be released.",
+		keepBooking: "Keep booking",
 		startOver: "Start a new booking",
 		docsStep: {
 			intro: "This marina needs your documents before you book. Sign in with Sidon to add them; they stay in your account for your next booking.",
@@ -6167,6 +6183,7 @@ var vs = {
 		contractAgreedOn: (e) => `Accepté le ${e}`,
 		cancelBooking: "Annuler la réservation",
 		cancelConfirm: "Annuler cette réservation ? La place sera libérée.",
+		keepBooking: "Garder la réservation",
 		startOver: "Nouvelle réservation",
 		docsStep: {
 			intro: "Ce port demande vos documents avant la réservation. Connectez-vous avec Sidon pour les ajouter : ils restent dans votre compte pour vos prochaines réservations.",
@@ -6311,6 +6328,7 @@ var vs = {
 		contractAgreedOn: (e) => `Aceptado el ${e}`,
 		cancelBooking: "Cancelar reserva",
 		cancelConfirm: "¿Cancelar esta reserva? El amarre quedará libre.",
+		keepBooking: "Mantener la reserva",
 		startOver: "Nueva reserva",
 		docsStep: {
 			intro: "Este puerto necesita tus documentos antes de reservar. Inicia sesión con Sidon para añadirlos: se quedan en tu cuenta para tus próximas reservas.",
@@ -12677,9 +12695,9 @@ var lc = /* @__PURE__ */ s(((e, t) => {
 			return e;
 		})(t.exports, e)), t.exports;
 	});
-})), uc = /* @__PURE__ */ Y("<button type=\"button\" class=\"sbw-btn-secondary svelte-1312f6m\"> </button>"), dc = /* @__PURE__ */ Y("<div class=\"sbw-view-error sbw-view-error-first svelte-1312f6m\" role=\"alert\"> </div> <div class=\"sbw-view-actions svelte-1312f6m\"><button type=\"button\" class=\"sbw-btn-secondary svelte-1312f6m\"> </button> <!></div>", 1), fc = /* @__PURE__ */ Y("<div class=\"sbw-view-loading svelte-1312f6m\"> </div>"), pc = /* @__PURE__ */ Pr("<circle cx=\"12\" cy=\"12\" r=\"8.5\" class=\"svelte-1312f6m\"></circle><path d=\"M12 7.5V12l3 2\" class=\"svelte-1312f6m\"></path>", 1), mc = /* @__PURE__ */ Pr("<path d=\"M5 12.5l4.5 4.5L19 7.5\" class=\"svelte-1312f6m\"></path>"), hc = /* @__PURE__ */ Pr("<path d=\"M6.5 6.5l11 11M17.5 6.5l-11 11\" class=\"svelte-1312f6m\"></path>"), gc = /* @__PURE__ */ Y("<p class=\"sbw-hero-live svelte-1312f6m\"><span class=\"sbw-live-dot svelte-1312f6m\"></span> </p>"), _c = /* @__PURE__ */ Y("<div class=\"sbw-panel svelte-1312f6m\"><div class=\"sbw-panel-heading svelte-1312f6m\"><span class=\"svelte-1312f6m\"> </span> <span class=\"sbw-panel-amount svelte-1312f6m\"> </span></div> <p class=\"sbw-panel-note svelte-1312f6m\"> </p> <p class=\"sbw-panel-note svelte-1312f6m\"> </p> <div class=\"sbw-card svelte-1312f6m\"></div> <button type=\"button\" class=\"sbw-btn-primary svelte-1312f6m\"> </button></div>"), vc = /* @__PURE__ */ Y("<div class=\"sbw-panel svelte-1312f6m\"><div class=\"sbw-panel-heading svelte-1312f6m\"><span class=\"svelte-1312f6m\"> </span></div> <p class=\"sbw-panel-note svelte-1312f6m\"> </p> <p class=\"sbw-panel-note svelte-1312f6m\"> </p> <button type=\"button\" class=\"sbw-btn-secondary svelte-1312f6m\"> </button></div>"), yc = /* @__PURE__ */ Y("<div class=\"sbw-panel svelte-1312f6m\"><div class=\"sbw-panel-heading svelte-1312f6m\"><span class=\"svelte-1312f6m\"> </span></div> <p class=\"sbw-panel-note svelte-1312f6m\"> </p></div>"), bc = /* @__PURE__ */ Y("<div class=\"svelte-1312f6m\"><dt class=\"svelte-1312f6m\"> </dt><dd class=\"svelte-1312f6m\"> </dd></div>"), xc = /* @__PURE__ */ Y("<div class=\"sbw-view-error svelte-1312f6m\" role=\"alert\"> </div>"), Sc = /* @__PURE__ */ Y("<div class=\"sbw-view-actions svelte-1312f6m\"><!> <!></div>"), Cc = /* @__PURE__ */ Y("<div role=\"status\"><div class=\"sbw-hero-icon svelte-1312f6m\" aria-hidden=\"true\"><svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"svelte-1312f6m\"><!></svg></div> <div class=\"sbw-hero-eyebrow svelte-1312f6m\"> </div> <h3 class=\"sbw-hero-title svelte-1312f6m\"> </h3> <p class=\"sbw-hero-body svelte-1312f6m\"> </p> <!></div> <!> <div class=\"sbw-facts-heading svelte-1312f6m\"> </div> <dl class=\"sbw-facts svelte-1312f6m\"><div class=\"svelte-1312f6m\"><dt class=\"svelte-1312f6m\"> </dt><dd class=\"svelte-1312f6m\"> </dd></div> <div class=\"svelte-1312f6m\"><dt class=\"svelte-1312f6m\"> </dt><dd class=\"svelte-1312f6m\"> </dd></div> <div class=\"svelte-1312f6m\"><dt class=\"svelte-1312f6m\"> </dt> <dd class=\"svelte-1312f6m\"> </dd></div> <div class=\"svelte-1312f6m\"><dt class=\"svelte-1312f6m\"> </dt><dd class=\"svelte-1312f6m\"> </dd></div> <!> <div class=\"svelte-1312f6m\"><dt class=\"svelte-1312f6m\"> </dt> <dd class=\"svelte-1312f6m\"> </dd></div></dl> <!> <!> <!> <!>", 1), wc = /* @__PURE__ */ Y("<div><!></div>"), Tc = {
+})), uc = /* @__PURE__ */ Y("<button type=\"button\" class=\"sbw-btn-secondary svelte-1312f6m\"> </button>"), dc = /* @__PURE__ */ Y("<div class=\"sbw-view-error sbw-view-error-first svelte-1312f6m\" role=\"alert\"> </div> <div class=\"sbw-view-actions svelte-1312f6m\"><button type=\"button\" class=\"sbw-btn-secondary svelte-1312f6m\"> </button> <!></div>", 1), fc = /* @__PURE__ */ Y("<div class=\"sbw-view-loading svelte-1312f6m\"> </div>"), pc = /* @__PURE__ */ Pr("<circle cx=\"12\" cy=\"12\" r=\"8.5\" class=\"svelte-1312f6m\"></circle><path d=\"M12 7.5V12l3 2\" class=\"svelte-1312f6m\"></path>", 1), mc = /* @__PURE__ */ Pr("<path d=\"M5 12.5l4.5 4.5L19 7.5\" class=\"svelte-1312f6m\"></path>"), hc = /* @__PURE__ */ Pr("<path d=\"M6.5 6.5l11 11M17.5 6.5l-11 11\" class=\"svelte-1312f6m\"></path>"), gc = /* @__PURE__ */ Y("<p class=\"sbw-hero-live svelte-1312f6m\"><span class=\"sbw-live-dot svelte-1312f6m\"></span> </p>"), _c = /* @__PURE__ */ Y("<div class=\"sbw-panel svelte-1312f6m\"><div class=\"sbw-panel-heading svelte-1312f6m\"><span class=\"svelte-1312f6m\"> </span> <span class=\"sbw-panel-amount svelte-1312f6m\"> </span></div> <p class=\"sbw-panel-note svelte-1312f6m\"> </p> <p class=\"sbw-panel-note svelte-1312f6m\"> </p> <div class=\"sbw-card svelte-1312f6m\"></div> <button type=\"button\" class=\"sbw-btn-primary svelte-1312f6m\"> </button></div>"), vc = /* @__PURE__ */ Y("<div class=\"sbw-panel svelte-1312f6m\"><div class=\"sbw-panel-heading svelte-1312f6m\"><span class=\"svelte-1312f6m\"> </span></div> <p class=\"sbw-panel-note svelte-1312f6m\"> </p> <p class=\"sbw-panel-note svelte-1312f6m\"> </p> <button type=\"button\" class=\"sbw-btn-secondary svelte-1312f6m\"> </button></div>"), yc = /* @__PURE__ */ Y("<div class=\"sbw-panel svelte-1312f6m\"><div class=\"sbw-panel-heading svelte-1312f6m\"><span class=\"svelte-1312f6m\"> </span></div> <p class=\"sbw-panel-note svelte-1312f6m\"> </p></div>"), bc = /* @__PURE__ */ Y("<div class=\"svelte-1312f6m\"><dt class=\"svelte-1312f6m\"> </dt><dd class=\"svelte-1312f6m\"> </dd></div>"), xc = /* @__PURE__ */ Y("<div class=\"sbw-view-error svelte-1312f6m\" role=\"alert\"> </div>"), Sc = /* @__PURE__ */ Y("<div class=\"sbw-view-actions svelte-1312f6m\"><!> <!></div>"), Cc = /* @__PURE__ */ Y("<div role=\"status\"><div class=\"sbw-hero-icon svelte-1312f6m\" aria-hidden=\"true\"><svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"svelte-1312f6m\"><!></svg></div> <div class=\"sbw-hero-eyebrow svelte-1312f6m\"> </div> <h3 class=\"sbw-hero-title svelte-1312f6m\"> </h3> <p class=\"sbw-hero-body svelte-1312f6m\"> </p> <!></div> <!> <div class=\"sbw-facts-heading svelte-1312f6m\"> </div> <dl class=\"sbw-facts svelte-1312f6m\"><div class=\"svelte-1312f6m\"><dt class=\"svelte-1312f6m\"> </dt><dd class=\"svelte-1312f6m\"> </dd></div> <div class=\"svelte-1312f6m\"><dt class=\"svelte-1312f6m\"> </dt><dd class=\"svelte-1312f6m\"> </dd></div> <div class=\"svelte-1312f6m\"><dt class=\"svelte-1312f6m\"> </dt> <dd class=\"svelte-1312f6m\"> </dd></div> <div class=\"svelte-1312f6m\"><dt class=\"svelte-1312f6m\"> </dt><dd class=\"svelte-1312f6m\"> </dd></div> <!> <div class=\"svelte-1312f6m\"><dt class=\"svelte-1312f6m\"> </dt> <dd class=\"svelte-1312f6m\"> </dd></div></dl> <!> <!> <!> <!> <dialog class=\"sbw-confirm svelte-1312f6m\" aria-labelledby=\"sbw-confirm-title\"><h2 id=\"sbw-confirm-title\" class=\"sbw-confirm-title svelte-1312f6m\"> </h2> <p class=\"sbw-confirm-body svelte-1312f6m\"> </p> <div class=\"sbw-confirm-actions svelte-1312f6m\"><button type=\"button\" class=\"sbw-btn-secondary svelte-1312f6m\"> </button> <button type=\"button\" class=\"sbw-btn-primary svelte-1312f6m\"> </button></div></dialog>", 1), wc = /* @__PURE__ */ Y("<div><!></div>"), Tc = {
 	hash: "svelte-1312f6m",
-	code: ".sbw-view.svelte-1312f6m {display:flex;flex-direction:column;color:var(--brand-ink, #252525);}.sbw-view-loading.svelte-1312f6m {padding:32px 20px;font-size:14px;text-align:center;color:#666;}.sbw-view-error.svelte-1312f6m {margin:0 20px 16px;font-size:14px;color:#cc4949;}.sbw-view-error-first.svelte-1312f6m {margin-top:24px;}\r\n  /* Hero: the 0.4 SentStep panel, one state per OTA status (+ expired). */.sbw-hero.svelte-1312f6m {display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:32px 20px;}.sbw-hero-icon.svelte-1312f6m {width:56px;height:56px;border-radius:999px;background:var(--brand-gold, #c9a86b);color:var(--brand-navy, #16365b);display:flex;align-items:center;justify-content:center;}.sbw-hero-ok.svelte-1312f6m .sbw-hero-icon:where(.svelte-1312f6m) {background:#1f9d55;color:#fff;}.sbw-hero-bad.svelte-1312f6m .sbw-hero-icon:where(.svelte-1312f6m) {background:#cc4949;color:#fff;}.sbw-hero-eyebrow.svelte-1312f6m {font-size:11px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:var(--brand-gold, #c9a86b);}.sbw-hero-ok.svelte-1312f6m .sbw-hero-eyebrow:where(.svelte-1312f6m) {color:#1f9d55;}.sbw-hero-bad.svelte-1312f6m .sbw-hero-eyebrow:where(.svelte-1312f6m) {color:#cc4949;}.sbw-hero-title.svelte-1312f6m {font-size:32px;font-weight:400;text-transform:uppercase;color:var(--brand-navy, #16365b);margin:0;}.sbw-hero-body.svelte-1312f6m {font-size:14px;color:#252525;max-width:420px;line-height:1.7;margin:0;}.sbw-hero-live.svelte-1312f6m {display:inline-flex;align-items:center;gap:8px;margin:0;font-size:12px;color:#666;}.sbw-live-dot.svelte-1312f6m {width:8px;height:8px;border-radius:999px;background:var(--brand-gold, #c9a86b);\r\n    animation: svelte-1312f6m-sbw-pulse 1.6s ease-in-out infinite;}\r\n  @keyframes svelte-1312f6m-sbw-pulse {\r\n    50% {\r\n      opacity: 0.3;\r\n    }\r\n  }\r\n  @media (prefers-reduced-motion: reduce) {.sbw-live-dot.svelte-1312f6m {\r\n      animation: none;}\r\n  }.sbw-panel.svelte-1312f6m {display:flex;flex-direction:column;gap:10px;margin:0 20px 20px;padding:16px;border:1px solid #e4e7ec;border-radius:var(--sbw-radius, 10px);}.sbw-panel-heading.svelte-1312f6m {display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#252525;}.sbw-panel-amount.svelte-1312f6m {font-size:22px;font-weight:500;color:var(--brand-navy, #16365b);}.sbw-panel-note.svelte-1312f6m {font-size:12px;color:#252525;line-height:1.6;margin:0;}.sbw-card.svelte-1312f6m {padding:14px;border-radius:12px;border:1px solid #e4e7ec;background:#fff;}.sbw-facts-heading.svelte-1312f6m {padding:0 20px;font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#252525;}.sbw-facts.svelte-1312f6m {display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;margin:10px 0 0;padding:0 20px 20px;}.sbw-facts.svelte-1312f6m dt:where(.svelte-1312f6m) {font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#666;}.sbw-facts.svelte-1312f6m dd:where(.svelte-1312f6m) {margin:2px 0 0;font-size:15px;color:var(--brand-navy, #16365b);overflow-wrap:anywhere;}.sbw-view-actions.svelte-1312f6m {display:flex;flex-wrap:wrap;gap:12px;padding:0 20px 20px;}\r\n  /* Buttons mirror StepNav's Back/Next. The primary one is :global so\r\n     ContractSection's Agree button picks up the same variant styling. */.sbw-btn-secondary.svelte-1312f6m {height:52px;padding:0 24px;border-radius:var(--sbw-radius, 10px);border:1px solid rgba(37, 37, 37, 0.15);background:transparent;color:var(--brand-navy, #16365b);font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;cursor:pointer;}.sbw-btn-secondary.svelte-1312f6m:hover:not(:disabled) {background:#fafafa;}.sbw-view.svelte-1312f6m .sbw-btn-primary {height:56px;border-radius:var(--sbw-radius, 10px);border:none;background:var(--brand-gold, #c9a86b);color:var(--brand-navy, #16365b);font-size:13px;font-weight:600;letter-spacing:2px;text-transform:uppercase;cursor:pointer;}.sbw-view.svelte-1312f6m .sbw-btn-primary:hover:not(:disabled) {background:var(--brand-navy, #16365b);color:#fff;}.sbw-btn-secondary.svelte-1312f6m:disabled,\r\n  .sbw-view.svelte-1312f6m .sbw-btn-primary:disabled {opacity:0.4;cursor:not-allowed;}\r\n  /* 'dark' variant (Fox/Pevero): flush corners, solid ink, gold on hover. */.sbw-variant-dark.svelte-1312f6m .sbw-btn-secondary:where(.svelte-1312f6m) {border-radius:0;color:var(--brand-ink, #252525);}.sbw-view.sbw-variant-dark.svelte-1312f6m .sbw-btn-primary {border-radius:0;background:var(--brand-ink, #252525);color:#fff;}.sbw-view.sbw-variant-dark.svelte-1312f6m .sbw-btn-primary:hover:not(:disabled) {background:var(--brand-gold, #c9a86b);color:var(--brand-ink, #252525);}"
+	code: ".sbw-view.svelte-1312f6m {display:flex;flex-direction:column;color:var(--brand-ink, #252525);}.sbw-view-loading.svelte-1312f6m {padding:32px 20px;font-size:14px;text-align:center;color:#666;}.sbw-view-error.svelte-1312f6m {margin:0 20px 16px;font-size:14px;color:#cc4949;}.sbw-view-error-first.svelte-1312f6m {margin-top:24px;}\r\n  /* Hero: the 0.4 SentStep panel, one state per OTA status (+ expired). */.sbw-hero.svelte-1312f6m {display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:32px 20px;}.sbw-hero-icon.svelte-1312f6m {width:56px;height:56px;border-radius:999px;background:var(--brand-gold, #c9a86b);color:var(--brand-navy, #16365b);display:flex;align-items:center;justify-content:center;}.sbw-hero-ok.svelte-1312f6m .sbw-hero-icon:where(.svelte-1312f6m) {background:#1f9d55;color:#fff;}.sbw-hero-bad.svelte-1312f6m .sbw-hero-icon:where(.svelte-1312f6m) {background:#cc4949;color:#fff;}.sbw-hero-eyebrow.svelte-1312f6m {font-size:11px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:var(--brand-gold, #c9a86b);}.sbw-hero-ok.svelte-1312f6m .sbw-hero-eyebrow:where(.svelte-1312f6m) {color:#1f9d55;}.sbw-hero-bad.svelte-1312f6m .sbw-hero-eyebrow:where(.svelte-1312f6m) {color:#cc4949;}.sbw-hero-title.svelte-1312f6m {font-size:32px;font-weight:400;text-transform:uppercase;color:var(--brand-navy, #16365b);margin:0;}.sbw-hero-body.svelte-1312f6m {font-size:14px;color:#252525;max-width:420px;line-height:1.7;margin:0;}.sbw-hero-live.svelte-1312f6m {display:inline-flex;align-items:center;gap:8px;margin:0;font-size:12px;color:#666;}.sbw-live-dot.svelte-1312f6m {width:8px;height:8px;border-radius:999px;background:var(--brand-gold, #c9a86b);\r\n    animation: svelte-1312f6m-sbw-pulse 1.6s ease-in-out infinite;}\r\n  @keyframes svelte-1312f6m-sbw-pulse {\r\n    50% {\r\n      opacity: 0.3;\r\n    }\r\n  }\r\n  @media (prefers-reduced-motion: reduce) {.sbw-live-dot.svelte-1312f6m {\r\n      animation: none;}\r\n  }.sbw-panel.svelte-1312f6m {display:flex;flex-direction:column;gap:10px;margin:0 20px 20px;padding:16px;border:1px solid #e4e7ec;border-radius:var(--sbw-radius, 10px);}.sbw-panel-heading.svelte-1312f6m {display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#252525;}.sbw-panel-amount.svelte-1312f6m {font-size:22px;font-weight:500;color:var(--brand-navy, #16365b);}.sbw-panel-note.svelte-1312f6m {font-size:12px;color:#252525;line-height:1.6;margin:0;}.sbw-card.svelte-1312f6m {padding:14px;border-radius:12px;border:1px solid #e4e7ec;background:#fff;}.sbw-facts-heading.svelte-1312f6m {padding:0 20px;font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#252525;}.sbw-facts.svelte-1312f6m {display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;margin:10px 0 0;padding:0 20px 20px;}.sbw-facts.svelte-1312f6m dt:where(.svelte-1312f6m) {font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#666;}.sbw-facts.svelte-1312f6m dd:where(.svelte-1312f6m) {margin:2px 0 0;font-size:15px;color:var(--brand-navy, #16365b);overflow-wrap:anywhere;}.sbw-view-actions.svelte-1312f6m {display:flex;flex-wrap:wrap;gap:12px;padding:0 20px 20px;}\r\n  /* Buttons mirror StepNav's Back/Next. The primary one is :global so\r\n     ContractSection's Agree button picks up the same variant styling. */.sbw-btn-secondary.svelte-1312f6m {height:52px;padding:0 24px;border-radius:var(--sbw-radius, 10px);border:1px solid rgba(37, 37, 37, 0.15);background:transparent;color:var(--brand-navy, #16365b);font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;cursor:pointer;}.sbw-btn-secondary.svelte-1312f6m:hover:not(:disabled) {background:#fafafa;}.sbw-view.svelte-1312f6m .sbw-btn-primary {height:56px;border-radius:var(--sbw-radius, 10px);border:none;background:var(--brand-gold, #c9a86b);color:var(--brand-navy, #16365b);font-size:13px;font-weight:600;letter-spacing:2px;text-transform:uppercase;cursor:pointer;}.sbw-view.svelte-1312f6m .sbw-btn-primary:hover:not(:disabled) {background:var(--brand-navy, #16365b);color:#fff;}.sbw-btn-secondary.svelte-1312f6m:disabled,\r\n  .sbw-view.svelte-1312f6m .sbw-btn-primary:disabled {opacity:0.4;cursor:not-allowed;}\r\n  /* Cancel confirmation: DocumentsStep's sign-in dialog, with this view's buttons. */.sbw-confirm.svelte-1312f6m {box-sizing:border-box;width:min(440px, calc(100vw - 40px));padding:32px;border:none;border-radius:var(--sbw-radius, 10px);background:#fff;color:var(--brand-ink, #252525);text-align:center;box-shadow:0 24px 64px rgba(0, 0, 0, 0.35);}.sbw-confirm[open].svelte-1312f6m {\r\n    animation: svelte-1312f6m-sbw-confirm-in 0.35s ease-out;}.sbw-confirm.svelte-1312f6m::backdrop {background:rgba(5, 4, 15, 0.55);backdrop-filter:blur(3px);}\r\n  @keyframes svelte-1312f6m-sbw-confirm-in {\r\n    from {\r\n      opacity: 0;\r\n      transform: translateY(12px);\r\n    }\r\n  }\r\n  @media (prefers-reduced-motion: reduce) {.sbw-confirm[open].svelte-1312f6m {\r\n      animation: none;}\r\n  }.sbw-confirm-title.svelte-1312f6m {margin:0 0 8px;font-size:22px;font-weight:600;line-height:1.2;color:var(--brand-navy, #16365b);}.sbw-confirm-body.svelte-1312f6m {margin:0 0 24px;font-size:14px;line-height:1.65;color:#666;}.sbw-confirm-actions.svelte-1312f6m {display:flex;flex-wrap:wrap;gap:12px;}\r\n  /* .sbw-view: outranks the :global primary rule, so both buttons match. */.sbw-view.svelte-1312f6m .sbw-confirm-actions:where(.svelte-1312f6m) button:where(.svelte-1312f6m) {flex:1 1 150px;height:52px;padding:0 16px;font-size:12px;}.sbw-variant-dark.svelte-1312f6m .sbw-confirm:where(.svelte-1312f6m) {border-radius:0;}\r\n  /* 'dark' variant (Fox/Pevero): flush corners, solid ink, gold on hover. */.sbw-variant-dark.svelte-1312f6m .sbw-btn-secondary:where(.svelte-1312f6m) {border-radius:0;color:var(--brand-ink, #252525);}.sbw-view.sbw-variant-dark.svelte-1312f6m .sbw-btn-primary {border-radius:0;background:var(--brand-ink, #252525);color:#fff;}.sbw-view.sbw-variant-dark.svelte-1312f6m .sbw-btn-primary:hover:not(:disabled) {background:var(--brand-gold, #c9a86b);color:var(--brand-ink, #252525);}"
 };
 function Ec(e, t) {
 	Xe(t, !0), ai(e, Tc);
@@ -12758,8 +12776,9 @@ function Ec(e, t) {
 		}
 		await A();
 	}
-	async function le() {
-		if (!(q(v) || !window.confirm(q(h).cancelConfirm))) {
+	let le = /* @__PURE__ */ B(void 0);
+	async function ue() {
+		if (q(le)?.close(), !q(v)) {
 			V(v, !0), V(_, null);
 			try {
 				await Vo(n(), r(), i()), se();
@@ -12771,31 +12790,31 @@ function Ec(e, t) {
 			await A();
 		}
 	}
-	async function ue() {
+	async function de() {
 		q(v) || (V(v, !0), q(p)?.booking.status === "hold" && await Vo(n(), r(), i()).catch(() => {}), se(), V(v, !1), d()?.());
 	}
-	async function de() {
+	async function fe() {
 		try {
 			let e = (await Promise.resolve().then(() => /* @__PURE__ */ u(lc()))).default;
 			if (E) return;
 			let t = new e.Realtime({ authCallback: (e, t) => {
 				Wo(n(), r(), i()).then((e) => {
 					if (e) return t(null, e);
-					t("Live updates are not configured", null), fe();
+					t("Live updates are not configured", null), pe();
 				}, (e) => t(k(e), null));
 			} });
-			D = t, t.connection.on(["failed", "suspended"], () => fe()), t.channels.get(`marina-booking:${i().id}`).subscribe("updated", () => void A()).catch(() => fe());
+			D = t, t.connection.on(["failed", "suspended"], () => pe()), t.channels.get(`marina-booking:${i().id}`).subscribe("updated", () => void A()).catch(() => pe());
 		} catch {
-			fe();
+			pe();
 		}
 	}
-	function fe() {
+	function pe() {
 		D?.close(), D = null, !(E || O) && (O = setInterval(() => {
 			!document.hidden && q(p) && so(q(p).booking.status, q(p).booking.cardHold) && A();
 		}, 3e4));
 	}
 	qr(() => {
-		A(), de();
+		A(), fe();
 		let e = () => {
 			document.visibilityState === "visible" && A();
 		};
@@ -12803,7 +12822,7 @@ function Ec(e, t) {
 			E = !0, document.removeEventListener("visibilitychange", e), clearInterval(O), D?.close(), se();
 		};
 	});
-	var pe = {
+	var me = {
 		get apiOrigin() {
 			return n();
 		},
@@ -12858,9 +12877,9 @@ function Ec(e, t) {
 		set onstartover(e) {
 			d(e), z();
 		}
-	}, me = wc();
-	let he;
-	var ge = H(me), _e = (e) => {
+	}, he = wc();
+	let ge;
+	var _e = H(he), ve = (e) => {
 		var t = Fr(), n = hn(t), r = (e) => {
 			var t = dc(), n = hn(t), r = H(n, !0);
 			P(n);
@@ -12870,7 +12889,7 @@ function Ec(e, t) {
 				var t = uc(), n = H(t, !0);
 				P(t), W(() => {
 					t.disabled = q(v), Z(n, q(h).startOver);
-				}), Tr("click", t, ue), X(e, t);
+				}), Tr("click", t, de), X(e, t);
 			};
 			Q(s, (e) => {
 				d() && e(c);
@@ -12884,7 +12903,7 @@ function Ec(e, t) {
 		Q(n, (e) => {
 			q(g) ? e(r) : e(i, -1);
 		}), X(e, t);
-	}, ve = (e) => {
+	}, ye = (e) => {
 		let t = /* @__PURE__ */ I(() => q(p).booking), a = /* @__PURE__ */ I(() => q(t).expired || q(y) ? "expired" : q(t).status);
 		var s = Cc(), c = hn(s);
 		let l;
@@ -12912,7 +12931,7 @@ function Ec(e, t) {
 		Q(ae, (e) => {
 			q(a) === "pending" && e(oe);
 		}), P(c);
-		var se = U(c, 2), de = (e) => {
+		var se = U(c, 2), fe = (e) => {
 			var n = _c(), r = H(n), i = H(r), a = H(i, !0);
 			P(i);
 			var s = U(i, 2), c = H(s);
@@ -12927,7 +12946,7 @@ function Ec(e, t) {
 			P(g), P(n), W((e, t) => {
 				Z(a, q(h).paymentHold), Z(c, `${q(h).total ?? ""} ${e ?? ""}`), Z(u, q(h).paymentNote), Z(f, t), g.disabled = q(v) || !q(x), Z(_, q(v) ? q(h).sending : q(h).payAndSend);
 			}, [() => co(q(t).totalPrice, q(t).currency, o(), q(m)), () => q(h).holdUntil(ie(q(t).holdExpiresAt))]), Tr("click", g, ce), X(e, n);
-		}, fe = (e) => {
+		}, pe = (e) => {
 			var n = vc(), r = H(n), i = H(r), a = H(i, !0);
 			P(i), P(r);
 			var o = U(r, 2), s = H(o, !0);
@@ -12938,7 +12957,7 @@ function Ec(e, t) {
 			P(u), P(n), W((e) => {
 				Z(a, q(h).paymentHold), Z(s, q(h).paymentUnavailable), Z(l, e), Z(d, q(h).retry);
 			}, [() => q(h).holdUntil(ie(q(t).holdExpiresAt))]), Tr("click", u, () => A()), X(e, n);
-		}, pe = (e) => {
+		}, me = (e) => {
 			var n = yc(), r = H(n), i = H(r), a = H(i, !0);
 			P(i), P(r);
 			var o = U(r, 2), s = H(o, !0);
@@ -12947,27 +12966,27 @@ function Ec(e, t) {
 			}, [() => q(h).checkEmailBody(ie(q(t).holdExpiresAt))]), X(e, n);
 		};
 		Q(se, (e) => {
-			q(a) === "hold" && q(b) ? e(de) : q(a) === "hold" && !q(p).payment && q(t).cardHold ? e(fe, 1) : q(a) === "hold" && !q(p).payment && e(pe, 2);
+			q(a) === "hold" && q(b) ? e(fe) : q(a) === "hold" && !q(p).payment && q(t).cardHold ? e(pe, 1) : q(a) === "hold" && !q(p).payment && e(me, 2);
 		});
-		var me = U(se, 2), he = H(me, !0);
-		P(me);
-		var ge = U(me, 2), _e = H(ge), ve = H(_e), ye = H(ve, !0);
-		P(ve);
-		var be = U(ve), xe = H(be);
-		P(be), P(_e);
-		var Se = U(_e, 2), Ce = H(Se), we = H(Ce, !0);
-		P(Ce);
-		var Te = U(Ce), Ee = H(Te);
-		P(Te), P(Se);
-		var j = U(Se, 2), De = H(j), Oe = H(De, !0);
-		P(De);
-		var ke = U(De, 2), Ae = H(ke, !0);
-		P(ke), P(j);
-		var je = U(j, 2), Me = H(je), Ne = H(Me, !0);
-		P(Me);
-		var Pe = U(Me), Fe = H(Pe, !0);
-		P(Pe), P(je);
-		var Ie = U(je, 2), Le = (e) => {
+		var he = U(se, 2), ge = H(he, !0);
+		P(he);
+		var _e = U(he, 2), ve = H(_e), ye = H(ve), be = H(ye, !0);
+		P(ye);
+		var xe = U(ye), Se = H(xe);
+		P(xe), P(ve);
+		var Ce = U(ve, 2), we = H(Ce), Te = H(we, !0);
+		P(we);
+		var Ee = U(we), j = H(Ee);
+		P(Ee), P(Ce);
+		var De = U(Ce, 2), Oe = H(De), ke = H(Oe, !0);
+		P(Oe);
+		var Ae = U(Oe, 2), je = H(Ae, !0);
+		P(Ae), P(De);
+		var Me = U(De, 2), Ne = H(Me), Pe = H(Ne, !0);
+		P(Ne);
+		var Fe = U(Ne), Ie = H(Fe, !0);
+		P(Fe), P(Me);
+		var Le = U(Me, 2), Re = (e) => {
 			var n = bc(), r = H(n), i = H(r, !0);
 			P(r);
 			var a = U(r), o = H(a, !0);
@@ -12975,14 +12994,14 @@ function Ec(e, t) {
 				Z(i, q(h).email), Z(o, q(t).contactEmail);
 			}), X(e, n);
 		};
-		Q(Ie, (e) => {
-			q(t).contactEmail && e(Le);
+		Q(Le, (e) => {
+			q(t).contactEmail && e(Re);
 		});
-		var Re = U(Ie, 2), M = H(Re), ze = H(M, !0);
-		P(M);
-		var N = U(M, 2), Be = H(N, !0);
-		P(N), P(Re), P(ge);
-		var Ve = U(ge, 2), Ue = (e) => {
+		var M = U(Le, 2), ze = H(M), N = H(ze, !0);
+		P(ze);
+		var Be = U(ze, 2), Ve = H(Be, !0);
+		P(Be), P(M), P(_e);
+		var Ue = U(_e, 2), We = (e) => {
 			cc(e, {
 				get apiOrigin() {
 					return n();
@@ -13005,31 +13024,31 @@ function Ec(e, t) {
 				onchange: A
 			});
 		};
-		Q(Ve, (e) => {
-			q(p).contract && (q(a) === "pending" || q(a) === "confirmed") && e(Ue);
+		Q(Ue, (e) => {
+			q(p).contract && (q(a) === "pending" || q(a) === "confirmed") && e(We);
 		});
-		var We = U(Ve, 2), Ge = (e) => {
+		var Ge = U(Ue, 2), Ke = (e) => {
 			var t = xc(), n = H(t, !0);
 			P(t), W(() => Z(n, q(_))), X(e, t);
 		};
-		Q(We, (e) => {
-			q(_) && e(Ge);
+		Q(Ge, (e) => {
+			q(_) && e(Ke);
 		});
-		var Ke = U(We, 2), qe = (e) => {
+		var qe = U(Ge, 2), Je = (e) => {
 			var t = uc(), n = H(t, !0);
 			P(t), W(() => Z(n, q(h).retry)), Tr("click", t, () => {
 				V(_, null), A();
 			}), X(e, t);
 		};
-		Q(Ke, (e) => {
-			q(te) && e(qe);
+		Q(qe, (e) => {
+			q(te) && e(Je);
 		});
-		var Je = U(Ke, 2), Ye = (e) => {
+		var Ye = U(qe, 2), Xe = (e) => {
 			var t = Sc(), n = H(t), r = (e) => {
 				var t = uc(), n = H(t, !0);
 				P(t), W(() => {
 					t.disabled = q(v), Z(n, q(h).cancelBooking);
-				}), Tr("click", t, le), X(e, t);
+				}), Tr("click", t, () => q(le)?.showModal()), X(e, t);
 			};
 			Q(n, (e) => {
 				(q(a) === "hold" || q(a) === "pending") && e(r);
@@ -13038,29 +13057,37 @@ function Ec(e, t) {
 				var t = uc(), n = H(t, !0);
 				P(t), W(() => {
 					t.disabled = q(v), Z(n, q(h).startOver);
-				}), Tr("click", t, ue), X(e, t);
+				}), Tr("click", t, de), X(e, t);
 			};
 			Q(i, (e) => {
 				d() && e(o);
 			}), P(t), X(e, t);
 		};
-		Q(Je, (e) => {
-			(q(a) === "hold" || q(a) === "pending" || d()) && e(Ye);
-		}), W((e, n, r, i) => {
+		Q(Ye, (e) => {
+			(q(a) === "hold" || q(a) === "pending" || d()) && e(Xe);
+		});
+		var Ze = U(Ye, 2), Qe = H(Ze), $e = H(Qe, !0);
+		P(Qe);
+		var et = U(Qe, 2), tt = H(et, !0);
+		P(et);
+		var nt = U(et, 2), rt = H(nt), it = H(rt, !0);
+		P(rt);
+		var at = U(rt, 2), ot = H(at, !0);
+		P(at), P(nt), P(Ze), Ai(Ze, (e) => V(le, e), () => q(le)), W((e, n, r, i) => {
 			l = fi(c, 1, "sbw-hero svelte-1312f6m", null, l, {
 				"sbw-hero-ok": q(a) === "confirmed",
 				"sbw-hero-bad": q(a) === "declined" || q(a) === "cancelled" || q(a) === "expired"
-			}), Z(ne, q(h).hero[q(a)].eyebrow), Z(D, q(h).hero[q(a)].title), Z(k, q(h).hero[q(a)].body), Z(he, q(h).detailsHeading), Z(ye, q(h).berth), Z(xe, `${q(t).berthLabel ?? ""} · ${q(t).marinaName ?? ""}`), Z(we, q(h).dates), Z(Ee, `${e ?? ""} – ${n ?? ""}`), Z(Oe, q(h).boat), Z(Ae, r), Z(Ne, q(h).skipperName), Z(Fe, q(t).contactName), Z(ze, q(h).total), Z(Be, i);
+			}), Z(ne, q(h).hero[q(a)].eyebrow), Z(D, q(h).hero[q(a)].title), Z(k, q(h).hero[q(a)].body), Z(ge, q(h).detailsHeading), Z(be, q(h).berth), Z(Se, `${q(t).berthLabel ?? ""} · ${q(t).marinaName ?? ""}`), Z(Te, q(h).dates), Z(j, `${e ?? ""} – ${n ?? ""}`), Z(ke, q(h).boat), Z(je, r), Z(Pe, q(h).skipperName), Z(Ie, q(t).contactName), Z(N, q(h).total), Z(Ve, i), Z($e, q(h).cancelBooking), Z(tt, q(h).cancelConfirm), Z(it, q(h).keepBooking), Z(ot, q(h).cancelBooking);
 		}, [
 			() => re(q(t).arrival),
 			() => re(q(t).departure),
 			() => [q(t).boatName, q(t).boatLengthM == null ? null : `${q(t).boatLengthM} m`].filter(Boolean).join(" · "),
 			() => q(t).totalPrice == null ? q(h).priceOnRequest : co(q(t).totalPrice, q(t).currency, o(), q(m))
-		]), X(e, s);
+		]), Tr("click", rt, () => q(le)?.close()), Tr("click", at, ue), X(e, s);
 	};
-	return Q(ge, (e) => {
-		q(p) ? e(ve, -1) : e(_e);
-	}), P(me), W(() => he = fi(me, 1, "sbw-view svelte-1312f6m", null, he, { "sbw-variant-dark": s() === "dark" })), X(e, me), Ze(pe);
+	return Q(_e, (e) => {
+		q(p) ? e(ye, -1) : e(ve);
+	}), P(he), W(() => ge = fi(he, 1, "sbw-view svelte-1312f6m", null, ge, { "sbw-variant-dark": s() === "dark" })), X(e, he), Ze(me);
 }
 Er(["click"]), Ii(Ec, {
 	apiOrigin: {},
@@ -13158,28 +13185,32 @@ function Lc(e, t) {
 	}), qr(() => {
 		_() === "overlay" ? (T.style.maxWidth = "none", T.style.setProperty("--sbw-card-width", g())) : T.style.maxWidth = g();
 	});
-	let Oe = /* @__PURE__ */ I(() => !!d() && !D && !q(he)), ke = /* @__PURE__ */ I(() => q(de) != null && q(de) > 0 ? q(de) : null), Ae = /* @__PURE__ */ I(() => (q(pe)?.berths ?? []).filter((e) => e.status === "available")), je = /* @__PURE__ */ I(() => !q(Ae).length || q(Ae).some((e) => e.lengthM == null) ? 200 : Math.max(...q(Ae).map((e) => e.lengthM ?? 0))), Me = /* @__PURE__ */ I(() => q(oe) && q(me).some((e) => e.label === q(oe)) ? q(oe) : ao(q(me))), Ne = /* @__PURE__ */ I(() => q(me).find((e) => e.label === q(Me)) ?? null), Pe = /* @__PURE__ */ I(() => q(Ne)?.totalPrice == null ? null : co(q(Ne).totalPrice, q(pe)?.currency ?? null, l(), q(ne))), Fe = !1;
+	let Oe = /* @__PURE__ */ B(void 0), ke = /* @__PURE__ */ B(void 0);
+	function Ae() {
+		return _() !== "overlay" || !q(Oe) || !q(ke) || !matchMedia("(min-width: 768px)").matches ? 0 : q(ke).getBoundingClientRect().right - q(Oe).getBoundingClientRect().left;
+	}
+	let je = /* @__PURE__ */ I(() => !!d() && !D && !q(he)), Me = /* @__PURE__ */ I(() => q(de) != null && q(de) > 0 ? q(de) : null), Ne = /* @__PURE__ */ I(() => (q(pe)?.berths ?? []).filter((e) => e.status === "available")), Pe = /* @__PURE__ */ I(() => !q(Ne).length || q(Ne).some((e) => e.lengthM == null) ? 200 : Math.max(...q(Ne).map((e) => e.lengthM ?? 0))), Fe = /* @__PURE__ */ I(() => q(oe) && q(me).some((e) => e.label === q(oe)) ? q(oe) : ao(q(me))), Ie = /* @__PURE__ */ I(() => q(me).find((e) => e.label === q(Fe)) ?? null), Le = /* @__PURE__ */ I(() => q(Ie)?.totalPrice == null ? null : co(q(Ie).totalPrice, q(pe)?.currency ?? null, l(), q(ne))), Re = !1;
 	Tn(() => {
-		Fe || !q(Ae).length || (Fe = !0, q(ie) > q(je) && V(ie, q(je), !0));
+		Re || !q(Ne).length || (Re = !0, q(ie) > q(Pe) && V(ie, q(Pe), !0));
 	}), Tn(() => {
 		let e = s();
 		J(() => {
 			q(k) <= 2 && V(oe, e || null, !0);
 		});
 	});
-	let Ie = {
+	let M = {
 		arrival: "",
 		departure: ""
-	}, Le = /* @__PURE__ */ I(() => q(A) && q(ae) && +q(ae) > +q(A) ? Ie = {
+	}, ze = /* @__PURE__ */ I(() => q(A) && q(ae) && +q(ae) > +q(A) ? M = {
 		arrival: Aa(q(A)),
 		departure: Aa(q(ae))
-	} : Ie), Re = /* @__PURE__ */ B(1);
+	} : M), N = /* @__PURE__ */ B(1);
 	qr(() => {
-		D || Io(r(), n(), J(() => q(Le)), null).then((e) => {
-			e.requirements.length || (V(Re, 2), q(k) === 1 && (V(_e, !0), V(k, 2)));
+		D || Io(r(), n(), J(() => q(ze)), null).then((e) => {
+			e.requirements.length || (V(N, 2), q(k) === 1 && (V(_e, !0), V(k, 2)));
 		}, () => {});
 	});
-	let M = {
+	let Be = {
 		email: "",
 		name: ""
 	};
@@ -13187,10 +13218,10 @@ function Lc(e, t) {
 		let e = q(ve);
 		J(() => {
 			if (e) {
-				V(ce, M.email = e.email, !0), !q(se).trim() && e.name && V(se, M.name = e.name, !0);
+				V(ce, Be.email = e.email, !0), !q(se).trim() && e.name && V(se, Be.name = e.name, !0);
 				return;
 			}
-			M.email && q(ce) === M.email && V(ce, ""), M.name && q(se) === M.name && V(se, ""), M = {
+			Be.email && q(ce) === Be.email && V(ce, ""), Be.name && q(se) === Be.name && V(se, ""), Be = {
 				email: "",
 				name: ""
 			};
@@ -13201,11 +13232,11 @@ function Lc(e, t) {
 			V(ie, e, !0);
 		});
 	});
-	let ze = "";
+	let Ve = "";
 	Tn(() => {
 		let e = q(ye);
 		J(() => {
-			e && !q(ue).trim() ? V(ue, ze = e, !0) : !e && ze && q(ue) === ze && V(ue, ze = "", !0);
+			e && !q(ue).trim() ? V(ue, Ve = e, !0) : !e && Ve && q(ue) === Ve && V(ue, Ve = "", !0);
 		});
 	}), Tn(() => {
 		if (D) return;
@@ -13230,7 +13261,7 @@ function Lc(e, t) {
 			arrival: Aa(q(A)),
 			departure: Aa(q(ae)),
 			boatLengthM: q(ie),
-			boatBeamM: q(ke)
+			boatBeamM: q(Me)
 		};
 		q(ge);
 		let t = !1, i = setTimeout(() => {
@@ -13248,30 +13279,30 @@ function Lc(e, t) {
 	}), Tn(() => {
 		D || te("sidon-loa-change", { loa: q(ie) });
 	});
-	function N(e) {
+	function He(e) {
 		q(k) <= 2 && V(oe, e, !0);
 	}
-	function Be(e) {
-		e < q(k) && Ye();
+	function Ue(e) {
+		e < q(k) && et();
 	}
-	function Ve() {
-		q(we) || (V(Te, null), q(k) === 1 ? q(_e) && V(k, 2) : q(k) === 2 ? Ge() : q(k) === 3 && qe());
+	function We() {
+		q(we) || (V(Te, null), q(k) === 1 ? q(_e) && V(k, 2) : q(k) === 2 ? Je() : q(k) === 3 && Qe());
 	}
-	let He = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-	function Ue() {
+	let Ge = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+	function Ke() {
 		let e = q(E).wizard;
-		return !q(A) || !q(ae) || +q(ae) <= +q(A) ? e.errDates : q(ie) > 0 ? q(Me) ? q(se).trim() ? q(ue).trim() ? He.test(q(ce).trim()) ? null : e.errEmail : e.errBoatName : e.errName : e.errNoBerth : e.errLength;
+		return !q(A) || !q(ae) || +q(ae) <= +q(A) ? e.errDates : q(ie) > 0 ? q(Fe) ? q(se).trim() ? q(ue).trim() ? Ge.test(q(ce).trim()) ? null : e.errEmail : e.errBoatName : e.errName : e.errNoBerth : e.errLength;
 	}
-	function We() {
+	function qe() {
 		return q(ve) ? Do(S())?.token ?? null : null;
 	}
-	async function Ge() {
-		let e = Ue();
+	async function Je() {
+		let e = Ke();
 		if (e) return void V(Te, e, !0);
 		V(we, !0);
 		try {
 			let e = await Ro(r(), n(), {
-				berthLabel: q(Me),
+				berthLabel: q(Fe),
 				arrival: Aa(q(A)),
 				departure: Aa(q(ae)),
 				contactName: q(se).trim(),
@@ -13279,25 +13310,25 @@ function Lc(e, t) {
 				contactPhone: q(le).trim() || void 0,
 				boatName: q(ue).trim(),
 				boatLengthM: q(ie),
-				boatBeamM: q(ke),
+				boatBeamM: q(Me),
 				notes: q(fe).trim() || void 0,
 				locale: q(ne)
-			}, We()), t = {
+			}, qe()), t = {
 				id: e.booking.id,
 				token: e.token
 			};
-			V(O, t, !0), kc(n(), t), e.payment ? (V(xe, e, !0), V(k, 3)) : Je(t.id);
+			V(O, t, !0), kc(n(), t), e.payment ? (V(xe, e, !0), V(k, 3)) : $e(t.id);
 		} catch (e) {
-			Ke(e);
+			Ye(e);
 		} finally {
 			V(we, !1);
 		}
 	}
-	function Ke(e) {
+	function Ye(e) {
 		let t = q(E).wizard;
 		if (!(e instanceof Ao) || e.status === 0) return void V(Te, t.errNetwork, !0);
 		if (Ja(e.status, e.message)) {
-			V(Re, 1), V(k, 1), V(Te, q(E).docsStep.missingNow, !0);
+			V(N, 1), V(k, 1), V(Te, q(E).docsStep.missingNow, !0);
 			return;
 		}
 		(e.status === 409 || e.status === 404) && nn(ge);
@@ -13310,7 +13341,7 @@ function Lc(e, t) {
 		};
 		V(Te, n[e.status] ?? (e.status >= 500 ? t.errUnavailable : e.message), !0);
 	}
-	async function qe() {
+	async function Qe() {
 		let e = q(O);
 		if (!(!e || !q(Ce))) {
 			V(we, !0);
@@ -13320,20 +13351,20 @@ function Lc(e, t) {
 				V(Te, e instanceof Error ? e.message : q(E).wizard.errNetwork, !0), V(we, !1);
 				return;
 			}
-			await Bo(r(), n(), e).catch(() => {}), V(we, !1), Je(e.id);
+			await Bo(r(), n(), e).catch(() => {}), V(we, !1), $e(e.id);
 		}
 	}
-	function Je(e) {
+	function $e(e) {
 		V(xe, null), V(k, 4), te("sidon-booked", {
 			bookingId: e,
 			marina: n()
 		});
 	}
-	async function Ye() {
+	async function et() {
 		let e = q(O);
 		if (q(we)) return;
 		if (q(k) === 2) {
-			V(Te, null), V(k, q(Re), !0);
+			V(Te, null), V(k, q(N), !0);
 			return;
 		}
 		if (q(k) !== 3 || !e) return;
@@ -13342,16 +13373,16 @@ function Lc(e, t) {
 		if (V(we, !1), !t) return void V(Te, q(E).wizard.errNetwork, !0);
 		Ac(n()), V(O, null), V(xe, null), V(k, 2);
 	}
-	function Qe() {
-		Ac(n()), V(O, null), V(Te, null), V(k, q(Re), !0);
+	function tt() {
+		Ac(n()), V(O, null), V(Te, null), V(k, q(N), !0);
 	}
-	function $e(e, t) {
+	function nt(e, t) {
 		t !== null && q(O) && te("sidon-booking-status", {
 			bookingId: q(O).id,
 			status: e
 		});
 	}
-	var et = {
+	var rt = {
 		get marina() {
 			return n();
 		},
@@ -13496,7 +13527,7 @@ function Lc(e, t) {
 		set sailorApiOrigin(e = "") {
 			w(e), z();
 		}
-	}, tt = Fc(), nt = hn(tt), rt = (e) => {
+	}, it = Fc(), at = hn(it), ot = (e) => {
 		var t = Mc();
 		let n;
 		var r = H(t);
@@ -13543,24 +13574,25 @@ function Lc(e, t) {
 					return q(ie);
 				},
 				get selectedBerth() {
-					return q(Me);
+					return q(Fe);
 				},
-				onBerthClick: N
+				onBerthClick: He,
+				fitInset: Ae
 			});
 		}
-		P(t), W(() => {
+		P(t), Ai(t, (e) => V(Oe, e), () => q(Oe)), W(() => {
 			n = fi(t, 1, "sbw-map-slot svelte-h0br6q", null, n, {
 				"sbw-map-slot--full-bleed": m() === "100vw",
 				"sbw-map-slot--overlay": _() === "overlay"
 			}), mi(t, `height: ${p() ?? ""}; width: ${m() ?? ""}; margin-bottom: ${h() ?? ""};`);
 		}), X(e, t);
 	};
-	Q(nt, (e) => {
-		q(Oe) && e(rt);
+	Q(at, (e) => {
+		q(je) && e(ot);
 	});
-	var it = U(nt, 2);
-	let at;
-	var ot = H(it), st = (e) => {
+	var st = U(at, 2);
+	let ct;
+	var lt = H(st), ut = (e) => {
 		var t = Fr(), i = hn(t), a = (e) => {
 			{
 				let t = /* @__PURE__ */ I(() => c() ? q(ne) : null);
@@ -13586,7 +13618,7 @@ function Lc(e, t) {
 					get host() {
 						return T;
 					},
-					onstatus: $e
+					onstatus: nt
 				});
 			}
 		}, o = (e) => {
@@ -13596,19 +13628,19 @@ function Lc(e, t) {
 		Q(i, (e) => {
 			q(O) ? e(a) : e(o, -1);
 		}), X(e, t);
-	}, ct = (e) => {
+	}, dt = (e) => {
 		var t = Pc(), i = hn(t);
 		{
-			let e = /* @__PURE__ */ I(() => q(Me) ?? "—"), t = /* @__PURE__ */ I(() => c() || "en"), n = /* @__PURE__ */ I(() => q(k) > 2);
+			let e = /* @__PURE__ */ I(() => q(Fe) ?? "—"), t = /* @__PURE__ */ I(() => c() || "en"), n = /* @__PURE__ */ I(() => q(k) > 2);
 			Ia(i, {
 				get berthLabel() {
 					return q(e);
 				},
 				get priceLabel() {
-					return q(Pe);
+					return q(Le);
 				},
 				get maxLoa() {
-					return q(je);
+					return q(Pe);
 				},
 				get locale() {
 					return q(t);
@@ -13644,7 +13676,7 @@ function Lc(e, t) {
 					return q(k);
 				},
 				get first() {
-					return q(Re);
+					return q(N);
 				},
 				get skip() {
 					return q(e);
@@ -13652,7 +13684,7 @@ function Lc(e, t) {
 				get labels() {
 					return q(E).steps;
 				},
-				onStepClick: Be
+				onStepClick: Ue
 			});
 		}
 		var o = U(a, 2), s = (e) => {
@@ -13694,10 +13726,10 @@ function Lc(e, t) {
 						return q(t);
 					},
 					get arrival() {
-						return q(Le).arrival;
+						return q(ze).arrival;
 					},
 					get departure() {
-						return q(Le).departure;
+						return q(ze).departure;
 					},
 					get lang() {
 						return q(ne);
@@ -13828,8 +13860,8 @@ function Lc(e, t) {
 					get host() {
 						return T;
 					},
-					onstatus: $e,
-					onstartover: Qe
+					onstatus: nt,
+					onstartover: tt
 				});
 			}
 		};
@@ -13844,7 +13876,7 @@ function Lc(e, t) {
 					return q(k);
 				},
 				get firstStep() {
-					return q(Re);
+					return q(N);
 				},
 				get sending() {
 					return q(we);
@@ -13861,17 +13893,17 @@ function Lc(e, t) {
 				get variant() {
 					return u();
 				},
-				onBack: Ye,
-				onNext: Ve
+				onBack: et,
+				onNext: We
 			});
 		}
 		X(e, t);
 	};
-	return Q(ot, (e) => {
-		D ? e(st) : e(ct, -1);
-	}), P(it), W(() => {
-		at = fi(it, 1, "sbw-root svelte-h0br6q", null, at, { "sbw-root--overlay": _() === "overlay" }), mi(it, `--sbw-map-h: ${(q(Oe) ? p() : "0px") ?? ""}; --sbw-map-gap: ${(q(Oe) ? h() : "0px") ?? ""};`);
-	}), X(e, tt), Ze(et);
+	return Q(lt, (e) => {
+		D ? e(ut) : e(dt, -1);
+	}), P(st), Ai(st, (e) => V(ke, e), () => q(ke)), W(() => {
+		ct = fi(st, 1, "sbw-root svelte-h0br6q", null, ct, { "sbw-root--overlay": _() === "overlay" }), mi(st, `--sbw-map-h: ${(q(je) ? p() : "0px") ?? ""}; --sbw-map-gap: ${(q(je) ? h() : "0px") ?? ""};`);
+	}), X(e, it), Ze(rt);
 }
 customElements.define("sidon-booking-widget", Ii(Lc, {
 	marina: {