@seatlayer/core 0.2.0 → 0.4.0

package/dist/index.d.cts

@@ -659,6 +659,8 @@ declare class SeatmapRenderer implements ISeatmapRenderer {
     private statusById;
     private catColor;
     private theme;
+    /** Effective selection/hover ring color — resolved per chart in setChart(). */
+    private effSelection;
     /** Colorblind-safe mode (Okabe-Ito hues + hollow booked seats). */
     private colorblind;
     /** Category order from the doc — the stable index into the CB palette. */
@@ -886,6 +888,16 @@ declare class SeatmapRenderer implements ISeatmapRenderer {
     private addCentredLabel;
     private isSelectable;
     private toggleSeat;
+    /**
+     * Selection/hover ring color. An explicit theme.selectionColor always wins;
+     * otherwise auto-contrast against the effective canvas background — the
+     * designer renders on dark (white ring reads), but light-themed hosts (e.g.
+     * the DesiPass buyer picker on cream) made the white ring invisible and
+     * selected seats looked *disabled*. theme.background is checked first, then
+     * the container's computed CSS background (walking up past transparent
+     * ancestors). Unknown/unparseable backgrounds keep the dark default.
+     */
+    private resolveSelectionColor;
     private setSelected;
     private wireInteraction;
     /**
@@ -953,6 +965,17 @@ interface PickerSeat {
     /** The chosen tier's id — defaults to the first tier; absent when no tiers. */
     tierId?: string;
 }
+/**
+ * Rich hover payload for seat tooltips — the PickerSeat plus everything a
+ * buyer-facing popover needs: category label + swatch color, live status and
+ * the chart currency. Emitted by `onSeatHover` (null on hover-out).
+ */
+interface SeatHoverDetails extends PickerSeat {
+    categoryLabel: string;
+    categoryColor: string;
+    status: SeatStatus;
+    currency: string;
+}
 interface HoldConflict {
     label: string;
     status: string;
@@ -1052,6 +1075,12 @@ interface PickerCallbacks extends RendererCallbacks {
     onBook?: (bookingRef: string) => void;
     /** Any live seat-status change arrived (delta or snapshot) — e.g. to recount "N left". */
     onStatusChange?: () => void;
+    /**
+     * Mouse hover moved onto a seat (null on hover-out) — the seat enriched with
+     * category label/color, resolved price and live status, ready for a tooltip.
+     * Fires alongside the raw renderer-level `onHover`.
+     */
+    onSeatHover?: (details: SeatHoverDetails | null) => void;
     /** The server declared the event closed (a 409 event_closed). */
     onSalesClosed?: () => void;
     /**
@@ -1221,6 +1250,8 @@ declare class PickerController {
     private sectionSummary;
     destroy(): void;
     private toSeat;
+    /** Tooltip payload for a hovered seat — see PickerCallbacks.onSeatHover. */
+    private describeSeat;
     private priceFor;
     private tiersFor;
     /**
@@ -1330,4 +1361,4 @@ declare function formatMoney(amount: number, currency?: string, fractionDigits?:
 /** Bare symbol for input adornments ("€", "$", "₹"). */
 declare function currencySymbol(currency?: string): string;
 
-export { ACCESSIBILITY_TYPES, type AccessibilityMeta, type AccessibilityType, type AvailabilityRule, type BoothObject, CHART_STORAGE_KEY, type Category, type CategoryTier, type ChartDoc, type ChartObject, type ChartTheme, DEFAULT_CURRENCY, type Dict, type ExpandedSeat, type Floor, type GAAreaObject, type HoldConflict, type HoldInfo, type HoldSelectionRequest, type HoldServerItem, type ISeatmapRenderer, type Locale, type LodRung, MAX_EVENT_INVENTORY, MAX_GA_CAPACITY, type PickerCallbacks, PickerController, type PickerOptions, type PickerSeat, type PickerTransport, type Point, type RendererCallbacks, type RendererOptions, type RowObject, type RowSeatSlot, SUPPORTED_LOCALES, type SeatOverride, type SeatStatus, SeatmapRenderer, type SectionCategory, type SectionNode, type SectionObject, type SectionSummary, type SelectionLayer, type ShapeObject, type TableObject, type TextObject, UNGROUPED_ID, type ZoneDef, accessibilityMeta, allObjects, applyHidden, chartBounds, computeSections, createRenderer, currencySymbol, expandBooth, expandChart, expandRow, expandRowSlots, expandTable, floorObjects, floorsOf, formatDate, formatMoney, gaAreasOf, gaUnitLabel, gaUnitLabels, getLocale, hiddenObjectIds, isGaUnitLabel, isSectionHidden, layerOf, loadLocale, objectCenter, pointInPolygon, resolveLocale, setLocale, setMoneyLocale, setStringOverrides, stackFloors, t, tCount };
+export { ACCESSIBILITY_TYPES, type AccessibilityMeta, type AccessibilityType, type AvailabilityRule, type BoothObject, CHART_STORAGE_KEY, type Category, type CategoryTier, type ChartDoc, type ChartObject, type ChartTheme, DEFAULT_CURRENCY, type Dict, type ExpandedSeat, type Floor, type GAAreaObject, type HoldConflict, type HoldInfo, type HoldSelectionRequest, type HoldServerItem, type ISeatmapRenderer, type Locale, type LodRung, MAX_EVENT_INVENTORY, MAX_GA_CAPACITY, type PickerCallbacks, PickerController, type PickerOptions, type PickerSeat, type PickerTransport, type Point, type RendererCallbacks, type RendererOptions, type RowObject, type RowSeatSlot, SUPPORTED_LOCALES, type SeatHoverDetails, type SeatOverride, type SeatStatus, SeatmapRenderer, type SectionCategory, type SectionNode, type SectionObject, type SectionSummary, type SelectionLayer, type ShapeObject, type TableObject, type TextObject, UNGROUPED_ID, type ZoneDef, accessibilityMeta, allObjects, applyHidden, chartBounds, computeSections, createRenderer, currencySymbol, expandBooth, expandChart, expandRow, expandRowSlots, expandTable, floorObjects, floorsOf, formatDate, formatMoney, gaAreasOf, gaUnitLabel, gaUnitLabels, getLocale, hiddenObjectIds, isGaUnitLabel, isSectionHidden, layerOf, loadLocale, objectCenter, pointInPolygon, resolveLocale, setLocale, setMoneyLocale, setStringOverrides, stackFloors, t, tCount };

package/dist/index.d.ts

@@ -659,6 +659,8 @@ declare class SeatmapRenderer implements ISeatmapRenderer {
     private statusById;
     private catColor;
     private theme;
+    /** Effective selection/hover ring color — resolved per chart in setChart(). */
+    private effSelection;
     /** Colorblind-safe mode (Okabe-Ito hues + hollow booked seats). */
     private colorblind;
     /** Category order from the doc — the stable index into the CB palette. */
@@ -886,6 +888,16 @@ declare class SeatmapRenderer implements ISeatmapRenderer {
     private addCentredLabel;
     private isSelectable;
     private toggleSeat;
+    /**
+     * Selection/hover ring color. An explicit theme.selectionColor always wins;
+     * otherwise auto-contrast against the effective canvas background — the
+     * designer renders on dark (white ring reads), but light-themed hosts (e.g.
+     * the DesiPass buyer picker on cream) made the white ring invisible and
+     * selected seats looked *disabled*. theme.background is checked first, then
+     * the container's computed CSS background (walking up past transparent
+     * ancestors). Unknown/unparseable backgrounds keep the dark default.
+     */
+    private resolveSelectionColor;
     private setSelected;
     private wireInteraction;
     /**
@@ -953,6 +965,17 @@ interface PickerSeat {
     /** The chosen tier's id — defaults to the first tier; absent when no tiers. */
     tierId?: string;
 }
+/**
+ * Rich hover payload for seat tooltips — the PickerSeat plus everything a
+ * buyer-facing popover needs: category label + swatch color, live status and
+ * the chart currency. Emitted by `onSeatHover` (null on hover-out).
+ */
+interface SeatHoverDetails extends PickerSeat {
+    categoryLabel: string;
+    categoryColor: string;
+    status: SeatStatus;
+    currency: string;
+}
 interface HoldConflict {
     label: string;
     status: string;
@@ -1052,6 +1075,12 @@ interface PickerCallbacks extends RendererCallbacks {
     onBook?: (bookingRef: string) => void;
     /** Any live seat-status change arrived (delta or snapshot) — e.g. to recount "N left". */
     onStatusChange?: () => void;
+    /**
+     * Mouse hover moved onto a seat (null on hover-out) — the seat enriched with
+     * category label/color, resolved price and live status, ready for a tooltip.
+     * Fires alongside the raw renderer-level `onHover`.
+     */
+    onSeatHover?: (details: SeatHoverDetails | null) => void;
     /** The server declared the event closed (a 409 event_closed). */
     onSalesClosed?: () => void;
     /**
@@ -1221,6 +1250,8 @@ declare class PickerController {
     private sectionSummary;
     destroy(): void;
     private toSeat;
+    /** Tooltip payload for a hovered seat — see PickerCallbacks.onSeatHover. */
+    private describeSeat;
     private priceFor;
     private tiersFor;
     /**
@@ -1330,4 +1361,4 @@ declare function formatMoney(amount: number, currency?: string, fractionDigits?:
 /** Bare symbol for input adornments ("€", "$", "₹"). */
 declare function currencySymbol(currency?: string): string;
 
-export { ACCESSIBILITY_TYPES, type AccessibilityMeta, type AccessibilityType, type AvailabilityRule, type BoothObject, CHART_STORAGE_KEY, type Category, type CategoryTier, type ChartDoc, type ChartObject, type ChartTheme, DEFAULT_CURRENCY, type Dict, type ExpandedSeat, type Floor, type GAAreaObject, type HoldConflict, type HoldInfo, type HoldSelectionRequest, type HoldServerItem, type ISeatmapRenderer, type Locale, type LodRung, MAX_EVENT_INVENTORY, MAX_GA_CAPACITY, type PickerCallbacks, PickerController, type PickerOptions, type PickerSeat, type PickerTransport, type Point, type RendererCallbacks, type RendererOptions, type RowObject, type RowSeatSlot, SUPPORTED_LOCALES, type SeatOverride, type SeatStatus, SeatmapRenderer, type SectionCategory, type SectionNode, type SectionObject, type SectionSummary, type SelectionLayer, type ShapeObject, type TableObject, type TextObject, UNGROUPED_ID, type ZoneDef, accessibilityMeta, allObjects, applyHidden, chartBounds, computeSections, createRenderer, currencySymbol, expandBooth, expandChart, expandRow, expandRowSlots, expandTable, floorObjects, floorsOf, formatDate, formatMoney, gaAreasOf, gaUnitLabel, gaUnitLabels, getLocale, hiddenObjectIds, isGaUnitLabel, isSectionHidden, layerOf, loadLocale, objectCenter, pointInPolygon, resolveLocale, setLocale, setMoneyLocale, setStringOverrides, stackFloors, t, tCount };
+export { ACCESSIBILITY_TYPES, type AccessibilityMeta, type AccessibilityType, type AvailabilityRule, type BoothObject, CHART_STORAGE_KEY, type Category, type CategoryTier, type ChartDoc, type ChartObject, type ChartTheme, DEFAULT_CURRENCY, type Dict, type ExpandedSeat, type Floor, type GAAreaObject, type HoldConflict, type HoldInfo, type HoldSelectionRequest, type HoldServerItem, type ISeatmapRenderer, type Locale, type LodRung, MAX_EVENT_INVENTORY, MAX_GA_CAPACITY, type PickerCallbacks, PickerController, type PickerOptions, type PickerSeat, type PickerTransport, type Point, type RendererCallbacks, type RendererOptions, type RowObject, type RowSeatSlot, SUPPORTED_LOCALES, type SeatHoverDetails, type SeatOverride, type SeatStatus, SeatmapRenderer, type SectionCategory, type SectionNode, type SectionObject, type SectionSummary, type SelectionLayer, type ShapeObject, type TableObject, type TextObject, UNGROUPED_ID, type ZoneDef, accessibilityMeta, allObjects, applyHidden, chartBounds, computeSections, createRenderer, currencySymbol, expandBooth, expandChart, expandRow, expandRowSlots, expandTable, floorObjects, floorsOf, formatDate, formatMoney, gaAreasOf, gaUnitLabel, gaUnitLabels, getLocale, hiddenObjectIds, isGaUnitLabel, isSectionHidden, layerOf, loadLocale, objectCenter, pointInPolygon, resolveLocale, setLocale, setMoneyLocale, setStringOverrides, stackFloors, t, tCount };

package/dist/index.js

@@ -529,6 +529,8 @@ var en = {
   "map.aria": "Seating map. Use arrow keys to move between seats, Enter to select.",
   "map.seatsLeft": "{count} LEFT",
   "map.fromPrice": "FROM {price}",
+  "map.statusHeld": "On hold",
+  "map.statusTaken": "Taken",
   // buyer picker page (src/pages/PickerPage.tsx)
   "picker.language": "Language",
   "picker.zoomToFit": "Zoom to fit",
@@ -655,8 +657,35 @@ function seatMatchesAccess(seat, filter) {
 }
 var DEF_SEAT_LABEL = "#0b1220";
 var DEF_SELECTION = "#ffffff";
+var DEF_SELECTION_ON_LIGHT = "#0b1220";
 var DEF_DECOR_FILL = "#232c40";
 var DEF_TEXT = "#8b93a7";
+function colorLuminance(color) {
+  const s = color.trim();
+  let r = NaN;
+  let g = NaN;
+  let b = NaN;
+  const hex = /^#([\da-f]{3}|[\da-f]{6})$/i.exec(s);
+  if (hex) {
+    const h = hex[1].length === 3 ? hex[1].split("").map((c) => c + c).join("") : hex[1];
+    r = parseInt(h.slice(0, 2), 16);
+    g = parseInt(h.slice(2, 4), 16);
+    b = parseInt(h.slice(4, 6), 16);
+  } else {
+    const rgb = /^rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/.exec(s);
+    if (rgb) {
+      r = +rgb[1];
+      g = +rgb[2];
+      b = +rgb[3];
+    }
+  }
+  if (Number.isNaN(r)) return NaN;
+  return (0.2126 * r + 0.7152 * g + 0.0722 * b) / 255;
+}
+function isLightColor(color) {
+  const lum = colorLuminance(color);
+  return !Number.isNaN(lum) && lum > 0.6;
+}
 var clamp = (v, lo, hi) => Math.max(lo, Math.min(hi, v));
 function seatIdOf(target) {
   const n = target;
@@ -742,6 +771,8 @@ var _SeatmapRenderer = class _SeatmapRenderer {
     this.statusById = /* @__PURE__ */ new Map();
     this.catColor = /* @__PURE__ */ new Map();
     this.theme = {};
+    /** Effective selection/hover ring color — resolved per chart in setChart(). */
+    this.effSelection = DEF_SELECTION;
     /** Colorblind-safe mode (Okabe-Ito hues + hollow booked seats). */
     this.colorblind = false;
     /** Category order from the doc — the stable index into the CB palette. */
@@ -992,7 +1023,8 @@ var _SeatmapRenderer = class _SeatmapRenderer {
     this.theme = doc.theme ?? {};
     this.seatR = clamp(this.theme.seatScale ?? 1, 0.7, 1.6) * SEAT_RADIUS;
     this.container.style.background = this.theme.background ?? "";
-    this.hoverRing.stroke(this.theme.selectionColor ?? DEF_SELECTION);
+    this.effSelection = this.resolveSelectionColor();
+    this.hoverRing.stroke(this.effSelection);
     this.hoverRing.radius(this.seatR + 2);
     this.catColor.clear();
     this.catPrice.clear();
@@ -1538,7 +1570,9 @@ var _SeatmapRenderer = class _SeatmapRenderer {
     c.opacity(1);
     switch (status) {
       case "free":
-        c.fill(selected ? lighten(base, 0.28) : base);
+        c.fill(
+          selected && this.effSelection === DEF_SELECTION ? lighten(base, 0.28) : base
+        );
         break;
       case "held":
         c.fill(HELD_FILL);
@@ -2180,6 +2214,31 @@ var _SeatmapRenderer = class _SeatmapRenderer {
     }
     this.overlayLayer.batchDraw();
   }
+  /**
+   * Selection/hover ring color. An explicit theme.selectionColor always wins;
+   * otherwise auto-contrast against the effective canvas background — the
+   * designer renders on dark (white ring reads), but light-themed hosts (e.g.
+   * the DesiPass buyer picker on cream) made the white ring invisible and
+   * selected seats looked *disabled*. theme.background is checked first, then
+   * the container's computed CSS background (walking up past transparent
+   * ancestors). Unknown/unparseable backgrounds keep the dark default.
+   */
+  resolveSelectionColor() {
+    if (this.theme.selectionColor) return this.theme.selectionColor;
+    let bg = this.theme.background ?? "";
+    if (!bg && typeof getComputedStyle === "function") {
+      let el = this.container;
+      while (el) {
+        const c = getComputedStyle(el).backgroundColor;
+        if (c && c !== "transparent" && !/^rgba\(\s*\d+\s*,\s*\d+\s*,\s*\d+\s*,\s*0\s*\)$/.test(c)) {
+          bg = c;
+          break;
+        }
+        el = el.parentElement;
+      }
+    }
+    return isLightColor(bg) ? DEF_SELECTION_ON_LIGHT : DEF_SELECTION;
+  }
   setSelected(id, on, silent = false) {
     const c = this.circleById.get(id);
     if (on) {
@@ -2189,7 +2248,7 @@ var _SeatmapRenderer = class _SeatmapRenderer {
         x: seat.x,
         y: seat.y,
         radius: this.seatR,
-        stroke: this.theme.selectionColor ?? DEF_SELECTION,
+        stroke: this.effSelection,
         strokeWidth: 3,
         listening: false,
         perfectDrawEnabled: false,
@@ -2669,7 +2728,10 @@ var PickerController = class {
         this.opts.onDeselect?.(seat);
         this.emitSelectionChange();
       },
-      onHover: this.opts.onHover,
+      onHover: (seat) => {
+        this.opts.onHover?.(seat);
+        if (this.opts.onSeatHover) this.opts.onSeatHover(seat ? this.describeSeat(seat) : null);
+      },
       onFocusSeat: this.opts.onFocusSeat,
       onViewChange: this.opts.onViewChange,
       onGAClick: this.opts.onGAClick,
@@ -3096,6 +3158,17 @@ var PickerController = class {
       tierId: chosen.id
     };
   }
+  /** Tooltip payload for a hovered seat — see PickerCallbacks.onSeatHover. */
+  describeSeat(s) {
+    const cat = this._doc?.categories.find((c) => c.key === s.categoryKey);
+    return {
+      ...this.toSeat(s),
+      categoryLabel: cat?.label ?? s.categoryKey,
+      categoryColor: cat?.color ?? "#6e7bff",
+      status: this.renderer?.getStatus(s.id) ?? "free",
+      currency: this.currency
+    };
+  }
   priceFor(categoryKey) {
     return this._doc?.categories.find((c) => c.key === categoryKey)?.price ?? 0;
   }
@@ -3317,9 +3390,9 @@ var PickerController = class {
 
 // src/i18n/bundles.ts
 var LOADERS = {
-  es: () => import("./es-MLM3IFIY.js").then((m) => ({ default: m.es })),
-  de: () => import("./de-YMAVF5S2.js").then((m) => ({ default: m.de })),
-  fr: () => import("./fr-N7AAVATM.js").then((m) => ({ default: m.fr }))
+  es: () => import("./es-SKJTYKLL.js").then((m) => ({ default: m.es })),
+  de: () => import("./de-DDXO5ERX.js").then((m) => ({ default: m.de })),
+  fr: () => import("./fr-NPIGOYCU.js").then((m) => ({ default: m.fr }))
 };
 var loaded = /* @__PURE__ */ new Set(["en"]);
 async function loadLocale(code) {