@kerusiweb/core 2.0.0

package/dist/render/render-model.d.ts

@@ -0,0 +1,151 @@
+import { Accessibility, Element, Money, PriceTier, Seat, SeatType, Section } from '../kerusi/kerusi-map.model.js';
+import { SectionLayoutMode } from '../kerusi/kerusi-layout-mode.js';
+import { SeatStatus } from '../kerusi/kerusi-state.model.js';
+/**
+ * The renderer's view of a Kerusi document pair: a `KerusiMap` with its
+ * `KerusiState` merged in, every reference resolved, every label localized, and
+ * every section carrying its own layout mode.
+ *
+ * This is deliberately not the source documents — a renderer should never have
+ * to re-resolve a price tier or re-read a locale map while drawing. It is also
+ * deliberately framework-agnostic: nothing in this folder imports a framework,
+ * so the model can be built in a test, a script, or on a server.
+ */
+/** A seat's availability, from the merged state (§5.1). */
+export type SeatRenderStatus = SeatStatus['status'];
+export interface RenderSeat {
+    /** `Seat.id` — globally unique within the map, and the selection key. */
+    id: string;
+    /** The section this seat belongs to. */
+    sectionId: string;
+    /** `Seat.label`, defaulting to `id`. */
+    label: string;
+    /** `Seat.row` — a `RowMeta.id` or free text. */
+    row?: string;
+    /** The row's resolved display label, defaulting to `row`. */
+    rowLabel?: string;
+    /** The row's position among the section's rows, for vertical navigation. */
+    rowIndex: number;
+    /** `Seat.col` — the adjacency ordinal, meaningful in grid and mixed (§4.3.1). */
+    col?: number;
+    /** `Seat.x`, 0–100 percent of the section canvas. */
+    x?: number;
+    /** `Seat.y`, 0–100 percent of the section canvas. */
+    y?: number;
+    /** `Seat.rotation` in degrees. */
+    rotation?: number;
+    /** The resolved legend entry, not merely its id (§4.7). */
+    type: SeatType;
+    /** `SeatType.label` localized, defaulting to the type id. */
+    typeLabel: string;
+    /** `SeatType.color`, the spec's suggested render color. */
+    typeColor?: string;
+    /** Non-exclusive descriptive tags (§4.3.3). Never affects price. */
+    attributes: readonly string[];
+    /** Structured accessibility properties (§4.3.4). */
+    accessibility?: Accessibility;
+    /** Resolved per the §4.9 precedence order; absent when the seat is unpriced. */
+    price?: Money;
+    /** ids of seats that must be booked together (§4.6). Symmetric. */
+    companions: readonly string[];
+    /** From the merged state; `"available"` when the seat is absent (§5.1). */
+    status: SeatRenderStatus;
+    /** RFC 3339 (§5.1.1); meaningful when `status === "held"`. */
+    holdExpires?: string;
+    /** Whether this seat may currently be picked, per the caller's rules. */
+    selectable: boolean;
+    /** The originating document object, for callers that need `metadata`. */
+    source: Seat;
+}
+export interface RenderElement {
+    /** `Element.id` — REQUIRED by §4.4, and preserved here unlike in the adapter. */
+    id: string;
+    /** `Element.kind`: "screen" | "stage" | "exit" | "lavatory" | "gap" | ... */
+    kind: string;
+    label?: string;
+    row?: string;
+    rowIndex?: number;
+    col?: number;
+    x?: number;
+    y?: number;
+    width?: number;
+    height?: number;
+    rotation?: number;
+    source: Element;
+}
+/** A row within a section: metadata plus the seats that reference it. */
+export interface RenderRow {
+    /** `RowMeta.id`, the seat's `row` value, or `''` for seats with no row. */
+    id: string;
+    /** The display label, defaulting to `id`. */
+    label?: string;
+    /** Position among the section's rows, after the §4.2.1 ordering. */
+    index: number;
+    /** The seats in this row, ordered by `col` (grid/mixed) or `x` (freeform). */
+    seats: readonly RenderSeat[];
+    /**
+     * An **empty row** (§4.2.2): declared by `Section.rows`, referenced by no
+     * seat, and still occupying a slot — it reserves the vertical space one row
+     * of seats would. This is what a document uses to open the throw between a
+     * cinema screen and row A, or a cross-aisle mid-section.
+     */
+    empty: boolean;
+}
+/** A `Direction` (§4.10) with both ends localized. Informational only. */
+export interface RenderDirection {
+    axis: 'row' | 'col' | 'x' | 'y';
+    low: string;
+    high: string;
+}
+export interface RenderSection {
+    id: string;
+    /** `Section.label` localized; absent when the section declares none. */
+    label?: string;
+    /** The resolved mode — declared, or inferred per §4.5. */
+    layoutMode: SectionLayoutMode;
+    /** "width:height"; meaningful for freeform and mixed sections. */
+    aspectRatio: string;
+    /** Rows in display order. Grouping only — seats do not live inside rows. */
+    rows: readonly RenderRow[];
+    /** Every seat in the section, flat, in row-then-position order. */
+    seats: readonly RenderSeat[];
+    /** Non-bookable features (§4.4). */
+    elements: readonly RenderElement[];
+    /**
+     * `Section.directions` localized (§4.10) — what an axis means in the physical
+     * world. Informational only: nothing in this library reads it to decide
+     * layout or screen placement, exactly as nothing branches on `RenderMap.domain`.
+     */
+    directions?: readonly RenderDirection[];
+    source: Section;
+}
+export interface RenderMap {
+    id: string;
+    /** `KerusiMap.name`, for the map's accessible label. */
+    name?: string;
+    /** The resolved BCP-47 locale everything above was localized against. */
+    locale: string;
+    /** `KerusiMap.domain` — informational only; never used to reject or branch. */
+    domain?: string;
+    /** Sections in `Section.index` order. */
+    sections: readonly RenderSection[];
+    /** The legend, with labels localized, for a key or legend component. */
+    legend: readonly RenderLegendEntry[];
+    /** The map's single currency, when any seat or tier is priced (§4.9). */
+    currency?: string;
+    /** Every seat across every section, keyed by id — the merge and lookup index. */
+    seatsById: ReadonlyMap<string, RenderSeat>;
+}
+/** A legend row: a seat type with its label and default price resolved. */
+export interface RenderLegendEntry {
+    id: string;
+    label: string;
+    color?: string;
+    /** The type's default tier, resolved (§4.7 → §4.8). */
+    defaultTier?: PriceTier;
+    /** That tier's price, for a legend that shows prices. */
+    price?: Money;
+    /** How many seats in the map carry this type. */
+    seatCount: number;
+}
+//# sourceMappingURL=render-model.d.ts.map

