@johnmorrisdotca/dougu-sports 0.1.0 → 0.2.1

package/dist/emblems/emblem.pennant.js

@@ -0,0 +1,79 @@
+// A championship pennant: a long triangle of felt on a dowel, with an edge sewn in a second colour and the words and the year in felt letters. Drawn felt-flat in `metal` and `color` (the fibres are a
+// faint speckle, the `metal` style adds a soft light), and as one outline in `line`. Turned, it flips like a coin and shows its back, which is plain felt and the stitching, with the dowel on the other
+// side. Imports the core, the text widths of the engraving helpers and the coin-flip turn.
+import { degrees, escape, hexOf, mix, n2, readColour, resolve, wrap } from "./emblem.core.js";
+import { engravingOf, widthOf } from "./emblem.engrave.js";
+import { flipSvg } from "./emblem.flip.js";
+const FELT = "#8f1d2c";
+const CREAM = "#f4f0e4";
+const FONT = "system-ui,-apple-system,'Segoe UI','Hiragino Sans','Noto Sans JP','Yu Gothic',sans-serif";
+/** The felt: a wide left edge on the dowel, a point at the right, edges that sag a little. */
+const SHAPE = "M8 15Q34 22 60 32Q34 42 8 49Z";
+const STITCH = "M10.2 18Q34 24.6 55.6 32Q34 39.4 10.2 46Z";
+const ROD = "M4.6 11.5h3.4v41h-3.4z";
+/** The half height of the felt at x. */
+const half = (x) => 17 - ((x - 8) * 17) / 52;
+/** The lines of lettering, each as large as fits inside the triangle from the left edge: the main words, then the year. */
+function lettering(rows) {
+    if (rows.length === 0)
+        return [];
+    const x0 = 12.5;
+    for (let f = 11; f >= 0.8; f -= 0.2) {
+        const sizes = rows.map((_, i) => (i === 0 ? f : f * 0.55));
+        const total = sizes.reduce((sum, s) => sum + s * 1.12, 0);
+        let top = 32 - total / 2;
+        const placed = rows.map((t, i) => {
+            const size = sizes[i];
+            const y = top + size * 0.86;
+            top += size * 1.12;
+            return { text: t, x: x0, y, size, width: widthOf(t) * size };
+        });
+        const fits = placed.every((p) => {
+            const end = p.x + p.width;
+            const reach = half(end) - 3;
+            return end <= 56 && p.y - p.size * 0.8 >= 32 - reach && p.y + p.size * 0.04 <= 32 + reach;
+        });
+        if (fits)
+            return placed;
+    }
+    return rows.map((t, i) => ({ text: t, x: x0, y: 32 + i * 5, size: 2.2, width: widthOf(t) * 2.2 }));
+}
+/** One side of the pennant as a document. */
+function draw(title, o, back) {
+    const r = resolve(o);
+    const line = r.style === "line";
+    const felt = r.tint ?? readColour(FELT);
+    const trim = r.accent ?? CREAM;
+    const ink = hexOf(readColour(o?.numberColor) ?? readColour(trim));
+    // The lettering is the engraving of the options: the free text (one line a row) or the rank and label, then the year, in capitals.
+    const e = engravingOf(o);
+    const rows = [...(e.free !== undefined ? e.free.split("\n") : [[e.rank, e.label].filter((part) => part !== undefined).join(" ")]), e.year ?? ""].map((t) => t.toUpperCase()).filter((t) => t !== "");
+    const flatFelt = hexOf(felt);
+    const pid = `dgpf${flatFelt.slice(1)}`;
+    let body = `<g${back ? ' transform="translate(64 0) scale(-1 1)"' : ""}>`;
+    body += `<path d="${ROD}" fill="${line ? "none" : "#a8743c"}"/>`;
+    body += `<path d="${SHAPE}" fill="${line ? "none" : r.style === "metal" ? `url(#${pid})` : flatFelt}"/>`;
+    if (!line && r.style === "metal")
+        body += `<path d="${SHAPE}" fill="url(#dgsp)" stroke="none"/>`;
+    body += `<path d="${STITCH}" fill="none" stroke="${line ? "currentColor" : trim}" stroke-width="${line ? 1.2 : 0.7}" stroke-dasharray="1.9 1.5" stroke-linecap="butt"/>`;
+    const text = back ? [] : lettering(rows);
+    if (text.length > 0) {
+        body += `<g font-family="${FONT}" font-weight="800" fill="${line ? "currentColor" : ink}" stroke="none">${text
+            .map((t) => `<text x="${n2(t.x)}" y="${n2(t.y)}" font-size="${n2(t.size)}" textLength="${n2(t.width)}" lengthAdjust="spacingAndGlyphs">${escape(t.text)}</text>`)
+            .join("")}</g>`;
+    }
+    body += "</g>";
+    const defs = r.style !== "metal"
+        ? ""
+        : `<defs><pattern id="${pid}" width="2.4" height="2.4" patternUnits="userSpaceOnUse"><rect width="2.4" height="2.4" fill="${flatFelt}" stroke="none"/><circle cx=".6" cy=".7" r=".32" fill="#fff" fill-opacity=".14" stroke="none"/><circle cx="1.8" cy="1.6" r=".3" fill="#000" fill-opacity=".14" stroke="none"/></pattern><linearGradient id="dgsp" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#fff" stop-opacity=".22"/><stop offset=".5" stop-color="#fff" stop-opacity="0"/><stop offset="1" stop-color="#000" stop-opacity=".28"/></linearGradient></defs>`;
+    return wrap({ title, size: r.size, style: r.style, theme: r.theme, defs, body, edge: mix(felt, -0.5), width: 0.8 });
+}
+/** A pennant: its front with the lettering, turned like a coin to its plain back. */
+export function definePennant(id, en, ja) {
+    const svg = (o) => draw(en, o, o?.view === "back");
+    const frame = (o) => {
+        const back = o?.view === "back";
+        return flipSvg(draw(en, o, back), { yaw: degrees(o?.yaw), pitch: degrees(o?.pitch), line: o?.style === "line", back: draw(en, o, !back), thick: 0.016 });
+    };
+    return { id, en, ja, source: "ours", kind: "flat", model: null, svg, frame };
+}

package/dist/emblems/emblem.registry.js

@@ -23,6 +23,10 @@ import { TROPHY_PLAQUE } from "./trophy/plaque.js";
 import { TROPHY_BELT } from "./trophy/belt.js";
 import { TROPHY_LAUREL } from "./trophy/laurel.js";
 import { TROPHY_ROSETTE } from "./trophy/rosette.js";
+import { TROPHY_SUMO_CUP } from "./trophy/sumo-cup.js";
+import { TROPHY_CHAMPIONSHIP_BANNER } from "./trophy/championship-banner.js";
+import { TROPHY_RING } from "./trophy/ring.js";
+import { TROPHY_BANNER } from "./trophy/banner.js";
 import { MEDAL_GOLD } from "./medal/gold.js";
 import { MEDAL_SILVER } from "./medal/silver.js";
 import { MEDAL_BRONZE } from "./medal/bronze.js";
@@ -33,6 +37,7 @@ import { CREST_SHIELD } from "./crest/shield.js";
 import { CREST_ROUNDEL } from "./crest/roundel.js";
 import { CREST_DIAMOND } from "./crest/diamond.js";
 import { CREST_PENNANT } from "./crest/pennant.js";
+import { PENNANT_CHAMPIONSHIP } from "./pennant/championship.js";
 import { BALLS } from "./ball/ball.index.js";
 import { GEARS } from "./gear/gear.index.js";
 import { SPORT_NFL } from "./sport/nfl.js";
@@ -68,6 +73,11 @@ import { SPORT_FIELDHOCKEY } from "./sport/fieldhockey.js";
 import { SPORT_HANDBALL } from "./sport/handball.js";
 import { SPORT_ATHLETICS } from "./sport/athletics.js";
 import { SPORT_SKATING } from "./sport/skating.js";
+import { SPORT_SUMO } from "./sport/sumo.js";
+import { SPORT_KENDO } from "./sport/kendo.js";
+import { SPORT_JUDO } from "./sport/judo.js";
+import { SPORT_KYUDO } from "./sport/kyudo.js";
+import { SPORT_KARATE } from "./sport/karate.js";
 /** The balls and the gear are drawn by families, each family in a module of its own, and listed in order by their own indexes. */
 const PIECES = Object.fromEntries([...BALLS, ...GEARS].map((piece) => [piece.id, piece]));
 /** The emblems drawn one to a module: every id but the balls and the gear. A missing or extra entry is a type error. */
@@ -97,6 +107,10 @@ const OWN = {
     "trophy:belt": TROPHY_BELT,
     "trophy:laurel": TROPHY_LAUREL,
     "trophy:rosette": TROPHY_ROSETTE,
+    "trophy:sumo-cup": TROPHY_SUMO_CUP,
+    "trophy:championship-banner": TROPHY_CHAMPIONSHIP_BANNER,
+    "trophy:ring": TROPHY_RING,
+    "trophy:banner": TROPHY_BANNER,
     "medal:gold": MEDAL_GOLD,
     "medal:silver": MEDAL_SILVER,
     "medal:bronze": MEDAL_BRONZE,
@@ -107,6 +121,7 @@ const OWN = {
     "crest:roundel": CREST_ROUNDEL,
     "crest:diamond": CREST_DIAMOND,
     "crest:pennant": CREST_PENNANT,
+    "pennant:championship": PENNANT_CHAMPIONSHIP,
     "sport:nfl": SPORT_NFL,
     "sport:cfl": SPORT_CFL,
     "sport:ifaf": SPORT_IFAF,
@@ -140,6 +155,11 @@ const OWN = {
     "sport:handball": SPORT_HANDBALL,
     "sport:athletics": SPORT_ATHLETICS,
     "sport:skating": SPORT_SKATING,
+    "sport:sumo": SPORT_SUMO,
+    "sport:kendo": SPORT_KENDO,
+    "sport:judo": SPORT_JUDO,
+    "sport:kyudo": SPORT_KYUDO,
+    "sport:karate": SPORT_KARATE,
 };
 /** Every emblem, by id. */
 export const EMBLEM_TABLE = { ...OWN, ...PIECES };

package/dist/emblems/emblem.shapes.d.ts

@@ -1,10 +1,13 @@
 import { type Emblem, type EmblemSource, type Metal } from "./emblem.core.ts";
+import { type Plate } from "./emblem.engrave.ts";
 /**
  * What a shape is for. `m` the main metal, shaded across a sheet; `o` the main metal on a round, lit from a corner; `e` a bevelled ring (a line the width of the third item, bright on one side and dark on
  * the other); `s` its shade; `l` a glint (a fill with no outline, left out of the line style); `r` the second colour (a ribbon, a band: the `accent` option); `f` a fixed colour (the third item); `p` white
  * ink at a tenth; `k` ink; `n` an outline with no fill; `t` a thin line (a detail); `b` a bold line in ink (a limb, a shaft); `d` a bold line in a fixed dark colour (a numeral on a medal).
  */
-export type Role = "m" | "o" | "e" | "s" | "l" | "r" | "f" | "p" | "k" | "n" | "t" | "b" | "d";
+export type Role = DropRole | "m" | "o" | "e" | "s" | "l" | "r" | "f" | "p" | "k" | "n" | "t" | "b" | "d";
+/** A role in capitals is the same shape, left out of a face that is engraved (the star of a medal, the numeral of a place badge, the lines of a plaque). */
+type DropRole = "M" | "D" | "T" | "E";
 /** A path, its role, and for `f` its colour and for `e` its width. */
 export type Shape = readonly [Role, string, string?];
 /** A flat object or an icon. */
@@ -25,12 +28,19 @@ export interface FlatModel {
     ink?: boolean;
     /** Shapes drawn when there are no initials, for a crest (and only then). */
     blank?: readonly Shape[];
+    /** Where an engraving goes: the plate of the front (and of the year when a plate of its own holds it) and of the back, and the rank the front takes when it is engraved and none is given (a place badge's own place). */
+    engrave?: {
+        front: Plate;
+        year?: Plate;
+        back?: Plate;
+        rank?: string;
+    };
     /** Where a crest's letters go: the centre's x and y, and the size for one letter. */
     letters?: readonly [x: number, y: number, size: number];
 }
 /** A flat object (a medal, a crest, a plaque): drawn as it is by `svg`; turned about its vertical axis it flips like a coin and shows its back, with its rim for a moment edge on. */
 export declare function defineFlat(id: string, en: string, ja: string, source: EmblemSource, model: FlatModel): Emblem<FlatModel>;
-/** An icon: one drawing from shapes, which is not turned. */
+/** An icon: one drawing from shapes. Turned, it is a thin cut-out: it squeezes like a coin, shows its front mirrored and a little darker past a quarter turn, and has a dark rim. */
 export declare function defineIcon(id: string, en: string, ja: string, source: EmblemSource, model: FlatModel): Emblem<FlatModel>;
 /** A circle as a path, so every shape is one kind of thing. */
 export declare const circlePath: (cx: number, cy: number, r: number) => string;
@@ -38,3 +48,10 @@ export declare const circlePath: (cx: number, cy: number, r: number) => string;
 export declare const ellipsePath: (cx: number, cy: number, rx: number, ry: number) => string;
 /** A star as a path, one point up. */
 export declare function starPath(cx: number, cy: number, outer: number, inner: number, points?: number): string;
+/** A regular polygon of `n` sides with a corner at `deg` degrees (0 is straight up), as a path. */
+export declare function polygon(cx: number, cy: number, r: number, n: number, deg?: number): string;
+/** An ellipse turned `deg` degrees about its centre, as a path. */
+export declare function tiltedEllipse(cx: number, cy: number, rx: number, ry: number, deg: number): string;
+/** A bar with square ends from one point to another, `w` wide, as a path. */
+export declare function bar(x1: number, y1: number, x2: number, y2: number, w: number): string;
+export {};

package/dist/emblems/emblem.shapes.js

@@ -1,7 +1,9 @@
 // A flat object or an icon: a list of shapes, each with a role (the metal, its shade, a glint, a second colour, a fixed colour, ink, a line), drawn with gradients in the metal style, in flat fills in the
 // `color` style and as one outline in the `line` style. A flat object (a medal, a crest, a plaque) also has a back face and a rim, so the turning view flips it like a coin; an icon (a sport's pictogram)
 // is drawn as it is. Imports only the core.
-import { bevelGradient, defsOf, degrees, escape, hexOf, mainOf, mix, n2, onColour, orbGradient, readColour, resolve, sheetGradient, wrap, } from "./emblem.core.js";
+import { bevelGradient, defsOf, degrees, escape, hexOf, labelled, mainOf, mix, n2, onColour, orbGradient, readColour, resolve, sheetGradient, wrap, } from "./emblem.core.js";
+import { engravingOf, linesOf, plateMarkup } from "./emblem.engrave.js";
+import { flipSvg } from "./emblem.flip.js";
 const use = (ctx, g) => {
     ctx.used.push(g);
     return g.fill;
@@ -55,14 +57,28 @@ function letters(model, ctx) {
     const fs = n === 1 ? size : n === 2 ? size * 0.82 : size * 0.64;
     return `<text x="${x}" y="${n2(y + fs * 0.36)}" font-size="${n2(fs)}" font-weight="800" font-family="system-ui,sans-serif" text-anchor="middle" fill="${ctx.style === "line" ? "currentColor" : onColour(ctx.main)}" stroke="none">${escape(ctx.initials)}</text>`;
 }
-/** One face of an object as markup. */
-function face(model, shapes, ctx) {
+/** The lines cut into the face on `side`, as markup, or an empty string when there is nothing to cut or nowhere to cut it. */
+function engraved(model, ctx, side) {
+    const e = ctx.engrave;
+    const plates = model.engrave;
+    if (plates === undefined)
+        return "";
+    if (side === "back")
+        return plates.back === undefined || e.back === undefined ? "" : plateMarkup(linesOf({ free: e.back }).main, plates.back, ctx.main, ctx.style);
+    if (e.free === undefined && e.label === undefined && e.year === undefined && e.rank === undefined)
+        return "";
+    const { main, year } = linesOf(e, { rank: plates.rank, yearApart: plates.year !== undefined });
+    return plateMarkup(main, plates.front, ctx.main, ctx.style) + (year === undefined || plates.year === undefined ? "" : plateMarkup([[{ text: year, weight: 1 }]], plates.year, ctx.main, ctx.style));
+}
+/** One face of an object as markup: its shapes (the ones an engraving replaces left out when there is one), then the engraving, and a crest's letters. */
+function face(model, shapes, ctx, text = "") {
+    const shown = shapes.filter((x) => text === "" || x[0] === x[0].toLowerCase()).map((x) => (x[0] === x[0].toLowerCase() ? x : [x[0].toLowerCase(), x[1], x[2]]));
     const blank = ctx.initials === "" && model.blank !== undefined ? shapesMarkup(model.blank, ctx) : "";
-    return shapesMarkup(shapes, ctx) + blank + letters(model, ctx);
+    return shapesMarkup(shown, ctx) + blank + letters(model, ctx) + text;
 }
 function context(model, r) {
     const main = r.tint ?? (model.color === undefined ? mainOf(model.metal, undefined) : readColour(model.color));
-    return { main, style: r.style, sheet: sheetGradient(main), orb: orbGradient(main), bevel: bevelGradient(main), ribbon: r.accent ?? model.ribbon ?? "#c0392b", initials: r.initials, used: [] };
+    return { main, style: r.style, sheet: sheetGradient(main), orb: orbGradient(main), bevel: bevelGradient(main), ribbon: r.accent ?? model.ribbon ?? "#c0392b", initials: r.initials, engrave: {}, used: [] };
 }
 function document(title, model, r, ctx, body) {
     return wrap({ title, size: r.size, style: r.style, theme: r.theme, defs: r.style === "metal" ? defsOf(ctx.used) : "", body, box: model.box, edge: model.ink === true ? undefined : mix(ctx.main, -0.5), width: model.ink === true ? undefined : 0.8 });
@@ -72,28 +88,31 @@ export function defineFlat(id, en, ja, source, model) {
     const draw = (o, yaw, pitch) => {
         const r = resolve(o);
         const ctx = context(model, r);
+        ctx.engrave = engravingOf(o);
         if (yaw === 0 && pitch === 0)
-            return document(en, model, r, ctx, face(model, model.front, ctx));
+            return document(en, model, r, ctx, face(model, model.front, ctx, engraved(model, ctx, "front")));
         const across = Math.cos((yaw * Math.PI) / 180);
         const tilt = Math.cos((pitch * Math.PI) / 180);
         const shown = across >= 0 ? model.front : (model.back ?? model.front.filter((x) => x[0] === "m" || x[0] === "o" || x[0] === "s"));
         const sx = Math.max(Math.abs(across), 0.02);
         const sy = Math.max(Math.abs(tilt), 0.02);
-        const rim = (model.rim ?? 0) * Math.sin((yaw * Math.PI) / 180);
+        // The rim is on the left for a positive yaw, which carries the front toward the right (as it does for a ball, a cup and a drag to the right).
+        const rim = -(model.rim ?? 0) * Math.sin((yaw * Math.PI) / 180);
         const [x0, y0, w, h] = (model.box ?? "0 0 64 64").split(" ").map(Number);
         const thick = rim === 0 ? "" : `<g transform="translate(${n2(rim)} 0)">${shapesMarkup(model.front.filter((x) => x[0] === "m" || x[0] === "o").map((x) => ["s", x[1]]), ctx)}</g>`;
-        return document(en, model, r, ctx, `<g transform="translate(${n2(x0 + w / 2)} ${n2(y0 + h / 2)}) scale(${n2(sx)} ${n2(sy)}) translate(${n2(-x0 - w / 2)} ${n2(-y0 - h / 2)})">${thick}${face(model, shown, ctx)}</g>`);
+        return document(en, model, r, ctx, `<g transform="translate(${n2(x0 + w / 2)} ${n2(y0 + h / 2)}) scale(${n2(sx)} ${n2(sy)}) translate(${n2(-x0 - w / 2)} ${n2(-y0 - h / 2)})">${thick}${face(model, shown, ctx, engraved(model, ctx, across >= 0 ? "front" : "back"))}</g>`);
     };
-    return { id, en, ja, source, kind: "flat", model, svg: (o) => draw(o, 0, 0), frame: (o) => draw(o, degrees(o?.yaw), degrees(o?.pitch)) };
+    return { id, en, ja, source, kind: "flat", model, svg: labelled(en, ja, (o) => draw(o, 0, 0)), frame: labelled(en, ja, (o) => draw(o, degrees(o?.yaw), degrees(o?.pitch))) };
 }
-/** An icon: one drawing from shapes, which is not turned. */
+/** An icon: one drawing from shapes. Turned, it is a thin cut-out: it squeezes like a coin, shows its front mirrored and a little darker past a quarter turn, and has a dark rim. */
 export function defineIcon(id, en, ja, source, model) {
-    const svg = (o) => {
+    const svg = labelled(en, ja, (o) => {
         const r = resolve(o);
         const ctx = context(model, r);
         return document(en, model, r, ctx, face(model, model.front, ctx));
-    };
-    return { id, en, ja, source, kind: "icon", model, svg, frame: svg };
+    });
+    const frame = (o) => flipSvg(svg(o), { yaw: degrees(o?.yaw), pitch: degrees(o?.pitch), line: o?.style === "line", thick: 0.03 });
+    return { id, en, ja, source, kind: "icon", model, svg, frame: labelled(en, ja, frame) };
 }
 /** A circle as a path, so every shape is one kind of thing. */
 export const circlePath = (cx, cy, r) => `M${n2(cx - r)} ${n2(cy)}a${n2(r)} ${n2(r)} 0 1 0 ${n2(2 * r)} 0a${n2(r)} ${n2(r)} 0 1 0 ${n2(-2 * r)} 0Z`;
@@ -109,3 +128,26 @@ export function starPath(cx, cy, outer, inner, points = 5) {
     }
     return `${parts.join("")}Z`;
 }
+/** A regular polygon of `n` sides with a corner at `deg` degrees (0 is straight up), as a path. */
+export function polygon(cx, cy, r, n, deg = 0) {
+    let d = "";
+    for (let i = 0; i < n; i++) {
+        const a = ((deg + (360 * i) / n - 90) * Math.PI) / 180;
+        d += `${i === 0 ? "M" : "L"}${n2(cx + r * Math.cos(a))} ${n2(cy + r * Math.sin(a))}`;
+    }
+    return `${d}Z`;
+}
+/** An ellipse turned `deg` degrees about its centre, as a path. */
+export function tiltedEllipse(cx, cy, rx, ry, deg) {
+    const a = (deg * Math.PI) / 180;
+    const x = rx * Math.cos(a);
+    const y = rx * Math.sin(a);
+    return `M${n2(cx - x)} ${n2(cy - y)}A${n2(rx)} ${n2(ry)} ${deg} 1 1 ${n2(cx + x)} ${n2(cy + y)}A${n2(rx)} ${n2(ry)} ${deg} 1 1 ${n2(cx - x)} ${n2(cy - y)}Z`;
+}
+/** A bar with square ends from one point to another, `w` wide, as a path. */
+export function bar(x1, y1, x2, y2, w) {
+    const l = Math.hypot(x2 - x1, y2 - y1) || 1;
+    const nx = (-(y2 - y1) / l) * (w / 2);
+    const ny = ((x2 - x1) / l) * (w / 2);
+    return `M${n2(x1 + nx)} ${n2(y1 + ny)}L${n2(x2 + nx)} ${n2(y2 + ny)}L${n2(x2 - nx)} ${n2(y2 - ny)}L${n2(x1 - nx)} ${n2(y1 - ny)}Z`;
+}

package/dist/emblems/emblem.sprite.d.ts

@@ -0,0 +1,38 @@
+import { type EmblemLocale, type EmblemOptions } from "./emblem.core.ts";
+import { type EmblemRef } from "./emblem.api.ts";
+/** What `emblemSprite` takes: the options every symbol is drawn with, and the prefix of its ids. */
+export interface SpriteOptions extends EmblemOptions {
+    /** The start of every id in the sheet (letters, digits and hyphens, starting with a letter). By default it is made from the emblems and the options, so the same call gives the same sheet. */
+    prefix?: string;
+}
+/** What one `<use>` takes. */
+export interface UseOptions {
+    /** The width and height in pixels (64 by default). */
+    size?: number;
+    /** A class for the `<svg>` that holds the `<use>`. */
+    class?: string;
+    /** The `<title>`: a string writes that title, `false` drops it and hides the drawing from a screen reader. By default it is the emblem's name. */
+    title?: string | false;
+    /** The language of the default title, `"en"` or `"ja"`. */
+    locale?: EmblemLocale;
+}
+/** A sheet of symbols and the snippets that draw them. */
+export interface Sprite {
+    /** One hidden `<svg>` of `<symbol>`s; put it once in the page, anywhere in `<body>`. */
+    sheet: string;
+    /** The markup for one use of a symbol: `<svg><title>…</title><use href="#…"/></svg>`. The emblem must be one the sprite was made with. */
+    use: (ref: EmblemRef, options?: UseOptions) => string;
+}
+/**
+ * A sprite sheet: every emblem in `ids` drawn once as a `<symbol>`, with the gradients and other definitions shared and every id unique across the sheet, and a `use(id, { size, class, title })` that returns the
+ * markup for one more of it. Put `sheet` in the page once; a bracket or a table that shows the same ball or medal fifty times then adds a few nodes each time, not the whole drawing. The symbols are drawn without the
+ * grain a large ball has by default (pass `grain: true` to keep it). `style`, `tint`, `accent` and `theme` are the sheet's, for every symbol; a different look is another sprite, or an id that names its style (`"medal:gold/line"`).
+ * @example
+ * ```ts
+ * import { emblemSprite } from "@johnmorrisdotca/dougu-sports/emblems";
+ * const sprite = emblemSprite(["ball:soccer", "medal:gold"]);
+ * console.log(sprite.use("ball:soccer", { size: 24 }).startsWith("<svg"));
+ * // true
+ * ```
+ */
+export declare function emblemSprite(ids: readonly EmblemRef[], options?: SpriteOptions): Sprite;

package/dist/emblems/emblem.sprite.js

@@ -0,0 +1,65 @@
+// A sheet of symbols: each emblem drawn once, then used as many times as a page wants it with a `<use>` that costs a few nodes and a few dozen bytes.
+import { EMBLEM_INK, escape, resolve } from "./emblem.core.js";
+import { emblemOf, parseEmblem, renderEmblem } from "./emblem.api.js";
+import { IdSpace, partsOf } from "./emblem.compose.js";
+const hash = (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);
+};
+/** The key a reference goes by in a sprite: the id, and the style when the reference names one. */
+function keyOf(ref) {
+    if (typeof ref !== "string")
+        return ref.id;
+    const parsed = parseEmblem(ref);
+    if (parsed === undefined)
+        throw new Error(`Unknown emblem "${ref.slice(0, 60)}". Ids look like "ball:soccer" or "medal:gold/line"; see EMBLEM_IDS.`);
+    return parsed.style === undefined ? parsed.id : `${parsed.id}/${parsed.style}`;
+}
+/**
+ * A sprite sheet: every emblem in `ids` drawn once as a `<symbol>`, with the gradients and other definitions shared and every id unique across the sheet, and a `use(id, { size, class, title })` that returns the
+ * markup for one more of it. Put `sheet` in the page once; a bracket or a table that shows the same ball or medal fifty times then adds a few nodes each time, not the whole drawing. The symbols are drawn without the
+ * grain a large ball has by default (pass `grain: true` to keep it). `style`, `tint`, `accent` and `theme` are the sheet's, for every symbol; a different look is another sprite, or an id that names its style (`"medal:gold/line"`).
+ * @example
+ * ```ts
+ * import { emblemSprite } from "@johnmorrisdotca/dougu-sports/emblems";
+ * const sprite = emblemSprite(["ball:soccer", "medal:gold"]);
+ * console.log(sprite.use("ball:soccer", { size: 24 }).startsWith("<svg"));
+ * // true
+ * ```
+ */
+export function emblemSprite(ids, options) {
+    const keys = [...new Set(ids.map(keyOf))];
+    const { prefix: asked, ...drawn } = options ?? {};
+    const prefix = typeof asked === "string" && /^[A-Za-z][\w-]{0,31}$/.test(asked) ? asked : `dgs${hash(`${keys.join(",")}|${JSON.stringify(drawn)}`)}`;
+    const theme = drawn.theme === "dark" || drawn.theme === "light" || drawn.theme === "auto" ? drawn.theme : "inherit";
+    const space = new IdSpace(prefix);
+    const symbols = [];
+    const symbolOf = new Map();
+    for (const key of keys) {
+        const svg = renderEmblem(key, { ...drawn, theme: "inherit", title: false, locale: undefined, grain: drawn.grain ?? false });
+        const parts = partsOf(svg);
+        const name = `${prefix}-${key.replace(/[^a-z0-9]+/gi, "-").toLowerCase()}`;
+        symbolOf.set(key, name);
+        symbols.push(`<symbol id="${name}" viewBox="${escape(parts.box)}">${space.add(parts)}</symbol>`);
+    }
+    const rule = theme === "auto" ? `<style>@media(prefers-color-scheme:dark){svg.${prefix}{color:${EMBLEM_INK.dark}}}</style>` : "";
+    const sheet = `<svg xmlns="http://www.w3.org/2000/svg" width="0" height="0" style="position:absolute;width:0;height:0;overflow:hidden" aria-hidden="true" focusable="false">` +
+        `${rule}${space.defs.length === 0 ? "" : `<defs>${space.defs.join("")}</defs>`}${symbols.join("")}</svg>`;
+    const color = theme === "dark" ? EMBLEM_INK.dark : theme === "light" ? EMBLEM_INK.light : "";
+    const use = (ref, o) => {
+        const key = keyOf(ref);
+        const symbol = symbolOf.get(key);
+        if (symbol === undefined)
+            throw new Error(`"${key}" is not in this sprite; it holds ${keys.slice(0, 8).join(", ")}${keys.length > 8 ? ", …" : ""}.`);
+        const size = resolve({ size: o?.size }).size;
+        const classes = [theme === "auto" ? prefix : "", typeof o?.class === "string" ? o.class.trim() : ""].filter(Boolean).join(" ");
+        const { emblem } = emblemOf(ref);
+        const title = o?.title === false ? false : typeof o?.title === "string" && o.title.trim() !== "" ? o.title.trim().slice(0, 300) : o?.locale === "ja" ? emblem.ja : emblem.en;
+        const lang = o?.locale === "ja" && typeof o?.title !== "string" ? ' lang="ja"' : "";
+        return (`<svg width="${size}" height="${size}"${title === false ? ' aria-hidden="true"' : ` role="img"${lang}`}${classes === "" ? "" : ` class="${escape(classes)}"`}${color === "" ? "" : ` color="${color}"`}>` +
+            `${title === false ? "" : `<title>${escape(title)}</title>`}<use href="#${symbol}"/></svg>`);
+    };
+    return { sheet, use };
+}

package/dist/emblems/emblem.uri.d.ts

@@ -0,0 +1,22 @@
+import { type EmblemOptions } from "./emblem.core.ts";
+import { type EmblemRef } from "./emblem.api.ts";
+/** What `emblemDataUri` takes: the emblem's options, and the colour of the line. */
+export interface DataUriOptions extends EmblemOptions {
+    /** The colour of the outline and of anything drawn in the ink: `#rgb`, `#rrggbb` or `rgb()`. It wins over `theme`. Anything else is ignored. */
+    color?: string;
+}
+/** Text as the body of a data address: every character that could end an attribute, a quoted `url()` or an unquoted one is percent-encoded, and the rest is left alone. */
+export declare function encodeSvg(svg: string): string;
+/**
+ * An emblem as a data address, `data:image/svg+xml;utf8,…`, with every character that could break an attribute or a CSS `url()` percent-encoded, so the string goes anywhere: `img.src`, `background-image:
+ * url("…")`, `new Image().src` for a canvas. The ink is settled for you, because `currentColor` does not cross an `<img>` boundary: `color` is the line's colour; without it `theme: "dark"` is pale ink, and `"light"`
+ * and `"inherit"` (the default) are dark ink. `theme: "auto"` keeps the page's colour scheme (`prefers-color-scheme`) in the image.
+ * @example
+ * ```ts
+ * import { emblemDataUri } from "@johnmorrisdotca/dougu-sports/emblems";
+ * const src = emblemDataUri("medal:gold", { size: 48 });
+ * console.log(src.startsWith("data:image/svg+xml;utf8,%3Csvg"));
+ * // true
+ * ```
+ */
+export declare function emblemDataUri(ref: EmblemRef, options?: DataUriOptions): string;

package/dist/emblems/emblem.uri.js

@@ -0,0 +1,29 @@
+// An emblem as a data address, for an `<img>`, a CSS background or a canvas. An image cannot inherit its page's text colour, so the colour is settled here: the line style, a pictogram and a Material
+// icon are drawn in `currentColor`, and that becomes a concrete colour.
+import { EMBLEM_INK, hexOf, readColour } from "./emblem.core.js";
+import { renderEmblem } from "./emblem.api.js";
+/** Text as the body of a data address: every character that could end an attribute, a quoted `url()` or an unquoted one is percent-encoded, and the rest is left alone. */
+export function encodeSvg(svg) {
+    return encodeURIComponent(svg).replace(/%(3A|2F|2C|3B|3D|40)/g, (_, hex) => String.fromCharCode(parseInt(hex, 16))).replace(/['()*!]/g, (c) => `%${c.charCodeAt(0).toString(16).toUpperCase()}`);
+}
+/**
+ * An emblem as a data address, `data:image/svg+xml;utf8,…`, with every character that could break an attribute or a CSS `url()` percent-encoded, so the string goes anywhere: `img.src`, `background-image:
+ * url("…")`, `new Image().src` for a canvas. The ink is settled for you, because `currentColor` does not cross an `<img>` boundary: `color` is the line's colour; without it `theme: "dark"` is pale ink, and `"light"`
+ * and `"inherit"` (the default) are dark ink. `theme: "auto"` keeps the page's colour scheme (`prefers-color-scheme`) in the image.
+ * @example
+ * ```ts
+ * import { emblemDataUri } from "@johnmorrisdotca/dougu-sports/emblems";
+ * const src = emblemDataUri("medal:gold", { size: 48 });
+ * console.log(src.startsWith("data:image/svg+xml;utf8,%3Csvg"));
+ * // true
+ * ```
+ */
+export function emblemDataUri(ref, options) {
+    const { color, ...rest } = options ?? {};
+    const picked = readColour(color);
+    const ink = picked !== undefined ? hexOf(picked) : rest.theme === "dark" ? EMBLEM_INK.dark : rest.theme === "auto" ? undefined : EMBLEM_INK.light;
+    let svg = renderEmblem(ref, { ...rest, theme: ink === undefined ? "auto" : "inherit" });
+    // `currentColor` becomes the ink. A drawing that asked for `auto` keeps its colour-scheme rule, with the dark ink as its light default.
+    svg = ink === undefined ? svg.replace("<style>@media", `<style>svg{color:${EMBLEM_INK.light}}@media`) : svg.replace(/currentColor/g, ink);
+    return `data:image/svg+xml;utf8,${encodeSvg(svg)}`;
+}

package/dist/emblems/gear/gear.badmintonracket.d.ts

@@ -1 +1 @@
-export declare const GEAR_BADMINTON_RACKET: import("./gear.index.ts").Piece<import("./gear.core.ts").CopiedSpec>;
+export declare const GEAR_BADMINTON_RACKET: import("./gear.index.ts").Piece<import("./gear.core.ts").GearSpec>;

package/dist/emblems/gear/gear.badmintonracket.js

@@ -1,15 +1,19 @@
-// Gear: Badminton racket and shuttlecock. Copied, with changes, from Noto Emoji `2D/svg/emoji_u1f3f8.svg` (googlefonts/noto-emoji at e20cbc2bbec1926686be9f9bee7d1d2cfa1fea0e), Apache-2.0, Copyright 2013 Google, Inc. All Rights Reserved..
-// SHA-256 of the file as published: 266494709be72814f7482cd06f32121112c271c623096a008bc321e48f56a51c.
-// The line style is the one-path icon Pictogrammers Material Design Icons `svg/badminton.svg` (Templarian/MaterialDesign-SVG at 9e04201d4557e729822fb57f62a316c3dea1d4a8), Apache-2.0, icon by Nick (SHA-256 e1e32a5816d1bc7a2aee49f06b19e656be503b0d11704d96307a802ca26f6e2c).
-// Changes: editor wrappers, metadata and ids removed, coordinates written absolute and rounded. Modified files are marked as the Apache-2.0 licence asks. Do not edit by hand: scripts/dougu/build-gear.mjs writes this file.
-import { copied } from "./gear.core.js";
-export const GEAR_BADMINTON_RACKET = /* @__PURE__ */ copied({
-    id: "gear:badminton-racket",
-    en: "Badminton racket and shuttlecock",
-    ja: "バドミントンのラケットとシャトルコック",
-    source: "noto",
-    credit: "Noto Emoji `2D/svg/emoji_u1f3f8.svg` (googlefonts/noto-emoji at e20cbc2bbec1926686be9f9bee7d1d2cfa1fea0e), Apache-2.0, Copyright 2013 Google, Inc. All Rights Reserved.. Line style: Pictogrammers Material Design Icons `svg/badminton.svg` (Templarian/MaterialDesign-SVG at 9e04201d4557e729822fb57f62a316c3dea1d4a8), Apache-2.0, icon by Nick.",
-    box: "0 0 128 128",
-    colour: `<g><path fill="#168DFC" d="M114.3 8.7C93.1 -4 69.3 16.9 63 33.1C56.7 49.3 66.8 60 66.8 60C66.8 60 35.3 93 33.1 93.8L33.9 97.5L68.5 63.3C68.5 63.3 74.3 68.9 84.1 68.5C101.5 68 109.7 58.8 113.5 54.5C117.5 50.2 122.6 43 123.7 31.9C124.6 23.5 123.2 14.1 114.3 8.7ZM107.1 55.7C94.6 66.8 81.8 65.2 77.2 62.8C72.7 60.4 71.6 58.8 69.9 56.9C68.9 55.7 63.7 49.9 65.5 38.3C66.8 30.1 71.1 24.5 76.8 18.9C83.2 12.5 101.4 2.6 114.1 14.4C125.1 24.5 119.5 44.7 107.1 55.7Z"/><path fill="#05BEF2" d="M112.1 48.4C101.7 62.6 82.3 68.6 71.6 58.6L69.9 56.9C69.9 56.9 69.2 57.5 67.6 57C66 56.5 62.8 52.1 62.5 46.3C61.7 33.9 65.8 25.8 74.7 17.6C88.1 5.3 106.5 3.5 115.6 14.2C119.4 18.7 123.5 32.9 112.1 48.4ZM122.7 20.8C122.3 17.9 120.5 13.9 117.7 11.2C103.2 -2.7 82.7 6.5 73 15.4C62.6 25.1 60.3 33.3 59.6 42.2C58.8 53.3 64.5 59.1 64.5 59.1L31.1 92.5L31.7 97.2L68.4 60.7C68.4 60.7 73.3 65.9 84.2 66.4C93 66.8 102 62.3 108.4 56.7C116.3 49.7 124.4 37.1 122.7 20.8Z"/><path fill="#62666A" d="M58.6 62.5C58.5 63.2 64.4 68.8 65.2 68.8C66 68.8 69.6 65.1 69.6 64.7C69.6 64.2 63.9 58 63 58.1C62.1 58.2 58.8 61.4 58.6 62.5Z"/><path fill="#62666A" d="M27.9 92.6C27.9 92.6 27.7 91.6 28.8 90.6C30.1 89.3 31.3 89.9 34.4 93.2C37.5 96.5 38.4 97.6 37.2 99.1C36.1 100.5 34.7 100.1 34.7 100.1L14.3 120.4C14.3 120.4 14.5 122.4 13.2 123.3C12.2 124 10.6 123.7 10.6 123.7L4 116.9C4 116.9 3.6 115.3 4.6 114.2C5.7 113 7.3 113.5 7.3 113.5L27.9 92.6Z"/><path fill="#858485" d="M30.9 94.6C30.3 94.2 29 94.5 28.3 95.4C27.6 96.3 28 97.6 27.3 98.2C26.6 98.7 25 98.6 23.5 100.1C22 101.7 22.2 104 21.1 105C19.9 106 17.8 106.1 16.7 107.3C15 108.9 14.9 111.3 14 112.1C13 112.8 11.3 112.5 10.3 113.4C9.4 114.3 8.8 116.7 10.6 117.3C12.4 117.9 12.3 116 13.5 115.7C14.8 115.3 15.9 115.1 17 113.7C18 112.2 17.9 110.8 19 109.8C20.1 108.7 21.9 108.8 23.3 107.6C24.6 106.4 24.4 103.9 25.9 102.6C27.5 101.3 28.2 102 29.4 100.6C30.6 99.2 30.3 97.8 31.2 97.3C32.2 96.9 32.1 95.3 30.9 94.6Z"/><g><path fill="#B9CED4" d="M104.4 56.3L71.5 23.5C71.1 23.1 71.1 22.4 71.5 22C72 21.6 72.6 21.6 73 22L106.1 54.9C106.1 54.9 105.8 55.2 105.2 55.6C104.8 55.9 104.4 56.3 104.4 56.3Z"/></g><g><path fill="#B9CED4" d="M111.1 49.7L77.6 16.5C77.2 16.1 77.2 15.5 77.6 15.1C78 14.7 78.7 14.7 79.1 15.1L112.4 47.9C112.4 47.9 112.2 48.3 111.8 48.8C111.6 49.1 111.1 49.7 111.1 49.7Z"/></g><g><path fill="#B9CED4" d="M95.9 61.2L66.7 31.1C66.3 30.7 66.3 30 66.8 29.6C67.2 29.2 67.8 29.2 68.2 29.6L98 60.3C98 60.3 97.5 60.5 97 60.8C96.5 61 95.9 61.2 95.9 61.2Z"/></g><g><path fill="#B9CED4" d="M85 63.5L64.3 41.6C63.9 41.2 63.9 40.5 64.3 40.1C64.7 39.7 65.4 39.8 65.8 40.2C65.8 40.2 87.5 62.8 87.4 62.9C87.4 63 87.1 63.4 86.3 63.4C85.9 63.5 85 63.5 85 63.5Z"/></g><g><path fill="#B9CED4" d="M116.2 41.7L86.3 12.4C85.9 12.1 85.9 11.4 86.3 11C86.7 10.6 87.3 10.5 87.8 10.9L117.1 39.7C117.1 39.7 116.9 40.1 116.7 40.5C116.5 41 116.2 41.7 116.2 41.7Z"/></g><g><path fill="#B9CED4" d="M119.2 32L97 9.5C96.5 9.1 96.6 8.4 97 8C97.4 7.6 98 7.6 98.5 8L119.5 29.1C119.5 29.1 119.4 30.8 119.2 32Z"/></g><g><path fill="#B9CED4" d="M65 37.8C64.7 37.8 64.5 37.7 64.3 37.5C63.8 37.1 63.8 36.5 64.2 36.1L91.9 8.7C92.3 8.3 92.9 8.3 93.3 8.7C93.8 9.1 93.8 9.8 93.4 10.2L65.7 37.5C65.5 37.7 65.3 37.8 65 37.8Z"/></g><g><path fill="#B9CED4" d="M65.3 49.1C65 49.1 64.8 49 64.5 48.8C64.1 48.4 64.1 47.7 64.5 47.3L103.7 8.3C104.1 7.8 104.7 7.8 105.1 8.3C105.5 8.7 105.5 9.3 105.1 9.7L66 48.8C65.8 49 65.5 49.1 65.3 49.1Z"/></g><g><path fill="#B9CED4" d="M69.5 57.5C69.2 57.5 69 57.4 68.8 57.2C68.4 56.8 68.3 56.2 68.8 55.7L111.4 12.4C111.8 12 112.5 11.9 112.9 12.4C113.3 12.8 113.3 13.4 112.9 13.8L70.3 57.2C70 57.4 69.8 57.5 69.5 57.5Z"/></g><g><path fill="#B9CED4" d="M75.2 61.2L117.6 18.7C117.6 18.7 117.8 18.7 118.1 19.3C118.4 19.8 118.6 20.7 118.6 20.7L77.2 62.2C77.2 62.2 76.8 62 76.2 61.8C75.6 61.5 75.2 61.2 75.2 61.2Z"/></g><g><path fill="#B9CED4" d="M85 63.5L119.6 27.5C119.6 28.5 119.4 30.8 119.4 30.8L88.3 63.3C88.3 63.3 86.9 63.5 85 63.5Z"/></g><g><path fill="#E1F7FE" d="M79.5 88.9C79 89.5 69.9 112.8 69.9 112.8C69.9 112.8 69.2 115 71 116.8C72.8 118.6 74.8 118.8 74.8 118.8C74.8 118.8 75.2 121.4 79 122.7C81.4 123.5 83.8 122.5 83.8 122.5C83.8 122.5 85.3 124.3 88.9 124.1C91.7 123.9 93 121.2 93 121.2C93 121.2 95.3 122.2 97.3 121.4C100 120.4 100.2 117.6 100.2 117.6C100.2 117.6 102.6 117.7 104.3 115.3C106 113 104.3 109.9 104.3 109.9L93.8 89L86.3 89.8L79.5 88.9Z"/><path fill="#E1E1E1" d="M79.1 87.3C79.1 87.3 78.9 84.1 80.2 81.5C81.5 78.9 83.4 78.1 86.1 77.9C89.1 77.7 91.2 78.2 93 80.4C95 83 94.3 86.8 94.3 86.8C94.3 86.8 92.6 89.6 91.3 90C89.9 90.4 84.1 90.5 82.6 90C79.7 89.2 79.1 87.3 79.1 87.3Z"/><path fill="#FFFFFF" d="M83.2 80.3C81.3 81 81.3 84.6 83.9 86.4C86.5 88.2 89 87 89.3 85.4C89.6 83.9 86.8 83.2 86.1 82.1C85.5 81.1 84.8 79.7 83.2 80.3Z"/><g><path fill="#AAE2F9" d="M75.6 118.5C75.5 118.7 75.5 118.7 75.5 118.8C75.2 119.3 74.6 119.6 74.1 119.3C73.6 119.1 73.3 118.5 73.5 118C73.5 117.9 75.1 112.6 76.7 106.8C78.7 99.5 80.7 90.2 80.7 90.2C80.8 89.6 81.4 89.2 82 89.4C82.5 89.5 82.9 90 82.8 90.6C82.7 90.7 80.6 100 78.7 107.4C77.2 113.1 76 117.3 75.6 118.5Z"/></g><g><path fill="#AAE2F9" d="M84.3 122.6C84.3 122.6 84.2 123.6 83.2 123.5C82.2 123.5 82.2 122.5 82.2 122.5C82.2 122.5 82.8 111.3 83 106.7C83.2 102.2 83.6 91.2 83.6 91.1C83.6 90.6 84.1 90.1 84.7 90.1C85.2 90.2 85.7 90.6 85.7 91.2C85.7 91.3 85.3 102.3 85.1 106.8C84.9 111.4 84.3 122.6 84.3 122.6Z"/></g><g><path fill="#AAE2F9" d="M93.5 121.5C93.3 121.8 93.1 122 92.7 122.1C92.1 122.2 91.6 121.9 91.5 121.3C91.5 121.2 90 113.6 88.7 105.4C87.5 97.5 86.8 91.3 86.8 91.2C86.8 90.6 87.2 90.1 87.7 90C88.3 90 88.8 90.4 88.9 91C88.9 91 89.6 97.2 90.8 105.1C92 113.2 93.5 120.8 93.5 120.9C93.6 121.1 93.5 121.3 93.5 121.5Z"/></g><g><path fill="#AAE2F9" d="M101.5 117.3C101.4 117.6 101.2 117.8 100.9 117.9C100.3 118.1 99.7 117.9 99.5 117.3C99.5 117.2 96.4 109.1 94.7 104C92.9 99 89.9 90.9 89.9 90.9L91.9 90.2C91.9 90.2 94.9 98.3 96.6 103.4C98.4 108.3 101.4 116.5 101.5 116.6C101.6 116.8 101.6 117.1 101.5 117.3Z"/></g><path fill="#FD1B0D" d="M79.1 87L78.8 90C78.8 90 80.6 92 86.5 91.9C91.4 91.9 94.5 90.1 94.5 90.1L94.3 86.8C94.3 86.8 90.6 88.4 86.5 88.5C82.2 88.6 79.1 87 79.1 87Z"/></g></g>`,
-    line: { box: "0 0 24 24", d: `M12.3 2C11.33 2.03 10.58 2.84 10.61 3.8C10.62 4.04 10.67 4.27 10.77 4.5L11.06 5.14V5.14C11.1 5.27 11.03 5.41 10.89 5.45C10.8 5.5 10.7 5.45 10.63 5.37L10.21 4.82C9.88 4.4 9.38 4.14 8.85 4.13C7.88 4.11 7.08 4.88 7.06 5.84C7.05 6.26 7.19 6.66 7.45 7L7.87 7.5H7.88C7.96 7.63 7.93 7.79 7.82 7.87C7.73 7.94 7.61 7.94 7.53 7.87L7 7.45C6.66 7.19 6.25 7.05 5.84 7.06C4.88 7.08 4.11 7.88 4.13 8.85C4.14 9.38 4.4 9.88 4.82 10.21L5.39 10.65C5.5 10.75 5.5 10.91 5.38 11C5.31 11.07 5.21 11.09 5.12 11.05H5.11L4.5 10.77C4.27 10.68 4.04 10.62 3.8 10.61C2.84 10.58 2.03 11.34 2 12.31C2 13.03 2.4 13.69 3.06 13.97L14.45 19.04L19.04 14.45L13.97 3.06C13.69 2.39 13 1.97 12.3 2M13.13 6.1C13.55 6.09 13.93 6.33 14.09 6.71L17.14 13.55L13.19 9.61L12.26 7.5C11.96 6.87 12.42 6.12 13.13 6.1M9.85 8.85C10.12 8.85 10.37 8.95 10.56 9.15L15.37 13.96C15.77 14.34 15.78 14.97 15.4 15.37C15 15.77 14.38 15.78 13.96 15.37L9.15 10.56C8.75 10.18 8.74 9.54 9.13 9.15C9.32 8.95 9.58 8.85 9.85 8.85M7.13 12.17C7.26 12.17 7.4 12.21 7.5 12.26L9.63 13.2L13.57 17.14L6.71 14.09C5.69 13.65 6.03 12.14 7.13 12.17M20.28 16.04L16.04 20.28L16.89 21.13C17.65 21.88 18.75 22.17 19.78 21.9C20.81 21.62 21.62 20.81 21.9 19.78C22.17 18.75 21.88 17.65 21.13 16.89L20.28 16.04Z` },
+// A badminton racket and a shuttlecock, drawn for this package: an oval strung head on a slender frame, a T-shaped throat and a grip, and a feathered shuttlecock on its cork.
+import { capsule, drawn, ellipse, seg, strings } from "./gear.core.js";
+const T = "rotate(34 32 32)";
+const S = "translate(50.5 50) rotate(48) scale(.95) translate(-32 -13)";
+export const GEAR_BADMINTON_RACKET = /* @__PURE__ */ drawn("gear:badminton-racket", "Badminton racket", "バドミントンのラケット", {
+    main: "#2f8fe0",
+    accent: "#2a2f38",
+    parts: [
+        { d: strings(32, 15, 10.4, 13.4, 3.1), fill: "none", stroke: "#9aa7b6", w: 0.6, t: T },
+        { d: ellipse(32, 15, 11, 14), fill: "none", stroke: "$main", w: 2.6, t: T },
+        { d: "M24.2 24.6L30.6 36M39.8 24.6L33.4 36", fill: "none", stroke: "$main", w: 2.2, t: T },
+        { d: capsule(32, 34, 32, 50, 2.2), fill: "#aeb6c0", t: T, cyl: 0.9, shade: 0 },
+        { d: capsule(32, 46, 32, 62, 4.4), fill: "$accent", t: T, cyl: 0.8, shade: 0 },
+        { d: seg(30, 52, 34, 52) + seg(30, 56, 34, 56), fill: "none", stroke: "#6a7482", w: 0.7, t: T, line: "none" },
+        { d: "M28.4 20L24 4Q32 1 40 4L35.6 20z", fill: "#f4f6f8", stroke: "#9aa7b6", t: S, shade: 0.8 },
+        { d: "M29.6 19L27 5M32 19.4V3.4M34.4 19L37 5", fill: "none", stroke: "#9aa7b6", w: 0.7, t: S, line: "none" },
+        { d: "M27.6 20h8.8a4.4 4.4 0 0 1-8.8 0z", fill: "#e8cf9a", t: S, shade: 0.9 },
+    ],
 });

package/dist/emblems/gear/gear.baseballglove.d.ts

@@ -1 +1 @@
-export declare const GEAR_BASEBALL_GLOVE: import("./gear.index.ts").Piece<import("./gear.core.ts").CopiedSpec>;
+export declare const GEAR_BASEBALL_GLOVE: import("./gear.index.ts").Piece<import("./gear.core.ts").GearSpec>;

package/dist/emblems/gear/gear.baseballglove.js

@@ -1,15 +1,21 @@
-// Gear: Baseball glove. Copied, with changes, from game-icons.net https://game-icons.net/1x1/delapouite/baseball-glove.html, CC BY 3.0, Baseball glove icon by Delapouite under CC BY 3.0.
-// SHA-256 of the file as published: 1701836df19776a8d6f101963e260531bd5e83b4d0c4cdcc10a0081b509804c1.
-// Changes: the black background square of the original is left out, the shape is filled with leather and shaded. Modified files are marked as the Apache-2.0 licence asks. Do not edit by hand: scripts/dougu/build-gear.mjs writes this file.
-import { copied } from "./gear.core.js";
-export const GEAR_BASEBALL_GLOVE = /* @__PURE__ */ copied({
-    id: "gear:baseball-glove",
-    en: "Baseball glove",
-    ja: "野球のグラブ",
-    source: "gameicons",
-    credit: "game-icons.net https://game-icons.net/1x1/delapouite/baseball-glove.html, CC BY 3.0, Baseball glove icon by Delapouite under CC BY 3.0.",
-    box: "0 0 512 512",
-    colour: `M122 29C109 29 96 40 89 50C57 103 39 168 33 228C27 288 35 345 52 379C88 450 134 476 177 482C220 488 262 474 289 462C391 401 438 348 475 264C485 243 481 224 474 217C471 214 467 213 460 214C454 216 445 221 436 231L444 229L447 248L425 252L434 277L417 284L411 266C401 279 391 292 378 306L365 293C376 281 386 269 394 257L380 259L377 241L399 237L392 216L409 210L415 227C425 208 438 182 440 164C443 141 419 123 407 142C399 157 391 172 382 187L396 184L400 202L374 208L380 228L362 234L359 223C349 238 338 253 325 268L311 255C323 242 333 229 342 216L328 219L324 201L351 194L343 170L361 165L365 179C373 165 381 151 389 137C392 92 360 73 340 109C336 122 331 134 326 146L341 143L345 161L320 167L328 190L310 196L307 187C299 203 288 219 275 234L261 221C274 206 285 191 293 174L275 179L270 161L296 155L287 129L304 123L310 139C314 127 318 115 322 103C325 84 324 72 321 64C316 49 294 43 287 56C271 89 253 137 232 176C222 195 211 212 199 224C187 237 172 245 157 241C140 237 129 226 123 211C117 196 116 178 117 159C120 121 131 78 142 42C137 32 129 28 122 29ZM156 59C154 67 152 76 149 85C168 91 190 97 210 99C224 101 236 101 247 101C251 92 254 84 258 76C220 76 184 68 156 59ZM180 113L176 136C181 137 186 138 191 139L195 116C190 115 185 114 180 113ZM137 145C137 150 136 155 136 160C136 163 136 166 136 169C160 177 183 183 206 185C209 179 213 173 216 167C217 166 217 164 218 163C190 159 164 152 137 145ZM163 197L158 222C159 222 159 223 160 223C165 224 170 223 175 220L179 200C173 199 168 198 163 197ZM209 250C266 250 312 296 312 353C312 381 301 407 282 426C285 427 287 429 290 430L282 447C231 422 175 400 100 416L96 398C103 397 109 396 115 395C109 382 106 368 106 353C106 296 153 250 209 250ZM209 268C185 268 163 278 148 295C163 311 172 330 175 351C177 365 176 379 172 393C206 396 236 406 263 418C266 416 268 414 270 412C253 392 244 370 242 348C240 326 246 304 258 284C244 274 228 268 209 268ZM272 296C263 312 259 329 261 347C262 363 269 381 282 397C289 384 294 369 294 353C294 331 286 311 272 296ZM137 310C129 322 125 337 125 353C125 367 129 381 135 393C141 392 147 392 153 392H153C157 379 158 366 156 354C154 337 147 323 137 310Z`,
-    line: { box: "0 0 512 512", d: `M122 29C109 29 96 40 89 50C57 103 39 168 33 228C27 288 35 345 52 379C88 450 134 476 177 482C220 488 262 474 289 462C391 401 438 348 475 264C485 243 481 224 474 217C471 214 467 213 460 214C454 216 445 221 436 231L444 229L447 248L425 252L434 277L417 284L411 266C401 279 391 292 378 306L365 293C376 281 386 269 394 257L380 259L377 241L399 237L392 216L409 210L415 227C425 208 438 182 440 164C443 141 419 123 407 142C399 157 391 172 382 187L396 184L400 202L374 208L380 228L362 234L359 223C349 238 338 253 325 268L311 255C323 242 333 229 342 216L328 219L324 201L351 194L343 170L361 165L365 179C373 165 381 151 389 137C392 92 360 73 340 109C336 122 331 134 326 146L341 143L345 161L320 167L328 190L310 196L307 187C299 203 288 219 275 234L261 221C274 206 285 191 293 174L275 179L270 161L296 155L287 129L304 123L310 139C314 127 318 115 322 103C325 84 324 72 321 64C316 49 294 43 287 56C271 89 253 137 232 176C222 195 211 212 199 224C187 237 172 245 157 241C140 237 129 226 123 211C117 196 116 178 117 159C120 121 131 78 142 42C137 32 129 28 122 29ZM156 59C154 67 152 76 149 85C168 91 190 97 210 99C224 101 236 101 247 101C251 92 254 84 258 76C220 76 184 68 156 59ZM180 113L176 136C181 137 186 138 191 139L195 116C190 115 185 114 180 113ZM137 145C137 150 136 155 136 160C136 163 136 166 136 169C160 177 183 183 206 185C209 179 213 173 216 167C217 166 217 164 218 163C190 159 164 152 137 145ZM163 197L158 222C159 222 159 223 160 223C165 224 170 223 175 220L179 200C173 199 168 198 163 197ZM209 250C266 250 312 296 312 353C312 381 301 407 282 426C285 427 287 429 290 430L282 447C231 422 175 400 100 416L96 398C103 397 109 396 115 395C109 382 106 368 106 353C106 296 153 250 209 250ZM209 268C185 268 163 278 148 295C163 311 172 330 175 351C177 365 176 379 172 393C206 396 236 406 263 418C266 416 268 414 270 412C253 392 244 370 242 348C240 326 246 304 258 284C244 274 228 268 209 268ZM272 296C263 312 259 329 261 347C262 363 269 381 282 397C289 384 294 369 294 353C294 331 286 311 272 296ZM137 310C129 322 125 337 125 353C125 367 129 381 135 393C141 392 147 392 153 392H153C157 379 158 366 156 354C154 337 147 323 137 310Z` },
-    leather: "#a8622a",
+// A baseball glove with a ball, drawn for this package: a leather mitt of four fingers and a thumb round a deep pocket, a laced web, a wrist strap and a ball in the pocket.
+import { capsule, circle, drawn, ellipse } from "./gear.core.js";
+export const GEAR_BASEBALL_GLOVE = /* @__PURE__ */ drawn("gear:baseball-glove", "Baseball glove", "野球のグラブ", {
+    main: "#b5702f",
+    accent: "#e6cfa0",
+    parts: [
+        { d: capsule(17, 30, 12.6, 16, 9.6), fill: "$main", cyl: 0.8, shade: 0.3 },
+        { d: capsule(28, 28, 26.6, 11.6, 10), fill: "$main", cyl: 0.8, shade: 0.3 },
+        { d: capsule(39, 28.4, 40.6, 12.6, 9.8), fill: "$main", cyl: 0.8, shade: 0.3 },
+        { d: capsule(48, 32, 52.6, 19.4, 9), fill: "$main", cyl: 0.8, shade: 0.3 },
+        { d: capsule(12, 42, 5.8, 34.6, 10), fill: "$main", cyl: 0.8, shade: 0.3 },
+        { d: "M9 34C7 47 16 59 32 59C48 59 58 49 56 34C53 25 45 23 36 23C27 23 13 23 9 34Z", fill: "$main", shade: 0.6 },
+        { d: ellipse(32, 42, 15.4, 12.4), fill: "#8f5220", stroke: "#6a3a14", shade: 0, line: "stroke" },
+        { d: "M13.4 24.2L17 29.4M23.4 20L24.6 26M34 20.6L34 26M45 22.6L42.4 27.4M8.6 36L13.4 36.6", fill: "none", stroke: "$accent", w: 1.4, line: "none" },
+        { d: "M20 55.6Q32 61 45 55.4", fill: "none", stroke: "$accent", w: 1.6, line: "none" },
+        { d: "M22 56.4L44 56.6L43.4 60.8Q32 63.4 23 60.8Z", fill: "#7a4318", stroke: "#4a280c", shade: 0.3, line: "none" },
+        { d: circle(32, 41, 7.8), fill: "#f6f3ec", stroke: "#8f98a3", shade: 0.9 },
+        { d: "M27.2 35.4Q31 41 27.2 46.6M36.8 35.4Q33 41 36.8 46.6", fill: "none", stroke: "#c4262e", w: 1, line: "none" },
+        { d: "M8.6 35Q9.6 29 13 26.4", fill: "none", stroke: "#fff", w: 1.6, op: 0.4, line: "none", fx: true },
+    ],
 });

package/dist/emblems/gear/gear.budo.d.ts

@@ -0,0 +1,17 @@
+import type { PieceOptions } from "../ball/ball.core.ts";
+/** The colours of a judo belt from the first rank to the black belt, in order, which `tint` takes. */
+export declare const OBI_RANKS: {
+    readonly white: "#f2efe8";
+    readonly yellow: "#f2c21b";
+    readonly orange: "#ee8a1c";
+    readonly green: "#2f9a52";
+    readonly blue: "#2b64c8";
+    readonly brown: "#7a4a24";
+    readonly black: "#1f2228";
+};
+export type ObiRank = keyof typeof OBI_RANKS;
+export declare const GEAR_JUDOGI: import("./gear.index.ts").Piece<import("./gear.core.ts").GearSpec>;
+export declare const GEAR_KARATE_GI: import("./gear.index.ts").Piece<import("./gear.core.ts").GearSpec>;
+export declare const GEAR_OBI: import("./gear.index.ts").Piece<import("./gear.core.ts").GearSpec>;
+/** The belt of a rank, `"white"` to `"black"`: the same as `GEAR_OBI.svg({ ...options, tint: OBI_RANKS[rank] })`. An unknown rank is the black belt. */
+export declare const obi: (rank: ObiRank, options?: PieceOptions) => string;