@johnmorrisdotca/kyogijo-stadiums 0.44.2 → 0.45.1

package/dist/ballpark.js

@@ -1,7 +1,7 @@
 // What a ballpark's article gives beyond the fence's distances, turned into what a drawing is asked for: the walls and their heights (`walls`), the quirks
 // (`quirks`), the warning track's width, and the words that name them. The figures are in parks.ts; this file reads the options and says what to draw and what to say.
 import { lengthUnit } from "./common.js";
-import { parkById, parkQuirksIn, parkWallsIn } from "./parks.js";
+import { heldPark, parkQuirksIn, parkWallsIn } from "./parks.core.js";
 import { KYOGIJO_STRINGS, fill } from "./strings.js";
 /** True when a drawing has something of a ballpark to add (its stylesheet is then written in). */
 export const ballparkDrawn = (b) => b !== undefined && (b.walls.length > 0 || b.quirks.length > 0 || b.backstop !== undefined || b.dugouts !== undefined);
@@ -11,7 +11,7 @@ const QUIRK_NAMES = ["hill", "overhang", "pole", "flagpole", "bullpen", "ivy", "
  * A request that cannot be read is left out, as the other options' are.
  */
 export function ballparkFor(o) {
-    const park = parkById(o.park);
+    const park = heldPark(o.park);
     if (park === undefined)
         return undefined;
     const language = o.language === "ja" ? "ja" : "en";

package/dist/budo-entry.d.ts

@@ -1,3 +1,4 @@
+import "./full.ts";
 export { DOJO_STANDARDS, dojo, drawDojo } from "./budo/dojo.api.ts";
 export type { Dojo, Tatami } from "./budo/dojo.api.ts";
 export { DOJO_SIZES, floorOf, shapeOfJo } from "./budo/dojo.ts";

package/dist/budo-entry.js

@@ -1,4 +1,5 @@
 // The budō (武道): judo and karate competition areas, the kendo shiai-jo, the sumo dohyō, the kyūdōjō and the dojo builder, with their plans, the tatami layout, the kimarite, the looks and the stylesheet.
+import "./full.js";
 export { DOJO_STANDARDS, dojo, drawDojo } from "./budo/dojo.api.js";
 export { DOJO_SIZES, floorOf, shapeOfJo } from "./budo/dojo.js";
 export { dojoGallery, dojoRoom, ROOM_HEIGHTS } from "./budo/room.js";

package/dist/canvas-entry.d.ts

@@ -1,2 +1,3 @@
+import "./full.ts";
 export { drawToCanvas, withAlpha } from "./canvas.ts";
 export type { CanvasContext, CanvasGradientLike, CanvasOptions, Drawn } from "./canvas.ts";

package/dist/canvas-entry.js

@@ -1,2 +1,3 @@
 // A drawing on a canvas context (a browser's, an OffscreenCanvas's or a Node canvas's), with no canvas library imported.
+import "./full.js";
 export { drawToCanvas, withAlpha } from "./canvas.js";

package/dist/charts-entry.d.ts

@@ -1,3 +1,4 @@
+import "./full.ts";
 export { nbaShotChart, nflPassChart, nhlShotMap } from "./charts.ts";
 export { mlbSprayChart } from "./charts.baseball.ts";
 export { soccerGoalMouth, soccerShotMap } from "./charts.soccer.ts";

package/dist/charts-entry.js

@@ -1,4 +1,5 @@
 // The ready-made charts: shot charts, shot maps, spray charts and pass charts built on the data layers.
+import "./full.js";
 export { nbaShotChart, nflPassChart, nhlShotMap } from "./charts.js";
 export { mlbSprayChart } from "./charts.baseball.js";
 export { soccerGoalMouth, soccerShotMap } from "./charts.soccer.js";

package/dist/charts.baseball.js

@@ -5,7 +5,7 @@ import { fenceAt } from "./geometry.js";
 import { convert } from "./frames.js";
 import { zoneToPoint } from "./frames.providers.js";
 import { outlineOf } from "./outline.js";
-import { fenceFor, parkById } from "./parks.js";
+import { fenceFor, heldPark } from "./parks.core.js";
 import { MLB } from "./geometry.js";
 import { fill } from "./strings.js";
 import { assemble, clean, countOutcomes, describeCounts, drawingOptions, frameOf, fromOf, hasPlace, keyItems, keyLayers, languageOf, placed, wordsOf, zoneTotals } from "./charts.js";
@@ -61,7 +61,7 @@ export function mlbSprayChart(balls, options = {}) {
     const all = wordsOf(language);
     const w = all.charts;
     const frame = frameOf(options.from, "mlbam");
-    const park = options.park === undefined ? undefined : parkById(options.park);
+    const park = options.park === undefined ? undefined : heldPark(options.park);
     if (options.park !== undefined && options.park !== "generic" && park === undefined)
         throw new RangeError(`Unknown park "${options.park}": use a key of PARKS, such as "fenway-park"`);
     const margin = typeof options.margin === "number" && options.margin >= 0 ? options.margin : 40;

package/dist/context.d.ts

@@ -145,6 +145,8 @@ export declare function placeContext(areas: readonly ContextArea[], origin: LonL
     w: number;
     h: number;
 }, venues: readonly ContextVenue[]): ContextPlan;
+/** A share of the trees, spread evenly over the lot: every tree at 1, none at 0, and at 0.5 every other. The same trees every time, so that a view drawn again at a tier keeps the ones it kept. */
+export declare function thinTrees(trees: readonly ContextTree[], share: number): ContextTree[];
 /** The tone (0 low to 3 tall) of a building of `feet` height. */
 export declare const toneOf: (feet: number) => number;
 /** The streets flat on the floor, under the buildings: a path for each kind and width (a foot), widest and lowest kinds first, so that a sidewalk lies over the carriageway beside it and a viaduct's deck over the street under it. */

package/dist/context.js

@@ -149,6 +149,23 @@ export function placeContext(areas, origin, turn, frame, venues) {
     const credits = (language) => [...new Set(layers.map((l) => l.attribution[language]).filter((text) => text !== ""))];
     return { blocks, streets, land, trees, owned, attribution: { en: credits("en"), ja: credits("ja") } };
 }
+/** A share of the trees, spread evenly over the lot: every tree at 1, none at 0, and at 0.5 every other. The same trees every time, so that a view drawn again at a tier keeps the ones it kept. */
+export function thinTrees(trees, share) {
+    if (share >= 1)
+        return [...trees];
+    if (!(share > 0))
+        return [];
+    const kept = [];
+    let owed = 0;
+    for (const tree of trees) {
+        owed += share;
+        if (owed >= 1) {
+            owed -= 1;
+            kept.push(tree);
+        }
+    }
+    return kept;
+}
 /** The tone (0 low to 3 tall) of a building of `feet` height. */
 export const toneOf = (feet) => CONTEXT_TONES.filter((m) => feet / FEET_PER_METRE >= m).length;
 const num = (value) => String(Math.round(value * 100) / 100);

package/dist/d3-entry.d.ts

@@ -1,3 +1,4 @@
+import "./full.ts";
 export { appendSurface, surfaceDomain } from "./d3.ts";
 export type { AppendOptions, D3Selection } from "./d3.ts";
 export type { ScaleFunction, SurfaceDomain } from "./scene.fit.ts";

package/dist/d3-entry.js

@@ -1,2 +1,3 @@
 // A drawing on a d3 selection, in the caller's scales, with d3 not imported.
+import "./full.js";
 export { appendSurface, surfaceDomain } from "./d3.js";

package/dist/district-entry.d.ts

@@ -1,20 +1,2 @@
-export { DISTRICT_IDS, DISTRICT_MARGIN, DISTRICT_MODES, KYOGIJO_DISTRICT_STYLE, describeDistrict, districtId, districtMember, drawDistrict, isDistrictId, metresText, planDistrict, scaleOf, unknownVenues } from "./district.ts";
-export type { DistrictMember, DistrictMode, DistrictOptions, DistrictPart, DistrictPlaced, DistrictPlan, DistrictVenueInput, PlacedPart } from "./district.ts";
-export { buildDistrictTurn, districtPresets, districtTurnMarkup, mountDistrictTurn } from "./district.turn.ts";
-export type { DistrictTurnSettings } from "./district.turn.ts";
-export type { ContextArea } from "./context.ts";
-export { KODOKAN, KODOKAN_DOJO, KODOKAN_FLOOR_HEIGHT, KODOKAN_FLOOR_IDS, KODOKAN_FLOORS, KODOKAN_ROOM_HEIGHT, kodokanLevel, kodokanMember } from "./kodokan.ts";
-export type { KodokanFloor, KodokanRoom } from "./kodokan.ts";
-export { VENUE_ATTRIBUTION } from "./venues.ts";
-export { mountDistrict } from "./district.dom.ts";
-export type { KyogijoDistrict } from "./district.dom.ts";
-export { OUTSIDE_DENSITY, OUTSIDE_LEVELS, OUTSIDE_REACH, OUTSIDE_VENUES, hasOutside, isOutsideLevel, outsideCount, outsideCrowd, outsideLevelOf } from "./outside.ts";
-export type { OutsideCrowd, OutsideLevel, OutsideOptions } from "./outside.ts";
-export { PERSON_METRES, frameOf, rasterOutside } from "./outside.paint.ts";
-export type { OutsideFrame, OutsideStats } from "./outside.paint.ts";
-export { OUTSIDE_ROOM } from "./district.ts";
-export { WALK_CELL, WALK_IDS, walkMask, walkable } from "./walk.ts";
-export type { WalkData, WalkMask } from "./walk.ts";
-export { GATE_FACTS, GATE_VENUES, gateName, venueGates } from "./gates.ts";
-export type { Gate, GateBasis, GateFact } from "./gates.ts";
-export type { DistrictGate } from "./district.ts";
+import "./full.ts";
+export * from "./district.api.ts";

package/dist/district-entry.js

@@ -1,13 +1,4 @@
 // A district: several real venues of one city on one plan at their real relative positions and orientations (OpenStreetMap, ODbL 1.0), in 2D and in 3D, tight round neighbours or at the real distances of a city.
-export { DISTRICT_IDS, DISTRICT_MARGIN, DISTRICT_MODES, KYOGIJO_DISTRICT_STYLE, describeDistrict, districtId, districtMember, drawDistrict, isDistrictId, metresText, planDistrict, scaleOf, unknownVenues } from "./district.js";
-export { buildDistrictTurn, districtPresets, districtTurnMarkup, mountDistrictTurn } from "./district.turn.js";
-export { KODOKAN, KODOKAN_DOJO, KODOKAN_FLOOR_HEIGHT, KODOKAN_FLOOR_IDS, KODOKAN_FLOORS, KODOKAN_ROOM_HEIGHT, kodokanLevel, kodokanMember } from "./kodokan.js";
-export { VENUE_ATTRIBUTION } from "./venues.js";
-export { mountDistrict } from "./district.dom.js";
-// The crowd outside the venues, on ground people may stand on (OpenStreetMap, ODbL 1.0), at 0, 25, 50, 75 or 100 percent of the seats.
-export { OUTSIDE_DENSITY, OUTSIDE_LEVELS, OUTSIDE_REACH, OUTSIDE_VENUES, hasOutside, isOutsideLevel, outsideCount, outsideCrowd, outsideLevelOf } from "./outside.js";
-export { PERSON_METRES, frameOf, rasterOutside } from "./outside.paint.js";
-export { OUTSIDE_ROOM } from "./district.js";
-export { WALK_CELL, WALK_IDS, walkMask, walkable } from "./walk.js";
-// The gates of a venue: where the crowd goes in, on the building's outline, with the way each faces and how it is known.
-export { GATE_FACTS, GATE_VENUES, gateName, venueGates } from "./gates.js";
+// This entry has every arena, park and ground, as it always had (the lean district, `district-lean`, has none until `loadVenueDataFor` has read the ones it shows).
+import "./full.js";
+export * from "./district.api.js";

package/dist/district-lean-entry.d.ts

@@ -0,0 +1,7 @@
+export * from "./district.api.ts";
+export * from "./areas-entry.ts";
+export * from "./venue-data-entry.ts";
+export { STADIUMS, STADIUM_IDS, stadiumById } from "./stadiums.ts";
+export type { RealStadium, StadiumConfigId } from "./stadiums.ts";
+export { QUALITIES, QUALITY_TIERS, isQuality } from "./quality.ts";
+export type { Quality, QualityTier } from "./quality.ts";

package/dist/district-lean-entry.js

@@ -0,0 +1,8 @@
+// The lean district: everything the district entry has, for a page that wants to carry only the venues it shows. This entry holds no arena, park or ground until `loadVenueDataFor(venues)` has read the files of those it is about to draw
+// (the same call and the same venues for `planDistrict`, `drawDistrict`, `mountDistrict` and `mountDistrictTurn`); with them read, what it draws is what the district entry draws, to the last character. The areas of context are read the same way
+// (`loadAreasFor`). `venueName` lists the venues by name without reading any. Nothing here changes the district entry, which has every venue's data as it always had.
+export * from "./district.api.js";
+export * from "./areas-entry.js";
+export * from "./venue-data-entry.js";
+export { STADIUMS, STADIUM_IDS, stadiumById } from "./stadiums.js";
+export { QUALITIES, QUALITY_TIERS, isQuality } from "./quality.js";

package/dist/district.api.d.ts

@@ -0,0 +1,20 @@
+export { DISTRICT_IDS, DISTRICT_MARGIN, DISTRICT_MODES, KYOGIJO_DISTRICT_STYLE, describeDistrict, districtId, districtMember, districtRing, drawDistrict, isDistrictId, metresText, planDistrict, scaleOf, unknownVenues } from "./district.ts";
+export type { DistrictMember, DistrictMode, DistrictOptions, DistrictPart, DistrictPlaced, DistrictPlan, DistrictVenueInput, PlacedPart } from "./district.ts";
+export { buildDistrictTurn, districtPresets, districtTurnMarkup, mountDistrictTurn } from "./district.turn.ts";
+export type { DistrictTurnSettings } from "./district.turn.ts";
+export type { ContextArea } from "./context.ts";
+export { KODOKAN, KODOKAN_DOJO, KODOKAN_FLOOR_HEIGHT, KODOKAN_FLOOR_IDS, KODOKAN_FLOORS, KODOKAN_ROOM_HEIGHT, kodokanLevel, kodokanMember } from "./kodokan.ts";
+export type { KodokanFloor, KodokanRoom } from "./kodokan.ts";
+export { VENUE_ATTRIBUTION } from "./venues.ts";
+export { mountDistrict } from "./district.dom.ts";
+export type { KyogijoDistrict } from "./district.dom.ts";
+export { OUTSIDE_DENSITY, OUTSIDE_LEVELS, OUTSIDE_REACH, OUTSIDE_VENUES, hasOutside, isOutsideLevel, outsideCount, outsideCrowd, outsideLevelOf } from "./outside.ts";
+export type { OutsideCrowd, OutsideLevel, OutsideOptions } from "./outside.ts";
+export { PERSON_METRES, frameOf, rasterOutside } from "./outside.paint.ts";
+export type { OutsideFrame, OutsideStats } from "./outside.paint.ts";
+export { OUTSIDE_ROOM } from "./district.ts";
+export { WALK_CELL, WALK_IDS, walkMask, walkable } from "./walk.ts";
+export type { WalkData, WalkMask } from "./walk.ts";
+export { GATE_FACTS, GATE_VENUES, gateName, venueGates } from "./gates.ts";
+export type { Gate, GateBasis, GateFact } from "./gates.ts";
+export type { DistrictGate } from "./district.ts";

package/dist/district.api.js

@@ -0,0 +1,13 @@
+// A district: several real venues of one city on one plan at their real relative positions and orientations (OpenStreetMap, ODbL 1.0), in 2D and in 3D, tight round neighbours or at the real distances of a city.
+export { DISTRICT_IDS, DISTRICT_MARGIN, DISTRICT_MODES, KYOGIJO_DISTRICT_STYLE, describeDistrict, districtId, districtMember, districtRing, drawDistrict, isDistrictId, metresText, planDistrict, scaleOf, unknownVenues } from "./district.js";
+export { buildDistrictTurn, districtPresets, districtTurnMarkup, mountDistrictTurn } from "./district.turn.js";
+export { KODOKAN, KODOKAN_DOJO, KODOKAN_FLOOR_HEIGHT, KODOKAN_FLOOR_IDS, KODOKAN_FLOORS, KODOKAN_ROOM_HEIGHT, kodokanLevel, kodokanMember } from "./kodokan.js";
+export { VENUE_ATTRIBUTION } from "./venues.js";
+export { mountDistrict } from "./district.dom.js";
+// The crowd outside the venues, on ground people may stand on (OpenStreetMap, ODbL 1.0), at 0, 25, 50, 75 or 100 percent of the seats.
+export { OUTSIDE_DENSITY, OUTSIDE_LEVELS, OUTSIDE_REACH, OUTSIDE_VENUES, hasOutside, isOutsideLevel, outsideCount, outsideCrowd, outsideLevelOf } from "./outside.js";
+export { PERSON_METRES, frameOf, rasterOutside } from "./outside.paint.js";
+export { OUTSIDE_ROOM } from "./district.js";
+export { WALK_CELL, WALK_IDS, walkMask, walkable } from "./walk.js";
+// The gates of a venue: where the crowd goes in, on the building's outline, with the way each faces and how it is known.
+export { GATE_FACTS, GATE_VENUES, gateName, venueGates } from "./gates.js";

package/dist/district.d.ts

@@ -132,6 +132,11 @@ export declare const isDistrictId: (id: string) => boolean;
  * ```
  */
 export declare function districtMember(input: DistrictVenueInput, language?: Language, floor?: number): DistrictMember;
+/**
+ * The outline of a venue's building, as `districtMember(input).ring` has it, read without the venue's records: a crowd outside keeps out of every building the ground has, and the buildings of venues that are not shown need no names.
+ * Throws as `districtMember` does for a key no venue has.
+ */
+export declare function districtRing(input: DistrictVenueInput): DistrictMember["ring"];
 /** Turn a point of the map (east, down the page) by `degrees` clockwise on the page. */
 export declare const turnBy: ([x, y]: Pt, degrees: number) => Pt;
 /** A venue placed in the district: where its surface's middle is, how far its drawing is turned, and where its building stands, all in feet in the district's frame (x to the right, y down the page). */

package/dist/district.js

@@ -3,7 +3,7 @@
 // `neighbours` fits the plan tight round buildings that stand within a few hundred metres of each other, with no more than a margin between them; `city` keeps the real distances between venues that are kilometres
 // apart, with a grid, a scale and a name beside each. Nothing is drawn but what the venues are drawn from: no street, no park and no mark of a team, a league or a tournament; the credit
 // `VENUE_ATTRIBUTION` goes with it. Pure: options in, a plan, and markup, out; `district.turn.ts` raises it in 3D.
-import { arenaById, arenaNameIn } from "./arenas.js";
+import { heldArena, arenaNameIn } from "./arenas.core.js";
 import { dojo } from "./budo/dojo.api.js";
 import { kodokanMember } from "./kodokan.js";
 import { contextFloor, contextFrame, placeContext, toneOf } from "./context.js";
@@ -18,7 +18,7 @@ import { venueGates } from "./gates.js";
 import { walkIdFor } from "./walk.js";
 export const DISTRICT_MODES = ["neighbours", "city"];
 const venueMember = (venue, language) => {
-    const arena = arenaById(venue.id);
+    const arena = heldArena(venue.id);
     if (arena === undefined)
         throw new Error(`${venue.id} is not an arena`);
     return {
@@ -87,6 +87,26 @@ export function districtMember(input, language = "en", floor) {
     }
     throw new Error(`no venue ${String(id)}: the venues are ${DISTRICT_IDS.join(", ")}`);
 }
+/**
+ * The outline of a venue's building, as `districtMember(input).ring` has it, read without the venue's records: a crowd outside keeps out of every building the ground has, and the buildings of venues that are not shown need no names.
+ * Throws as `districtMember` does for a key no venue has.
+ */
+export function districtRing(input) {
+    const [id, named] = typeof input === "string" ? input.split(":") : [input.id, input.config];
+    const venue = venueById(id);
+    if (venue !== undefined) {
+        if (named !== undefined && named !== "nhl")
+            throw new Error(`${id} is an arena with one configuration, not ${named}`);
+        return venue.osm.ring;
+    }
+    const stadium = stadiumById(id);
+    if (stadium !== undefined) {
+        if (named !== undefined && stadium.configs[named] === undefined)
+            throw new Error(`${id} has no configuration ${named}: ${stadiumConfigs(stadium).join(", ")}`);
+        return stadium.osm.ring;
+    }
+    return districtMember(input).ring;
+}
 // ---- The plan. ----
 const RAD = Math.PI / 180;
 /** Turn a point of the map (east, down the page) by `degrees` clockwise on the page. */

package/dist/district.turn.js

@@ -3,7 +3,8 @@
 // plan drawn with each venue's building only. The model it makes is a `TurnModel`, so the camera, the controls, the pointer, the auto-turn and the steady fit of every other 3D view are this one's; its
 // buildings are stacked building by building (`Plane.group`), the far one first, so that a roof never shows through a nearer building.
 import { describeDistrict, districtId, drawDistrict, drawMember, nestedDrawing, planDistrict, surfaceCentre } from "./district.js";
-import { blockPlanes, contextUprights, shellBlock, slabPlanes } from "./context.js";
+import { blockPlanes, contextUprights, shellBlock, slabPlanes, thinTrees } from "./context.js";
+import { TIER_PROFILES, tierOf } from "./quality.js";
 import { dojo } from "./budo/dojo.api.js";
 import { KODOKAN_FLOORS, KODOKAN_GALLERY_LEVEL } from "./kodokan.js";
 import { APART, n, plane } from "./turn.kit.js";
@@ -54,6 +55,27 @@ function placeInDistrict(p, placed, centre, prefix, group, lift = 0) {
     }
     return moved;
 }
+/** The box a district at `high` is framed to, kept for the options it was worked out for, so that a lower tier is framed exactly as `high` is: the camera does not move when the tier changes. */
+const HIGH_BOX = new WeakMap();
+/** The small parts of a venue that the lower tiers leave out: its furniture and fittings, never its stands, walls, floor or roof. */
+const SMALL_PARTS = new Set(["bench", "glass", "post", "goal", "stanchion", "pole", "pylon", "mast", "fascia", "rail", "platform", "apron", "flag", "board", "frame", "rim", "net", "antenna", "tape"]);
+/** How high a venue that is drawn as a block stands, in feet, by what it is: a stand-in for its stands and roof, near what its own model reaches. */
+const BLOCK_HEIGHT = { arena: 100, stadium: 115, park: 95, hall: 60 };
+/** A venue drawn as a proxy is a closed block while it is smaller than this share of the plan's longest side, and a ring of walls open at the top (the field and its stands show inside) above it. */
+const SOLID_BELOW = 0.12;
+/** The planes of a venue drawn as a proxy, in the venue's own group, tinted as a venue and not as the buildings round it: its outline standing up to its height, closed by a roof when it is small, a ring of walls seen from both sides when it is not. */
+function venueBlock(key, kind, ring, prefix, group, open) {
+    const height = BLOCK_HEIGHT[kind] ?? 90;
+    const block = shellBlock(`venue-${key}`, ring, open ? height * 0.6 : height, undefined);
+    const planes = blockPlanes(block, `${prefix}proxy-`).filter((p) => !open || /w\d+$/.test(p.id));
+    return planes.map((p) => {
+        const tinted = { ...p, svg: p.svg.replace(/u-block-roof/g, "u-proxy-roof").replace(/u-block-([abc])/g, "u-proxy-$1").replace(/u-block /g, "u-proxy "), group };
+        // Seen from both sides: the inside of the far wall shows over the field.
+        if (open)
+            delete tinted.cull;
+        return tinted;
+    });
+}
 /** A name that faces the eye, standing over a building: its text on a plate. */
 function sign(id, text, at, bottom, size, group) {
     const wide = Math.max(size * 2.2, size * 0.62 * text.length + size * 1.2);
@@ -70,6 +92,9 @@ export function buildDistrictTurn(options, settings = {}) {
     const plan = planDistrict(options);
     const base = districtId(options);
     const id = settings.id ?? `${base}-turn`;
+    // How much is drawn: the tier asked for (a view that chooses by its frames builds it again at each tier).
+    const profile = TIER_PROFILES[tierOf(settings.quality)];
+    const longest = Math.max(plan.view.w, plan.view.h);
     const labels = options.labels ?? plan.mode === "city";
     const items = [];
     const defs = [];
@@ -77,12 +102,23 @@ export function buildDistrictTurn(options, settings = {}) {
     plan.members.forEach((placed, i) => {
         const member = placed.member;
         const prefix = `m${i}-`;
+        // A small venue, in a tier that draws such as a block: its outline standing up to its height, and nothing of its stands.
+        const xs = placed.footprint.map((q) => q[0]);
+        const ys = placed.footprint.map((q) => q[1]);
+        const plain = member.shell === undefined && member.parts === undefined && member.elevation === undefined && member.plate === undefined && member.slabs === undefined;
+        const span = Math.max(Math.max(...xs) - Math.min(...xs), Math.max(...ys) - Math.min(...ys));
+        // (A district of one venue never draws it as a block: it is what the view is of.)
+        if (plain && plan.members.length > 1 && profile.proxy > 0 && span < profile.proxy * longest) {
+            items.push({ id: `${prefix}proxy`, kind: "blocks", at: placed.at, height: BLOCK_HEIGHT[member.kind] ?? 90, planes: venueBlock(member.key, member.kind, placed.footprint, prefix, i, span >= SOLID_BELOW * longest) });
+            return;
+        }
         // A venue may have several surfaces (the rooms of a floor): each is built as its own 3D view is, with the crowd drawn without its seats on its floor and the stands raised, and put where the plan puts it, in the venue's one group.
         placed.parts.forEach((pp, j) => {
             const part = pp.part;
             const tag = j === 0 ? "" : `p${j}`;
             const memberId = `${id}-m${i}${tag}`;
-            const model = buildTurn({ ...part.options, language, ...(options.theme === undefined ? {} : { theme: options.theme }), id: `${base}-m${i}${tag}` }, { ...settings, id: memberId, venue: { roof: true, ...(typeof settings.venue === "object" ? settings.venue : {}) }, preset: undefined, view: undefined });
+            const crowd = part.options.crowd;
+            const model = buildTurn({ ...part.options, ...(profile.simple && typeof crowd === "object" && crowd !== null ? { crowd: { ...crowd, detail: "plain", density: Math.min(crowd.density ?? 0.85, 0.6) } } : {}), language, ...(options.theme === undefined ? {} : { theme: options.theme }), id: `${base}-m${i}${tag}` }, { ...settings, id: memberId, venue: { roof: true, ...(typeof settings.venue === "object" ? settings.venue : {}) }, preset: undefined, view: undefined });
             const centre = surfaceCentre(part.options);
             const pfx = `m${i}${tag}-`;
             // A surface on an upper floor (the Kodokan's dojos) stands that high over the ground, on a floor drawn in the air; the ground under it is left bare.
@@ -91,7 +127,7 @@ export function buildDistrictTurn(options, settings = {}) {
             const lowest = (p) => Math.min(p.o[2], p.o[2] + p.u[2], p.o[2] + p.v[2], p.o[2] + p.u[2] + p.v[2]);
             const shown = (p) => part.show === undefined || (part.show === "gallery") === (lowest(p) >= KODOKAN_GALLERY_LEVEL - 1e-6);
             for (const item of model.uprights.items) {
-                const planes = item.planes.filter((p) => p.kind !== "ground" && shown(p)).map((p) => placeInDistrict(p, pp, centre, pfx, i, lift));
+                const planes = item.planes.filter((p) => p.kind !== "ground" && shown(p) && !(profile.simple && SMALL_PARTS.has(p.kind))).map((p) => placeInDistrict(p, pp, centre, pfx, i, lift));
                 if (planes.length > 0) {
                     const [ax, ay] = item.at;
                     const [rx, ry] = rot([ax - centre[0], ay - centre[1]], pp.angle);
@@ -142,6 +178,9 @@ export function buildDistrictTurn(options, settings = {}) {
                 // The great dojo's floor, seen with every floor, has its own slab; and a solid building hides what is in it.
                 if (!chosen && ((member.plate === undefined && slab.floor === 7) || options.building === "solid"))
                     continue;
+                // The faint floors are as big as the building (each is a layer of its own, a megapixel and more): the lower tiers keep the chosen floor's and leave the others out.
+                if (!chosen && profile.simple)
+                    continue;
                 const ids = chosen ? { top: `${prefix}plate`, side: `${prefix}plate-s` } : { top: `${prefix}plate-f${slab.floor}-top`, side: `${prefix}plate-f${slab.floor}-s` };
                 const planes = slabPlanes(placed.footprint, slab.level, thick, ids, chosen ? "chosen" : "faint").map((p) => ({ ...p, group: i }));
                 items.push({ id: ids.top, kind: "deck", at: placed.at, height: slab.level, planes });
@@ -156,7 +195,7 @@ export function buildDistrictTurn(options, settings = {}) {
     });
     // The buildings round the venues stand apart from them: each block's planes are of no venue's group.
     if (plan.context !== undefined)
-        for (const item of contextUprights(plan.context))
+        for (const item of contextUprights(plan.context, profile.blocks))
             items.push({ ...item, planes: item.planes.map((p) => ({ ...p, group: APART })) });
     if (labels) {
         const size = Math.max(plan.view.w, plan.view.h) * (plan.mode === "city" ? 0.016 : 0.022);
@@ -172,9 +211,24 @@ export function buildDistrictTurn(options, settings = {}) {
     const area = { x0: view.x, y0: view.y, x1: view.x + view.w, y1: view.y + view.h };
     const uprights = { items, lift: 0, thin: Math.hypot(view.w, view.h) * 0.0012, area, whole: true, ...(defs.length === 0 ? {} : { defs: defs.join("") }) };
     const planes = planesOf(uprights);
-    const box = sceneBox(planes, area, 0, centre, scale);
+    // The camera is fitted to what the district is at `high`, whatever tier it is drawn at: a view that changes tier keeps its camera where it is, and the lower tiers stand in the same frame.
+    let box = sceneBox(planes, area, 0, centre, scale);
+    if (profile.tier !== "high") {
+        const key = JSON.stringify(settings.venue ?? null);
+        const known = HIGH_BOX.get(options);
+        if (known?.key === key)
+            box = known.box;
+        else {
+            box = buildDistrictTurn(options, { ...settings, quality: "high" }).box;
+            HIGH_BOX.set(options, { key, box });
+        }
+    }
+    else
+        HIGH_BOX.set(options, { key: JSON.stringify(settings.venue ?? null), box });
     // (The floor has no names: the 3D view's own signs, which face the eye, carry them.)
-    const floor = drawDistrict({ ...options, id: base, labels: false }, plan, (member, i, part) => drawMember(member, { ...options, id: base }, i, base, { floor: true }, part));
+    // (The trees of the tiers that draw fewer are thinned on the floor only: a tree is a dot there.)
+    const floorPlan = profile.trees < 1 && plan.context?.trees !== undefined ? { ...plan, context: { ...plan.context, trees: thinTrees(plan.context.trees, profile.trees) } } : plan;
+    const floor = drawDistrict({ ...options, id: base, labels: false }, floorPlan, (member, i, part) => drawMember(member, { ...options, id: base }, i, base, { floor: true }, part));
     const { title, description } = describeDistrict(options, plan);
     const presets = districtPresets(plan);
     const surfaceLike = { sport: "soccer", language, ...(options.theme === undefined ? {} : { theme: options.theme }), ...(options.style === undefined ? {} : { style: options.style }) };
@@ -199,6 +253,7 @@ export function buildDistrictTurn(options, settings = {}) {
         centre,
         view: openingView(settings, presets),
         turnable: true,
+        tiered: true,
         presets,
         // A scene that turns about its middle with buildings far from it wants a longer lens, so that what swings toward the eye does not swell.
         lens: 12,

package/dist/draw.js

@@ -8,11 +8,11 @@ import { el, esc, num } from "./format.js";
 import { fieldAttributes } from "./field.data.js";
 import { ERA_SPORTS, footballIn, rulesFor, seasonLabel } from "./eras.js";
 import { FOOTBALL } from "./geometry.js";
-import { renderLayers } from "./layers.js";
-import { arenaById, arenaCourtIn, arenaNameIn, arenaOfficialName, arenaRinkIn } from "./arenas.js";
+import { partOf } from "./draw.parts.js";
+import { heldArena, arenaCourtIn, arenaNameIn, arenaOfficialName, arenaRinkIn } from "./arenas.core.js";
 import { venueById, venueBowl } from "./venues.js";
 import { KYOGIJO_STADIUM_STYLE, planPark, stadiumBowl, stadiumById, stadiumConfigOf, stadiumConfigs, stadiumKind, stadiumNames, stadiumSeats } from "./stadiums.js";
-import { groundById, groundNameIn, groundOfficialName } from "./grounds.js";
+import { heldGround, groundNameIn, groundOfficialName } from "./grounds.core.js";
 import { BOARD, courtFor, hasSetsBoard, isNetLeague, isNetSport } from "./court.js";
 import { cricketBoardMarkup } from "./cricket.board.js";
 import { athleticsPlan } from "./athletics/plan.js";
@@ -39,7 +39,7 @@ import { fieldsStyle } from "./fields.style.js";
 import { resolveHomeSide } from "./homeside.js";
 import { LEAGUES, chooseLeague, courtOf, diamondOf, fieldOf, hasHistory, leagueSeason, leagueSize, netOf, rinkOf, sheetOf } from "./leagues.js";
 import { MLB_DIAMOND, diamondFence } from "./leagues/baseball.js";
-import { fenceFor, parkById, parkNameIn, parkOfficialName, parkWallsIn } from "./parks.js";
+import { fenceFor, heldPark, parkNameIn, parkOfficialName, parkWallsIn } from "./parks.core.js";
 import { boardMarkup, endText } from "./curling.board.js";
 import { sheetFor } from "./sheet.js";
 import { commonOf, isPoolSport, swimPlan, poloPlan, divePlan, artisticPlan } from "./pool.js";
@@ -93,6 +93,8 @@ import { specialText } from "./events.js";
 import { layoutOf, soccerSpec } from "./surfaces/soccer-spec.js";
 import { abbreviate, capitals } from "./text.js";
 import { VERSION } from "./version.js";
+/** What the layers are when a drawing has none: nothing, and nothing to say. */
+const NO_LAYERS = { svg: "", summaries: [] };
 export { isPortrait };
 /** The sports that can be drawn, in the order a menu lists them. */
 export const SPORTS = ["nfl", "cfl", "ifaf", "nhl", "nba", "mlb", "soccer", "curling", "tennis", "volleyball", "badminton", "pickleball", "tabletennis", "padel", "squash", "racquetball", "sepaktakraw", "teqball", "roundnet", "netball", "swimming", "waterpolo", "diving", "artisticswimming", "athletics", "skating", "judo", "karate", "kendo", "sumo", "kyudo", "dojo", "mma", "boxing", "wrestling", "prowrestling", "lacrosse", "rugby", "afl", "gaelic", "cricket", "fieldhockey", "handball"];
@@ -229,7 +231,7 @@ const GOALS = ["box", "line", "strip", "none"];
 export function pitchOf(o) {
     if (o.pitch !== undefined)
         return o.pitch;
-    const ground = groundById(o.ground);
+    const ground = heldGround(o.ground);
     return ground === undefined || ground.pitchSize === "default" ? undefined : { ...ground.pitch, unit: "m" };
 }
 function buildSoccer(o, common, scored, unit) {
@@ -309,13 +311,13 @@ function buildWhole(o, portrait, id, score, scored, extra) {
         }
         case "nhl": {
             // An arena's rink is the size its sources publish, with the markings of the season asked for; an arena with none published has the NHL's.
-            const sized = league === undefined ? arenaRinkIn(arenaById(o.arena), o.year) : undefined;
+            const sized = league === undefined ? arenaRinkIn(heldArena(o.arena), o.year) : undefined;
             if (sized !== undefined)
                 return hockey(common, rulesFor("nhl", o.year).rules, { ...NHL_RINK, length: sized.length, width: sized.width });
             return league?.family === "hockey" ? hockey(common, undefined, rinkOf(league, o.year)) : hockey(common, rulesFor("nhl", o.year).rules);
         }
         case "nba": {
-            const sized = league === undefined ? arenaCourtIn(arenaById(o.arena), o.year) : undefined;
+            const sized = league === undefined ? arenaCourtIn(heldArena(o.arena), o.year) : undefined;
             if (sized !== undefined)
                 return basketball(common, rulesFor("nba", o.year).rules, { ...NBA_COURT, length: sized.length, width: sized.width });
             return league?.family === "basketball" ? basketball(common, undefined, courtOf(league, o.year)) : basketball(common, rulesFor("nba", o.year).rules);
@@ -323,11 +325,11 @@ function buildWhole(o, portrait, id, score, scored, extra) {
         case "mlb": {
             if (league?.family === "baseball") {
                 const diamond = diamondOf(league, o.year);
-                return baseball(fenceFor(parkById(o.park), feetFence(o.fence, unit), o.year, diamondFence(diamond)), { ...common, ballpark: ballparkFor(o) }, undefined, diamond);
+                return baseball(fenceFor(heldPark(o.park), feetFence(o.fence, unit), o.year, diamondFence(diamond)), { ...common, ballpark: ballparkFor(o) }, undefined, diamond);
             }
             // A real ballpark whose infield is all dirt (Koshien Stadium's) has no grass inside the bases.
             const dirt = realStadiumOf(o, "mlb", resolveCrowd(o.crowd)?.real === true)?.stadium.looks?.dirtInfield !== undefined;
-            return baseball(fenceFor(parkById(o.park), feetFence(o.fence, unit), o.year), { ...common, ballpark: ballparkFor(o), ...(dirt ? { dirtInfield: true } : {}) }, rulesFor("mlb", o.year).rules);
+            return baseball(fenceFor(heldPark(o.park), feetFence(o.fence, unit), o.year), { ...common, ballpark: ballparkFor(o), ...(dirt ? { dirtInfield: true } : {}) }, rulesFor("mlb", o.year).rules);
         }
         case "soccer":
             return buildSoccer(o, common, scored, unit);
@@ -418,9 +420,9 @@ function parkFence(o) {
     const { league } = chooseLeague(o);
     if (league?.family === "baseball") {
         const diamond = diamondOf(league, o.year);
-        return { points: fenceFor(parkById(o.park), feetFence(o.fence, unit), o.year, diamondFence(diamond)), backstop: diamond.backstop };
+        return { points: fenceFor(heldPark(o.park), feetFence(o.fence, unit), o.year, diamondFence(diamond)), backstop: diamond.backstop };
     }
-    return { points: fenceFor(parkById(o.park), feetFence(o.fence, unit), o.year), backstop: MLB_DIAMOND.backstop };
+    return { points: fenceFor(heldPark(o.park), feetFence(o.fence, unit), o.year), backstop: MLB_DIAMOND.backstop };
 }
 /**
  * The real stadium (and the configuration) the options draw, where `crowd: { real: true }` asks for one: a football field (`cfl`, `nfl`) or a soccer pitch in the stadium named by `stadium` or by the `ground`, a baseball field in
@@ -440,7 +442,7 @@ function standsFor(o, surface, crowd) {
     if (sport === "mlb") {
         const { points, backstop } = parkFence(o);
         // The walls that have seats on top of them: the ones the package knows (Fenway Park's Green Monster), or, asked for, every wall of 25 feet or more.
-        const park = parkById(o.park);
+        const park = heldPark(o.park);
         const walls = park === undefined || crowd.wallSeats === false ? [] : parkWallsIn(park, o.year).filter((w) => (crowd.wallSeats === true ? w.height_ft >= 25 : w.label !== undefined && WALL_SEATS[park.id] === w.label));
         const input = { fence: fenceOutline(points), backstop, crowd, seatsOnWalls: walls.map((w) => ({ from: w.from, to: w.to, height: w.height_ft })) };
         // A real ballpark: the building it stands in, the way home plate faces and a roof, with its stands as deep as its seats need (no visitors' block: no source places one).
@@ -503,7 +505,7 @@ function buildCrowded(o, portrait, id, score, scored, extra, crowd) {
     const surface = buildWhole(o, portrait, id, score, scored, { ...extra, margin });
     const stands = standsFor(o, surface, crowd);
     const seats = stands.seats;
-    const ground = groundById(o.ground)?.capacity;
+    const ground = heldGround(o.ground)?.capacity;
     const fine = crowd.detail === "fine" || (crowd.detail === "auto" && !smallDrawing(o));
     const first = /^<[^>]*\/>/.exec(surface.base)?.[0] ?? "";
     const bg = /class="([^"]*)"/.exec(first)?.[1] ?? "ky-apron";
@@ -744,17 +746,17 @@ export function describe(o) {
     const language = o.language === "ja" ? "ja" : "en";
     const words = KYOGIJO_STRINGS[language];
     const { sport, league } = chooseLeague(o);
-    const park = sport === "mlb" ? parkById(o.park) : undefined;
+    const park = sport === "mlb" ? heldPark(o.park) : undefined;
     const parkName = park === undefined ? undefined : parkNameIn(park, language);
     const pitch = sport === "soccer" ? soccerSpec(pitchOf(o)) : undefined;
     // A ground names a full-size pitch; a small-sided pitch or futsal court the caller asked for keeps its own name.
-    const ground = pitch?.format === "11" ? groundById(o.ground) : undefined;
+    const ground = pitch?.format === "11" ? heldGround(o.ground) : undefined;
     const groundName = ground === undefined ? undefined : groundNameIn(ground, o.year, language);
     // A league other than the sport's own is named by its rulebook's, and its description is made from its figures.
-    const trackGround = sport === "athletics" ? groundById(o.ground) : undefined;
+    const trackGround = sport === "athletics" ? heldGround(o.ground) : undefined;
     const trackGroundName = trackGround === undefined ? undefined : groundNameIn(trackGround, o.year, language);
     // An arena names its rink or its court.
-    const arena = (sport === "nhl" || sport === "nba") && league === undefined ? arenaById(o.arena) : undefined;
+    const arena = (sport === "nhl" || sport === "nba") && league === undefined ? heldArena(o.arena) : undefined;
     const arenaName = arena === undefined ? undefined : arenaNameIn(arena, o.year, language);
     const arenaSize = arena === undefined || arenaName === undefined ? undefined : sport === "nhl" ? arenaRinkIn(arena, o.year) : arenaCourtIn(arena, o.year);
     const surfaceName = arenaName !== undefined ? fill(sport === "nhl" ? words.said.arenaRink : words.said.arenaCourt, { arena: arenaName }) : trackGroundName !== undefined ? fill(words.athletics.ground, { ground: trackGroundName }) : groundName !== undefined ? (language === "ja" ? `${groundName}のピッチ` : `${groundName}, soccer pitch`) : league !== undefined && parkName === undefined ? league.name[language] : parkName === undefined ? (pitch?.format === "futsal" ? words.soccer.futsal : words.surface[sport]) : language === "ja" ? `${parkName}のグラウンド` : `${parkName}, baseball field`;
@@ -1086,13 +1088,13 @@ function drawnKyogijo(o) {
         if (sit !== undefined && lineupped)
             inner += cutSit(sit.over);
         // Data goes over the markings and under the score's panel.
-        const layered = renderLayers(o, o.layers, surface.turned, surface.whole === undefined ? undefined : surface.box, surface.upright);
+        const layered = o.layers === undefined || o.layers.length === 0 ? NO_LAYERS : partOf("layers", "the layers option")(o, o.layers, surface.turned, surface.whole === undefined ? undefined : surface.box, surface.upright);
         inner += surface.frame === undefined || layered.svg === "" ? layered.svg : el("g", { transform: surface.frame }, layered.svg);
         // A surface drawn in parts shows the data again in each enlarged part, with its own ids, hidden from a reader of the drawing (the strip says it). A colour bar sized
         // against the whole sheet falls outside the panels' part of it and is cut away there; one given a `region` inside a panel's part is drawn there, large.
         if (surface.panels !== undefined && layered.svg !== "" && o.layers !== undefined) {
             surface.panels.forEach((panel, i) => {
-                const copy = renderLayers({ ...o, id: `${id}-f${i}` }, o.layers, surface.turned);
+                const copy = partOf("layers", "the layers option")({ ...o, id: `${id}-f${i}` }, o.layers, surface.turned);
                 if (copy.svg !== "")
                     inner += el("g", { class: "ky-fold-data", "aria-hidden": "true", transform: panel.transform, "clip-path": `url(#${panel.clip})` }, copy.svg);
             });

package/dist/draw.parts.d.ts

@@ -0,0 +1,12 @@
+import type { renderLayers } from "./layers.ts";
+/** The parts there are, by name, each with the function the drawing calls. */
+export interface DrawParts {
+    /** The data laid over a surface (`options.layers`): shots, heat maps, tracks, lineups, legends. */
+    layers: typeof renderLayers;
+}
+/** Hold a part for the drawing: what `full.ts` does for each part there is. */
+export declare function providePart<K extends keyof DrawParts>(name: K, feature: DrawParts[K]): void;
+/** Whether a part is held. */
+export declare const hasPart: (name: keyof DrawParts) => boolean;
+/** A part, for a drawing whose options ask for it (`asked` names the option); throws, saying how to have it, where it is not held. */
+export declare function partOf<K extends keyof DrawParts>(name: K, asked: string): DrawParts[K];

package/dist/draw.parts.js

@@ -0,0 +1,14 @@
+const held = {};
+/** Hold a part for the drawing: what `full.ts` does for each part there is. */
+export function providePart(name, feature) {
+    held[name] = feature;
+}
+/** Whether a part is held. */
+export const hasPart = (name) => held[name] !== undefined;
+/** A part, for a drawing whose options ask for it (`asked` names the option); throws, saying how to have it, where it is not held. */
+export function partOf(name, asked) {
+    const found = held[name];
+    if (found === undefined)
+        throw new Error(`${asked} needs the ${name} part of the drawing, which this entry does not carry: use an entry that has every part (the main entry, or any but the lean district's), or import "@johnmorrisdotca/kyogijo-stadiums/full" first`);
+    return found;
+}

package/dist/element-entry.d.ts

@@ -1,3 +1,4 @@
+import "./full.ts";
 export { KYOGIJO_ATTRIBUTES, KYOGIJO_TAG, KyogijoField, defineKyogijoField, optionsFromAttributes, replaySettingsFromAttributes, turnSettingsFromAttributes, turnWanted } from "./element.ts";
 export { useEmblems } from "./emblems-source.ts";
 export type { EmblemRenderer } from "./emblems-source.ts";

package/dist/element-entry.js

@@ -1,4 +1,5 @@
 // The custom element's class and its registration function; importing this entry registers nothing.
+import "./full.js";
 export { KYOGIJO_ATTRIBUTES, KYOGIJO_TAG, KyogijoField, defineKyogijoField, optionsFromAttributes, replaySettingsFromAttributes, turnSettingsFromAttributes, turnWanted } from "./element.js";
 export { useEmblems } from "./emblems-source.js";
 export { useFlags } from "./flags-source.js";

package/dist/events-entry.d.ts

@@ -1,3 +1,4 @@
+import "./full.ts";
 export { EVENTS, EVENT_IDS, EVENT_SOURCES, conventionPlacement, eventById, eventFit, eventOptions, eventSources, fitOf } from "./events.ts";
 export type { EventSource, Fit, PlacementBasis, PlacementRule, SpecialEvent, SpecialEventData, Words } from "./events.ts";
 export { KYOGIJO_SPECIAL_STYLE } from "./special.style.ts";