@forgebuild/sidon-booking-widget 4.1.3 → 4.1.5

package/dist/sidon-berth-map.js

@@ -2402,59 +2402,66 @@ var Ii = /* @__PURE__ */ kr("<div class=\"sbm-map svelte-yb07tk\"></div>"), Li =
 };
 function Ri(e, t) {
 	Ke(t, !0), Gr(e, Li);
-	let n = Y(t, "mapsApiKey", 7), r = Y(t, "mapStyle", 7), i = Y(t, "center", 7), a = Y(t, "navy", 7), o = Y(t, "gold", 7), s = Y(t, "logoMark", 7, null), c = Y(t, "marinaName", 7, ""), l = Y(t, "otherMarinas", 7), u = Y(t, "berths", 7), d = Y(t, "overlays", 7), f = Y(t, "layout", 7), p = Y(t, "loa", 7), m = Y(t, "selectedBerth", 7), h = Y(t, "onBerthClick", 7), g = Y(t, "staff", 7, !1), _, v = /* @__PURE__ */ H(null), y = /* @__PURE__ */ new Map(), b = [], ee = [], x = !1, te = /* @__PURE__ */ z(() => ({
+	let n = Y(t, "mapsApiKey", 7), r = Y(t, "mapStyle", 7), i = Y(t, "center", 7), a = Y(t, "navy", 7), o = Y(t, "gold", 7), s = Y(t, "logoMark", 7, null), c = Y(t, "marinaName", 7, ""), l = Y(t, "otherMarinas", 7), u = Y(t, "berths", 7), d = Y(t, "overlays", 7), f = Y(t, "layout", 7), p = Y(t, "loa", 7), m = Y(t, "selectedBerth", 7), h = Y(t, "onBerthClick", 7), g = Y(t, "staff", 7, !1), _ = Y(t, "fitInset", 7), v, y = /* @__PURE__ */ H(null), b = /* @__PURE__ */ new Map(), ee = [], x = [], te = !1;
+	function ne() {
+		let e = _()?.() ?? 0;
+		return e > 0 ? {
+			top: 60,
+			right: 60,
+			bottom: 60,
+			left: e + 60
+		} : 60;
+	}
+	let re = /* @__PURE__ */ z(() => ({
 		fillColor: o(),
 		fillOpacity: .38,
 		strokeColor: o(),
 		strokeOpacity: 1,
 		strokeWeight: 1.6
-	})), ne = /* @__PURE__ */ z(() => ({
+	})), ie = /* @__PURE__ */ z(() => ({
 		fillColor: o(),
 		fillOpacity: .62,
 		strokeColor: o(),
 		strokeOpacity: 1,
 		strokeWeight: 1.6
-	})), re = /* @__PURE__ */ z(() => ({
-		fillColor: o(),
-		fillOpacity: .72,
-		strokeColor: "#252525",
-		strokeOpacity: 1,
-		strokeWeight: 2
-	})), ie = {
+	})), ae = /* @__PURE__ */ z(() => ({
+		...J(re),
+		strokeWeight: 3
+	})), oe = {
 		fillColor: "#b8b8b8",
 		fillOpacity: .08,
 		strokeColor: "#b8b8b8",
 		strokeOpacity: .5,
 		strokeWeight: 1
-	}, ae = {
+	}, se = {
 		fillColor: "#888888",
 		fillOpacity: .15,
 		strokeColor: "#888888",
 		strokeOpacity: .4,
 		strokeWeight: 1
-	}, oe = /* @__PURE__ */ z(() => ({
+	}, ce = /* @__PURE__ */ z(() => ({
 		fillColor: a(),
 		fillOpacity: .85,
 		strokeColor: a(),
 		strokeOpacity: 1,
 		strokeWeight: 1.6
-	})), se = (e) => Math.max(5, e.lengthM || 15), ce = (e, t) => e.angle == null ? e.circle.setRadius(se(e.berth) * t) : e.circle.setPaths(Fi(e.berth, e.angle, Mi, t)), S = /* @__PURE__ */ new WeakMap();
-	function C(e) {
+	})), S = (e) => Math.max(5, e.lengthM || 15), C = (e, t) => e.angle == null ? e.circle.setRadius(S(e.berth) * t) : e.circle.setPaths(Fi(e.berth, e.angle, Mi, t)), w = /* @__PURE__ */ new WeakMap();
+	function T(e) {
 		let t = e.circle, n = Symbol();
-		S.set(t, n);
+		w.set(t, n);
 		let r = performance.now(), i = (a) => {
-			if (S.get(t) !== n) return;
+			if (w.get(t) !== n) return;
 			let o = a - r;
 			if (o >= 260) {
-				ce(e, 1);
+				C(e, 1);
 				return;
 			}
 			let s = o < 90 ? o / 90 : 1 - (o - 90) / 170, c = s * (2 - s);
-			ce(e, 1 + .18 * c), requestAnimationFrame(i);
+			C(e, 1 + .18 * c), requestAnimationFrame(i);
 		};
 		requestAnimationFrame(i);
 	}
-	let w = [
+	let E = [
 		{
 			elementType: "geometry",
 			stylers: [{ color: "#ffffff" }]
@@ -2512,7 +2519,7 @@ function Ri(e, t) {
 			elementType: "labels.text.fill",
 			stylers: [{ color: "#aab0b4" }]
 		}
-	], T = /* @__PURE__ */ z(() => [
+	], D = /* @__PURE__ */ z(() => [
 		{
 			elementType: "geometry",
 			stylers: [{ color: "#f5efe4" }]
@@ -2594,7 +2601,7 @@ function Ri(e, t) {
 			stylers: [{ color: a() }]
 		}
 	]);
-	class E {
+	class le {
 		position;
 		href;
 		img;
@@ -2629,7 +2636,7 @@ function Ri(e, t) {
 			this.overlayView.setMap(e);
 		}
 	}
-	let D = {
+	let O = {
 		available: {
 			fill: "rgba(16,185,129,0.3)",
 			stroke: "#10b981"
@@ -2647,7 +2654,7 @@ function Ri(e, t) {
 			stroke: "rgba(136,136,136,0.4)"
 		}
 	};
-	function le(e) {
+	function ue(e) {
 		let t = {};
 		for (let e of u()) e.berthId && (t[e.berthId] = {
 			price: e.pricePerNight,
@@ -2660,7 +2667,7 @@ function Ri(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 = D[i] ?? D.occupied, o = e.querySelector("rect:not([data-role]), circle");
+				let a = O[i] ?? O.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);
@@ -2688,7 +2695,7 @@ function Ri(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);
@@ -2696,7 +2703,7 @@ function Ri(e, t) {
 			return e;
 		}
 	}
-	class O {
+	class de {
 		bounds;
 		svgData;
 		rotation;
@@ -2713,7 +2720,7 @@ function Ri(e, t) {
 					lat: e.neLat,
 					lng: e.neLng
 				}
-			}, this.svgData = le(e.svgData), this.rotation = e.rotation ?? 0, this.overlayView.onAdd = () => {
+			}, this.svgData = ue(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) => {
@@ -2721,7 +2728,7 @@ function Ri(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), ue();
+				}), this.overlayView.getPanes().overlayMouseTarget.appendChild(this.div), k();
 			}, this.overlayView.draw = () => {
 				if (!this.div) return;
 				let e = this.overlayView.getProjection();
@@ -2736,8 +2743,8 @@ function Ri(e, t) {
 			this.overlayView.setMap(e);
 		}
 	}
-	function ue() {
-		let e = _?.getRootNode();
+	function k() {
+		let e = v?.getRootNode();
 		if (!e) return;
 		let t = new Map(u().map((e) => [e.berthId, e]));
 		e.querySelectorAll("[data-berth-id]").forEach((e) => {
@@ -2745,61 +2752,61 @@ function Ri(e, t) {
 			!g() && r && !Di(r, p()) ? e.setAttribute("data-fit", "small") : e.removeAttribute("data-fit"), n === m() ? e.setAttribute("data-selected", "1") : e.removeAttribute("data-selected");
 		});
 	}
-	function de(e, t) {
+	function fe(e, t) {
 		let n = e.berth.status !== "available";
 		e.pickable = Oi(e.berth, p(), g());
-		let r = t === m() ? J(re) : n ? g() ? J(oe) : ae : e.pickable ? J(te) : ie;
+		let r = t === m() ? J(ae) : n ? g() ? J(ce) : se : e.pickable ? J(re) : oe;
 		e.circle.setOptions({
 			...r,
 			clickable: e.pickable
-		}), e.hull?.setOptions({ fillOpacity: r === ie || r === ae ? .2 : .85 });
+		}), e.hull?.setOptions({ fillOpacity: r === oe || r === se ? .2 : .85 });
 	}
 	Hr(() => {
 		let e = !1;
 		return bi(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" ? J(T) : w,
+				styles: r() === "coastal" ? J(D) : E,
 				backgroundColor: r() === "coastal" ? "#f5efe4" : "#ffffff"
 			});
 			t.event.addListenerOnce(n, "idle", () => {
-				e || U(v, n);
+				e || U(y, n);
 			});
 		}), () => {
 			e = !0;
 		};
 	});
-	let k = null, fe = null;
+	let pe = null, A = null;
 	xn(() => {
-		!J(v) || i().lat === k && i().lng === fe || (k = i().lat, fe = i().lng, J(v).setCenter(i()));
+		!J(y) || i().lat === pe && i().lng === A || (pe = i().lat, A = i().lng, J(y).setCenter(i()));
 	}), xn(() => {
-		m(), p(), u(), g(), ue();
+		m(), p(), u(), g(), k();
 	});
-	function pe() {
-		if (!J(v) || r() !== "chart") return;
+	function j() {
+		if (!J(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 = Pi(t, d()), i = r == null ? new n.Circle({
-				map: J(v),
+				map: J(y),
 				center: {
 					lat: t.lat,
 					lng: t.lng
 				},
-				radius: se(t),
-				...J(te)
+				radius: S(t),
+				...J(re)
 			}) : new n.Polygon({
-				map: J(v),
+				map: J(y),
 				paths: Fi(t, r, Mi),
-				...J(te)
+				...J(re)
 			}), o = {
 				circle: i,
 				hull: r == null ? null : new n.Polygon({
-					map: J(v),
+					map: J(y),
 					paths: Fi(t, r, Ni, .8),
 					clickable: !1,
 					zIndex: 1,
@@ -2811,42 +2818,42 @@ function Ri(e, t) {
 				berth: t,
 				pickable: !1
 			};
-			y.set(t.berthId, o), hr(() => de(o, t.berthId)), i.addListener("click", () => h()(t.berthId === m() ? null : t.berthId)), i.addListener("mouseover", () => {
-				o.pickable && t.berthId !== m() && i.setOptions(J(ne));
+			b.set(t.berthId, o), hr(() => fe(o, t.berthId)), i.addListener("click", () => h()(t.berthId === m() ? null : t.berthId)), i.addListener("mouseover", () => {
+				o.pickable && t.berthId !== m() && i.setOptions(J(ie));
 			}), i.addListener("mouseout", () => {
-				t.berthId !== m() && de(o, t.berthId);
+				t.berthId !== m() && fe(o, t.berthId);
 			}), e.extend({
 				lat: t.lat,
 				lng: t.lng
 			});
 		}
-		y.size && !x && (x = !0, e.extend(i()), J(v).fitBounds(e, 60));
+		b.size && !te && (te = !0, e.extend(i()), J(y).fitBounds(e, ne()));
 	}
 	xn(() => {
-		if (!(!J(v) || r() !== "chart")) {
-			for (let e of y.values()) e.circle.setMap(null), e.hull?.setMap(null);
-			y.clear(), pe();
+		if (!(!J(y) || r() !== "chart")) {
+			for (let e of b.values()) e.circle.setMap(null), e.hull?.setMap(null);
+			b.clear(), j();
 		}
 	}), xn(() => {
-		if (!J(v)) return;
-		for (let e of b) e.setMap(null);
+		if (!J(y)) return;
+		for (let e of ee) e.setMap(null);
 		let e = [];
-		s() && e.push(new E(i(), s(), c(), null));
-		for (let t of l()) t.logoMark && e.push(new E({
+		s() && e.push(new le(i(), s(), c(), null));
+		for (let t of l()) t.logoMark && e.push(new le({
 			lat: t.lat,
 			lng: t.lng
 		}, t.logoMark, t.name, t.href));
-		for (let t of e) t.setMap(J(v));
-		b = e;
+		for (let t of e) t.setMap(J(y));
+		ee = e;
 	}), xn(() => {
-		if (!J(v) || r() !== "coastal") return;
-		for (let e of ee) e.setMap(null);
+		if (!J(y) || r() !== "coastal") return;
+		for (let e of x) e.setMap(null);
 		let e = d().length ? d() : f() ? [f()] : [];
-		if (ee = e.map((e) => {
-			let t = new O(e);
-			return t.setMap(J(v)), t;
-		}), e.length && !x) {
-			x = !0;
+		if (x = e.map((e) => {
+			let t = new de(e);
+			return t.setMap(J(y)), t;
+		}), e.length && !te) {
+			te = !0;
 			let t = new window.google.maps.LatLngBounds();
 			for (let n of e) t.extend({
 				lat: n.swLat,
@@ -2855,17 +2862,17 @@ function Ri(e, t) {
 				lat: n.neLat,
 				lng: n.neLng
 			});
-			J(v).fitBounds(t, 60);
+			J(y).fitBounds(t, ne());
 		}
 	});
-	let A = null;
+	let me = null;
 	xn(() => {
 		p();
-		let e = m() != null && m() !== A;
-		for (let [t, n] of y) de(n, t), e && t === m() && C(n);
-		A = m();
+		let e = m() != null && m() !== me;
+		for (let [t, n] of b) fe(n, t), e && t === m() && T(n);
+		me = m();
 	});
-	var j = {
+	var he = {
 		get mapsApiKey() {
 			return n();
 		},
@@ -2955,9 +2962,15 @@ function Ri(e, t) {
 		},
 		set staff(e = !1) {
 			g(e), V();
+		},
+		get fitInset() {
+			return _();
+		},
+		set fitInset(e) {
+			_(e), V();
 		}
-	}, me = Ii();
-	return fi(me, (e) => _ = e, () => _), jr(e, me), qe(j);
+	}, ge = Ii();
+	return fi(ge, (e) => v = e, () => v), jr(e, ge), qe(he);
 }
 vi(Ri, {
 	mapsApiKey: {},
@@ -2974,7 +2987,8 @@ vi(Ri, {
 	loa: {},
 	selectedBerth: {},
 	onBerthClick: {},
-	staff: {}
+	staff: {},
+	fitInset: {}
 }, [], [], { mode: "open" });
 //#endregion
 //#region node_modules/flatpickr/dist/esm/types/options.js