@seatlayer/js 0.9.0 → 0.10.0

package/dist/index.d.cts

@@ -394,6 +394,8 @@ declare class SeatPicker {
     private rendered;
     private destroyed;
     private els;
+    /** Feature 6 anchor regions — positioned flex containers over the map. */
+    private regions;
     private ro;
     private holdTimer;
     private toastTimer;
@@ -422,6 +424,22 @@ declare class SeatPicker {
     private viewEl;
     private viewCleanup;
     private allSeatsCache;
+    private miniEl;
+    private miniCanvas;
+    private miniBase;
+    private miniTf;
+    private priceBandKeys;
+    private priceFilterEl;
+    /** Last surfaced section summary (re-rendered when the price band changes). */
+    private lastSection;
+    /** Section card collapsed to its slim pill (seat-picking has begun). */
+    private secCardCollapsed;
+    /** When the card was (re)shown — the focus glide's own view change must not collapse it. */
+    private secCardShownAt;
+    /** Previous tray ticket count — first 0→n transition auto-expands the mobile sheet. */
+    private lastTrayCount;
+    private a11yChipsEl;
+    private cbEl;
     private modalScrim;
     private prevFocus;
     private escHandler;
@@ -437,10 +455,54 @@ declare class SeatPicker {
     static open(options: Omit<SeatPickerOptions, 'container'>): Promise<SeatPicker>;
     constructor(options: SeatPickerOptions);
     render(): Promise<this>;
+    /**
+     * Move layout-dependent chrome between its wide dock (map regions / zoom
+     * column) and its narrow dock (the sheet's consolidated Filters row), and
+     * re-render the section card in the form the layout wants (docked card/pill
+     * on wide, sheet strip on narrow). Runs on every layout flip + once post-render.
+     */
+    private dockLayoutChrome;
     /** The "Need more time?" prompt shown in the hold's final EXTEND_PROMPT_MS. */
     private buildExtendPrompt;
     /** Success overlay + onBooked fire when the held seats settle to booked. */
     private buildBookedOverlay;
+    /**
+     * Create the positioned flex containers that own every persistent map overlay.
+     * Appended once after controller.render(); each chrome piece is then appended
+     * INTO its region and flows within it, so nothing free-floats over anything
+     * else. Regions carve the map into non-overlapping zones (top strip split into
+     * left/center/right, left rail, and the three used corners).
+     */
+    private buildRegions;
+    /** Read a resolved --sl-* token value (canvas needs a real color, not var()). */
+    private cssVar;
+    /** Section-bearing objects on the active floor (single-floor → doc.objects). */
+    private activeFloorObjects;
+    /**
+     * Build the overview minimap: a static venue thumbnail (section outlines, or
+     * seat dots when the chart has no sections) with the live viewport rectangle
+     * drawn on top. The rect tracks pan/zoom via the constructor's onViewChange.
+     */
+    private buildMinimap;
+    /** Repaint the static overview + rect (floor switch, live open/close). */
+    private refreshMinimap;
+    /** Paint the venue overview into the offscreen base canvas. */
+    private drawMinimapStatic;
+    /** Blit the base overview, then stroke the current viewport rectangle on top. */
+    private drawMinimapRect;
+    /** Minimap click → focus the section under the point (or overview on a miss). */
+    private minimapJump;
+    /** Effective price of a category (first tier when tiered, else base price). */
+    private catPrice;
+    /** Derive price bands: one chip per distinct price (≤5), else quantile ranges. */
+    private priceBands;
+    /**
+     * Build the price-band chip row in the side panel, directly under the "Prices"
+     * header and above the legend it dims. Living in the panel (not a map overlay)
+     * keeps it clear of the top-center rung pills and top-left a11y chips, and it
+     * rides the bottom sheet on narrow layouts. Skipped when there's <2 bands.
+     */
+    private buildPriceFilter;
     /** Build the rung pills (charts with sections) and floor switcher (>1 floor). */
     private buildArenaChrome;
     /** Reflect the engine's current LOD rung onto the pill group. */
@@ -449,6 +511,22 @@ declare class SeatPicker {
     private syncFloors;
     /** Show (or clear, on null) the tapped-section summary card. */
     private showSectionCard;
+    /**
+     * Render the section card in the form the layout + state want: expanded card
+     * or slim pill in the top-center anchor region (wide), or a compact strip in
+     * the sheet head (narrow). Never floats over the seats at the tap point.
+     */
+    private renderSectionCard;
+    /** Collapse the expanded card to its slim pill (seat-picking started). */
+    private collapseSectionCard;
+    /**
+     * onViewChange hook for the card. The focus glide's own settle (within the
+     * grace window) enforces the ~25% coverage rule with the FINAL viewport; any
+     * later pan/zoom means seat-picking has begun → collapse to the pill.
+     */
+    private sectionCardOnView;
+    /** Fraction of the focused section's on-screen bbox covered by the card. */
+    private sectionCardCoverage;
     /** aria-live readout when keyboard focus lands on a seat. */
     private announceSeat;
     private showConfirm;

package/dist/index.d.ts

@@ -394,6 +394,8 @@ declare class SeatPicker {
     private rendered;
     private destroyed;
     private els;
+    /** Feature 6 anchor regions — positioned flex containers over the map. */
+    private regions;
     private ro;
     private holdTimer;
     private toastTimer;
@@ -422,6 +424,22 @@ declare class SeatPicker {
     private viewEl;
     private viewCleanup;
     private allSeatsCache;
+    private miniEl;
+    private miniCanvas;
+    private miniBase;
+    private miniTf;
+    private priceBandKeys;
+    private priceFilterEl;
+    /** Last surfaced section summary (re-rendered when the price band changes). */
+    private lastSection;
+    /** Section card collapsed to its slim pill (seat-picking has begun). */
+    private secCardCollapsed;
+    /** When the card was (re)shown — the focus glide's own view change must not collapse it. */
+    private secCardShownAt;
+    /** Previous tray ticket count — first 0→n transition auto-expands the mobile sheet. */
+    private lastTrayCount;
+    private a11yChipsEl;
+    private cbEl;
     private modalScrim;
     private prevFocus;
     private escHandler;
@@ -437,10 +455,54 @@ declare class SeatPicker {
     static open(options: Omit<SeatPickerOptions, 'container'>): Promise<SeatPicker>;
     constructor(options: SeatPickerOptions);
     render(): Promise<this>;
+    /**
+     * Move layout-dependent chrome between its wide dock (map regions / zoom
+     * column) and its narrow dock (the sheet's consolidated Filters row), and
+     * re-render the section card in the form the layout wants (docked card/pill
+     * on wide, sheet strip on narrow). Runs on every layout flip + once post-render.
+     */
+    private dockLayoutChrome;
     /** The "Need more time?" prompt shown in the hold's final EXTEND_PROMPT_MS. */
     private buildExtendPrompt;
     /** Success overlay + onBooked fire when the held seats settle to booked. */
     private buildBookedOverlay;
+    /**
+     * Create the positioned flex containers that own every persistent map overlay.
+     * Appended once after controller.render(); each chrome piece is then appended
+     * INTO its region and flows within it, so nothing free-floats over anything
+     * else. Regions carve the map into non-overlapping zones (top strip split into
+     * left/center/right, left rail, and the three used corners).
+     */
+    private buildRegions;
+    /** Read a resolved --sl-* token value (canvas needs a real color, not var()). */
+    private cssVar;
+    /** Section-bearing objects on the active floor (single-floor → doc.objects). */
+    private activeFloorObjects;
+    /**
+     * Build the overview minimap: a static venue thumbnail (section outlines, or
+     * seat dots when the chart has no sections) with the live viewport rectangle
+     * drawn on top. The rect tracks pan/zoom via the constructor's onViewChange.
+     */
+    private buildMinimap;
+    /** Repaint the static overview + rect (floor switch, live open/close). */
+    private refreshMinimap;
+    /** Paint the venue overview into the offscreen base canvas. */
+    private drawMinimapStatic;
+    /** Blit the base overview, then stroke the current viewport rectangle on top. */
+    private drawMinimapRect;
+    /** Minimap click → focus the section under the point (or overview on a miss). */
+    private minimapJump;
+    /** Effective price of a category (first tier when tiered, else base price). */
+    private catPrice;
+    /** Derive price bands: one chip per distinct price (≤5), else quantile ranges. */
+    private priceBands;
+    /**
+     * Build the price-band chip row in the side panel, directly under the "Prices"
+     * header and above the legend it dims. Living in the panel (not a map overlay)
+     * keeps it clear of the top-center rung pills and top-left a11y chips, and it
+     * rides the bottom sheet on narrow layouts. Skipped when there's <2 bands.
+     */
+    private buildPriceFilter;
     /** Build the rung pills (charts with sections) and floor switcher (>1 floor). */
     private buildArenaChrome;
     /** Reflect the engine's current LOD rung onto the pill group. */
@@ -449,6 +511,22 @@ declare class SeatPicker {
     private syncFloors;
     /** Show (or clear, on null) the tapped-section summary card. */
     private showSectionCard;
+    /**
+     * Render the section card in the form the layout + state want: expanded card
+     * or slim pill in the top-center anchor region (wide), or a compact strip in
+     * the sheet head (narrow). Never floats over the seats at the tap point.
+     */
+    private renderSectionCard;
+    /** Collapse the expanded card to its slim pill (seat-picking started). */
+    private collapseSectionCard;
+    /**
+     * onViewChange hook for the card. The focus glide's own settle (within the
+     * grace window) enforces the ~25% coverage rule with the FINAL viewport; any
+     * later pan/zoom means seat-picking has begun → collapse to the pill.
+     */
+    private sectionCardOnView;
+    /** Fraction of the focused section's on-screen bbox covered by the card. */
+    private sectionCardCoverage;
     /** aria-live readout when keyboard focus lands on a seat. */
     private announceSeat;
     private showConfirm;