package/dist/render/render-model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-model.d.ts","sourceRoot":"","sources":["../../src/render/render-model.ts"],"names":[],"mappings":"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"}

package/dist/render/render-model.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=render-model.js.map

package/dist/render/render-model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-model.js","sourceRoot":"","sources":["../../src/render/render-model.ts"],"names":[],"mappings":""}

package/dist/render/seat-shapes.d.ts

@@ -0,0 +1,72 @@
+/**
+ * The seat glyph: the marks drawn inside a placed seat's box.
+ *
+ * A seat's box is always a rounded square, so the box alone cannot say which
+ * way the seat faces. These shapes do. Every coordinate is relative to the
+ * placed box, and **front is the top edge** when `rotation` is 0 — the seat
+ * `<g>` carries the rotation, so a glyph drawn to that convention turns with it
+ * for free.
+ *
+ * Kept here, next to `element-shapes`, rather than inlined in the template: the
+ * ratios below are the whole design, and they are worth testing.
+ */
+/**
+ * The seat outline: a rounded trapezoid, square-ish at the front and tapered
+ * at the back, so which way a seat faces is legible from the outline alone —
+ * no separate frame mark is drawn on top of it.
+ *
+ * `inset` shrinks the whole shape uniformly (used to derive the selected
+ * seat's core, which must stay just inside this outline). It shrinks the
+ * bounding box rather than offsetting each edge along its own normal, so the
+ * tapered sides move in slightly less than the front and back do — at a 0.12
+ * taper that is a ~0.7% (cos 7°) difference, well under a viewBox unit and not
+ * worth a true polygon offset for.
+ *
+ * Because a seat is square, an inset here is exactly a scaled copy about the
+ * centre: `seatBodyPath(x, y, s, s, k)` and `seatBodyPath(x + k, y + k, s - 2k,
+ * s - 2k)` emit the same `d`. {@link seatSelectedFrame} leans on that.
+ */
+export declare function seatBodyPath(x: number, y: number, width: number, height: number, inset?: number): string;
+/**
+ * The width of the frame around a selected seat's core — feed it straight to
+ * {@link seatBodyPath}'s `inset` to get the core.
+ *
+ * A seat is always square: `section-layout` places every one of them as
+ * `size × size`, in both the grid and the freeform mode. That makes the inset
+ * shape an *exact* scaled copy of the body about its centre, not merely a
+ * similar-looking one, so any mark that clears the body also clears the core
+ * when it is drawn to the core's own box. That is what lets the frame width
+ * stay a free tuning knob: nothing downstream has to be re-checked when it
+ * changes.
+ */
+export declare function seatSelectedFrame(width: number, height: number): number;
+/**
+ * @deprecated Renamed to {@link seatSelectedFrame}. The selected mark is a
+ * frame around a filled core now, not a stroked ring, so "stroke" no longer
+ * describes what the number is for.
+ */
+export declare const seatRingStroke: typeof seatSelectedFrame;
+/**
+ * A person seated in the seat, head toward the front: the non-colour cue for
+ * "you have this one", "someone is holding this one" or "someone has this
+ * one" — see {@link seatFill}'s note on why colour no longer carries status.
+ *
+ * Head and torso are two subpaths of one path, so the silhouette is a single
+ * node taking a single fill (or, for the held/"in progress" variant, a single
+ * stroke). It is drawn *without* the label's counter-rotation, so the
+ * occupant leans with the seat and reinforces which way it faces.
+ *
+ * It clears the tapered body on both axes: the torso spans 0.28–0.72 of the
+ * width, well inside the back edge, which even at its narrowest (a 0.12
+ * taper) is still 0.12–0.88. The margin is slim at the two hip corners,
+ * though, so pass the box the figure is meant to sit *on*: a selected seat
+ * draws it to the core's box, not the seat's, or the hips cross the frame.
+ *
+ * The ratios assume a square box, which is what `section-layout` always
+ * places. On a wide box the head, sized from the width, would outgrow the
+ * height.
+ */
+export declare function seatOccupantPath(x: number, y: number, width: number, height: number): string;
+/** The stroke width for the held variant of {@link seatOccupantPath} — drawn hollow. */
+export declare function seatOccupantStroke(width: number, height: number): number;
+//# sourceMappingURL=seat-shapes.d.ts.map

