@forgebuild/sidon-booking-widget 4.1.4 → 4.1.5

package/dist/sidon-berth-map.js

@@ -2425,11 +2425,8 @@ function Ri(e, t) {
 		strokeOpacity: 1,
 		strokeWeight: 1.6
 	})), ae = /* @__PURE__ */ z(() => ({
-		fillColor: o(),
-		fillOpacity: .72,
-		strokeColor: "#252525",
-		strokeOpacity: 1,
-		strokeWeight: 2
+		...J(re),
+		strokeWeight: 3
 	})), oe = {
 		fillColor: "#b8b8b8",
 		fillOpacity: .08,
@@ -2698,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);

package/dist/sidon-booking-widget.js

@@ -4461,11 +4461,8 @@ function vo(e, t) {
 		strokeOpacity: 1,
 		strokeWeight: 1.6
 	})), te = /* @__PURE__ */ I(() => ({
-		fillColor: o(),
-		fillOpacity: .72,
-		strokeColor: "#252525",
-		strokeOpacity: 1,
-		strokeWeight: 2
+		...q(w),
+		strokeWeight: 3
 	})), ne = {
 		fillColor: "#b8b8b8",
 		fillOpacity: .08,
@@ -4734,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);
@@ -5896,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.",
@@ -6040,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.",
@@ -6184,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.",
@@ -6328,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.",
@@ -12694,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);
@@ -12775,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();
@@ -12788,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();
 		};
@@ -12820,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();
 		},
@@ -12875,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);
@@ -12887,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);
@@ -12901,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;
@@ -12929,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);
@@ -12944,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);
@@ -12955,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);
@@ -12964,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);
@@ -12992,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();
@@ -13022,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);
@@ -13055,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: {},

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@forgebuild/sidon-booking-widget",
-  "version": "4.1.4",
+  "version": "4.1.5",
   "description": "Berth booking and berth map custom elements for marinas on OTA, plus an Astro forwarder route and server client.",
   "type": "module",
   "license": "UNLICENSED",