@johnmorrisdotca/kyogijo-stadiums 0.4.0 → 0.5.0

package/dist/element-entry.d.ts

@@ -1 +1 @@
-export { KYOGIJO_ATTRIBUTES, KYOGIJO_TAG, KyogijoField, defineKyogijoField, optionsFromAttributes, replaySettingsFromAttributes } from "./element.ts";
+export { KYOGIJO_ATTRIBUTES, KYOGIJO_TAG, KyogijoField, defineKyogijoField, optionsFromAttributes, replaySettingsFromAttributes, turnSettingsFromAttributes, turnWanted } from "./element.ts";

package/dist/element-entry.js

@@ -1,2 +1,2 @@
 // The custom element's class and its registration function; importing this entry registers nothing.
-export { KYOGIJO_ATTRIBUTES, KYOGIJO_TAG, KyogijoField, defineKyogijoField, optionsFromAttributes, replaySettingsFromAttributes } from "./element.js";
+export { KYOGIJO_ATTRIBUTES, KYOGIJO_TAG, KyogijoField, defineKyogijoField, optionsFromAttributes, replaySettingsFromAttributes, turnSettingsFromAttributes, turnWanted } from "./element.js";

package/dist/element.d.ts

@@ -1,10 +1,16 @@
 import { type KyogijoReplay } from "./mount.ts";
+import { type KyogijoTurn } from "./turn.dom.ts";
+import type { TurnSettings } from "./turn.model.ts";
 import type { ReplaySettings, ReplayTimeline } from "./replay.types.ts";
 import type { ScoreOptions, SurfaceOptions } from "./types.ts";
 /** The tag of the element. */
 export declare const KYOGIJO_TAG = "kyogijo-field";
 /** The attributes the element reads. */
-export declare const KYOGIJO_ATTRIBUTES: readonly ["sport", "league", "size", "theme", "language", "orientation", "park", "ground", "year", "detail", "margin", "stripes", "exact-lines", "uppercase", "pitch", "pitch-type", "half", "range", "range-end", "goals", "stripe-pattern", "corner-flags", "look", "line-width", "line-dash", "line-opacity", "landmarks", "walls", "quirks", "home", "away", "home-abbr", "away-abbr", "home-score", "away-score", "home-penalties", "away-penalties", "score", "home-logo", "away-logo", "home-color", "away-color", "status", "competition", "date", "label", "winner", "home-side", "description", "options", "loop", "speed", "autoplay", "controls", "trail"];
+export declare const KYOGIJO_ATTRIBUTES: readonly ["sport", "league", "size", "theme", "language", "orientation", "park", "ground", "year", "detail", "margin", "stripes", "exact-lines", "uppercase", "pitch", "pitch-type", "half", "range", "range-end", "goals", "stripe-pattern", "corner-flags", "look", "line-width", "line-dash", "line-opacity", "landmarks", "walls", "quirks", "home", "away", "home-abbr", "away-abbr", "home-score", "away-score", "home-penalties", "away-penalties", "score", "home-logo", "away-logo", "home-color", "away-color", "status", "competition", "date", "label", "winner", "home-side", "pageant", "description", "options", "loop", "speed", "autoplay", "controls", "trail", "turn", "turn-view", "turn-controls", "turn-uprights", "turn-score", "turn-touch"];
+/** The settings of a 3D view an element's attributes make: `turn-view` names the viewpoint it opens on, `turn-controls="false"` and `turn-uprights="false"` leave the buttons and what stands on the surface out, `turn-score="floor"` leaves the score panel on the floor, `turn-touch="turn"` keeps every touch for the view. */
+export declare function turnSettingsFromAttributes(read: (name: string) => string | null, base?: TurnSettings): TurnSettings;
+/** Whether an element's `turn` attribute asks for the 3D view: present, and not `false`. */
+export declare const turnWanted: (read: (name: string) => string | null) => boolean;
 /** The settings of a replay an element's attributes make: `loop`, `autoplay` and `controls="false"` are switches, `speed` and `trail` numbers. */
 export declare function replaySettingsFromAttributes(read: (name: string) => string | null, base?: ReplaySettings): ReplaySettings;
 /** The options an element's attributes (and its `options` attribute and property) make. */