package/dist/render/seat-shapes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"seat-shapes.d.ts","sourceRoot":"","sources":["../../src/render/seat-shapes.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AA4DH;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,YAAY,CAC1B,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,KAAK,SAAI,GACR,MAAM,CAgBR;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAEvE;AAED;;;;GAIG;AACH,eAAO,MAAM,cAAc,0BAAoB,CAAC;AAEhD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAwB5F;AAED,wFAAwF;AACxF,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAExE"}

package/dist/render/seat-shapes.js

@@ -0,0 +1,161 @@
+/**
+ * The seat glyph: the marks drawn inside a placed seat's box.
+ *
+ * A seat's box is always a rounded square, so the box alone cannot say which
+ * way the seat faces. These shapes do. Every coordinate is relative to the
+ * placed box, and **front is the top edge** when `rotation` is 0 — the seat
+ * `<g>` carries the rotation, so a glyph drawn to that convention turns with it
+ * for free.
+ *
+ * Kept here, next to `element-shapes`, rather than inlined in the template: the
+ * ratios below are the whole design, and they are worth testing.
+ */
+/**
+ * Rounds a coordinate for the `d` attribute.
+ *
+ * The ratios below are decimals, so 100 * 0.28 lands on 28.000000000000004.
+ * Three places is far finer than a viewBox unit ever renders and keeps the
+ * emitted path readable.
+ */
+function r(value) {
+    return Math.round(value * 1000) / 1000;
+}
+/** How far the back edge tapers in, per side, as a fraction of the front width. */
+const BACK_TAPER = 0.12;
+/** Corner radius at the front (square-ish), as a fraction of the short edge. */
+const FRONT_RADIUS = 0.08;
+/** Corner radius at the back (soft, so the taper reads as a back), same units. */
+const BACK_RADIUS = 0.34;
+/** The selected seat's frame, as a fraction of the seat's short edge. */
+const SELECTED_FRAME = 0.1;
+/** The held figure's outline stroke, same units. */
+const OCCUPANT_STROKE = 0.05;
+/**
+ * A closed path through `points`, each corner rounded to its own radius.
+ *
+ * For each vertex: step back along the incoming edge by `radius`, then arc to
+ * a point the same distance along the outgoing edge. A radius is clamped to
+ * half the shorter of its two adjacent edges, so a tiny seat cannot fold a
+ * corner back on itself. `points` must run clockwise in screen coordinates
+ * (y down) — that is what makes every corner the same `sweep-flag`.
+ */
+function roundedPolygon(points, radii) {
+    const n = points.length;
+    const dist = (a, b) => Math.hypot(b[0] - a[0], b[1] - a[1]);
+    const along = (from, to, d) => {
+        const len = dist(from, to);
+        if (len === 0)
+            return from;
+        const t = d / len;
+        return [from[0] + (to[0] - from[0]) * t, from[1] + (to[1] - from[1]) * t];
+    };
+    let d = '';
+    for (let i = 0; i < n; i++) {
+        const prev = points[(i - 1 + n) % n];
+        const curr = points[i];
+        const next = points[(i + 1) % n];
+        const radius = Math.min(radii[i], dist(prev, curr) / 2, dist(curr, next) / 2);
+        const a = along(curr, prev, radius);
+        const b = along(curr, next, radius);
+        d += i === 0 ? `M ${r(a[0])} ${r(a[1])} ` : `L ${r(a[0])} ${r(a[1])} `;
+        d += `A ${r(radius)} ${r(radius)} 0 0 1 ${r(b[0])} ${r(b[1])} `;
+    }
+    return `${d.trim()} Z`;
+}
+/**
+ * The seat outline: a rounded trapezoid, square-ish at the front and tapered
+ * at the back, so which way a seat faces is legible from the outline alone —
+ * no separate frame mark is drawn on top of it.
+ *
+ * `inset` shrinks the whole shape uniformly (used to derive the selected
+ * seat's core, which must stay just inside this outline). It shrinks the
+ * bounding box rather than offsetting each edge along its own normal, so the
+ * tapered sides move in slightly less than the front and back do — at a 0.12
+ * taper that is a ~0.7% (cos 7°) difference, well under a viewBox unit and not
+ * worth a true polygon offset for.
+ *
+ * Because a seat is square, an inset here is exactly a scaled copy about the
+ * centre: `seatBodyPath(x, y, s, s, k)` and `seatBodyPath(x + k, y + k, s - 2k,
+ * s - 2k)` emit the same `d`. {@link seatSelectedFrame} leans on that.
+ */
+export function seatBodyPath(x, y, width, height, inset = 0) {
+    const ix = x + inset;
+    const iy = y + inset;
+    const iw = width - inset * 2;
+    const ih = height - inset * 2;
+    const edge = Math.min(iw, ih);
+    const taper = iw * BACK_TAPER;
+    const points = [
+        [ix, iy], // front-left
+        [ix + iw, iy], // front-right
+        [ix + iw - taper, iy + ih], // back-right
+        [ix + taper, iy + ih], // back-left
+    ];
+    const radii = [edge * FRONT_RADIUS, edge * FRONT_RADIUS, edge * BACK_RADIUS, edge * BACK_RADIUS];
+    return roundedPolygon(points, radii);
+}
+/**
+ * The width of the frame around a selected seat's core — feed it straight to
+ * {@link seatBodyPath}'s `inset` to get the core.
+ *
+ * A seat is always square: `section-layout` places every one of them as
+ * `size × size`, in both the grid and the freeform mode. That makes the inset
+ * shape an *exact* scaled copy of the body about its centre, not merely a
+ * similar-looking one, so any mark that clears the body also clears the core
+ * when it is drawn to the core's own box. That is what lets the frame width
+ * stay a free tuning knob: nothing downstream has to be re-checked when it
+ * changes.
+ */
+export function seatSelectedFrame(width, height) {
+    return Math.min(width, height) * SELECTED_FRAME;
+}
+/**
+ * @deprecated Renamed to {@link seatSelectedFrame}. The selected mark is a
+ * frame around a filled core now, not a stroked ring, so "stroke" no longer
+ * describes what the number is for.
+ */
+export const seatRingStroke = seatSelectedFrame;
+/**
+ * A person seated in the seat, head toward the front: the non-colour cue for
+ * "you have this one", "someone is holding this one" or "someone has this
+ * one" — see {@link seatFill}'s note on why colour no longer carries status.
+ *
+ * Head and torso are two subpaths of one path, so the silhouette is a single
+ * node taking a single fill (or, for the held/"in progress" variant, a single
+ * stroke). It is drawn *without* the label's counter-rotation, so the
+ * occupant leans with the seat and reinforces which way it faces.
+ *
+ * It clears the tapered body on both axes: the torso spans 0.28–0.72 of the
+ * width, well inside the back edge, which even at its narrowest (a 0.12
+ * taper) is still 0.12–0.88. The margin is slim at the two hip corners,
+ * though, so pass the box the figure is meant to sit *on*: a selected seat
+ * draws it to the core's box, not the seat's, or the hips cross the frame.
+ *
+ * The ratios assume a square box, which is what `section-layout` always
+ * places. On a wide box the head, sized from the width, would outgrow the
+ * height.
+ */
+export function seatOccupantPath(x, y, width, height) {
+    const cx = r(x + width * 0.5);
+    const headY = r(y + height * 0.3);
+    const radius = r(width * 0.155);
+    // Two 180° arcs, because an SVG circle cannot be a subpath.
+    const head = `M ${r(cx - radius)} ${headY} ` +
+        `a ${radius} ${radius} 0 1 1 ${r(radius * 2)} 0 ` +
+        `a ${radius} ${radius} 0 1 1 ${r(-radius * 2)} 0 Z`;
+    const shoulderY = r(y + height * 0.5);
+    const hipY = r(y + height * 0.86);
+    const leftX = r(x + width * 0.28);
+    const rightX = r(x + width * 0.72);
+    const easeY = r(y + height * 0.58);
+    const shoulderIn = width * 0.08;
+    const torso = `M ${leftX} ${hipY} ` +
+        `C ${leftX} ${easeY} ${r(leftX + shoulderIn)} ${shoulderY} ${cx} ${shoulderY} ` +
+        `C ${r(rightX - shoulderIn)} ${shoulderY} ${rightX} ${easeY} ${rightX} ${hipY} Z`;
+    return `${head} ${torso}`;
+}
+/** The stroke width for the held variant of {@link seatOccupantPath} — drawn hollow. */
+export function seatOccupantStroke(width, height) {
+    return Math.min(width, height) * OCCUPANT_STROKE;
+}
+//# sourceMappingURL=seat-shapes.js.map

