@seatlayer/core 0.27.0 → 0.28.0

package/dist/index.d.cts

@@ -2538,6 +2538,22 @@ declare class SeatmapRenderer implements ISeatmapRenderer {
      *  debounced cacheSeatLayer() and the synchronous forceDraw() catch-up. */
     private rebuildSeatCache;
     private cacheSeatLayer;
+    /**
+     * Drop the seat-layer overview bitmap while PRESERVING every descendant's
+     * cached local transform + clientRect.
+     *
+     * Konva's public `Layer.clearCache()` releases the bitmap and then runs a deep
+     * `_clearSelfAndDescendantCache()` that clears those caches on all 14k seat
+     * nodes. Recomputing them on the single frame the melt first reveals a section's
+     * live seats is the ~480ms first-drill stall (OV-80). A camera glide only marks
+     * each seat's ABSOLUTE_TRANSFORM dirty (recomputed lazily at ordinary pan cost)
+     * and never moves a seat's LOCAL transform, so the local caches stay valid —
+     * keeping them lets the first melt paint at pan cost, matching the ~17ms of
+     * every subsequent glide on the same section. Any edit that actually moves a
+     * seat invalidates its own transform cache through the attr setter, so only
+     * still-valid caches survive here.
+     */
+    private releaseSeatLayerBitmap;
     /**
      * SYNCHRONOUS repaint that bypasses requestAnimationFrame — see the
      * ISeatmapRenderer.forceDraw() contract. Chrome pauses rAF (and therefore
@@ -2872,6 +2888,21 @@ declare class PickerController {
     private idsForLabels;
     /** Resolve a physical chair id (or table inventory label) to its table unit. */
     tableSelection(seatIdOrLabel: string): TableSelectionDetails | null;
+    /**
+     * Buyer-facing name + type word for a checkout line item, resolved from the
+     * SAME author overrides the tray/tooltip already render. `label` stays the
+     * booking identity; a host builds its own order summary from `displayLabel`/
+     * `displayType` so the buyer sees the designer's copy, not the internal label.
+     * Absent fields = no override (host falls back to `label`).
+     */
+    lineItemDisplay(item: {
+        label: string;
+        objectId: string;
+        objectType: 'seat' | 'booth' | 'ga' | 'table';
+    }): {
+        displayLabel?: string;
+        displayType?: string;
+    };
     /** Fetch chart, build label maps, mount the renderer, seed statuses, go live. */
     render(host: HTMLDivElement): Promise<{
         doc: ChartDoc;

package/dist/index.d.ts

@@ -2538,6 +2538,22 @@ declare class SeatmapRenderer implements ISeatmapRenderer {
      *  debounced cacheSeatLayer() and the synchronous forceDraw() catch-up. */
     private rebuildSeatCache;
     private cacheSeatLayer;
+    /**
+     * Drop the seat-layer overview bitmap while PRESERVING every descendant's
+     * cached local transform + clientRect.
+     *
+     * Konva's public `Layer.clearCache()` releases the bitmap and then runs a deep
+     * `_clearSelfAndDescendantCache()` that clears those caches on all 14k seat
+     * nodes. Recomputing them on the single frame the melt first reveals a section's
+     * live seats is the ~480ms first-drill stall (OV-80). A camera glide only marks
+     * each seat's ABSOLUTE_TRANSFORM dirty (recomputed lazily at ordinary pan cost)
+     * and never moves a seat's LOCAL transform, so the local caches stay valid —
+     * keeping them lets the first melt paint at pan cost, matching the ~17ms of
+     * every subsequent glide on the same section. Any edit that actually moves a
+     * seat invalidates its own transform cache through the attr setter, so only
+     * still-valid caches survive here.
+     */
+    private releaseSeatLayerBitmap;
     /**
      * SYNCHRONOUS repaint that bypasses requestAnimationFrame — see the
      * ISeatmapRenderer.forceDraw() contract. Chrome pauses rAF (and therefore
@@ -2872,6 +2888,21 @@ declare class PickerController {
     private idsForLabels;
     /** Resolve a physical chair id (or table inventory label) to its table unit. */
     tableSelection(seatIdOrLabel: string): TableSelectionDetails | null;
+    /**
+     * Buyer-facing name + type word for a checkout line item, resolved from the
+     * SAME author overrides the tray/tooltip already render. `label` stays the
+     * booking identity; a host builds its own order summary from `displayLabel`/
+     * `displayType` so the buyer sees the designer's copy, not the internal label.
+     * Absent fields = no override (host falls back to `label`).
+     */
+    lineItemDisplay(item: {
+        label: string;
+        objectId: string;
+        objectType: 'seat' | 'booth' | 'ga' | 'table';
+    }): {
+        displayLabel?: string;
+        displayType?: string;
+    };
     /** Fetch chart, build label maps, mount the renderer, seed statuses, go live. */
     render(host: HTMLDivElement): Promise<{
         doc: ChartDoc;

package/dist/index.js

@@ -1034,7 +1034,30 @@ function isBookableLabelLegibleAtScale(fontSize, effectiveScale) {
   return fontSize * effectiveScale >= MIN_VISIBLE_BOOKABLE_LABEL_PX;
 }
 var ACCESS_GLYPH_VIEWBOX = 24;
-var ACCESS_GLYPH_PATH = "M12 2c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm9 7h-6v13h-2v-6h-2v6H9V9H3V7h18v2z";
+var ACCESS_TYPE_GLYPH_PATHS = {
+  // ISO-style wheelchair: seated figure (head + L-shaped body) over a ring wheel.
+  wheelchair: "M7.8 4.5a2.2 2.2 0 1 0 4.4 0a2.2 2.2 0 1 0 -4.4 0zM8 7L10.5 7L10.5 15L8 15ZM8 12.5L18 12.5L18 15L8 15ZM16 15L18 15L18 18L16 18ZM5.5 16a5.5 5.5 0 1 0 11 0a5.5 5.5 0 1 0 -11 0zM8 16a3 3 0 1 1 6 0a3 3 0 1 1 -6 0z",
+  // Companion: two overlapping head-and-shoulders figures (seat + a guest).
+  companion: "M5.5 6.5a3 3 0 1 0 6 0a3 3 0 1 0 -6 0zM4.5 18.5L6 11.5L11 11.5L12.5 18.5ZM12.5 7.5a3 3 0 1 0 6 0a3 3 0 1 0 -6 0zM11.5 19L13 12.5L18 12.5L19.5 19Z",
+  // Semi-ambulatory: walking figure leaning on a cane at its right side.
+  "semi-ambulatory": "M8.3 3.8a2.2 2.2 0 1 0 4.4 0a2.2 2.2 0 1 0 -4.4 0zM9 6.2L12 6.6L11 13.5L8.6 13L9 6.2ZM8.6 13L11 13L9.5 21L7 21ZM10.4 13L12.6 13L13.6 21L11.2 21ZM11.2 7.2L14 8L14.6 9.6L11.9 8.9ZM14.4 6.8L15.9 6.8L16.4 21L14.8 21Z",
+  // Hearing: a bold ear silhouette (assistive listening).
+  hearing: "M15.5 3.5C9 2.2 5.5 6 5.5 11.5C5.5 16 8 19.5 10.5 21C13.2 22.6 16.4 20.8 15.4 18C14.8 16.4 12.9 16.1 13 14C13.1 11.9 15.8 11.4 15.8 8.5C15.8 5.4 13 4 15.5 3.5Z",
+  // CART captions: a rounded caption bubble with two bold caption bars cut out.
+  cart: "M5.5 6L18.5 6a2.5 2.5 0 0 1 2.5 2.5L21 15.5a2.5 2.5 0 0 1 -2.5 2.5L11 18L7 20.5L7.5 18L5.5 18a2.5 2.5 0 0 1 -2.5 -2.5L3 8.5a2.5 2.5 0 0 1 2.5 -2.5zM6.5 11L17.5 11L17.5 12.6L6.5 12.6zM6.5 14L17.5 14L17.5 15.6L6.5 15.6z",
+  // Sign language: a raised open hand (palm with four fingers and a thumb).
+  "sign-language": "M7 11L17 11L17 18a2 2 0 0 1 -2 2L9 20a2 2 0 0 1 -2 -2zM7.6 5L9.4 5L9.4 12L7.6 12zM9.9 3.5L11.7 3.5L11.7 12L9.9 12zM12.3 3.5L14.1 3.5L14.1 12L12.3 12zM14.6 5L16.4 5L16.4 12L14.6 12zM7.2 12.5L5 10.2L6.4 8.9L8.6 11.2Z",
+  // Plus-size: a broad-shouldered wide figure.
+  "plus-size": "M9.4 4.3a2.6 2.6 0 1 0 5.2 0a2.6 2.6 0 1 0 -5.2 0zM5 20L4 13C4 10.5 7 9.5 12 9.5C17 9.5 20 10.5 20 13L19 20Z",
+  // Lift-up armrest: a chair side-profile with an up arrow over the armrest.
+  "lift-armrest": "M5 6L8 6L8 19L5 19zM5 16L18 16L18 19L5 19zM8 12L17 12L17 14.5L8 14.5zM14 7L16 7L16 12L14 12zM12 7L18 7L15 3Z"
+};
+var ACCESS_GLYPH_PATH = ACCESS_TYPE_GLYPH_PATHS.wheelchair;
+function accessGlyphPath(accessibility) {
+  if (!accessibility?.length) return null;
+  const primary = accessibility.includes("wheelchair") ? "wheelchair" : accessibility[0];
+  return ACCESS_TYPE_GLYPH_PATHS[primary] ?? null;
+}
 function bookableMarkerLabel(publicLabel) {
   return /-(\d{1,5})$/.exec(publicLabel)?.[1] ?? publicLabel;
 }
@@ -1601,6 +1624,12 @@ var VENUE_ICONS = [
     group: "facilities",
     path: "M11 4a7 7 0 1 0 0 14 7 7 0 0 0 0-14 M16 16l5 5 M9 8.5a2 2 0 1 1 3 1.7c-.8.5-1 .8-1 1.8 M11 15h.01"
   },
+  {
+    key: "restrooms",
+    label: "Restrooms",
+    group: "facilities",
+    path: "M6 3h12a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Z M12 8a2 2 0 1 0 0 4 2 2 0 0 0 0-4 M9 18v-3.5a3 3 0 0 1 6 0V18"
+  },
   {
     key: "charging",
     label: "Charging point",
@@ -1650,6 +1679,18 @@ var VENUE_ICONS = [
     group: "food-drink",
     path: "M6 8h12l-1 12H7L6 8Z M9 8V6a3 3 0 0 1 6 0v2"
   },
+  {
+    key: "screen",
+    label: "Screen",
+    group: "facilities",
+    path: "M3 4h18v12H3V4Z M9 20h6 M12 16v4 M10 8l4 2-4 2V8Z"
+  },
+  {
+    key: "sound-booth",
+    label: "Sound booth",
+    group: "facilities",
+    path: "M6 4v16 M6 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4 M12 4v16 M12 8a2 2 0 1 0 0 4 2 2 0 0 0 0-4 M18 4v16 M18 12a2 2 0 1 0 0 4 2 2 0 0 0 0-4"
+  },
   // ---- Getting around ----------------------------------------------------
   {
     key: "entrance",
@@ -4308,7 +4349,7 @@ var _SeatmapRenderer = class _SeatmapRenderer {
           this.accessRingById.set(seat.id, ring);
           target.add(ring);
         }
-        if (seat.accessibility?.includes("wheelchair")) {
+        if (accessGlyphPath(seat.accessibility ?? [])) {
           const glyph = this.buildAccessGlyph(seat, typeof c.fill() === "string" ? c.fill() : "");
           this.accessGlyphById.set(seat.id, glyph);
           target.add(glyph);
@@ -4382,7 +4423,9 @@ var _SeatmapRenderer = class _SeatmapRenderer {
     return new Path({
       x: seat.x,
       y: seat.y,
-      data: ACCESS_GLYPH_PATH,
+      // Non-null: buildAccessGlyph is only called for seats the gate confirmed
+      // resolve to a primary-accommodation glyph.
+      data: accessGlyphPath(seat.accessibility ?? []) ?? "",
       offsetX: ACCESS_GLYPH_VIEWBOX / 2,
       offsetY: ACCESS_GLYPH_VIEWBOX / 2,
       scaleX: k,
@@ -6515,7 +6558,7 @@ var _SeatmapRenderer = class _SeatmapRenderer {
     if (shouldCache && !this.cached) {
       this.cacheSeatLayer();
     } else if (!shouldCache && (this.cached || !this.seatLayer.listening())) {
-      if (this.cached) this.seatLayer.clearCache();
+      if (this.cached) this.releaseSeatLayerBitmap();
       this.seatLayer.listening(true);
       this.cached = false;
       this.seatLayer.batchDraw();
@@ -6535,6 +6578,28 @@ var _SeatmapRenderer = class _SeatmapRenderer {
     this.rebuildSeatCache();
     this.seatLayer.batchDraw();
   }
+  /**
+   * Drop the seat-layer overview bitmap while PRESERVING every descendant's
+   * cached local transform + clientRect.
+   *
+   * Konva's public `Layer.clearCache()` releases the bitmap and then runs a deep
+   * `_clearSelfAndDescendantCache()` that clears those caches on all 14k seat
+   * nodes. Recomputing them on the single frame the melt first reveals a section's
+   * live seats is the ~480ms first-drill stall (OV-80). A camera glide only marks
+   * each seat's ABSOLUTE_TRANSFORM dirty (recomputed lazily at ordinary pan cost)
+   * and never moves a seat's LOCAL transform, so the local caches stay valid —
+   * keeping them lets the first melt paint at pan cost, matching the ~17ms of
+   * every subsequent glide on the same section. Any edit that actually moves a
+   * seat invalidates its own transform cache through the attr setter, so only
+   * still-valid caches survive here.
+   */
+  releaseSeatLayerBitmap() {
+    const layer = this.seatLayer;
+    const entry = layer._cache.get("canvas");
+    if (!entry) return;
+    Konva.Util.releaseCanvas(entry.scene._canvas, entry.filter._canvas, entry.hit._canvas);
+    layer._cache.delete("canvas");
+  }
   /**
    * SYNCHRONOUS repaint that bypasses requestAnimationFrame — see the
    * ISeatmapRenderer.forceDraw() contract. Chrome pauses rAF (and therefore
@@ -6553,7 +6618,7 @@ var _SeatmapRenderer = class _SeatmapRenderer {
       if (this.effScale() < CACHE_THRESHOLD) {
         this.rebuildSeatCache();
       } else if (this.cached) {
-        this.seatLayer.clearCache();
+        this.releaseSeatLayerBitmap();
         this.seatLayer.listening(true);
         this.cached = false;
       }
@@ -7074,6 +7139,36 @@ var PickerController = class {
     const group = this.groupedTableBySeatId.get(seatIdOrLabel) ?? this.groupedTablesByLabel.get(seatIdOrLabel);
     return group ? this.toTableSeat(group) : null;
   }
+  /**
+   * Buyer-facing name + type word for a checkout line item, resolved from the
+   * SAME author overrides the tray/tooltip already render. `label` stays the
+   * booking identity; a host builds its own order summary from `displayLabel`/
+   * `displayType` so the buyer sees the designer's copy, not the internal label.
+   * Absent fields = no override (host falls back to `label`).
+   */
+  lineItemDisplay(item) {
+    if (item.objectType === "ga") {
+      const doc = this.visibleDoc();
+      const area = gaAreasOf(doc).find((candidate) => candidate.id === item.objectId);
+      return {
+        ...area?.displayLabel ? { displayLabel: area.displayLabel } : {},
+        ...area?.displayType ? { displayType: area.displayType } : {}
+      };
+    }
+    if (item.objectType === "table") {
+      const group = this.groupedTablesByLabel.get(item.label);
+      return {
+        ...group?.displayLabel && group.displayLabel !== group.label ? { displayLabel: group.displayLabel } : {},
+        ...group?.displayType ? { displayType: group.displayType } : {}
+      };
+    }
+    const seat = this.labelToSeat.get(item.label);
+    const context = seat ? this.seatContext.get(seat.id) : void 0;
+    return {
+      ...seat?.displayLabel ? { displayLabel: seat.displayLabel } : {},
+      ...context?.displayType ? { displayType: context.displayType } : {}
+    };
+  }
   /** Fetch chart, build label maps, mount the renderer, seed statuses, go live. */
   async render(host) {
     if (this.renderer) return null;