@seatlayer/core 0.17.0 → 0.18.0

package/dist/index.cjs

@@ -275,9 +275,12 @@ var init_fr = __esm({
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
+  ACCESSIBILITY_RING_COLOR: () => ACCESSIBILITY_RING_COLOR,
   ACCESSIBILITY_TYPES: () => ACCESSIBILITY_TYPES,
   CHART_STORAGE_KEY: () => CHART_STORAGE_KEY,
   DEFAULT_CURRENCY: () => DEFAULT_CURRENCY,
+  LABEL_STYLE_MAX_SIZE: () => LABEL_STYLE_MAX_SIZE,
+  LABEL_STYLE_MIN_SIZE: () => LABEL_STYLE_MIN_SIZE,
   MAX_EVENT_INVENTORY: () => MAX_EVENT_INVENTORY,
   MAX_GA_CAPACITY: () => MAX_GA_CAPACITY,
   PickerController: () => PickerController,
@@ -285,6 +288,7 @@ __export(index_exports, {
   SeatmapRenderer: () => SeatmapRenderer,
   UNGROUPED_ID: () => UNGROUPED_ID,
   accessibilityMeta: () => accessibilityMeta,
+  accessibilityRingColor: () => accessibilityRingColor,
   allObjects: () => allObjects,
   applyHidden: () => applyHidden,
   chartBounds: () => chartBounds,
@@ -339,6 +343,21 @@ var ACCESSIBILITY_LABEL = new Map(ACCESSIBILITY_TYPES.map((a) => [a.key, a]));
 function accessibilityMeta(key) {
   return ACCESSIBILITY_LABEL.get(key);
 }
+var ACCESSIBILITY_RING_COLOR = {
+  wheelchair: "#3b82f6",
+  companion: "#8b5cf6",
+  "semi-ambulatory": "#0ea5e9",
+  hearing: "#14b8a6",
+  "sign-language": "#f59e0b",
+  "plus-size": "#ec4899",
+  "lift-armrest": "#22c55e"
+};
+function accessibilityRingColor(types) {
+  const primary = types?.[0];
+  return primary && ACCESSIBILITY_RING_COLOR[primary] || "#3b82f6";
+}
+var LABEL_STYLE_MIN_SIZE = 8;
+var LABEL_STYLE_MAX_SIZE = 24;
 function layerOf(obj) {
   switch (obj.type) {
     case "row":
@@ -485,15 +504,21 @@ function expandRowSlots(row) {
   return rowSeatPositions(row).map((p, i) => {
     const o = ov.get(i);
     const accessibility = overrideAccessibility(o);
+    const inventoryLabel = o?.label ?? `${row.label}-${seatNumber(i)}`;
+    const displayPrefix = row.displayLabel ?? row.label;
+    const commercial = { ...row.commercial, ...o?.commercial };
     return {
       index: i,
       x: p.x + (o?.dx ?? 0),
       y: p.y + (o?.dy ?? 0),
-      label: o?.label ?? `${row.label}-${seatNumber(i)}`,
+      label: inventoryLabel,
+      displayLabel: o?.displayLabel ?? `${displayPrefix}-${seatNumber(i)}`,
       categoryKey: o?.categoryKey ?? row.categoryKey,
       skipped: !!o?.skip,
       accessible: accessibility.length > 0,
-      accessibility
+      accessibility,
+      commercial: Object.values(commercial).some((value) => value !== void 0 && value !== false && value !== "") ? commercial : void 0,
+      viewUrl: o?.viewFromSeatUrl ?? row.viewFromSeatUrl
     };
   });
 }
@@ -504,13 +529,15 @@ function expandRow(row) {
     seats.push({
       id: `${row.id}:${slot.index}`,
       label: slot.label,
+      displayLabel: slot.displayLabel === slot.label ? void 0 : slot.displayLabel,
       x: slot.x,
       y: slot.y,
       rowId: row.id,
       categoryKey: slot.categoryKey,
       accessible: slot.accessible || void 0,
       accessibility: slot.accessibility.length ? slot.accessibility : void 0,
-      viewUrl: row.viewFromSeatUrl
+      commercial: slot.commercial,
+      viewUrl: slot.viewUrl
     });
   }
   return seats;
@@ -868,7 +895,7 @@ function computeSections(doc) {
     }
     nodes.set(logicalId, {
       id: logicalId,
-      label: s.label || "Section",
+      label: s.displayLabel || s.label || "Section",
       zone: s.zone,
       seatCount: 0,
       objectIds: [],
@@ -1196,15 +1223,6 @@ var CLOSED_SEAT_OPACITY = 0.4;
 var FOCUS_DIM_OPACITY = 0.16;
 var FOCUS_BACKDROP_FILL = "rgba(244,246,248,0.06)";
 var CB_PALETTE = ["#E69F00", "#56B4E9", "#009E73", "#F0E442", "#0072B2", "#D55E00", "#CC79A7"];
-var ACCESS_RING = {
-  wheelchair: "#3b82f6",
-  companion: "#8b5cf6",
-  "semi-ambulatory": "#0ea5e9",
-  hearing: "#14b8a6",
-  "sign-language": "#f59e0b",
-  "plus-size": "#ec4899",
-  "lift-armrest": "#22c55e"
-};
 function seatMatchesAccess(seat, filter) {
   if (filter.length === 0) return !!seat.accessible;
   return !!seat.accessibility?.some((t2) => filter.includes(t2));
@@ -2654,13 +2672,12 @@ var _SeatmapRenderer = class _SeatmapRenderer {
       this.paintSeat(c, seat.id);
       target.add(c);
       if (seat.accessible) {
-        const primary = seat.accessibility?.[0];
         target.add(
           new import_Circle.Circle({
             x: seat.x,
             y: seat.y,
             radius: this.seatR + 1,
-            stroke: primary && ACCESS_RING[primary] || "#3b82f6",
+            stroke: accessibilityRingColor(seat.accessibility),
             strokeWidth: 2,
             listening: false,
             perfectDrawEnabled: false,
@@ -2693,7 +2710,7 @@ var _SeatmapRenderer = class _SeatmapRenderer {
     const t2 = new import_Text.Text({
       x: seat.x,
       y: seat.y,
-      text: seat.label,
+      text: seat.displayLabel ?? seat.label,
       fontSize: BOOTH_LABEL_FONT_SIZE,
       fontStyle: "600",
       fontFamily: this.labelFont(),
@@ -2716,12 +2733,12 @@ var _SeatmapRenderer = class _SeatmapRenderer {
     const idx = this.catOrder.indexOf(categoryKey);
     return CB_PALETTE[(idx >= 0 ? idx : 0) % CB_PALETTE.length];
   }
-  /** Authored free fills retain the chart's validated ink. Renderer-owned
-   * transient fills choose an ink against the paint that is actually visible. */
-  renderedBookableLabelInk(id, shape) {
+  /** Resolve label ink against the paint that is actually visible. The theme
+   * ink remains preferred, but mixed category palettes cannot always share one
+   * accessible text colour, so every free and transient state gets the same
+   * deterministic dark/light fallback used by Designer. */
+  renderedBookableLabelInk(shape) {
     const preferred = this.theme.seatLabelColor ?? DEF_SEAT_LABEL;
-    const status = this.statusById.get(id) ?? "free";
-    if (status === "free" && !this.selection.has(id)) return preferred;
     const fill = shape.fill();
     return stateAwareBookableLabelInk(typeof fill === "string" ? fill : "", preferred);
   }
@@ -2807,7 +2824,7 @@ var _SeatmapRenderer = class _SeatmapRenderer {
     if (this.selectionFocusId && id !== this.selectionFocusId) c.opacity(Math.min(c.opacity(), 0.16));
     const bookableLabel = this.boothLabelById.get(id) ?? this.seatLabelById.get(id);
     if (bookableLabel) {
-      bookableLabel.fill(this.renderedBookableLabelInk(id, c));
+      bookableLabel.fill(this.renderedBookableLabelInk(c));
       bookableLabel.visible(
         isBookableLabelLegibleAtScale(bookableLabel.fontSize(), this.effScale()) && c.opacity() >= 0.5
       );
@@ -3348,14 +3365,19 @@ var _SeatmapRenderer = class _SeatmapRenderer {
       listening: false
     }, obj.outlinePath);
     bgTarget.add(blockPoly);
+    const labelStyle = obj.labelPresentation?.labelStyle;
+    const preferredInk = labelStyle?.color ?? palette.sectionInk;
+    const labelScale = (labelStyle?.size ?? 18) / 18;
     const nameLabel = new import_Text.Text({
-      x: centroid.x,
-      y: centroid.y,
-      text: obj.label,
-      fontSize: 22,
+      x: obj.labelPresentation?.position?.x ?? centroid.x,
+      y: obj.labelPresentation?.position?.y ?? centroid.y,
+      text: obj.displayLabel ?? obj.label,
+      rotation: obj.labelPresentation?.rotation ?? 0,
+      visible: obj.labelPresentation?.visible !== false,
+      fontSize: 22 * labelScale,
       fontStyle: "700",
       fontFamily: this.labelFont(),
-      fill: palette.sectionInk,
+      fill: stateAwareBookableLabelInk(palette.sectionFill, preferredInk),
       listening: false,
       perfectDrawEnabled: false
     });
@@ -3379,7 +3401,7 @@ var _SeatmapRenderer = class _SeatmapRenderer {
     const sec = {
       id: obj.id,
       logicalId: obj.logicalSectionId ?? obj.id,
-      label: obj.label,
+      label: obj.displayLabel ?? obj.label,
       outline: obj.outline,
       ...obj.outlinePath ? { outlinePath: obj.outlinePath } : {},
       holes: obj.holes ?? [],
@@ -3395,6 +3417,8 @@ var _SeatmapRenderer = class _SeatmapRenderer {
       blockPoly,
       nameLabel,
       subLabel,
+      preferredInk,
+      labelScale,
       nameLabelFits: true,
       subLabelFits: true,
       elevation,
@@ -3563,7 +3587,7 @@ var _SeatmapRenderer = class _SeatmapRenderer {
       const sectionFill = sec.blockPoly.fill();
       const sectionInk = stateAwareBookableLabelInk(
         typeof sectionFill === "string" ? sectionFill : sec.baseFill,
-        palette.sectionInk
+        sec.preferredInk
       );
       sec.nameLabel.fill(sectionInk);
       sec.subLabel.fill(sectionInk);
@@ -3659,7 +3683,9 @@ var _SeatmapRenderer = class _SeatmapRenderer {
   fitSectionRungLabels(sec, sx) {
     const paddingPx = 8;
     sec.subLabelFits = false;
-    for (let fontPx = SECTION_LABEL_PX; fontPx >= MIN_SECTION_LABEL_PX; fontPx -= 1) {
+    const maxPx = SECTION_LABEL_PX * sec.labelScale;
+    const minPx = MIN_SECTION_LABEL_PX * sec.labelScale;
+    for (let fontPx = maxPx; fontPx >= minPx; fontPx -= 1) {
       for (const rotation of [0, -90]) {
         sec.nameLabel.rotation(rotation);
         this.sizeLabel(sec.nameLabel, fontPx / sx, sec.nameLabel.y());
@@ -4496,7 +4522,7 @@ var _SeatmapRenderer = class _SeatmapRenderer {
         continue;
       }
       measure.fontSize(SEAT_LABEL_FONT_SIZE);
-      measure.text(bookableMarkerLabel(seat.label));
+      measure.text(bookableMarkerLabel(seat.displayLabel ?? seat.label));
       const fitted = measure.width() > maxWidth ? Math.max(MIN_FITTED_SEAT_LABEL_FONT_SIZE, SEAT_LABEL_FONT_SIZE * maxWidth / measure.width()) : SEAT_LABEL_FONT_SIZE;
       minimumFont = Math.min(minimumFont, fitted);
     }
@@ -4650,11 +4676,11 @@ var _SeatmapRenderer = class _SeatmapRenderer {
       const t2 = new import_Text.Text({
         x: seat.x,
         y: seat.y,
-        text: bookableMarkerLabel(seat.label),
+        text: bookableMarkerLabel(seat.displayLabel ?? seat.label),
         fontSize: SEAT_LABEL_FONT_SIZE,
         fontStyle: "600",
         fontFamily: this.labelFont(),
-        fill: shape ? this.renderedBookableLabelInk(seat.id, shape) : this.theme.seatLabelColor ?? DEF_SEAT_LABEL,
+        fill: shape ? this.renderedBookableLabelInk(shape) : this.theme.seatLabelColor ?? DEF_SEAT_LABEL,
         listening: false,
         perfectDrawEnabled: false
       });
@@ -5946,9 +5972,12 @@ async function loadLocale(code) {
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  ACCESSIBILITY_RING_COLOR,
   ACCESSIBILITY_TYPES,
   CHART_STORAGE_KEY,
   DEFAULT_CURRENCY,
+  LABEL_STYLE_MAX_SIZE,
+  LABEL_STYLE_MIN_SIZE,
   MAX_EVENT_INVENTORY,
   MAX_GA_CAPACITY,
   PickerController,
@@ -5956,6 +5985,7 @@ async function loadLocale(code) {
   SeatmapRenderer,
   UNGROUPED_ID,
   accessibilityMeta,
+  accessibilityRingColor,
   allObjects,
   applyHidden,
   chartBounds,