package/dist/render/seat-shapes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"seat-shapes.js","sourceRoot":"","sources":["../../src/render/seat-shapes.ts"],"names":[],"mappings":"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"}

package/dist/render/section-layout.d.ts

@@ -0,0 +1,66 @@
+import { RenderElement, RenderSeat, RenderSection } from './render-model.js';
+/**
+ * Section geometry: turning a `RenderSection` into placed rectangles.
+ *
+ * Each section computes its own *intrinsic* size — a grid section is as wide as
+ * its widest row and as tall as its row count; a freeform section takes its
+ * proportions from `Section.aspectRatio`. The component then hands that size to
+ * the SVG as a `viewBox` and lets CSS scale it. The pre-1.0 renderer instead
+ * stretched every layout to fill a fixed 500x500 canvas, which squashed a wide
+ * auditorium into flattened rectangles.
+ */
+export interface PlacedSeat {
+    seat: RenderSeat;
+    /** Top-left corner, in viewBox units. */
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    centerX: number;
+    centerY: number;
+    fontSize: number;
+    /** Degrees about the seat center; 0 unless the document asked for a tilt. */
+    rotation: number;
+}
+export interface PlacedElement {
+    element: RenderElement;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    centerX: number;
+    centerY: number;
+    fontSize: number;
+    rotation: number;
+}
+export interface SectionLayout {
+    /** Intrinsic viewBox width. */
+    width: number;
+    /** Intrinsic viewBox height. */
+    height: number;
+    seats: readonly PlacedSeat[];
+    elements: readonly PlacedElement[];
+}
+export interface SectionLayoutOptions {
+    /** Grid cell edge, in viewBox units. */
+    seatSize?: number;
+    /** Gap between adjacent cells, in viewBox units. */
+    seatGap?: number;
+    /** Freeform viewBox width; height follows from the aspect ratio. */
+    freeformBasis?: number;
+    /** Overrides `Section.aspectRatio`. */
+    aspectRatio?: string;
+    /** Mirrors the grid horizontally, for right-to-left locales. */
+    rtl?: boolean;
+}
+/**
+ * Places a section's seats and elements. Dispatches on the section's own
+ * resolved layout mode, so a map may mix grid, freeform and mixed sections —
+ * the pre-1.0 adapter collapsed the whole map to a single mode.
+ *
+ * `mixed` is laid out as freeform: §4.3.1 makes `x`/`y` authoritative for
+ * visual placement when both are present. Its `col` survives on the seat and is
+ * consumed by `navigation-order.ts`.
+ */
+export declare function computeSectionLayout(section: RenderSection, options?: SectionLayoutOptions): SectionLayout;
+//# sourceMappingURL=section-layout.d.ts.map

