@forgebuild/sidon-booking-widget 1.2.1 → 1.3.0

package/README.md

@@ -243,7 +243,8 @@ shows the booking view again, with a *Start a new booking* action.
 | `maps-api-key` | | Google Maps JS API key. The map renders only when this is set. It never renders on step 3 or in booking-page mode. |
 | `map-style` | `chart` | `chart` (buoy circles) or `coastal` (SVG pontoon overlays). |
 | `map-height` / `map-width` / `map-gap` | `280px` / `100%` / `0px` | The map's size, and the gap below it. `map-width="100vw"` breaks the map out of the card. |
-| `width` | `560px` | The element's max width, read once at mount. |
+| `width` | `560px` | The element's max width, read once at mount. In `overlay` layout, the card's max width. |
+| `layout` | `stacked` | `stacked` puts the map above the card. `overlay` floats the card over the map's left side, `map-gap` down from its top and `--sbw-card-inset` (CSS custom property, default `24px`) in from its left. Read once at mount. Below 768px it stacks. |
 | `logo-mark` / `marina-name` | | The marina's logo pin on the map. |
 | `otherMarinas` (JS property) | `[]` | Peer-marina pins; see [`otherMarinas`](#othermarinas-js-property). |
 

package/dist/elements.d.ts

@@ -57,6 +57,7 @@ export interface SidonBookingWidgetElement extends HTMLElement {
   mapWidth?: string;
   mapGap?: string;
   width?: string;
+  layout?: 'stacked' | 'overlay';
   logoMark?: string | null;
   marinaName?: string;
   otherMarinas?: OtherMarina[];