@johnmorrisdotca/dougu-sports 0.0.1 → 0.2.0

package/dist/emblems/award/badge.js

@@ -0,0 +1,14 @@
+// Badge: a seal with a star and two tails of ribbon, drawn for this package, in metal, line and flat colour.
+import { circlePath, defineIcon, starPath } from "../emblem.shapes.js";
+/** Badge with a star. */
+export const AWARD_BADGE = /* @__PURE__ */ defineIcon("award:badge", "Badge", "バッジ", "ours", {
+    metal: "gold",
+    ribbon: "#c0392b",
+    front: [
+        ["r", "M21 41L12 61l10-4.4 5.4 6.4 4.4-17zM43 41l9 20-10-4.4-5.4 6.4-4.4-17z"],
+        ["o", starPath(32, 26, 24, 21, 18)],
+        ["e", circlePath(32, 26, 16.6), "2"],
+        ["m", starPath(32, 26, 10.6, 4.6)],
+        ["l", "M17 18a17 17 0 0 1 11-9 20 20 0 0 0-11 19z"],
+    ],
+});

package/dist/emblems/award/crown.d.ts

@@ -0,0 +1,2 @@
+/** Crown. */
+export declare const AWARD_CROWN: import("../emblem.core.ts").Emblem<import("../emblem.shapes.ts").FlatModel>;

package/dist/emblems/award/crown.js

@@ -0,0 +1,15 @@
+// Crown: three points tipped with balls over a jewelled band, drawn for this package, in metal, line and flat colour.
+import { circlePath, defineIcon } from "../emblem.shapes.js";
+/** Crown. */
+export const AWARD_CROWN = /* @__PURE__ */ defineIcon("award:crown", "Crown", "王冠", "ours", {
+    metal: "gold",
+    ribbon: "#c0392b",
+    front: [
+        ["m", "M8 48L5 19L20 31L32 11L44 31L59 19L56 48z"],
+        ["e", "M12.4 43.4L10.6 28.6L21 37L32 19.6L43 37L53.4 28.6L51.6 43.4", "1.6"],
+        ["o", `${circlePath(5, 17, 3.6)}${circlePath(32, 9, 3.8)}${circlePath(59, 17, 3.6)}`],
+        ["m", "M8 50h48v8H8z"],
+        ["r", `${circlePath(18, 54, 2.2)}${circlePath(32, 54, 2.2)}${circlePath(46, 54, 2.2)}`],
+        ["l", "M12 24l6.4 5.2-1.6 12L13.6 41z"],
+    ],
+});

package/dist/emblems/award/medal.d.ts

@@ -1,2 +1,2 @@
-/** A medal on a ribbon. Turned, it flips like a coin and shows its plain back. */
+/** Medal on a ribbon. */
 export declare const AWARD_MEDAL: import("../emblem.core.ts").Emblem<import("../emblem.shapes.ts").FlatModel>;

package/dist/emblems/award/medal.js