package/dist/render/section-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"section-layout.d.ts","sourceRoot":"","sources":["../../src/render/section-layout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAE7E;;;;;;;;;GASG;AAEH,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,UAAU,CAAC;IACjB,yCAAyC;IACzC,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,6EAA6E;IAC7E,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,aAAa,CAAC;IACvB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,aAAa;IAC5B,+BAA+B;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,gCAAgC;IAChC,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,SAAS,UAAU,EAAE,CAAC;IAC7B,QAAQ,EAAE,SAAS,aAAa,EAAE,CAAC;CACpC;AAED,MAAM,WAAW,oBAAoB;IACnC,wCAAwC;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oDAAoD;IACpD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,oEAAoE;IACpE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uCAAuC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gEAAgE;IAChE,GAAG,CAAC,EAAE,OAAO,CAAC;CACf;AAWD;;;;;;;;GAQG;AACH,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,aAAa,EACtB,OAAO,GAAE,oBAAyB,GACjC,aAAa,CAIf"}

package/dist/render/section-layout.js

@@ -0,0 +1,173 @@
+const DEFAULTS = {
+    seatSize: 28,
+    seatGap: 6,
+    freeformBasis: 1000,
+};
+/** Padding around the seating area, as a multiple of the seat size. */
+const PADDING_RATIO = 0.5;
+/**
+ * Places a section's seats and elements. Dispatches on the section's own
+ * resolved layout mode, so a map may mix grid, freeform and mixed sections —
+ * the pre-1.0 adapter collapsed the whole map to a single mode.
+ *
+ * `mixed` is laid out as freeform: §4.3.1 makes `x`/`y` authoritative for
+ * visual placement when both are present. Its `col` survives on the seat and is
+ * consumed by `navigation-order.ts`.
+ */
+export function computeSectionLayout(section, options = {}) {
+    return section.layoutMode === 'grid'
+        ? computeGridLayout(section, options)
+        : computeFreeformLayout(section, options);
+}
+// --- grid -------------------------------------------------------------------
+/**
+ * Places seats and elements on the `(row, col)` lattice.
+ *
+ * Both axes reserve space the same way. A column no seat occupies is simply
+ * empty space — §4.3.2's "no filler objects": the gap that is an aisle needs no
+ * placeholder seat, and none is synthesized. A row no seat occupies is an empty
+ * row the document declared (§4.2.2), already materialized in `section.rows`,
+ * so it costs a full row pitch here without this function knowing it is empty.
+ * That is what opens the throw between a cinema screen and row A.
+ */
+function computeGridLayout(section, options) {
+    const size = options.seatSize ?? DEFAULTS.seatSize;
+    const gap = options.seatGap ?? DEFAULTS.seatGap;
+    const pitch = size + gap;
+    const padding = size * PADDING_RATIO;
+    const columns = columnExtent(section);
+    const rowCount = Math.max(section.rows.length, 1);
+    const width = padding * 2 + columns.count * pitch - gap;
+    const height = padding * 2 + rowCount * pitch - gap;
+    /** Column index → x, mirrored when the locale reads right-to-left. */
+    const colX = (col) => {
+        const offset = options.rtl ? columns.max - col : col - columns.min;
+        return padding + offset * pitch;
+    };
+    const seats = [];
+    for (const row of section.rows) {
+        const y = padding + row.index * pitch;
+        row.seats.forEach((seat, i) => {
+            // A grid seat is required to carry `col` (§4.5); fall back to its index
+            // so an unvalidated document still draws something in order.
+            const x = colX(seat.col ?? columns.min + i);
+            seats.push(box(seat, x, y, size, size, seat.rotation ?? 0));
+        });
+    }
+    const elements = section.elements.map((element) => {
+        // §4.4.1: in grid mode width/height are column and row spans in cells, not
+        // percentages — a two-seat-wide lavatory is `{ col: 1, width: 2 }`, and a
+        // screen filling two empty rows is `{ row: "screen-1", height: 2 }`. The
+        // spec requires positive integers; a fractional span is an
+        // `element-span-invalid` the validator rejects, and is rounded here so an
+        // unvalidated document still draws something.
+        const spanY = gridSpan(element.height);
+        // Omitting `col` spans the section's full column extent and ignores
+        // `width` — the usual form for a screen or a stage (§4.4.1).
+        const elWidth = element.col !== undefined
+            ? gridSpan(element.width) * pitch - gap
+            : columns.count * pitch - gap;
+        const elHeight = spanY * pitch - gap;
+        // An element carrying x/y in a grid section violates §4.4.1 and the
+        // validator rejects it; it still places, by percentage of the section box,
+        // rather than collapsing into the corner.
+        const x = element.col !== undefined
+            ? colX(element.col)
+            : element.x !== undefined
+                ? (element.x / 100) * width - elWidth / 2
+                : padding;
+        const y = element.rowIndex !== undefined
+            ? padding + element.rowIndex * pitch
+            : element.y !== undefined
+                ? (element.y / 100) * height - elHeight / 2
+                : padding;
+        return elementBox(element, x, y, elWidth, elHeight);
+    });
+    return { width, height, seats, elements };
+}
+/**
+ * A grid `width`/`height`, normalized. §4.4.1 makes these positive integers
+ * defaulting to 1; rounding rather than rejecting keeps an invalid document
+ * drawable, since the validator is what refuses it.
+ */
+function gridSpan(span) {
+    return Math.max(Math.round(span ?? 1), 1);
+}
+/** The lowest and highest column any seat occupies, and how many that spans. */
+function columnExtent(section) {
+    const cols = section.seats
+        .map((s) => s.col)
+        .filter((c) => c !== undefined && c !== null);
+    // An element's `width` is a column span in grid mode, so a two-cell-wide
+    // lavatory at column 4 reaches column 5 and the canvas must cover it.
+    const elementCols = section.elements
+        .filter((e) => e.col !== undefined && e.col !== null)
+        .flatMap((e) => [e.col, e.col + gridSpan(e.width) - 1]);
+    const all = [...cols, ...elementCols];
+    if (all.length === 0) {
+        const fallback = Math.max(...section.rows.map((r) => r.seats.length), 1);
+        return { min: 0, max: fallback - 1, count: fallback };
+    }
+    const min = Math.min(...all);
+    const max = Math.max(...all);
+    return { min, max, count: max - min + 1 };
+}
+// --- freeform / mixed -------------------------------------------------------
+/**
+ * Places seats from percentage coordinates inside a box of the section's
+ * aspect ratio. Because the box *is* the viewBox, percentages map linearly and
+ * no letterboxing is needed — the SVG's `preserveAspectRatio` handles fitting
+ * the box into whatever space CSS gives it.
+ */
+function computeFreeformLayout(section, options) {
+    const width = options.freeformBasis ?? DEFAULTS.freeformBasis;
+    const height = width / parseAspectRatio(options.aspectRatio ?? section.aspectRatio);
+    const size = options.seatSize ?? Math.min(width, height) * 0.05;
+    const seats = section.seats.map((seat) => {
+        const centerX = ((seat.x ?? 0) / 100) * width;
+        const centerY = ((seat.y ?? 0) / 100) * height;
+        return box(seat, centerX - size / 2, centerY - size / 2, size, size, seat.rotation ?? 0);
+    });
+    const elements = section.elements.map((element) => {
+        // In freeform mode width/height are percentages of the section box.
+        const elWidth = ((element.width ?? 6) / 100) * width;
+        const elHeight = ((element.height ?? 6) / 100) * height;
+        const centerX = ((element.x ?? 50) / 100) * width;
+        const centerY = ((element.y ?? 50) / 100) * height;
+        return elementBox(element, centerX - elWidth / 2, centerY - elHeight / 2, elWidth, elHeight);
+    });
+    return { width, height, seats, elements };
+}
+/** "16:9" → 1.777…. Falls back to square for anything unparseable. */
+function parseAspectRatio(ratio) {
+    const [w, h] = ratio.split(':').map(Number);
+    return w > 0 && h > 0 ? w / h : 1;
+}
+// --- shared -----------------------------------------------------------------
+function box(seat, x, y, width, height, rotation) {
+    return {
+        seat,
+        x,
+        y,
+        width,
+        height,
+        centerX: x + width / 2,
+        centerY: y + height / 2,
+        fontSize: width * 0.4,
+        rotation,
+    };
+}
+function elementBox(element, x, y, width, height) {
+    return {
+        element,
+        x,
+        y,
+        width,
+        height,
+        centerX: x + width / 2,
+        centerY: y + height / 2,
+        fontSize: Math.max(Math.min(height * 0.5, width * 0.18), 6),
+        rotation: element.rotation ?? 0,
+    };
+}
+//# sourceMappingURL=section-layout.js.map