@@ -18,7 +24,7 @@ export declare function optionsFromAttributes(read: (name: string) => string | n
 declare const Base: typeof HTMLElement;
 export declare class KyogijoField extends Base {
     #private;
-    static observedAttributes: readonly ["sport", "league", "size", "theme", "language", "orientation", "park", "ground", "year", "detail", "margin", "stripes", "exact-lines", "uppercase", "pitch", "pitch-type", "half", "range", "range-end", "goals", "stripe-pattern", "corner-flags", "look", "line-width", "line-dash", "line-opacity", "landmarks", "walls", "quirks", "home", "away", "home-abbr", "away-abbr", "home-score", "away-score", "home-penalties", "away-penalties", "score", "home-logo", "away-logo", "home-color", "away-color", "status", "competition", "date", "label", "winner", "home-side", "description", "options", "loop", "speed", "autoplay", "controls", "trail"];
+    static observedAttributes: readonly ["sport", "league", "size", "theme", "language", "orientation", "park", "ground", "year", "detail", "margin", "stripes", "exact-lines", "uppercase", "pitch", "pitch-type", "half", "range", "range-end", "goals", "stripe-pattern", "corner-flags", "look", "line-width", "line-dash", "line-opacity", "landmarks", "walls", "quirks", "home", "away", "home-abbr", "away-abbr", "home-score", "away-score", "home-penalties", "away-penalties", "score", "home-logo", "away-logo", "home-color", "away-color", "status", "competition", "date", "label", "winner", "home-side", "pageant", "description", "options", "loop", "speed", "autoplay", "controls", "trail", "turn", "turn-view", "turn-controls", "turn-uprights", "turn-score", "turn-touch"];
     /** The options given as a property: an object, laid under the attributes. */
     get options(): Partial<ScoreOptions> | undefined;
     set options(value: Partial<ScoreOptions> | undefined);
@@ -30,6 +36,11 @@ export declare class KyogijoField extends Base {
     set replaySettings(value: ReplaySettings | undefined);
     /** The controller of the replay while there is one: play, pause, seek, step, speed. */
     get replay(): KyogijoReplay | undefined;
+    /** Settings of the 3D view beyond the attributes: `motion`, `lens`, `floor`, `onChange` and the rest of `TurnSettings`. */
+    get turnSettings(): TurnSettings | undefined;
+    set turnSettings(value: TurnSettings | undefined);
+    /** The 3D view while the element has the `turn` attribute: its viewpoints, `set`, `reset`. */
+    get turn(): KyogijoTurn | undefined;
     connectedCallback(): void;
     disconnectedCallback(): void;
     attributeChangedCallback(name: string): void;

package/dist/element.js

@@ -9,11 +9,13 @@ var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
     return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
-var _KyogijoField_instances, _KyogijoField_mount, _KyogijoField_host, _KyogijoField_options, _KyogijoField_theme, _KyogijoField_timeline, _KyogijoField_replaySettings, _KyogijoField_replay, _KyogijoField_replayOf, _KyogijoField_attach, _KyogijoField_draw;
+var _KyogijoField_instances, _KyogijoField_mount, _KyogijoField_host, _KyogijoField_options, _KyogijoField_theme, _KyogijoField_timeline, _KyogijoField_replaySettings, _KyogijoField_replay, _KyogijoField_replayOf, _KyogijoField_turn, _KyogijoField_turnSettings, _KyogijoField_attach, _KyogijoField_draw;
 import { SPORTS } from "./draw.js";
 import { leagueIds } from "./leagues.js";
 import { parseRange } from "./ranges.names.js";
 import { mountKyogijo } from "./mount.js";
+import { TURN_PRESET_NAMES } from "./turn.camera.js";
+import { mountKyogijoTurn } from "./turn.dom.js";
 /** The tag of the element. */
 export const KYOGIJO_TAG = "kyogijo-field";
 /** The attributes the element reads. */
@@ -21,11 +23,30 @@ export const KYOGIJO_ATTRIBUTES = [
     "sport", "league", "size", "theme", "language", "orientation", "park", "ground", "year", "detail", "margin", "stripes", "exact-lines", "uppercase",
     "pitch", "pitch-type", "half", "range", "range-end", "goals", "stripe-pattern", "corner-flags", "look", "line-width", "line-dash", "line-opacity", "landmarks", "walls", "quirks",
     "home", "away", "home-abbr", "away-abbr", "home-score", "away-score", "home-penalties", "away-penalties", "score", "home-logo", "away-logo", "home-color", "away-color",
-    "status", "competition", "date", "label", "winner", "home-side", "description", "options",
+    "status", "competition", "date", "label", "winner", "home-side", "pageant", "description", "options",
     "loop", "speed", "autoplay", "controls", "trail",
+    "turn", "turn-view", "turn-controls", "turn-uprights", "turn-score", "turn-touch",
 ];
 /** The attributes that are about a replay and not about the drawing. */
 const REPLAY_ATTRIBUTES = ["loop", "speed", "autoplay", "controls", "trail"];
+/** The settings of a 3D view an element's attributes make: `turn-view` names the viewpoint it opens on, `turn-controls="false"` and `turn-uprights="false"` leave the buttons and what stands on the surface out, `turn-score="floor"` leaves the score panel on the floor, `turn-touch="turn"` keeps every touch for the view. */
+export function turnSettingsFromAttributes(read, base = {}) {
+    const out = { ...base };
+    const view = read("turn-view");
+    if (view !== null && TURN_PRESET_NAMES.includes(view))
+        out.preset = view;
+    if (read("turn-controls") === "false")
+        out.controls = false;
+    if (read("turn-uprights") === "false")
+        out.uprights = false;
+    if (read("turn-score") === "floor")
+        out.score = "floor";
+    if (read("turn-touch") === "turn")
+        out.touch = "turn";
+    return out;
+}
+/** Whether an element's `turn` attribute asks for the 3D view: present, and not `false`. */
+export const turnWanted = (read) => read("turn") !== null && read("turn") !== "false";
 /** The settings of a replay an element's attributes make: `loop`, `autoplay` and `controls="false"` are switches, `speed` and `trail` numbers. */
 export function replaySettingsFromAttributes(read, base = {}) {
     const out = { ...base };
@@ -127,6 +148,16 @@ export function optionsFromAttributes(read, base) {
     const status = read("status");
     if (status !== null && status !== "")
         o.status = status;
+    // `pageant="carpet"` or `"stage"`, or `"true"` for a carpet; `"false"` leaves out what the `options` say.
+    const pageant = read("pageant");
+    if (pageant !== null) {
+        if (pageant === "carpet" || pageant === "stage")
+            o.pageant = pageant;
+        else if (pageant === "true" || pageant === "")
+            o.pageant = true;
+        else if (pageant === "false")
+            delete o.pageant;
+    }
     const side = read("home-side");
     if (side === "left" || side === "right")
         o.homeSide = side;
@@ -222,6 +253,8 @@ export class KyogijoField extends Base {
         _KyogijoField_replaySettings.set(this, void 0);
         _KyogijoField_replay.set(this, void 0);
         _KyogijoField_replayOf.set(this, void 0);
+        _KyogijoField_turn.set(this, void 0);
+        _KyogijoField_turnSettings.set(this, void 0);
     }
     /** The options given as a property: an object, laid under the attributes. */
     get options() {
@@ -251,6 +284,20 @@ export class KyogijoField extends Base {
     get replay() {
         return __classPrivateFieldGet(this, _KyogijoField_replay, "f");
     }
+    /** Settings of the 3D view beyond the attributes: `motion`, `lens`, `floor`, `onChange` and the rest of `TurnSettings`. */
+    get turnSettings() {
+        return __classPrivateFieldGet(this, _KyogijoField_turnSettings, "f");
+    }
+    set turnSettings(value) {
+        __classPrivateFieldSet(this, _KyogijoField_turnSettings, value, "f");
+        __classPrivateFieldGet(this, _KyogijoField_turn, "f")?.destroy();
+        __classPrivateFieldSet(this, _KyogijoField_turn, undefined, "f");
+        __classPrivateFieldGet(this, _KyogijoField_instances, "m", _KyogijoField_draw).call(this);
+    }
+    /** The 3D view while the element has the `turn` attribute: its viewpoints, `set`, `reset`. */
+    get turn() {
+        return __classPrivateFieldGet(this, _KyogijoField_turn, "f");
+    }
     connectedCallback() {
         if (__classPrivateFieldGet(this, _KyogijoField_host, "f") === undefined) {
             const root = this.shadowRoot ?? this.attachShadow({ mode: "open" });
@@ -266,19 +313,27 @@ export class KyogijoField extends Base {
         __classPrivateFieldGet(this, _KyogijoField_theme, "f")?.disconnect();
         __classPrivateFieldGet(this, _KyogijoField_mount, "f")?.destroy();
         __classPrivateFieldSet(this, _KyogijoField_mount, undefined, "f");
+        __classPrivateFieldGet(this, _KyogijoField_turn, "f")?.destroy();
+        __classPrivateFieldSet(this, _KyogijoField_turn, undefined, "f");
         __classPrivateFieldSet(this, _KyogijoField_replay, undefined, "f");
         __classPrivateFieldSet(this, _KyogijoField_replayOf, undefined, "f");
     }
     attributeChangedCallback(name) {
         if (!this.isConnected)
             return;
+        if (name === "turn-view" && __classPrivateFieldGet(this, _KyogijoField_turn, "f") !== undefined) {
+            const view = this.getAttribute("turn-view");
+            if (view !== null && TURN_PRESET_NAMES.includes(view))
+                __classPrivateFieldGet(this, _KyogijoField_turn, "f").preset(view);
+            return;
+        }
         if (REPLAY_ATTRIBUTES.includes(name) && __classPrivateFieldGet(this, _KyogijoField_replay, "f") !== undefined)
             __classPrivateFieldGet(this, _KyogijoField_instances, "m", _KyogijoField_attach).call(this, name !== "speed" && name !== "loop");
         else
             __classPrivateFieldGet(this, _KyogijoField_instances, "m", _KyogijoField_draw).call(this);
     }
 }
-_KyogijoField_mount = new WeakMap(), _KyogijoField_host = new WeakMap(), _KyogijoField_options = new WeakMap(), _KyogijoField_theme = new WeakMap(), _KyogijoField_timeline = new WeakMap(), _KyogijoField_replaySettings = new WeakMap(), _KyogijoField_replay = new WeakMap(), _KyogijoField_replayOf = new WeakMap(), _KyogijoField_instances = new WeakSet(), _KyogijoField_attach = function _KyogijoField_attach(again) {
+_KyogijoField_mount = new WeakMap(), _KyogijoField_host = new WeakMap(), _KyogijoField_options = new WeakMap(), _KyogijoField_theme = new WeakMap(), _KyogijoField_timeline = new WeakMap(), _KyogijoField_replaySettings = new WeakMap(), _KyogijoField_replay = new WeakMap(), _KyogijoField_replayOf = new WeakMap(), _KyogijoField_turn = new WeakMap(), _KyogijoField_turnSettings = new WeakMap(), _KyogijoField_instances = new WeakSet(), _KyogijoField_attach = function _KyogijoField_attach(again) {
     if (__classPrivateFieldGet(this, _KyogijoField_mount, "f") === undefined || __classPrivateFieldGet(this, _KyogijoField_timeline, "f") === undefined)
         return;
     const settings = replaySettingsFromAttributes((name) => this.getAttribute(name), __classPrivateFieldGet(this, _KyogijoField_replaySettings, "f"));
@@ -300,6 +355,25 @@ _KyogijoField_mount = new WeakMap(), _KyogijoField_host = new WeakMap(), _Kyogij
     const page = document.documentElement.getAttribute("data-theme");
     if (options.theme === undefined && (page === "light" || page === "dark"))
         options.theme = page;
+    if (turnWanted((name) => this.getAttribute(name))) {
+        // The 3D view takes the container over from the flat drawing; a replay does not play on it.
+        if (__classPrivateFieldGet(this, _KyogijoField_mount, "f") !== undefined) {
+            __classPrivateFieldGet(this, _KyogijoField_mount, "f").destroy();
+            __classPrivateFieldSet(this, _KyogijoField_mount, undefined, "f");
+            __classPrivateFieldSet(this, _KyogijoField_replay, undefined, "f");
+            __classPrivateFieldSet(this, _KyogijoField_replayOf, undefined, "f");
+        }
+        const settings = turnSettingsFromAttributes((name) => this.getAttribute(name), __classPrivateFieldGet(this, _KyogijoField_turnSettings, "f"));
+        if (__classPrivateFieldGet(this, _KyogijoField_turn, "f") === undefined)
+            __classPrivateFieldSet(this, _KyogijoField_turn, mountKyogijoTurn(__classPrivateFieldGet(this, _KyogijoField_host, "f"), options, settings), "f");
+        else
+            __classPrivateFieldGet(this, _KyogijoField_turn, "f").update(options);
+        return;
+    }
+    if (__classPrivateFieldGet(this, _KyogijoField_turn, "f") !== undefined) {
+        __classPrivateFieldGet(this, _KyogijoField_turn, "f").destroy();
+        __classPrivateFieldSet(this, _KyogijoField_turn, undefined, "f");
+    }
     if (__classPrivateFieldGet(this, _KyogijoField_mount, "f") === undefined)
         __classPrivateFieldSet(this, _KyogijoField_mount, mountKyogijo(__classPrivateFieldGet(this, _KyogijoField_host, "f"), options), "f");
     else

package/dist/features.js

@@ -38,6 +38,54 @@ const HOCKEY = [
     f("nets", "--ky-red", "The nets."),
     f("referee-crease", "--ky-red", "The referee's crease at the boards."),
 ];
+const ATHLETICS = [
+    f("apron", "--ky-apron", "The ground round the stadium."),
+    f("track", "--ky-track", "The synthetic surface of the track, the straights and the segments."),
+    f("infield", "--ky-surface", "The turf inside the track."),
+    f("mowing", "--ky-surface-alt", "The lighter tone of the mown turf."),
+    f("kerb", LINE, "The kerb on the inside edge of the track."),
+    f("lane-lines", LINE, "The lines between the lanes and the track's outer edge."),
+    f("lane-numbers", LINE, "The lane numbers painted before the finish and the starts."),
+    f("finish-line", LINE, "The finish line and the short lines 1 m before it."),
+    f("start-lines", LINE, "The start lines: straight, staggered and curved."),
+    f("breakline", "--ky-ath-g", "The breakline of the 800 m and the 4 x 400 m."),
+    f("relay-zones", ["--ky-ath-y", "--ky-ath-b", LINE], "The takeover zones' marks and the scratch lines."),
+    f("hurdle-marks", ["--ky-ath-y", "--ky-ath-b", "--ky-ath-g"], "The marks of the hurdles on the track."),
+    f("steeplechase-hurdles", "--ky-ath-k", "The steeplechase's hurdles."),
+    f("water-jump", ["--ky-water", LINE, "--ky-ath-k"], "The water jump: its pit, its border and its hurdle."),
+    f("high-jump", ["--ky-mat", LINE, "--ky-ath-k"], "The high jump: the mat, the crossbar and the lines."),
+    f("pole-vault", ["--ky-mat", "--ky-pad", LINE], "The pole vault: the mats, the boxes and the runways."),
+    f("long-jump", ["--ky-sand", LINE], "The long jump's pits, boards and runways."),
+    f("triple-jump", ["--ky-sand", LINE], "The triple jump's pits, boards and runways."),
+    f("shot-put", ["--ky-concrete", LINE], "The shot put's circles, stop boards and sectors."),
+    f("discus-throw", ["--ky-concrete", LINE], "The discus throw's circle and sector."),
+    f("hammer-throw", ["--ky-concrete", LINE], "The hammer throw's circle and sector."),
+    f("javelin-throw", LINE, "The javelin's runway, arc and sector."),
+    f("cage", "--ky-ath-k", "The discus and hammer cage."),
+    f("banking", "--ky-ath-k", "The shade of the covered track's banked bends."),
+];
+const SKATING = [
+    f("apron", "--ky-apron", "The ground round the rink."),
+    f("ice", "--ky-surface", "The ice."),
+    f("infield", "--ky-surface-alt", "The floor or the ice inside the track."),
+    f("warm-up", "--ky-surface-alt", "The warm-up lane of the long track."),
+    f("padding", "--ky-boards", "The padding round the track."),
+    f("boards", "--ky-boards", "The boards of a figure skating rink."),
+    f("lane-lines", "--ky-blue", "The lines that demarcate the lanes of the long track."),
+    f("track-line", ["--ky-blue", "--ky-ink"], "The line of the short track and the line between its blocks."),
+    f("blocks", "--ky-ink", "The blocks of a curve."),
+    f("cones", "--ky-red", "The cones at the entrance of a curve."),
+    f("finish-line", "--ky-red", "The finishing line."),
+    f("finish-marks", "--ky-blue", "The lines 1 m apart in the last 5 m before the finishing line."),
+    f("start-lines", "--ky-red", "The starting lines of the races marked."),
+    f("pre-start-lines", "--ky-blue", "The pre-start line 2 m before each starting line."),
+    f("start-positions", "--ky-ink", "The starting positions of the short track's 500 m and 1000 m."),
+    f("coaches-area", "--ky-red", "The coaches' area on the crossing straight."),
+    f("judges", "--ky-ink", "The judges' seats at the rinkboard."),
+    f("referee", "--ky-ink", "The referee's seat."),
+    f("technical-panel", "--ky-ink", "The technical panel's table."),
+    f("kiss-and-cry", "--ky-red", "The kiss and cry."),
+];
 const KEY = ["--ky-key", "--ky-key-left", "--ky-key-right"];
 const BASKETBALL = [
     f("apron", "--ky-apron", "The ground round the court."),
@@ -107,6 +155,63 @@ const CURLING = [
     f("hog-lines", "--ky-hog", "The hog lines."),
     f("hacks", "--ky-hack", "The hacks."),
 ];
+const ROPES = ["--ky-pg", "--ky-pb", "--ky-py"];
+const SWIMMING = [
+    f("apron", "--ky-apron", "The deck round the pool."),
+    f("gutter", "--ky-boards", "The gutter and the coping round the water."),
+    f("water", "--ky-surface", "The water."),
+    f("lane-lines", LINE, "The lane markings on the floor with their cross lines, the cross lines at 15 m, the marks on the deck and the target lines."),
+    f("touch-pads", "--ky-pd", "The touch panels on the end walls."),
+    f("starting-blocks", "--ky-pk", "The starting blocks."),
+    f("lane-ropes", ROPES, "The lane ropes' green, blue and yellow floats; the red floats near the walls are `rope-red` and the distinct marks `rope-white`."),
+    f("rope-green", "--ky-pg", "The green ropes of the outside lanes."),
+    f("rope-blue", "--ky-pb", "The blue ropes."),
+    f("rope-yellow", "--ky-py", "The yellow ropes of the middle lanes."),
+    f("rope-red", "--ky-pr", "The red floats within 5 m of each wall."),
+    f("rope-white", "--ky-pw", "The floats of a distinct colour at 15 m and 25 m."),
+    f("backstroke-flags", ["--ky-fa"], "The backstroke flags' rope 5 m from each wall."),
+    f("false-start-rope", "--ky-pf", "The false start rope 15 m from the starting end."),
+    f("pace-bars", "--ky-pe", "The outline of the split pace bars."),
+];
+const WATER_POLO = [
+    f("apron", "--ky-apron", "The deck round the pool."),
+    f("gutter", "--ky-boards", "The gutter round the water."),
+    f("water", "--ky-surface", "The water."),
+    f("goal-lines", "--ky-pw", "The two goal lines."),
+    f("half-distance-line", "--ky-pw", "The half distance line."),
+    f("two-metre-lines", "--ky-pr", "The 2 m lines."),
+    f("five-metre-marks", "--ky-pr", "The 5 m marks, where a penalty throw is taken from."),
+    f("six-metre-lines", "--ky-py", "The 6 m lines."),
+    f("goal-area-lines", "--ky-pr", "The lines 2 m long from the goal posts that make the goal areas."),
+    f("re-entry-areas", "--ky-pr", "The excluded players' re-entry areas."),
+    f("referee-platforms", ["--ky-pr", "--ky-py", "--ky-pg"], "The referees' platforms along both sides, coloured as the ropes are."),
+    f("lane-ropes", ROPES, "The ropes along the sides: their green floats, their yellow floats; the red ones are `rope-red`, the white ones `rope-white`."),
+    f("rope-green", "--ky-pg", "The green floats from 6 m to the half distance line."),
+    f("rope-yellow", "--ky-py", "The yellow floats from 2 to 6 m."),
+    f("rope-red", "--ky-pr", "The red floats from the goal line to 2 m and the 5 m mark."),
+    f("rope-white", "--ky-pw", "The white floats at the goal lines and the half distance line."),
+    f("goals", "--ky-pw", "The goals: the crossbar and the net."),
+    f("goal-posts", "--ky-pw", "The goal posts."),
+    f("official-table", "--ky-pk", "The official table."),
+    f("substitution-areas", ["--ky-left", "--ky-right"], "The areas for flying substitutions, in each team's colour."),
+];
+const DIVING = [
+    f("apron", "--ky-apron", "The deck round the well."),
+    f("gutter", "--ky-boards", "The gutter round the well."),
+    f("water", "--ky-surface", "The water."),
+    f("lane-lines", LINE, "The three lines across the well."),
+    f("stands", "--ky-boards", "The stands the boards are fixed to."),
+    f("platforms", "--ky-pc", "The platforms."),
+    f("springboards", "--ky-pbd", "The springboards."),
+];
+const ARTISTIC_SWIMMING = [
+    f("apron", "--ky-apron", "The deck round the pool."),
+    f("gutter", "--ky-boards", "The gutter round the water."),
+    f("water", "--ky-surface", "The water."),
+    f("floor-lines", LINE, "The lines on the floor along the pool."),
+    f("judges-platform", "--ky-pk", "The judges' platform."),
+    f("starting-platform", "--ky-pk", "The starting platform."),
+];
 const NET = [
     f("apron", "--ky-apron", "The ground round the court."),
     f("free-zone", "--ky-free", "The free zone round the court, where the rules give one."),
@@ -117,6 +222,19 @@ const NET = [
     f("posts", "--ky-net", "The posts and the singles sticks."),
     f("antennae", "--ky-red", "The antennae of a volleyball net."),
 ];
+const APRON_COURT = [f("apron", "--ky-apron", "The ground round the court."), f("court", "--ky-surface", "The court."), f("lines", LINE, "The painted lines.")];
+/** A padel court: the net's features, and the walls and the metal fence of its enclosure. */
+const PADEL = [...NET, f("walls", "--ky-wall", "The walls of the enclosure."), f("fence", "--ky-mesh", "The metal fence between the walls.")];
+/** A squash court: no net, walls round it, and its front wall laid flat beside it, with its tin. */
+const SQUASH = [...APRON_COURT, f("walls", "--ky-wall", "The walls round the court."), f("wall-face", "--ky-face", "The front wall, laid flat beside the court."), f("tin", "--ky-tin", "The tin, on the front wall."), f("wall-lines", "--ky-wall-line", "The lines on the front wall.")];
+/** A racquetball court: no net, and walls round it. */
+const RACQUETBALL = [...APRON_COURT, f("walls", "--ky-wall", "The walls round the court.")];
+/** A teqball court: the net, the table, and the court surrounds. */
+const TEQBALL = [...APRON_COURT, f("net", "--ky-net", "The net."), f("table", "--ky-table", "The teqball table."), f("walls", "--ky-wall", "The court surrounds.")];
+/** A roundnet court: the ground, the lines (the circles and the service marks), and the set. */
+const ROUNDNET = [...APRON_COURT, f("net", "--ky-net", "The set: its rim.")];
+/** A netball court: the ground and free zone, the lines and circles, and the goalposts. */
+const NETBALL = [f("apron", "--ky-apron", "The ground round the court."), f("free-zone", "--ky-free", "The court surround."), f("court", "--ky-surface", "The court."), f("lines", LINE, "The painted lines and circles."), f("posts", "--ky-net", "The goalposts.")];
 const TURF = [f("apron", "--ky-apron", "The ground round the surface."), f("turf", "--ky-surface", "The grass."), f("mowing", "--ky-surface-alt", "The lighter tone of the mown pattern.")];
 const POST = "--ky-post";
 const RUGBY = [
@@ -217,11 +335,22 @@ export const FEATURE_INFO = Object.freeze({
     mlb: BASEBALL,
     soccer: SOCCER,
     curling: CURLING,
+    swimming: SWIMMING,
+    waterpolo: WATER_POLO,
+    diving: DIVING,
+    artisticswimming: ARTISTIC_SWIMMING,
     tennis: NET,
     volleyball: NET,
     badminton: NET,
     pickleball: NET,
     tabletennis: NET,
+    padel: PADEL,
+    squash: SQUASH,
+    racquetball: RACQUETBALL,
+    sepaktakraw: NET,
+    teqball: TEQBALL,
+    roundnet: ROUNDNET,
+    netball: NETBALL,
     lacrosse: LACROSSE,
     rugby: RUGBY,
     afl: AFL,
@@ -229,6 +358,8 @@ export const FEATURE_INFO = Object.freeze({
     cricket: CRICKET,
     fieldhockey: FIELD_HOCKEY,
     handball: HANDBALL,
+    athletics: ATHLETICS,
+    skating: SKATING,
 });
 /**
  * The names of the features of each sport: the keys `featureColors` takes. Football's three fields have the same, and so have the five net sports.

package/dist/fields.kit.d.ts

@@ -1,4 +1,4 @@
-import type { ArcShape, BarShape, BoxShape, Dash, DotShape, LineShape, Outline, PathShape, PolyShape, RingShape } from "./fields.types.ts";
+import type { AthleticsMark, SkatingMark, ArcShape, BarShape, BoxShape, Dash, DotShape, LineShape, Outline, PathShape, PolyShape, RingShape } from "./fields.types.ts";
 import type { Span } from "./leagues/fields.ts";
 import { type PlateSpot, type Zone } from "./surfaces/surface.ts";
 import type { Box } from "./types.ts";
@@ -8,7 +8,7 @@ interface Style {
     dash?: Dash;
     /** The least this shape is drawn at, in feet, when the drawing is not at the true widths (a crease on a pitch has to stay thin beside a ground). */
     least?: number;
-    cls?: "ky-line" | "ky-red";
+    cls?: "ky-line" | "ky-red" | AthleticsMark | SkatingMark;
 }
 /** A line from one point to another. */
 export declare const line: (id: string, feature: string, x0: number, y0: number, x1: number, y1: number, style?: Style) => LineShape;

package/dist/fields.types.d.ts

@@ -13,9 +13,15 @@ interface Stroked extends Named {
     dash?: Dash;
     /** The least this shape is drawn at, in feet, when the drawing is not at true widths: the plan's `drawnLine` when missing. */
     least?: number;
-    /** The class it is painted with: the ordinary line (`ky-line`, white) unless it is a red line (`ky-red`). */
-    cls?: "ky-line" | "ky-red";
+    /** The class it is painted with: the ordinary line (`ky-line`, white) unless it is a red line (`ky-red`), or one of athletics' coloured marks (yellow, blue, green, black or red). */
+    cls?: "ky-line" | "ky-red" | AthleticsMark | SkatingMark;
 }
+/** The coloured marks of an athletics track: the yellow of the 4 x 100 m's takeover zones, the blue of the 4 x 400 m's and the 110 m hurdles (red on a blue track), the green of the 400 m hurdles and the breakline, black marks and red ones. */
+/** The fills of an athletics track's coloured marks (a bar of yellow, blue, green, black or red). */
+export type AthleticsFill = "ky-ath-y-fill" | "ky-ath-b-fill" | "ky-ath-g-fill" | "ky-ath-k-fill" | "ky-ath-r-fill";
+export type AthleticsMark = "ky-ath-y" | "ky-ath-b" | "ky-ath-g" | "ky-ath-k" | "ky-ath-r" | "ky-ath-s";
+/** The coloured marks of a skating rink: the blue lines that demarcate the lanes, the red starting, finishing and coaches' lines, black lines, the dotted blocks of a curve. */
+export type SkatingMark = "ky-ska-b" | "ky-ska-r" | "ky-ska-k" | "ky-ska-blocks";
 /** A line from one point to another. */
 export interface LineShape extends Stroked {
     kind: "line";
@@ -62,11 +68,13 @@ export interface DotShape extends Named {
     cy: number;
     r: number;
     /** The paint: the line's (`line`, the default), or the post's. */
-    paint?: "line" | "post";
+    paint?: "line" | "post" | "block" | "cone";
 }
 /** A rectangle filled in the line's colour: a short thick mark. */
 export interface BarShape extends Named {
     kind: "bar";
+    /** The class it is filled with, when it is not the line's colour. */
+    cls?: "ky-fill-line" | AthleticsFill;
     x0: number;
     y0: number;
     x1: number;
@@ -79,9 +87,15 @@ export interface PathShape extends Stroked {
 }
 /** Every shape that is a marking. */
 export type Shape = LineShape | ArcShape | RingShape | BoxShape | PolyShape | DotShape | BarShape | PathShape;
+/** The areas of an athletics stadium: the track, the grass, the sand of a pit, the mat of a jump, the water of a pit, the concrete of a circle and a runway's cover. */
+/** The areas of a skating rink: the ice, the floor of the infield, the warm-up lane, the padding and the furniture. */
+export type SkatingArea = "ky-ska-ice" | "ky-ska-floor" | "ky-ska-warm" | "ky-ska-pad" | "ky-ska-desk" | "ky-ska-kiss";
+export type AthleticsArea = "ky-ath-track" | "ky-ath-grass" | "ky-ath-sand" | "ky-ath-mat" | "ky-ath-water" | "ky-ath-concrete" | "ky-ath-pad" | "ky-ath-board" | "ky-ath-bank";
 /** A painted area, under the lines: a rectangle or an ellipse filled with a class of the stylesheet (`ky-area`, the tint of a goal area, or `ky-zone`). */
 export interface Area extends Named {
-    cls: "ky-area" | "ky-zone" | "ky-dirt" | "ky-key" | "ky-boards";
+    cls: "ky-area" | "ky-zone" | "ky-dirt" | "ky-key" | "ky-boards" | AthleticsArea | SkatingArea;
+    /** Fill the path's insides by the even-odd rule: a ring (the track between its kerb and its outer edge). */
+    evenodd?: boolean;
     /** A rectangle `[x0, y0, x1, y1]`, an ellipse's centre and radii, a path of your own, or a frame: the ring between a rounded rectangle and the one `thick` outside it (boards). */
     rect?: readonly [x0: number, y0: number, x1: number, y1: number];
     ellipse?: readonly [cx: number, cy: number, rx: number, ry: number];

package/dist/frames.providers.js

@@ -2,6 +2,7 @@
 // frames.ts. Each is cited in docs/sources.md ("Coordinate frames"), which says what was read, where, and what is ours.
 // Soccer's providers are registered by src/surfaces/soccer-providers.ts. Facts only: no code of sportypy, sportyR or
 // hockey_rink is used.
+import { isPoolSport } from "./pool.js";
 import { CURLING, FOOTBALL, NBA, NHL, footballLength, surfaceSize } from "./geometry.js";
 import { FRAMES, registerFrame, span } from "./frames.js";
 // The surfaces in feet, in the drawing's own landscape frame: x along the surface from the left end, y across it from the top.
@@ -141,7 +142,7 @@ const curling = {
  * size of the court it is placed on. This package's own frame: no
  * tracking provider's format was read (Hawk-Eye's and the others' are not published), and a rulebook measures a court from the net.
  */
-function netFrame(sport, title, unit, x, y, what) {
+function netFrame(sport, title, unit, x, y, what, origin = `the centre of the net, on ${what}`) {
     const per = unit === "ft" ? 1 : 0.3048;
     const map = (size) => ({ x: span(-(size.length * per) / 2, (size.length * per) / 2, 0, size.length), y: span(-(size.width * per) / 2, (size.width * per) / 2, size.width, 0) });
     return {
@@ -151,13 +152,13 @@ function netFrame(sport, title, unit, x, y, what) {
         unit,
         x: [-x, x],
         y: [-y, y],
-        origin: `the centre of the net, on ${what}`,
+        origin,
         yDirection: "up",
-        size: sport === "volleyball" ? "variable" : "fixed",
+        size: sport === "volleyball" || sport === "squash" ? "variable" : "fixed",
         ends: "fixed",
-        landmarks: sport === "volleyball" ? map : map(surfaceSize(sport, "ft")),
-        source: "this package's own frame: the centre of the net as the origin, as the rulebook measures the court from the net",
-        note: "Positive x is towards the end drawn at the right, positive y towards the top as the court is drawn wide. The frame is not a data provider's: it is the plain reading of the rules, which measure everything from the net.",
+        landmarks: sport === "volleyball" || sport === "squash" ? map : map(surfaceSize(sport, "ft")),
+        source: sport === "squash" || sport === "racquetball" || sport === "roundnet" || sport === "netball" ? "this package's own frame: the centre of the court as the origin" : "this package's own frame: the centre of the net as the origin, as the rulebook measures the court from the net",
+        note: "Positive x is towards the end drawn at the right, positive y towards the top as the court is drawn wide. The frame is not a data provider's: it is the plain reading of the rules, which measure everything from the net (or, on a court without one, from its lines).",
     };
 }
 const tennisFrame = netFrame("tennis", "Tennis court, in feet from the centre of the net", "ft", 39, 18, "the court");
@@ -165,6 +166,13 @@ const volleyballFrame = netFrame("volleyball", "Volleyball court, in metres from
 const badmintonFrame = netFrame("badminton", "Badminton court, in metres from the centre of the net", "m", 6.7, 3.05, "the court");
 const pickleballFrame = netFrame("pickleball", "Pickleball court, in feet from the centre of the net", "ft", 22, 10, "the court");
 const tableTennisFrame = netFrame("tabletennis", "Table tennis table, in metres from the centre of the net", "m", 1.37, 0.7625, "the table");
+const padelFrame = netFrame("padel", "Padel court, in metres from the centre of the net", "m", 10, 5, "the court");
+const squashFrame = netFrame("squash", "Squash court, in metres from the centre of the court", "m", 4.875, 4.21, "the court", "the centre of the court; the front wall is at the left");
+const racquetballFrame = netFrame("racquetball", "Racquetball court, in feet from the centre of the court", "ft", 20, 10, "the court", "the centre of the court; the front wall is at the left");
+const sepakTakrawFrame = netFrame("sepaktakraw", "Sepak takraw court, in metres from the centre of the net", "m", 6.7, 3.05, "the court");
+const teqballFrame = netFrame("teqball", "Teqball court, in metres from the centre of the table and its net", "m", 8, 6, "the court");
+const roundnetFrame = netFrame("roundnet", "Roundnet court, in metres from the centre of the set", "m", 5, 5, "the court", "the centre of the set, the middle of the court");
+const netballFrame = netFrame("netball", "Netball court, in metres from the centre of the court", "m", 15.25, 7.625, "the court", "the centre of the court, on the centre circle");
 /**
  * A field sport's surface in the plain frame of its middle: the centre of the surface as the origin, x along it, positive towards the end drawn at the right, y across it, positive towards the top as it is drawn wide.
  * The unit is the one the sport's rulebook prints first (metres; yards for cricket, whose frame is measured from the middle of the pitch, which is the middle of the ground). The size of these surfaces is a range, so the frame
@@ -180,7 +188,7 @@ function centreFrame(sport, title, unit, x, y) {
         unit,
         x: [-x, x],
         y: [-y, y],
-        origin: sport === "cricket" ? "the middle of the pitch, the centre of the ground" : "the centre of the surface",
+        origin: sport === "cricket" ? "the middle of the pitch, the centre of the ground" : isPoolSport(sport) ? "the centre of the water" : "the centre of the surface",
         yDirection: "up",
         size: "variable",
         ends: sport === "cricket" ? "none" : "fixed",
@@ -196,7 +204,54 @@ const gaelicFrame = centreFrame("gaelic", "Gaelic games field, in metres from th
 const cricketFrame = centreFrame("cricket", "Cricket ground, in yards from the middle of the pitch", "yd", 75, 75);
 const fieldHockeyFrame = centreFrame("fieldhockey", "Field hockey pitch, in metres from the centre", "m", 45.7, 27.5);
 const handballFrame = centreFrame("handball", "Handball court, in metres from the centre", "m", 20, 10);
-for (const frame of [nhlApi, hockeyTech, nbaStats, nflTracking, mlbam, retrosheet, curling, tennisFrame, volleyballFrame, badmintonFrame, pickleballFrame, tableTennisFrame, lacrosseFrame, rugbyFrame, aflFrame, gaelicFrame, cricketFrame, fieldHockeyFrame, handballFrame])
+// The pools: the middle of the water, x along it from the starting wall (left) towards the turning wall, y positive towards the top as the pool is drawn wide, so that lane 1 (or 0) is at the bottom. The frame of a
+// race replay (`raceTimeline`) puts a swimmer's distance along the pool and the lane's place across it in this frame.
+const swimmingFrame = centreFrame("swimming", "Swimming pool, in metres from the centre of the water", "m", 25, 13);
+const waterPoloFrame = centreFrame("waterpolo", "Water polo pool, in metres from the centre of the water", "m", 12.8, 10);
+const divingFrame = centreFrame("diving", "Diving well, in metres from the centre of the water", "m", 10.5, 13.5);
+const artisticFrame = centreFrame("artisticswimming", "Artistic swimming area, in metres from the centre of the water", "m", 15, 10);
+/**
+ * The athletics stadium in the plain frame of its middle: the middle of the track as the origin, x along the straights (positive towards the right as the stadium is drawn wide), y across them, positive
+ * towards the bottom: the finish straight is at positive y, with the finish line at 42.195 m (half a straight) and the athletes running to the right along it. In metres. The frame is the plan's own
+ * (`athleticsPlan`), so a point of a lane (`pose`) is a point of the frame. It is fitted to the stadium's box, which is the oval's outer edge, so it is for a drawing of the stadium (the covered track
+ * too) and not for one field event alone at a large scale. This package's own frame: no tracking provider's format was read for athletics.
+ */
+const athleticsFrame = {
+    name: "athletics",
+    title: "Athletics stadium, in metres from the middle of the track",
+    sport: "athletics",
+    unit: "m",
+    x: [-100, 100],
+    y: [-60, 60],
+    origin: "the middle of the track",
+    yDirection: "down",
+    size: "variable",
+    ends: "none",
+    landmarks: (size) => ({ x: span(-size.length / (1 / 0.3048) / 2, size.length / (1 / 0.3048) / 2, 0, size.length), y: span(-size.width / (1 / 0.3048) / 2, size.width / (1 / 0.3048) / 2, 0, size.width) }),
+    source: "this package's own frame: the middle of the track as the origin",
+    note: "Positive x is towards the right as the stadium is drawn wide, positive y towards the bottom, where the finish straight is. The athletes run counter-clockwise: to the right along the finish straight. The frame is fitted to the stadium's outer edge.",
+};
+/**
+ * The skating rink in the plain frame of its middle: the middle of the rink (the long track's ice, the short track's or the figure skating rink) as the origin, x along it (positive towards the right as
+ * the rink is drawn wide), y across it, positive towards the bottom, where a long track's finishing straight, a short track's finishing line and a figure skating rink's judges are. In metres. The frame is
+ * the plan's own (`skatingPlan`): a point of a lane (`pose`) is a point of the frame. It is fitted to the rink's box. This package's own frame: no tracking provider's format was read for skating.
+ */
+const skatingFrame = {
+    name: "skating",
+    title: "Skating rink, in metres from the middle of the rink",
+    sport: "skating",
+    unit: "m",
+    x: [-100, 100],
+    y: [-60, 60],
+    origin: "the middle of the rink",
+    yDirection: "down",
+    size: "variable",
+    ends: "none",
+    landmarks: (size) => ({ x: span(-size.length / (1 / 0.3048) / 2, size.length / (1 / 0.3048) / 2, 0, size.length), y: span(-size.width / (1 / 0.3048) / 2, size.width / (1 / 0.3048) / 2, 0, size.width) }),
+    source: "this package's own frame: the middle of the rink as the origin",
+    note: "Positive x is towards the right as the rink is drawn wide, positive y towards the bottom. The skaters go counter-clockwise: to the right along the finishing straight at the bottom. The frame is fitted to the rink's box.",
+};
+for (const frame of [nhlApi, hockeyTech, nbaStats, nflTracking, mlbam, retrosheet, curling, tennisFrame, volleyballFrame, badmintonFrame, pickleballFrame, tableTennisFrame, padelFrame, squashFrame, racquetballFrame, sepakTakrawFrame, teqballFrame, roundnetFrame, netballFrame, lacrosseFrame, rugbyFrame, aflFrame, gaelicFrame, cricketFrame, fieldHockeyFrame, handballFrame, swimmingFrame, waterPoloFrame, divingFrame, artisticFrame, athleticsFrame, skatingFrame])
     if (!Object.prototype.hasOwnProperty.call(FRAMES, frame.name))
         registerFrame(frame);
 // Retrosheet's hit-location diagram (Project Scoresheet's) draws the field in sectors: columns of the outfield from the left field

package/dist/geojson.js

@@ -88,6 +88,9 @@ export function sceneToGeoJSON(source, options = {}) {
         visit(g.coordinates);
     };
     scene.items.forEach((item, order) => {
+        // A pageant's pictures are a picture laid over the surface, not a part of it: they are left out.
+        if (item.data?.pg !== undefined)
+            return;
         if (options.filter !== undefined && !options.filter(item))
             return;
         const s = item.style;

package/dist/geometry-entry.d.ts

@@ -1,4 +1,5 @@
-export { BADMINTON, BEACH_VOLLEYBALL, CURLING, PICKLEBALL, STONE_DIAMETER, TABLE_TENNIS, TENNIS, VOLLEYBALL, DEFAULT_FENCE, FEET_PER_METRE, FEET_PER_YARD, FENCE_ANGLES, FOOTBALL, GOALPOST_WIDTH, HASH_LENGTH, MLB, NBA, NHL, fenceAt, fencePoints, dimensionsOf, fenceIn, footballLength, inch, surfaceSize, secondBase, skinJoin, threePointJoin } from "./geometry.ts";
+export { ARTISTIC, DIVING, DIVING_LINES, SWIMMING, SWIMMING_WIDTHS, WATER_POLO } from "./pool.figures.ts";
+export { BADMINTON, BEACH_VOLLEYBALL, CURLING, NETBALL, PADEL, PICKLEBALL, RACQUETBALL, ROUNDNET, SEPAK_TAKRAW, SITTING_VOLLEYBALL, SQUASH, STONE_DIAMETER, TABLE_TENNIS, TENNIS, TEQBALL, VOLLEYBALL, DEFAULT_FENCE, FEET_PER_METRE, FEET_PER_YARD, FENCE_ANGLES, FOOTBALL, GOALPOST_WIDTH, HASH_LENGTH, MLB, NBA, NHL, fenceAt, fencePoints, dimensionsOf, fenceIn, footballLength, inch, surfaceSize, secondBase, skinJoin, threePointJoin } from "./geometry.ts";
 export type { FencePoint, FootballSpec, SizedSport } from "./geometry.ts";
 export { boardsY } from "./surfaces/hockey.ts";
 export { FEET_PER, SURFACE_UNITS, UNITS, convertLength, convertPoint, isUnit, lengthsIn } from "./units.ts";

package/dist/geometry-entry.js

@@ -1,5 +1,6 @@
 // The dimensions of every surface, in feet, with the few functions that follow from them.
-export { BADMINTON, BEACH_VOLLEYBALL, CURLING, PICKLEBALL, STONE_DIAMETER, TABLE_TENNIS, TENNIS, VOLLEYBALL, DEFAULT_FENCE, FEET_PER_METRE, FEET_PER_YARD, FENCE_ANGLES, FOOTBALL, GOALPOST_WIDTH, HASH_LENGTH, MLB, NBA, NHL, fenceAt, fencePoints, dimensionsOf, fenceIn, footballLength, inch, surfaceSize, secondBase, skinJoin, threePointJoin } from "./geometry.js";
+export { ARTISTIC, DIVING, DIVING_LINES, SWIMMING, SWIMMING_WIDTHS, WATER_POLO } from "./pool.figures.js";
+export { BADMINTON, BEACH_VOLLEYBALL, CURLING, NETBALL, PADEL, PICKLEBALL, RACQUETBALL, ROUNDNET, SEPAK_TAKRAW, SITTING_VOLLEYBALL, SQUASH, STONE_DIAMETER, TABLE_TENNIS, TENNIS, TEQBALL, VOLLEYBALL, DEFAULT_FENCE, FEET_PER_METRE, FEET_PER_YARD, FENCE_ANGLES, FOOTBALL, GOALPOST_WIDTH, HASH_LENGTH, MLB, NBA, NHL, fenceAt, fencePoints, dimensionsOf, fenceIn, footballLength, inch, surfaceSize, secondBase, skinJoin, threePointJoin } from "./geometry.js";
 export { boardsY } from "./surfaces/hockey.js";
 export { FEET_PER, SURFACE_UNITS, UNITS, convertLength, convertPoint, isUnit, lengthsIn } from "./units.js";
 export { METRES_PER_FOOT, METRES_PER_YARD, SOCCER, SOCCER_PITCHES, SOCCER_PITCH_IDS, fullPitch, goalAreaWidth, penaltyAreaWidth, soccerPitchClass, soccerSpec } from "./surfaces/soccer-spec.js";