@@ -1,19 +1,14 @@
-// The medal on a ribbon: a gold disc with a star on its face and a plain back, on two crossed straps. Drawn for this package. A sample of the award area (see docs/layout.md).
-import { circlePath, defineFlat, starPath } from "../emblem.shapes.js";
-/** A medal on a ribbon. Turned, it flips like a coin and shows its plain back. */
-export const AWARD_MEDAL = /* @__PURE__ */ defineFlat("award:medal", "Medal", "メダル", "ours", {
+// Medal: a ribbon with a notched end and a star hanging from it, drawn for this package, in metal, line and flat colour.
+import { defineIcon, starPath } from "../emblem.shapes.js";
+/** Medal on a ribbon. */
+export const AWARD_MEDAL = /* @__PURE__ */ defineIcon("award:medal", "Medal", "メダル", "ours", {
     metal: "gold",
+    ribbon: "#c0392b",
     front: [
-        { part: "ribbon", d: "M17 3H29L39 31H28Z" },
-        { part: "ribbon", d: "M47 3H35L25 31H36Z" },
-        { part: "main", d: circlePath(32, 42, 17) },
-        { part: "detail", d: circlePath(32, 42, 12.5) },
-        { part: "main", d: starPath(32, 42, 8.6, 3.6) },
-    ],
-    back: [
-        { part: "ribbon", d: "M17 3H29L39 31H28Z" },
-        { part: "ribbon", d: "M47 3H35L25 31H36Z" },
-        { part: "main", d: circlePath(32, 42, 17) },
-        { part: "detail", d: circlePath(32, 42, 12.5) },
+        ["r", "M21 3h22v26L32 23.4 21 29z"],
+        ["e", "M26 3v22M38 3v22", "1.4"],
+        ["m", "M32 27.4a2.6 2.6 0 1 1 0 5.2a2.6 2.6 0 1 1 0-5.2z"],
+        ["m", starPath(32, 46, 16.4, 7)],
+        ["l", "M32 34.6l3.4 8-9.4 1.4z"],
     ],
 });

package/dist/emblems/award/shield.d.ts

@@ -0,0 +1,2 @@
+/** Shield. */
+export declare const AWARD_SHIELD: import("../emblem.core.ts").Emblem<import("../emblem.shapes.ts").FlatModel>;

package/dist/emblems/award/shield.js

@@ -0,0 +1,11 @@
+// Shield: a shield with a bevelled face, drawn for this package, in metal, line and flat colour.
+import { defineIcon } from "../emblem.shapes.js";
+/** Shield. */
+export const AWARD_SHIELD = /* @__PURE__ */ defineIcon("award:shield", "Shield", "盾", "ours", {
+    metal: "silver",
+    front: [
+        ["m", "M32 4L10 12v18c0 14 9 25 22 30 13-5 22-16 22-30V12z"],
+        ["e", "M32 10.4L15.6 16.4V30c0 10.6 6.4 18.8 16.4 22.8 10-4 16.4-12.2 16.4-22.8V16.4z", "2"],
+        ["l", "M17 18l13-5v38C21 46 17 38 17 30z"],
+    ],
+});

package/dist/emblems/award/star.d.ts

@@ -0,0 +1,2 @@
+/** Star. */
+export declare const AWARD_STAR: import("../emblem.core.ts").Emblem<import("../emblem.shapes.ts").FlatModel>;

package/dist/emblems/award/star.js

@@ -0,0 +1,11 @@
+// Star: a five-pointed star with a bevelled face, drawn for this package, in metal, line and flat colour.
+import { defineIcon, starPath } from "../emblem.shapes.js";
+/** Star. */
+export const AWARD_STAR = /* @__PURE__ */ defineIcon("award:star", "Star", "星", "ours", {
+    metal: "gold",
+    front: [
+        ["m", starPath(32, 34, 29, 12.4)],
+        ["e", starPath(32, 35, 18.6, 7.8), "1.8"],
+        ["l", "M32 8.4l5 14.6-5 3.6-5-3.6z"],
+    ],
+});

package/dist/emblems/ball/ball.afl.d.ts

@@ -0,0 +1 @@
+export declare const BALL_AFL: import("./ball.core.ts").Piece<import("./ball.engine.ts").BallSpec>;

package/dist/emblems/ball/ball.afl.js

@@ -0,0 +1,24 @@
+// Australian football: a red leather ball, rounder than an American one, with four panels whose seams are sewn with white stitches.
+import { defineBall } from "./ball.engine.js";
+import { footballSeams } from "./ball.family.prolate.js";
+import { stitches } from "./ball.stitch.js";
+import { mix } from "./ball.core.js";
+export const BALL_AFL = /* @__PURE__ */ defineBall({
+    id: "ball:afl",
+    en: "Australian football",
+    ja: "オージーボール",
+    size: { extentMm: 280, lengthMm: 280, circumferenceMm: 550.0, longCircumferenceMm: 725.0, rule: "Laws of Australian Football 2026, Law 4 The Football, 4.1 Specifications", note: "The Laws give the two circumferences (720-730 mm and 545-555 mm) and no length: 280 mm is the length of an ellipse of those two girths." },
+    spec: {
+        axes: [1, 0.7, 0.7],
+        view: { yaw: -30, pitch: 20, roll: -25 },
+        base: "#b4202b",
+        mat: { gloss: 0.55, shade: "#2a0408", grain: { f: 1.0, a: 0.34 } },
+        draw: (s, base) => {
+            const seams = footballSeams(Math.PI / 4);
+            let out = s.strokes(seams, mix(base, -0.5), 1.1, { closed: true });
+            for (const seam of seams)
+                out += s.strokes(stitches(seam, true, 46, 0.045, { lean: 0.0 }), "#f4efe4", 0.8, { ink: false });
+            return out;
+        },
+    },
+});

package/dist/emblems/ball/ball.baseball.d.ts

@@ -0,0 +1 @@
+export declare const BALL_BASEBALL: import("./ball.core.ts").Piece<import("./ball.engine.ts").BallSpec>;

package/dist/emblems/ball/ball.baseball.js

@@ -0,0 +1,14 @@
+// Baseball: a white leather ball with 108 red double stitches in V's along the figure-eight seam.
+import { seamedBall } from "./ball.family.seamed.js";
+export const BALL_BASEBALL = /* @__PURE__ */ seamedBall({
+    id: "ball:baseball",
+    en: "Baseball",
+    ja: "野球のボール",
+    size: { extentMm: 73.8, diameterMm: 73.8, circumferenceMm: 231.77, massG: [141.75, 148.83], rule: "Official Baseball Rules, Rule 3.01 The Ball", note: "Diameter worked out from the middle of the circumference range." },
+    base: "#f4f0e6",
+    b: 0.4,
+    view: { yaw: 18, pitch: 28, roll: -10 },
+    mat: { gloss: 0.3, shade: "#4a3a2a", grain: { f: 1.4, a: 0.12 } },
+    groove: "#8a7a62",
+    stitch: { colour: "#c4262e", count: 108, half: 0.075, width: 0.85, lean: 0.032 },
+});

package/dist/emblems/ball/ball.basketball.d.ts

@@ -0,0 +1,7 @@
+import { type BallSpec } from "./ball.engine.ts";
+import type { V3 } from "./ball.math.ts";
+/** One side channel: the wave above the equator for `sign` 1 and below it for -1. */
+export declare const basketballChannel: (sign: 1 | -1, n?: number) => V3[];
+/** The spec of a basketball: its colour, and the colour of its lower half for a two-tone ball. */
+export declare function basketballSpec(base: string, lower?: string): BallSpec;
+export declare const BALL_BASKETBALL: import("./ball.core.ts").Piece<BallSpec>;

package/dist/emblems/ball/ball.basketball.js

@@ -0,0 +1,32 @@
+// The basketball: an orange sphere with the equator, the meridian and the two curved side channels. The channels are the curves latitude = +-(0.304 + 0.585 sin^2 longitude) round the ball,
+// each crossing the meridian square on and swinging away from the equator toward both sides; the constants were fitted to a photograph and a drawing of a generic ball (a least-squares
+// match of 1,766 seam pixels), not copied from either. FIBA allows at most 12 seams of at most 6.35 mm; this ball has the four channels of the usual pattern.
+import { defineBall } from "./ball.engine.js";
+import { greatCircle, lonLat, smallCircle } from "./ball.math.js";
+import { mix } from "./ball.core.js";
+const L0 = 0.304;
+const AMP = 0.585;
+/** One side channel: the wave above the equator for `sign` 1 and below it for -1. */
+export const basketballChannel = (sign, n = 72) => Array.from({ length: n }, (_, i) => {
+    const lon = (i / n) * 2 * Math.PI;
+    return lonLat(lon, sign * (L0 + AMP * Math.sin(lon) ** 2));
+});
+/** The spec of a basketball: its colour, and the colour of its lower half for a two-tone ball. */
+export function basketballSpec(base, lower) {
+    return {
+        view: { yaw: 46.8, pitch: -13.5, roll: 183.6 },
+        base,
+        mat: { gloss: 0.5, shade: "#4a1c06", grain: { f: 1.1, a: 0.32 } },
+        draw(s, colour) {
+            const ink = mix(colour, -0.88);
+            let out = "";
+            if (lower !== undefined)
+                out += s.panel(smallCircle([0, -1, 0], 1.545, 72), lower, { n: 1, ink: false });
+            const curves = [greatCircle([0, 1, 0], 72), greatCircle([1, 0, 0], 72), basketballChannel(1), basketballChannel(-1)];
+            out += s.strokes(curves, ink, 2.0, { closed: true });
+            return out;
+        },
+    };
+}
+const SIZE7 = { extentMm: 241.9, diameterMm: 241.9, circumferenceMm: 760.0, massG: [580, 620], rule: "FIBA Basketball Equipment 2026, Rule 2 Basketballs, 2.4 and Table 1 (size 7 = men's competitions)", note: "Diameter worked out from the middle of the circumference range." };
+export const BALL_BASKETBALL = /* @__PURE__ */ defineBall({ id: "ball:basketball", en: "Basketball", ja: "バスケットボール", size: SIZE7, spec: basketballSpec("#e0701f") });

package/dist/emblems/ball/ball.basketball3x3.d.ts

@@ -0,0 +1 @@
+export declare const BALL_BASKETBALL_3X3: import("./ball.core.ts").Piece<import("./ball.engine.ts").BallSpec>;

package/dist/emblems/ball/ball.basketball3x3.js

@@ -0,0 +1,10 @@
+// The 3x3 basketball: two-tone, orange above and charcoal below, the size of a 6 and the weight of a 7. Our own two-tone scheme; the rules fix the size and the weight.
+import { defineBall } from "./ball.engine.js";
+import { basketballSpec } from "./ball.basketball.js";
+export const BALL_BASKETBALL_3X3 = /* @__PURE__ */ defineBall({
+    id: "ball:basketball-3x3",
+    en: "Basketball, 3x3",
+    ja: "3x3バスケットボール",
+    size: { extentMm: 232.4, diameterMm: 232.4, circumferenceMm: 730.0, massG: [580, 620], rule: "FIBA 3x3 Official Equipment & Software Appendix to the 3x3 Official Rules (Dec 2024 update), Table 1 and section 5.7 (as quoted by balls.com)", note: "Not read in the FIBA 3x3 equipment appendix itself (fiba3x3.com refused the request); the figures are those a ball retailer prints from it: the circumference of a size 6 with the weight of a size 7. Diameter worked out from the middle of the circumference range." },
+    spec: basketballSpec("#e0701f", "#2b2d33"),
+});

package/dist/emblems/ball/ball.basketball6.d.ts

@@ -0,0 +1 @@
+export declare const BALL_BASKETBALL_6: import("./ball.core.ts").Piece<import("./ball.engine.ts").BallSpec>;

package/dist/emblems/ball/ball.basketball6.js

@@ -0,0 +1,10 @@
+// Basketball, size 6 (women's competitions): the same pattern a little smaller, here a shade lighter.
+import { defineBall } from "./ball.engine.js";
+import { basketballSpec } from "./ball.basketball.js";
+export const BALL_BASKETBALL_6 = /* @__PURE__ */ defineBall({
+    id: "ball:basketball-6",
+    en: "Basketball, size 6",
+    ja: "バスケットボール6号球",
+    size: { extentMm: 230.0, diameterMm: 230.0, circumferenceMm: 722.5, massG: [510, 550], rule: "FIBA Basketball Equipment 2026, Rule 2 Basketballs, 2.4 and Table 1 (size 6 = women's competitions)", note: "Diameter worked out from the middle of the circumference range." },
+    spec: basketballSpec("#e57a26"),
+});

package/dist/emblems/ball/ball.core.d.ts

@@ -0,0 +1,111 @@
+/** `metal` (also written `colour`): full colour, with shading. `line`: one outline in `currentColor`. */
+export type PieceStyle = "metal" | "colour" | "color" | "line";
+/** `inherit` (the default): the page's text colour. `auto`: dark ink on a light device and pale ink on a dark one. `light` and `dark` force one. */
+export type PieceTheme = "inherit" | "auto" | "light" | "dark";
+export interface PieceOptions {
+    /** `metal` or `colour` (the default) or `line`. */
+    style?: PieceStyle;
+    /** The width and height in pixels (64 by default); the drawing is a vector at any size. */
+    size?: number;
+    /** A colour that replaces the main colour of the piece, where it has one. A hex colour or `rgb()`; anything else is ignored. */
+    tint?: string;
+    theme?: PieceTheme;
+    /** A second colour, where a piece has one (laces, a stripe). */
+    accent?: string;
+    /** Force the grain on or off. By default it is on for a colour ball of 48 pixels or more that is not turning. */
+    grain?: boolean;
+    /** The language of the `<title>`: `"en"` (the default) or `"ja"`. */
+    locale?: "en" | "ja";
+    /** A string is the `<title>` (escaped); `false` drops it and marks the drawing `aria-hidden="true"`. */
+    title?: string | false;
+}
+/** A turn: `yaw` degrees about the vertical axis (0 is the default view), `pitch` the tilt toward you, `roll` the turn about the line of sight. */
+export interface BallFrameOptions extends PieceOptions {
+    yaw?: number;
+    pitch?: number;
+    roll?: number;
+}
+/** Where a drawing comes from. */
+export type PieceSource = "generated" | "drawn";
+/** `ball` is turned in 3D; `gear` is a flat drawing in a metal, a colour and a line style, which flips like a coin when turned. */
+export type PieceKind = "ball" | "gear";
+/** The official size of a ball or an implement, from the rulebook that governs it. Lengths in millimetres, mass in grams. */
+export interface PieceSize {
+    /** The largest extent of the drawing (a ball's diameter, a football's length), in millimetres: the scale `lineup` draws at. */
+    extentMm: number;
+    /** Across a sphere or a disc. */
+    diameterMm?: number;
+    /** End to end, for a prolate ball or an implement. */
+    lengthMm?: number;
+    /** The width across the middle of a prolate ball, or a stone's height, a puck's thickness. */
+    thicknessMm?: number;
+    /** Round the middle, for a ball the rulebook measures that way. */
+    circumferenceMm?: number;
+    /** Round the long way, for a prolate ball. */
+    longCircumferenceMm?: number;
+    massG?: readonly [number, number];
+    /** The rule the figures are from: document, edition and rule number. */
+    rule: string;
+    /** Anything the figures leave out, such as a figure that is the middle of a range or a part drawn shorter than it is. */
+    note?: string;
+}
+/** One ball or piece of gear. */
+export interface Piece<Model = unknown> {
+    readonly id: string;
+    readonly en: string;
+    readonly ja: string;
+    readonly source: PieceSource;
+    readonly kind: PieceKind;
+    readonly model: Model;
+    /** The official size, where the rulebook gives one. */
+    readonly size?: PieceSize;
+    /** The still drawing: a document of SVG. */
+    svg: (options?: PieceOptions) => string;
+    /** The piece turned: a ball in 3D, gear flipped like a coin. */
+    frame: (options?: BallFrameOptions) => string;
+}
+type Rgb = readonly [number, number, number];
+export declare function readColour(value: string | undefined): Rgb | undefined;
+export declare const hexOf: (rgb: Rgb) => string;
+/** A colour mixed toward black (`amount` below 0) or white (above 0). */
+export declare function mix(colour: string, amount: number): string;
+/** Two colours mixed: `t` 0 is `a`, 1 is `b`. */
+export declare function blend(a: string, b: string, t: number): string;
+/** Text made safe to write between tags and inside a double-quoted attribute. */
+export declare const escape: (text: string) => string;
+/** A number written short: at most `digits` decimals, no trailing zeros, no `-0`. */
+export declare const num: (value: number, digits?: number) => string;
+/** A short stable hash of some text, for ids that two drawings of one piece agree on. */
+export declare function hashOf(text: string): string;
+/** The options as the renderers use them. */
+export interface ResolvedOptions {
+    style: "colour" | "line";
+    size: number;
+    theme: PieceTheme;
+    tint: string | undefined;
+    accent: string | undefined;
+    grain: boolean | undefined;
+}
+export declare function resolveOptions(o: PieceOptions | undefined): ResolvedOptions;
+/** The ink of a drawing when a theme sets it, and the page it is made to read on. */
+export declare const PIECE_INK: {
+    readonly light: "#20262d";
+    readonly dark: "#eef1f3";
+};
+/** A drawing wrapped into a document, in a 100 by 100 box: the title, the outline's colour for the theme, the definitions and the body. */
+export declare function wrapPiece(o: {
+    title: string;
+    size: number;
+    theme: PieceTheme;
+    defs?: string;
+    body: string;
+    box?: string;
+    desc?: string;
+}): string;
+/** A piece's drawing function, with the `<title>` its options ask for: the Japanese name, a title of the caller's own, or none (the same rule as the emblems', in emblem.core.ts). */
+export declare const labelled: <O extends PieceOptions>(en: string, ja: string, draw: (options?: O) => string) => (options?: O) => string;
+/** Degrees to radians, for a value that may be missing or not a number. */
+export declare const radians: (degrees: number | undefined, fallback: number) => number;
+/** The definition of the grain filter: noise lit from the upper left and multiplied into what it is applied to. It works in the box's own units, so the grain stays where it is while a ball turns. */
+export declare function grainDef(id: string, f: number, a: number, seed?: number): string;
+export {};

package/dist/emblems/ball/ball.core.js

@@ -0,0 +1,79 @@
+// What every ball and every piece of gear is made of: the options, the colour helpers, the way a drawing is wrapped into a document, and the `Piece` object each one is.
+// It imports nothing, so a ball stands alone: a bundler can take one ball module without the others. The shape of a piece (`id`, `en`, `ja`, `source`, `kind`, `model`, `svg`, `frame`)
+// is the shape of an emblem in the emblem registry, so a registry can take a ball or a piece of gear as it is.
+export function readColour(value) {
+    if (value === undefined)
+        return undefined;
+    const text = value.trim();
+    const hex = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i.exec(text)?.[1];
+    if (hex !== undefined) {
+        const full = hex.length === 3 ? [...hex].map((c) => c + c).join("") : hex;
+        return [parseInt(full.slice(0, 2), 16), parseInt(full.slice(2, 4), 16), parseInt(full.slice(4, 6), 16)];
+    }
+    const rgb = /^rgb\(\s*(\d{1,3})[\s,]+(\d{1,3})[\s,]+(\d{1,3})\s*\)$/i.exec(text);
+    return rgb === null ? undefined : [Math.min(255, Number(rgb[1])), Math.min(255, Number(rgb[2])), Math.min(255, Number(rgb[3]))];
+}
+const hex2 = (n) => Math.max(0, Math.min(255, Math.round(n))).toString(16).padStart(2, "0");
+export const hexOf = (rgb) => `#${hex2(rgb[0])}${hex2(rgb[1])}${hex2(rgb[2])}`;
+/** A colour mixed toward black (`amount` below 0) or white (above 0). */
+export function mix(colour, amount) {
+    const rgb = readColour(colour) ?? [128, 128, 128];
+    const target = amount < 0 ? 0 : 255;
+    const t = Math.abs(amount);
+    return hexOf([rgb[0] + (target - rgb[0]) * t, rgb[1] + (target - rgb[1]) * t, rgb[2] + (target - rgb[2]) * t]);
+}
+/** Two colours mixed: `t` 0 is `a`, 1 is `b`. */
+export function blend(a, b, t) {
+    const x = readColour(a) ?? [128, 128, 128];
+    const y = readColour(b) ?? [128, 128, 128];
+    return hexOf([x[0] + (y[0] - x[0]) * t, x[1] + (y[1] - x[1]) * t, x[2] + (y[2] - x[2]) * t]);
+}
+/** Text made safe to write between tags and inside a double-quoted attribute. */
+export const escape = (text) => text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+/** A number written short: at most `digits` decimals, no trailing zeros, no `-0`. */
+export const num = (value, digits = 1) => {
+    const text = (Math.round(value * 10 ** digits) / 10 ** digits).toString();
+    return text === "-0" ? "0" : text;
+};
+/** A short stable hash of some text, for ids that two drawings of one piece agree on. */
+export function hashOf(text) {
+    let h = 2166136261;
+    for (let i = 0; i < text.length; i++)
+        h = Math.imul(h ^ text.charCodeAt(i), 16777619);
+    return (h >>> 0).toString(36);
+}
+export function resolveOptions(o) {
+    const size = typeof o?.size === "number" && Number.isFinite(o.size) && o.size > 0 ? Math.min(Math.round(o.size * 100) / 100, 4096) : 64;
+    const theme = o?.theme === "auto" || o?.theme === "light" || o?.theme === "dark" ? o.theme : "inherit";
+    const tint = readColour(o?.tint);
+    const accent = readColour(o?.accent);
+    return { style: o?.style === "line" ? "line" : "colour", size, theme, tint: tint === undefined ? undefined : hexOf(tint), accent: accent === undefined ? undefined : hexOf(accent), grain: typeof o?.grain === "boolean" ? o.grain : undefined };
+}
+/** The ink of a drawing when a theme sets it, and the page it is made to read on. */
+export const PIECE_INK = { light: "#20262d", dark: "#eef1f3" };
+/** A drawing wrapped into a document, in a 100 by 100 box: the title, the outline's colour for the theme, the definitions and the body. */
+export function wrapPiece(o) {
+    const colour = o.theme === "dark" ? PIECE_INK.dark : o.theme === "inherit" ? "" : PIECE_INK.light;
+    const auto = o.theme === "auto" ? `<style>@media(prefers-color-scheme:dark){svg{color:${PIECE_INK.dark}}}</style>` : "";
+    return (`<svg xmlns="http://www.w3.org/2000/svg" viewBox="${o.box ?? "0 0 100 100"}" width="${o.size}" height="${o.size}" role="img"${colour === "" ? "" : ` color="${colour}"`}>` +
+        `<title>${escape(o.title)}</title>${o.desc === undefined ? "" : `<desc>${escape(o.desc)}</desc>`}${auto}${o.defs === undefined || o.defs === "" ? "" : `<defs>${o.defs}</defs>`}${o.body}</svg>`);
+}
+/** A piece's drawing function, with the `<title>` its options ask for: the Japanese name, a title of the caller's own, or none (the same rule as the emblems', in emblem.core.ts). */
+export const labelled = (en, ja, draw) => (options) => {
+    const svg = draw(options);
+    const title = options?.title;
+    const custom = typeof title === "string" && title.trim() !== "";
+    if (title === false)
+        return svg.replace(/<title>[^<]*<\/title>/, "").replace(' role="img"', ' aria-hidden="true"');
+    if (!custom && options?.locale !== "ja")
+        return svg;
+    const text = custom ? title.trim().slice(0, 300) : ja;
+    const titled = svg.replace(/<title>[^<]*<\/title>/, () => `<title>${escape(text)}</title>`);
+    return custom ? titled : titled.replace(' role="img"', ' role="img" lang="ja"');
+};
+/** Degrees to radians, for a value that may be missing or not a number. */
+export const radians = (degrees, fallback) => ((typeof degrees === "number" && Number.isFinite(degrees) ? degrees : fallback) * Math.PI) / 180;
+/** The definition of the grain filter: noise lit from the upper left and multiplied into what it is applied to. It works in the box's own units, so the grain stays where it is while a ball turns. */
+export function grainDef(id, f, a, seed = 3) {
+    return `<filter id="${id}n" x="0" y="0" width="100" height="100" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feTurbulence type="fractalNoise" baseFrequency="${f}" numOctaves="2" seed="${seed}" result="n"/><feDiffuseLighting in="n" lighting-color="#fff" surfaceScale="${a}" diffuseConstant="1.15" result="l"><feDistantLight azimuth="225" elevation="58"/></feDiffuseLighting><feBlend in="SourceGraphic" in2="l" mode="multiply"/><feComposite in2="SourceGraphic" operator="in"/></filter>`;
+}

package/dist/emblems/ball/ball.cricket.d.ts

@@ -0,0 +1,5 @@
+import type { Piece } from "./ball.core.ts";
+import type { BallSpec } from "./ball.engine.ts";
+export declare const BALL_CRICKET_RED: Piece<BallSpec>;
+export declare const BALL_CRICKET_WHITE: Piece<BallSpec>;
+export declare const BALL_CRICKET_PINK: Piece<BallSpec>;

package/dist/emblems/ball/ball.cricket.js

@@ -0,0 +1,31 @@
+// Cricket balls: a leather ball with one raised seam round its middle and three rows of stitches either side of it. Red for Tests, white for limited overs, pink for day-night matches.
+// The stitching is drawn the way it is sewn: 78 stitches to a row, each square across the row.
+import { defineBall } from "./ball.engine.js";
+import { greatCircle, smallCircle } from "./ball.math.js";
+import { stitches } from "./ball.stitch.js";
+import { mix } from "./ball.core.js";
+const ROWS = [0.1, 0.19, 0.28];
+const AXIS = [0.2, 1, 0.1];
+function cricket(id, en, ja, base, thread, size, shade) {
+    return defineBall({
+        id,
+        en,
+        ja,
+        size,
+        spec: {
+            view: { yaw: 20, pitch: 24, roll: -12 },
+            base,
+            mat: { gloss: 0.62, shade, grain: { f: 1.1, a: 0.16 } },
+            draw: (s, colour) => {
+                let out = s.seam(greatCircle(AXIS, 96), mix(colour, -0.12), 2.6, { closed: true });
+                const rows = ROWS.flatMap((r) => [r, -r]).map((lat) => smallCircle(AXIS, Math.PI / 2 - lat, 96));
+                out += s.strokes(rows.flatMap((row) => stitches(row, true, 78, 0.026)), thread, 0.75, { ink: false });
+                return out;
+            },
+        },
+    });
+}
+const SIZE = { extentMm: 72.1, diameterMm: 72.1, circumferenceMm: 226.5, massG: [156, 163], rule: "Laws of Cricket, Law 4 The Ball, 4.1 Weight and size (Size 1, Size 2, Size 3)", note: "Size 1 (men's). Diameter worked out from the middle of the circumference range. The Laws do not set a colour." };
+export const BALL_CRICKET_RED = /* @__PURE__ */ cricket("ball:cricket-red", "Cricket ball, red", "クリケットボール（赤）", "#a9161e", "#f2e8d2", SIZE, "#2a0408");
+export const BALL_CRICKET_WHITE = /* @__PURE__ */ cricket("ball:cricket-white", "Cricket ball, white", "クリケットボール（白）", "#f3f0e8", "#2a2a2a", SIZE, "#4a4a58");
+export const BALL_CRICKET_PINK = /* @__PURE__ */ cricket("ball:cricket-pink", "Cricket ball, pink", "ピンクのクリケット球", "#e45a8c", "#2a2a2a", SIZE, "#4a0a22");

package/dist/emblems/ball/ball.curlingstone.d.ts

@@ -0,0 +1,3 @@
+export declare const BALL_CURLING_STONE: import("./ball.core.ts").Piece<{
+    slices: number;
+}>;

package/dist/emblems/ball/ball.curlingstone.js

@@ -0,0 +1,46 @@
+// Curling stone: a granite drum with a polished striking band round its belly, a narrow running ring under it with the concave recess inside (it shows when the stone is turned over), and a
+// handle on top. The slices follow the stone's profile.
+import { drawStack } from "./ball.stack.js";
+import { defineObject } from "./ball.object.js";
+import {} from "./ball.math.js";
+import { num } from "./ball.core.js";
+const GRANITE = "#8d929a";
+const POLISHED = "#4d525b";
+const HANDLE = "#d4202c";
+export const BALL_CURLING_STONE = /* @__PURE__ */ defineObject({
+    id: "ball:curling-stone",
+    en: "Curling stone",
+    ja: "カーリングストーン",
+    size: { extentMm: 290.9, diameterMm: 290.9, thicknessMm: 114, circumferenceMm: 914, massG: [17240, 19960], rule: "World Curling The Rules of Curling, R2 Stones (a)-(j); R3(b) handle colour", note: "The largest stone the rule allows: a circumference of at most 914 mm and a height of at least 114 mm; the mass includes the handle." },
+    view: { yaw: 0, pitch: 30, roll: -6 },
+    model: { slices: 6 },
+    draw: (c) => drawStack(c, {
+        slices: [
+            { y0: -0.2, y1: -0.15, r: [0.74, 0.8], colour: POLISHED, outline: true },
+            { y0: -0.15, y1: -0.04, r: [0.8, 0.94], colour: GRANITE },
+            { y0: -0.04, y1: 0.08, r: 1, colour: POLISHED, outline: true },
+            { y0: 0.08, y1: 0.15, r: [1, 0.9], colour: GRANITE },
+            { y0: 0.15, y1: 0.2, r: [0.9, 0.78], colour: GRANITE, outline: true },
+        ],
+        top: "#9a9fa7",
+        bottom: "#6a6f78",
+        gloss: 0.5,
+        shade: "#000",
+        grain: { f: 1.9, a: 0.55 },
+        dish: { r: 0.74, colour: "#555a63" },
+        extra: (ctx) => {
+            // The handle: a post and a bar, a capsule in 3D (a thick line with round ends).
+            const post0 = ctx.at([0, 0.2, 0]), post1 = ctx.at([0, 0.34, 0]);
+            const a = [-0.42, 0.4, 0], b = [0.42, 0.4, 0];
+            const p = ctx.at(a), q = ctx.at(b);
+            const colour = ctx.opts.style === "line" ? "currentColor" : (ctx.opts.tint ?? HANDLE);
+            const line = ctx.opts.style === "line";
+            const w = (r) => (line ? Math.max(2.4, ctx.minWidth) : Math.max(92 * r, ctx.minWidth));
+            const stroke = (width) => `stroke="${colour}" stroke-width="${num(width, 2)}"`;
+            const post = `<path d="M${num(post0[0])} ${num(post0[1])}L${num(post1[0])} ${num(post1[1])}" ${stroke(w(0.075))} stroke-linecap="round" fill="none"/>`;
+            const bar = `<path d="M${num(p[0])} ${num(p[1])}L${num(q[0])} ${num(q[1])}" ${stroke(w(0.11))} stroke-linecap="round" fill="none"/>`;
+            const sheen = line ? "" : `<path d="M${num(p[0])} ${num(p[1] - 1.2)}L${num(q[0])} ${num(q[1] - 1.2)}" stroke="#fff" stroke-opacity=".35" stroke-width="${num(Math.max(0.8, 46 * 0.03), 2)}" stroke-linecap="round" fill="none"/>`;
+            return post + bar + sheen;
+        },
+    }),
+});

package/dist/emblems/ball/ball.discus.d.ts

@@ -0,0 +1 @@
+export declare const BALL_DISCUS: import("./ball.core.ts").Piece<import("./ball.engine.ts").BallSpec>;

package/dist/emblems/ball/ball.discus.js

@@ -0,0 +1,24 @@
+// Discus: a lens, thin at the rim, with a metal plate let into each face and a metal rim. Drawn as a flattened ellipsoid.
+import { defineBall } from "./ball.engine.js";
+import { greatCircle, smallCircle } from "./ball.math.js";
+export const BALL_DISCUS = /* @__PURE__ */ defineBall({
+    id: "ball:discus",
+    en: "Discus",
+    ja: "円盤",
+    size: { extentMm: 220, diameterMm: 220, thicknessMm: 45, massG: [2000, 2000], rule: "World Athletics Technical Rules (C2.1), Rule 34 Discus Throw - 'The discus shall conform to the following specifications'", note: "Men's discus, 219 to 221 mm across the rim and 44 to 46 mm thick at the middle; 2 kg is a minimum." },
+    spec: {
+        axes: [1, 0.2, 1],
+        view: { yaw: 25, pitch: 52, roll: -12 },
+        base: "#3b3f48",
+        mat: { gloss: 0.7, shade: "#050608", grain: { f: 1.4, a: 0.12 } },
+        draw: (s) => {
+            let out = "";
+            for (const sign of [1, -1])
+                out += s.panel(smallCircle([0, sign, 0], 0.82, 72), "#b4bac3", { n: 1, ink: false });
+            for (const sign of [1, -1])
+                out += s.stroke(smallCircle([0, sign, 0], 0.82, 72), "#555b66", 0.7, { closed: true });
+            out += s.stroke(greatCircle([0, 1, 0], 96), "#cfd4dc", 1.6, { closed: true });
+            return out;
+        },
+    },
+});