@seatlayer/js 0.21.0 → 0.21.1

package/dist/index.d.cts

@@ -325,7 +325,7 @@ declare class EmbeddedDesigner {
  * SeatPicker — the full buyer experience as a widget.
  *
  * Where `SeatingChart` is canvas-only, SeatPicker owns the complete chrome
- * from the canonical UX (SeatmapUX/11 Buyer Picker.dc.html): branded header,
+ * from the canonical UX contract: branded header,
  * live price panel, selection tray with GA steppers, hold countdown, snipe
  * toasts and expiry recovery — all on top of the shared PickerController, so
  * every host gets the whole experience with one mount.

package/dist/index.d.ts

@@ -325,7 +325,7 @@ declare class EmbeddedDesigner {
  * SeatPicker — the full buyer experience as a widget.
  *
  * Where `SeatingChart` is canvas-only, SeatPicker owns the complete chrome
- * from the canonical UX (SeatmapUX/11 Buyer Picker.dc.html): branded header,
+ * from the canonical UX contract: branded header,
  * live price panel, selection tray with GA steppers, hold countdown, snipe
  * toasts and expiry recovery — all on top of the shared PickerController, so
  * every host gets the whole experience with one mount.

package/dist/index.js

@@ -2688,6 +2688,7 @@ var SeatPicker = class _SeatPicker {
     if (narrow) {
       card.className = "sl-seccard strip on";
       card.setAttribute("role", "status");
+      card.setAttribute("aria-label", t2("picker.sectionSummaryAria", { label: summary.label }));
       card.innerHTML = `<span class="sl-seccard-dot" style="background:${summary.color}"></span><span class="sl-seccard-name">${summary.label}</span><span class="sl-seccard-left">${leftLabel}</span>` + (summary.categories.length ? `<span class="sl-seccard-price">${priceLabel}</span>` : "") + xBtn;
       card.querySelector(".sl-seccard-x").addEventListener("click", () => this.controller.overview());
       (this.els.sheetHead ?? this.els.side ?? this.els.map).appendChild(card);