@johnmorrisdotca/dougu-sports 0.9.0 → 0.11.0

package/dist/brands/brand.letters.js

@@ -0,0 +1,88 @@
+// The lettering of the maker wordmarks: our own alphabet of capitals, drawn as strokes. Each letter is a few polylines on a unit box (x across, y down, 0 to 1); a style sets the weight, how the corners are
+// treated (sharp, rounded or cut), the width, the spacing, the slant and the line ends, so that each maker's wordmark has a lettering of its own from one set of skeletons. It is not a copy of any typeface.
+const BOX = [[0, 0], [1, 0], [1, 1], [0, 1]];
+const SKELETONS = {
+    A: { strokes: [[[0, 1], [0.5, 0], [1, 1]], [[0.2, 0.68], [0.8, 0.68]]], wide: 1.1 },
+    B: { strokes: [[[0, 0], [0, 1]], [[0, 0], [0.88, 0], [0.88, 0.5], [0, 0.5]], [[0.88, 0.5], [1, 0.5], [1, 1], [0, 1]]] },
+    C: { strokes: [[[1, 0], [0, 0], [0, 1], [1, 1]]] },
+    D: { strokes: [[[0, 0], [0.62, 0], [1, 0.34], [1, 0.66], [0.62, 1], [0, 1]]], closed: [0] },
+    E: { strokes: [[[1, 0], [0, 0], [0, 1], [1, 1]], [[0, 0.5], [0.8, 0.5]]] },
+    F: { strokes: [[[1, 0], [0, 0], [0, 1]], [[0, 0.5], [0.8, 0.5]]] },
+    G: { strokes: [[[1, 0.16], [1, 0], [0, 0], [0, 1], [1, 1], [1, 0.55], [0.55, 0.55]]] },
+    H: { strokes: [[[0, 0], [0, 1]], [[1, 0], [1, 1]], [[0, 0.5], [1, 0.5]]] },
+    I: { strokes: [[[0.5, 0], [0.5, 1]]], wide: 0 },
+    J: { strokes: [[[1, 0], [1, 0.78], [0.78, 1], [0.22, 1], [0, 0.78]]] },
+    K: { strokes: [[[0, 0], [0, 1]], [[1, 0], [0.08, 0.56], [1, 1]]] },
+    L: { strokes: [[[0, 0], [0, 1], [1, 1]]] },
+    M: { strokes: [[[0, 1], [0, 0], [0.5, 0.62], [1, 0], [1, 1]]], wide: 1.3 },
+    N: { strokes: [[[0, 1], [0, 0], [1, 1], [1, 0]]] },
+    O: { strokes: [BOX], closed: [0] },
+    P: { strokes: [[[0, 1], [0, 0], [1, 0], [1, 0.55], [0, 0.55]]] },
+    Q: { strokes: [BOX, [[0.6, 0.62], [1, 1]]], closed: [0] },
+    R: { strokes: [[[0, 1], [0, 0], [1, 0], [1, 0.5], [0, 0.5]], [[0.44, 0.5], [1, 1]]] },
+    S: { strokes: [[[1, 0], [0, 0], [0, 0.5], [1, 0.5], [1, 1], [0, 1]]] },
+    T: { strokes: [[[0, 0], [1, 0]], [[0.5, 0], [0.5, 1]]] },
+    U: { strokes: [[[0, 0], [0, 1], [1, 1], [1, 0]]] },
+    V: { strokes: [[[0, 0], [0.5, 1], [1, 0]]], wide: 1.1 },
+    W: { strokes: [[[0, 0], [0.25, 1], [0.5, 0.3], [0.75, 1], [1, 0]]], wide: 1.5 },
+    X: { strokes: [[[0, 0], [1, 1]], [[1, 0], [0, 1]]], wide: 1.05 },
+    Y: { strokes: [[[0, 0], [0.5, 0.5], [1, 0]], [[0.5, 0.5], [0.5, 1]]] },
+    Z: { strokes: [[[0, 0], [1, 0], [0, 1], [1, 1]]] },
+};
+/** Letters whose right side is open at the top or the bottom, and letters whose sides lean in: a pair of the two is set closer. */
+const OPEN = "LTFPYRVAW";
+const LEAN = "AVWYT";
+/** The letters the alphabet draws. */
+export const LETTERS = Object.freeze(Object.keys(SKELETONS));
+const round1 = (value) => String(Math.round(value * 10) / 10 + 0);
+/** One stroke as a path: corners rounded or cut by `radius`, never by more than half a side. */
+function strokePath(points, closed, style) {
+    const n = points.length;
+    let d = "";
+    for (let i = 0; i < n; i++) {
+        const p = points[i];
+        const end = !closed && (i === 0 || i === n - 1);
+        if (end || style.corner === "sharp" || style.radius <= 0) {
+            d += `${i === 0 ? "M" : "L"}${round1(p[0])} ${round1(p[1])}`;
+            continue;
+        }
+        const a = points[(i + n - 1) % n];
+        const b = points[(i + 1) % n];
+        const l1 = Math.hypot(a[0] - p[0], a[1] - p[1]);
+        const l2 = Math.hypot(b[0] - p[0], b[1] - p[1]);
+        const t1 = Math.min(style.radius / l1, 0.5);
+        const t2 = Math.min(style.radius / l2, 0.5);
+        const s = [p[0] + (a[0] - p[0]) * t1, p[1] + (a[1] - p[1]) * t1];
+        const e = [p[0] + (b[0] - p[0]) * t2, p[1] + (b[1] - p[1]) * t2];
+        d += `${i === 0 ? "M" : "L"}${round1(s[0])} ${round1(s[1])}`;
+        d += style.corner === "round" ? `Q${round1(p[0])} ${round1(p[1])} ${round1(e[0])} ${round1(e[1])}` : `L${round1(e[0])} ${round1(e[1])}`;
+    }
+    return closed ? `${d}Z` : d;
+}
+/** The unit height the lettering is drawn at. */
+export const LETTER_HEIGHT = 100;
+/** A word in capitals, in a style. A letter the alphabet does not have is left out. The box includes the stroke's half weight and the room a lean needs. */
+export function lettering(word, style) {
+    const lean = Math.tan((style.slant * Math.PI) / 180);
+    const half = style.weight / 2;
+    const top = half + (style.cap === "square" ? half : 0);
+    const pad = half + (style.cap === "square" ? half * 0.42 : 0) + Math.abs(lean) * (LETTER_HEIGHT / 2);
+    let x = pad;
+    let before = "";
+    const parts = [];
+    for (const char of word.toUpperCase()) {
+        const skeleton = SKELETONS[char];
+        if (skeleton === undefined)
+            continue;
+        const w = 60 * style.width * (skeleton.wide ?? 1);
+        if (before !== "" && OPEN.includes(before) && LEAN.includes(char) && before !== char)
+            x -= 0.3 * 60 * style.width;
+        before = char;
+        skeleton.strokes.forEach((stroke, index) => {
+            const points = stroke.map(([u, v]) => [x + u * w + (LETTER_HEIGHT / 2 - v * LETTER_HEIGHT) * lean, top + v * LETTER_HEIGHT]);
+            parts.push(strokePath(points, skeleton.closed?.includes(index) === true, style));
+        });
+        x += w + style.weight + style.gap;
+    }
+    return { d: parts.join(""), width: x - style.gap - style.weight + pad, height: LETTER_HEIGHT + 2 * top, weight: style.weight };
+}

package/dist/brands/brand.render.d.ts

@@ -0,0 +1,47 @@
+import { type MakerId, type TeamId } from "./brand.data.ts";
+/** What a maker's logo is made of: its mark alone (the default), its wordmark alone, the two side by side or the wordmark under the mark. */
+export type LogoLayout = "mark" | "wordmark" | "horizontal" | "stacked";
+/** The options every logo takes. */
+export interface LogoOptions {
+    /** `"full"` (the default) draws the logo in its own colours; `"mono"` draws it in one colour, `ink`. */
+    color?: "full" | "mono";
+    /** The colours of the logo for a light page (the default) or a dark one. */
+    theme?: "light" | "dark";
+    /** The one colour of a `"mono"` logo: `#rgb`, `#rrggbb` or `rgb()`. By default `currentColor`, so the logo takes the page's text colour. Ignored by a full-colour logo. */
+    ink?: string;
+    /** The height in pixels (64 by default); the width follows the layout. The drawing is a vector at any size. */
+    size?: number;
+    /** The `<title>`: a string writes that title (escaped), `false` drops it and marks the drawing `aria-hidden="true"`. By default the maker's name or the team's name. */
+    title?: string | false;
+}
+/** The options of a maker's logo. */
+export interface MakerLogoOptions extends LogoOptions {
+    /** Which parts to draw. By default only the mark: the name is optional. */
+    layout?: LogoLayout;
+}
+/** Where a logo goes inside another drawing: its top left corner and its height, in that drawing's units. */
+export interface LogoPlace {
+    x?: number;
+    y?: number;
+    /** The height of the logo in the drawing's units (100 by default). */
+    size?: number;
+}
+/**
+ * A fictional maker's logo as an SVG document: its mark by default, or its wordmark, or both (`layout`). In its own colours for a light or a dark page, or in one colour (`color: "mono"`, `ink`).
+ * @example
+ * ```ts
+ * import { makerLogo } from "@johnmorrisdotca/dougu-sports/brands";
+ * const svg = makerLogo("arvane", { size: 48 });
+ * console.log(svg.startsWith("<svg"), svg.includes("<title>Arvane</title>"));
+ * // true true
+ * ```
+ */
+export declare function makerLogo(id: MakerId, o?: MakerLogoOptions): string;
+/** A fictional team's logo as an SVG document, in its own colours for a light or a dark page, or in one colour. */
+export declare function teamLogo(id: TeamId, o?: LogoOptions): string;
+/**
+ * A maker's logo as a `<g>` to put inside another SVG: a jersey, a cap, a T-shirt, a card. It has no id, no gradient and no `<title>`, so any number of them can sit in one document. `x`, `y` and `size` place it in that drawing's units.
+ */
+export declare function makerLogoGroup(id: MakerId, place?: LogoPlace, o?: Omit<MakerLogoOptions, "size" | "title">): string;
+/** A team's logo as a `<g>` to put inside another SVG (see `makerLogoGroup`). */
+export declare function teamLogoGroup(id: TeamId, place?: LogoPlace, o?: Omit<LogoOptions, "size" | "title">): string;

package/dist/brands/brand.render.js

@@ -0,0 +1,106 @@
+// Draws the fictional logos: a maker's mark, its wordmark or both, and a team's logo, as an SVG document or as a group to place inside another drawing. A pure function of its options: the same id and options give the same
+// string, there are no ids, no gradients and no filters, and a colour that is not `#rgb`, `#rrggbb` or `rgb()` is ignored.
+import { escape, hexOf, readColour } from "../emblems/emblem.core.js";
+import { LETTER_HEIGHT, lettering } from "./brand.letters.js";
+import { MAKERS, TEAMS } from "./brand.data.js";
+const MARK = 100;
+const r2 = (value) => Math.round(value * 100) / 100;
+const r4 = (value) => Math.round(value * 10000) / 10000;
+const HORIZONTAL_GAP = 16;
+const WORD_HEIGHT_BESIDE = 34;
+const STACK_GAP = 12;
+const clampSize = (value, fallback) => (typeof value === "number" && Number.isFinite(value) && value > 0 ? Math.min(value, 4096) : fallback);
+/** The colour of a mono logo: a colour that reads, or `currentColor`. */
+function monoInk(ink) {
+    const rgb = readColour(ink);
+    return rgb === undefined ? "currentColor" : hexOf(rgb);
+}
+const partsMarkup = (parts, colorOf) => parts.map((part) => `<path fill="${colorOf(part)}" fill-rule="evenodd" d="${part.d}"/>`).join("");
+function makerBody(maker, layout, o) {
+    const mono = o?.color === "mono";
+    const palette = o?.theme === "dark" ? maker.dark : maker.light;
+    const ink = monoInk(o?.ink);
+    const mark = partsMarkup(maker.parts, (part) => (mono ? ink : part.role === "a" ? palette.a : palette.b));
+    const word = lettering(maker.name, maker.lettering);
+    const stroke = mono ? ink : palette.ink;
+    const join = maker.lettering.corner === "round" ? "round" : "miter";
+    const letters = `<path fill="none" stroke="${stroke}" stroke-width="${r2(maker.lettering.weight)}" stroke-linecap="${maker.lettering.cap}" stroke-linejoin="${join}" d="${word.d}"/>`;
+    if (layout === "mark")
+        return { width: MARK, height: MARK, body: mark };
+    if (layout === "wordmark")
+        return { width: r2(word.width), height: r2(word.height), body: letters };
+    if (layout === "horizontal") {
+        const k = WORD_HEIGHT_BESIDE / LETTER_HEIGHT;
+        const top = MARK / 2 - (word.height * k) / 2;
+        return { width: r2(MARK + HORIZONTAL_GAP + word.width * k), height: MARK, body: `${mark}<g transform="translate(${MARK + HORIZONTAL_GAP} ${r2(top)}) scale(${r4(k)})">${letters}</g>` };
+    }
+    const k = Math.min(0.32, 96 / word.width);
+    const width = Math.max(MARK, word.width * k);
+    const x = (width - MARK) / 2;
+    const wx = (width - word.width * k) / 2;
+    return {
+        width: r2(width),
+        height: r2(MARK + STACK_GAP + word.height * k),
+        body: `<g transform="translate(${r2(x)} 0)">${mark}</g><g transform="translate(${r2(wx)} ${MARK + STACK_GAP}) scale(${r4(k)})">${letters}</g>`,
+    };
+}
+function teamBody(team, o) {
+    const mono = o?.color === "mono";
+    const palette = o?.theme === "dark" ? team.dark : team.light;
+    const ink = monoInk(o?.ink);
+    return { width: MARK, height: MARK, body: partsMarkup(team.parts, (part) => (mono ? ink : palette[part.role])) };
+}
+function document(built, name, o) {
+    const height = clampSize(o?.size, 64);
+    const width = r2((height * built.width) / built.height);
+    const title = o?.title === false ? undefined : typeof o?.title === "string" ? o.title : name;
+    const label = title === undefined ? ' aria-hidden="true"' : ` role="img"`;
+    return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${built.width} ${built.height}" width="${width}" height="${r2(height)}"${label}>${title === undefined ? "" : `<title>${escape(title)}</title>`}${built.body}</svg>`;
+}
+function group(built, place) {
+    const size = clampSize(place?.size, MARK);
+    const k = size / built.height;
+    const x = typeof place?.x === "number" && Number.isFinite(place.x) ? place.x : 0;
+    const y = typeof place?.y === "number" && Number.isFinite(place.y) ? place.y : 0;
+    return `<g transform="translate(${r2(x)} ${r2(y)}) scale(${r4(k)})">${built.body}</g>`;
+}
+const layoutOf = (value) => (value === "wordmark" || value === "horizontal" || value === "stacked" ? value : "mark");
+function maker(id) {
+    if (!Object.hasOwn(MAKERS, id))
+        throw new Error(`Unknown maker "${String(id).slice(0, 40)}"; see MAKER_IDS.`);
+    return MAKERS[id];
+}
+function team(id) {
+    if (!Object.hasOwn(TEAMS, id))
+        throw new Error(`Unknown team "${String(id).slice(0, 40)}"; see TEAM_IDS.`);
+    return TEAMS[id];
+}
+/**
+ * A fictional maker's logo as an SVG document: its mark by default, or its wordmark, or both (`layout`). In its own colours for a light or a dark page, or in one colour (`color: "mono"`, `ink`).
+ * @example
+ * ```ts
+ * import { makerLogo } from "@johnmorrisdotca/dougu-sports/brands";
+ * const svg = makerLogo("arvane", { size: 48 });
+ * console.log(svg.startsWith("<svg"), svg.includes("<title>Arvane</title>"));
+ * // true true
+ * ```
+ */
+export function makerLogo(id, o) {
+    const data = maker(id);
+    return document(makerBody(data, layoutOf(o?.layout), o), data.name, o);
+}
+/** A fictional team's logo as an SVG document, in its own colours for a light or a dark page, or in one colour. */
+export function teamLogo(id, o) {
+    const data = team(id);
+    return document(teamBody(data, o), `${data.city} ${data.nickname}`, o);
+}
+/**
+ * A maker's logo as a `<g>` to put inside another SVG: a jersey, a cap, a T-shirt, a card. It has no id, no gradient and no `<title>`, so any number of them can sit in one document. `x`, `y` and `size` place it in that drawing's units.
+ */
+export function makerLogoGroup(id, place, o) {
+    return group(makerBody(maker(id), layoutOf(o?.layout), o), place);
+}
+/** A team's logo as a `<g>` to put inside another SVG (see `makerLogoGroup`). */
+export function teamLogoGroup(id, place, o) {
+    return group(teamBody(team(id), o), place);
+}

package/dist/brands-entry.d.ts

@@ -0,0 +1,8 @@
+export { MAKERS, MAKER_IDS, TEAMS, TEAM_IDS } from "./brands/brand.data.ts";
+export type { LogoPart, MakerData, MakerId, MakerPalette, PartRole, TeamData, TeamId, TeamPalette } from "./brands/brand.data.ts";
+export { makerLogo, makerLogoGroup, teamLogo, teamLogoGroup } from "./brands/brand.render.ts";
+export type { LogoLayout, LogoOptions, LogoPlace, MakerLogoOptions } from "./brands/brand.render.ts";
+export { makerBall, renderMakerBall } from "./brands/brand.ball.ts";
+export type { MakerBallOptions } from "./brands/brand.ball.ts";
+export { LETTERS, lettering } from "./brands/brand.letters.ts";
+export type { LetterStyle, Lettering } from "./brands/brand.letters.ts";

package/dist/brands-entry.js

@@ -0,0 +1,5 @@
+// The brands entry point: twelve fictional maker marks, ten fictional team logos, and the functions that draw them, place them in another drawing or print them on a ball. The set is the data in `MAKERS` and `TEAMS`.
+export { MAKERS, MAKER_IDS, TEAMS, TEAM_IDS } from "./brands/brand.data.js";
+export { makerLogo, makerLogoGroup, teamLogo, teamLogoGroup } from "./brands/brand.render.js";
+export { makerBall, renderMakerBall } from "./brands/brand.ball.js";
+export { LETTERS, lettering } from "./brands/brand.letters.js";

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

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

package/dist/emblems/award/ribbon.js

@@ -0,0 +1,17 @@
+// Ribbon: a banner ribbon, a gold band with two red notched tails hanging behind it, drawn for this package, in metal, line and flat colour. It stands alone (a prize ribbon without a rosette); `trophy:rosette` is the one with ribbons.
+import { defineFlat } from "../emblem.shapes.js";
+/** Ribbon. */
+export const AWARD_RIBBON = /* @__PURE__ */ defineFlat("award:ribbon", "Ribbon", "リボン", "ours", {
+    metal: "gold",
+    ribbon: "#c0392b",
+    front: [
+        // The two tails hang from behind the band, each ending in a notch.
+        ["r", "M13 34H29V57L21 49L13 57z"],
+        ["r", "M35 34H51V57L43 49L35 57z"],
+        // The band.
+        ["m", "M5 10H59V34H5z"],
+        ["e", "M9 14H55V30H9z", "1.6"],
+        ["l", "M5 10H59V14H5z"],
+    ],
+    rim: 2,
+});

package/dist/emblems/ball/ball.index.js

@@ -26,7 +26,7 @@ import { BALL_LACROSSE, BALL_RACQUETBALL, BALL_TABLE_TENNIS, BALL_SHOT } from ".
 import { BALL_SOCCER_26, BALL_SOCCER_18, BALL_SOCCER_14, BALL_SOCCER_12, BALL_SOCCER_6, BALL_SOCCER_26_ORANGE, BALL_SOCCER_18_ORANGE, BALL_SOCCER_14_ORANGE, BALL_SOCCER_12_ORANGE, BALL_SOCCER_6_ORANGE, BALL_SOCCER_26_YELLOW, BALL_SOCCER_18_YELLOW, BALL_SOCCER_14_YELLOW, BALL_SOCCER_12_YELLOW, BALL_SOCCER_6_YELLOW } from "./ball.soccer.panels.js";
 import { BALL_FUTSAL, BALL_BEACH_SOCCER } from "./ball.soccer.indoor.js";
 import { BALL_SOCCER_1870_HAND_STITCHED, BALL_SOCCER_1900_LACED, BALL_SOCCER_1930_18_PANEL, BALL_SOCCER_1950_12_PANEL, BALL_SOCCER_1960_32_PANEL_LEATHER } from "./ball.soccer.vintage.js";
-import { BALL_SOCCER_1970_BLACK_WHITE, BALL_SOCCER_1978_TRIAD, BALL_SOCCER_1986_DECORATED_TRIAD, BALL_SOCCER_1998_COLOURED_TRIAD, BALL_SOCCER_2002_TRIANGLE_SWEEP, BALL_SOCCER_2006_PROPELLER, BALL_SOCCER_2010_GROOVED, BALL_SOCCER_2014_RIBBON, BALL_SOCCER_2018_PIXEL, BALL_SOCCER_2022_SPEED_SHELL, BALL_SOCCER_TRAINING_HIGH_VIS } from "./ball.soccer.era.js";
+import { BALL_SOCCER_RETRO_PENTAGONS, BALL_SOCCER_RETRO_LEAVES, BALL_SOCCER_RETRO_ROSETTE, BALL_SOCCER_RETRO_STAR, BALL_SOCCER_RETRO_PINWHEEL, BALL_SOCCER_RETRO_KITES, BALL_SOCCER_14_PANEL_DOUBLE_BORDER, BALL_SOCCER_8_PANEL_PLAIN, BALL_SOCCER_6_PANEL_BANDS, BALL_SOCCER_6_PANEL_DIAMONDS, BALL_SOCCER_20_PANEL_DOTS, BALL_SOCCER_TRAINING_HIGH_VIS } from "./ball.soccer.era.js";
 import { BALL_SOCCER_STARS_BLUE, BALL_SOCCER_STARS_RED, BALL_SOCCER_STARS_NIGHT, BALL_SOCCER_HEXAGONS_CYAN, BALL_SOCCER_HEXAGONS_MAGENTA, BALL_SOCCER_HEXAGONS_LIME, BALL_SOCCER_FLAMES_FIRE, BALL_SOCCER_FLAMES_ICE, BALL_SOCCER_FLAMES_TOXIC, BALL_SOCCER_CHEVRONS_RED, BALL_SOCCER_CHEVRONS_GREEN, BALL_SOCCER_CHEVRONS_BLUE, BALL_SOCCER_SWIRL_BLUE, BALL_SOCCER_SWIRL_RED, BALL_SOCCER_SWIRL_TEAL, BALL_SOCCER_METALLIC_GOLD, BALL_SOCCER_METALLIC_SILVER, BALL_SOCCER_METALLIC_COBALT } from "./ball.soccer.store.js";
 import { BALL_BASEBALL_LEMON_PEEL, BALL_BASEBALL_RED_BLUE, BALL_BASEBALL_BLACK_RED, BALL_BASEBALL_VINTAGE_LEATHER, BALL_SOFTBALL_11_OPTIC } from "./ball.baseball.vintage.js";
 import { BALL_VOLLEYBALL_COLOURS, BALL_VOLLEYBALL_BRAZIL, BALL_VOLLEYBALL_JAPAN, BALL_VOLLEYBALL_CANADA, BALL_VOLLEYBALL_USA, BALL_VOLLEYBALL_ITALY, BALL_VOLLEYBALL_POLAND, BALL_VOLLEYBALL_FRANCE, BALL_VOLLEYBALL_SERBIA, BALL_VOLLEYBALL_NETHERLANDS, BALL_VOLLEYBALL_GERMANY } from "./ball.volleyball.flag.js";
@@ -36,7 +36,7 @@ import { BALL_TEQBALL } from "./ball.teqball.js";
 import { BALL_VOLLEYBALL, BALL_VOLLEYBALL_8, BALL_BEACH_VOLLEYBALL } from "./ball.volleyball.js";
 import { BALL_WATER_POLO } from "./ball.waterpolo.js";
 /** Every ball, in the order a gallery shows them. */
-export const BALLS = [BALL_SOCCER, BALL_SOCCER_COLOUR, BALL_SOCCER_26, BALL_SOCCER_18, BALL_SOCCER_14, BALL_SOCCER_12, BALL_SOCCER_6, BALL_SOCCER_ORANGE, BALL_SOCCER_26_ORANGE, BALL_SOCCER_18_ORANGE, BALL_SOCCER_14_ORANGE, BALL_SOCCER_12_ORANGE, BALL_SOCCER_6_ORANGE, BALL_SOCCER_YELLOW, BALL_SOCCER_26_YELLOW, BALL_SOCCER_18_YELLOW, BALL_SOCCER_14_YELLOW, BALL_SOCCER_12_YELLOW, BALL_SOCCER_6_YELLOW, BALL_FUTSAL, BALL_BEACH_SOCCER, BALL_SOCCER_1870_HAND_STITCHED, BALL_SOCCER_1900_LACED, BALL_SOCCER_1930_18_PANEL, BALL_SOCCER_1950_12_PANEL, BALL_SOCCER_1960_32_PANEL_LEATHER, BALL_SOCCER_1970_BLACK_WHITE, BALL_SOCCER_1978_TRIAD, BALL_SOCCER_1986_DECORATED_TRIAD, BALL_SOCCER_1998_COLOURED_TRIAD, BALL_SOCCER_2002_TRIANGLE_SWEEP, BALL_SOCCER_2006_PROPELLER, BALL_SOCCER_2010_GROOVED, BALL_SOCCER_2014_RIBBON, BALL_SOCCER_2018_PIXEL, BALL_SOCCER_2022_SPEED_SHELL, BALL_SOCCER_TRAINING_HIGH_VIS, BALL_SOCCER_STARS_BLUE, BALL_SOCCER_STARS_RED, BALL_SOCCER_STARS_NIGHT, BALL_SOCCER_HEXAGONS_CYAN, BALL_SOCCER_HEXAGONS_MAGENTA, BALL_SOCCER_HEXAGONS_LIME, BALL_SOCCER_FLAMES_FIRE, BALL_SOCCER_FLAMES_ICE, BALL_SOCCER_FLAMES_TOXIC, BALL_SOCCER_CHEVRONS_RED, BALL_SOCCER_CHEVRONS_GREEN, BALL_SOCCER_CHEVRONS_BLUE, BALL_SOCCER_SWIRL_BLUE, BALL_SOCCER_SWIRL_RED, BALL_SOCCER_SWIRL_TEAL, BALL_SOCCER_METALLIC_GOLD, BALL_SOCCER_METALLIC_SILVER, BALL_SOCCER_METALLIC_COBALT, BALL_TEQBALL, BALL_BASKETBALL, BALL_BASKETBALL_6, BALL_BASKETBALL_3X3, BALL_BASEBALL, BALL_SOFTBALL, BALL_BASEBALL_LEMON_PEEL, BALL_BASEBALL_RED_BLUE, BALL_BASEBALL_BLACK_RED, BALL_BASEBALL_VINTAGE_LEATHER, BALL_SOFTBALL_11_OPTIC, BALL_TENNIS, BALL_PADEL, BALL_SLIOTAR, BALL_VOLLEYBALL, BALL_VOLLEYBALL_8, BALL_BEACH_VOLLEYBALL, BALL_VOLLEYBALL_COLOURS, BALL_VOLLEYBALL_BRAZIL, BALL_VOLLEYBALL_JAPAN, BALL_VOLLEYBALL_CANADA, BALL_VOLLEYBALL_USA, BALL_VOLLEYBALL_ITALY, BALL_VOLLEYBALL_POLAND, BALL_VOLLEYBALL_FRANCE, BALL_VOLLEYBALL_SERBIA, BALL_VOLLEYBALL_NETHERLANDS, BALL_VOLLEYBALL_GERMANY, BALL_CRICKET_RED, BALL_CRICKET_WHITE, BALL_CRICKET_PINK, BALL_FOOTBALL, BALL_FOOTBALL_CFL, BALL_FOOTBALL_IFAF, BALL_RUGBY, BALL_AFL, BALL_GAELIC_FOOTBALL, BALL_NETBALL, BALL_PICKLEBALL_OUTDOOR, BALL_PICKLEBALL_INDOOR, BALL_SQUASH_DOUBLE_YELLOW, BALL_SQUASH_YELLOW, BALL_SQUASH_GREEN, BALL_SQUASH_RED, BALL_SQUASH_BLUE, BALL_RACQUETBALL, BALL_LACROSSE, BALL_FIELD_HOCKEY, BALL_TABLE_TENNIS, BALL_HANDBALL, BALL_WATER_POLO, BALL_GOLF, BALL_PUCK, BALL_CURLING_STONE, BALL_SHOT, BALL_DISCUS, BALL_HAMMER, BALL_SEPAK_TAKRAW, BALL_ROUNDNET, BALL_SHUTTLECOCK_FEATHER, BALL_SHUTTLECOCK_NYLON];
+export const BALLS = [BALL_SOCCER, BALL_SOCCER_COLOUR, BALL_SOCCER_26, BALL_SOCCER_18, BALL_SOCCER_14, BALL_SOCCER_12, BALL_SOCCER_6, BALL_SOCCER_ORANGE, BALL_SOCCER_26_ORANGE, BALL_SOCCER_18_ORANGE, BALL_SOCCER_14_ORANGE, BALL_SOCCER_12_ORANGE, BALL_SOCCER_6_ORANGE, BALL_SOCCER_YELLOW, BALL_SOCCER_26_YELLOW, BALL_SOCCER_18_YELLOW, BALL_SOCCER_14_YELLOW, BALL_SOCCER_12_YELLOW, BALL_SOCCER_6_YELLOW, BALL_FUTSAL, BALL_BEACH_SOCCER, BALL_SOCCER_1870_HAND_STITCHED, BALL_SOCCER_1900_LACED, BALL_SOCCER_1930_18_PANEL, BALL_SOCCER_1950_12_PANEL, BALL_SOCCER_1960_32_PANEL_LEATHER, BALL_SOCCER_RETRO_PENTAGONS, BALL_SOCCER_RETRO_LEAVES, BALL_SOCCER_RETRO_ROSETTE, BALL_SOCCER_RETRO_STAR, BALL_SOCCER_RETRO_PINWHEEL, BALL_SOCCER_RETRO_KITES, BALL_SOCCER_14_PANEL_DOUBLE_BORDER, BALL_SOCCER_8_PANEL_PLAIN, BALL_SOCCER_6_PANEL_BANDS, BALL_SOCCER_6_PANEL_DIAMONDS, BALL_SOCCER_20_PANEL_DOTS, BALL_SOCCER_TRAINING_HIGH_VIS, BALL_SOCCER_STARS_BLUE, BALL_SOCCER_STARS_RED, BALL_SOCCER_STARS_NIGHT, BALL_SOCCER_HEXAGONS_CYAN, BALL_SOCCER_HEXAGONS_MAGENTA, BALL_SOCCER_HEXAGONS_LIME, BALL_SOCCER_FLAMES_FIRE, BALL_SOCCER_FLAMES_ICE, BALL_SOCCER_FLAMES_TOXIC, BALL_SOCCER_CHEVRONS_RED, BALL_SOCCER_CHEVRONS_GREEN, BALL_SOCCER_CHEVRONS_BLUE, BALL_SOCCER_SWIRL_BLUE, BALL_SOCCER_SWIRL_RED, BALL_SOCCER_SWIRL_TEAL, BALL_SOCCER_METALLIC_GOLD, BALL_SOCCER_METALLIC_SILVER, BALL_SOCCER_METALLIC_COBALT, BALL_TEQBALL, BALL_BASKETBALL, BALL_BASKETBALL_6, BALL_BASKETBALL_3X3, BALL_BASEBALL, BALL_SOFTBALL, BALL_BASEBALL_LEMON_PEEL, BALL_BASEBALL_RED_BLUE, BALL_BASEBALL_BLACK_RED, BALL_BASEBALL_VINTAGE_LEATHER, BALL_SOFTBALL_11_OPTIC, BALL_TENNIS, BALL_PADEL, BALL_SLIOTAR, BALL_VOLLEYBALL, BALL_VOLLEYBALL_8, BALL_BEACH_VOLLEYBALL, BALL_VOLLEYBALL_COLOURS, BALL_VOLLEYBALL_BRAZIL, BALL_VOLLEYBALL_JAPAN, BALL_VOLLEYBALL_CANADA, BALL_VOLLEYBALL_USA, BALL_VOLLEYBALL_ITALY, BALL_VOLLEYBALL_POLAND, BALL_VOLLEYBALL_FRANCE, BALL_VOLLEYBALL_SERBIA, BALL_VOLLEYBALL_NETHERLANDS, BALL_VOLLEYBALL_GERMANY, BALL_CRICKET_RED, BALL_CRICKET_WHITE, BALL_CRICKET_PINK, BALL_FOOTBALL, BALL_FOOTBALL_CFL, BALL_FOOTBALL_IFAF, BALL_RUGBY, BALL_AFL, BALL_GAELIC_FOOTBALL, BALL_NETBALL, BALL_PICKLEBALL_OUTDOOR, BALL_PICKLEBALL_INDOOR, BALL_SQUASH_DOUBLE_YELLOW, BALL_SQUASH_YELLOW, BALL_SQUASH_GREEN, BALL_SQUASH_RED, BALL_SQUASH_BLUE, BALL_RACQUETBALL, BALL_LACROSSE, BALL_FIELD_HOCKEY, BALL_TABLE_TENNIS, BALL_HANDBALL, BALL_WATER_POLO, BALL_GOLF, BALL_PUCK, BALL_CURLING_STONE, BALL_SHOT, BALL_DISCUS, BALL_HAMMER, BALL_SEPAK_TAKRAW, BALL_ROUNDNET, BALL_SHUTTLECOCK_FEATHER, BALL_SHUTTLECOCK_NYLON];
 /** The id of every ball: `"ball:soccer"`, `"ball:cricket-red"`. */
 export const BALL_IDS = BALLS.map((b) => b.id);
 const TABLE = new Map([...BALLS, ...PUCKS].map((b) => [b.id, b]));

package/dist/emblems/ball/ball.soccer.era.d.ts

@@ -1,23 +1,25 @@
 import { type BallSpec } from "./ball.engine.ts";
-/** The 1970s: twelve black pentagons with a white ring round a small boss, and twenty white hexagons that each hold a pale dished hexagon and a dot. */
-export declare const BALL_SOCCER_1970_BLACK_WHITE: import("./ball.core.ts").Piece<BallSpec>;
-/** The late 1970s: a pinwheel of three bold curved triangles on each of the twenty hexagons, black on white; their points meet round each of the twelve pentagons. */
-export declare const BALL_SOCCER_1978_TRIAD: import("./ball.core.ts").Piece<BallSpec>;
-/** The 1980s: the same triads in a warm clay, each blade ornamented with a row of white beads along its spine, and gold-ringed dark pentagons. */
-export declare const BALL_SOCCER_1986_DECORATED_TRIAD: import("./ball.core.ts").Piece<BallSpec>;
-/** The 1990s: the triads in three colours (blue, red and gold) on a white ground, with deep navy pentagons. */
-export declare const BALL_SOCCER_1998_COLOURED_TRIAD: import("./ball.core.ts").Piece<BallSpec>;
-/** The early 2000s: long thin triangles that sweep across each hexagon from one side to the next, in graphite and gold, with a red spark, over charcoal pentagons. */
-export declare const BALL_SOCCER_2002_TRIANGLE_SWEEP: import("./ball.core.ts").Piece<BallSpec>;
-/** The mid 2000s: the 14-panel propeller layout (six propellers and eight triangles), with a fine line following each curved seam inside the panel, and a small ring on each triangle. */
-export declare const BALL_SOCCER_2006_PROPELLER: import("./ball.core.ts").Piece<BallSpec>;
-/** The early 2010s: the 8-panel layout, an octahedron whose edges are bent into S curves, with deep grooves for seams and contour lines across each panel: white panels with teal lines and teal panels with white ones. */
-export declare const BALL_SOCCER_2010_GROOVED: import("./ball.core.ts").Piece<BallSpec>;
-/** The mid 2010s: six twisted panels in white, crossed by wide ribbons that swirl round the ball in teal, orange and violet. */
-export declare const BALL_SOCCER_2014_RIBBON: import("./ball.core.ts").Piece<BallSpec>;
-/** The late 2010s: six panels covered with square pixel blocks, thick where the ball is dark and thinning out toward the lighter side. */
-export declare const BALL_SOCCER_2018_PIXEL: import("./ball.core.ts").Piece<BallSpec>;
-/** The early 2020s: twenty triangles (an icosahedron) in three warm tones, each carrying a shell of nested edges and a trail of speed lines. */
-export declare const BALL_SOCCER_2022_SPEED_SHELL: import("./ball.core.ts").Piece<BallSpec>;
+/** The 1970s: twelve dark slate pentagons and twenty white hexagons that each hold a pale dished hexagon. */
+export declare const BALL_SOCCER_RETRO_PENTAGONS: import("./ball.core.ts").Piece<BallSpec>;
+/** The late 1970s: a trefoil of three straight leaves on each of the twenty hexagons, navy on white, each pointing at a pentagon. */
+export declare const BALL_SOCCER_RETRO_LEAVES: import("./ball.core.ts").Piece<BallSpec>;
+/** The 1980s: a five-petal rosette on each hexagon in a warm clay, each petal ornamented with a row of white beads along its spine, and gold-ringed dark pentagons. */
+export declare const BALL_SOCCER_RETRO_ROSETTE: import("./ball.core.ts").Piece<BallSpec>;
+/** The 1980s, second version: a six-armed star on each hexagon in deep teal with a saffron centre, over cream hexagons, with navy pentagons ringed in cream. */
+export declare const BALL_SOCCER_RETRO_STAR: import("./ball.core.ts").Piece<BallSpec>;
+/** The 1990s: a pinwheel of three curved leaves in three colours (green, amber and plum) on a white ground, turning the other way from the 1970s, a solid deep green circle where the three meet, and deep green pentagons. */
+export declare const BALL_SOCCER_RETRO_PINWHEEL: import("./ball.core.ts").Piece<BallSpec>;
+/** The early 2000s: long kites that sweep across each hexagon, in slate blue and silver, over charcoal pentagons. */
+export declare const BALL_SOCCER_RETRO_KITES: import("./ball.core.ts").Piece<BallSpec>;
+/** The mid 2000s: the 14-panel layout (six propellers and eight triangles) with a double border: two parallel black lines along every seam (a thin gap between them), and two parallel red lines inside each propeller; white propellers, dark triangles with a red dot. */
+export declare const BALL_SOCCER_14_PANEL_DOUBLE_BORDER: import("./ball.core.ts").Piece<BallSpec>;
+/** The early 2010s: the 8-panel layout, an octahedron whose edges are bent into S curves, with plain seams: the white panels are plain, and the slate-blue ones carry three white contour lines. */
+export declare const BALL_SOCCER_8_PANEL_PLAIN: import("./ball.core.ts").Piece<BallSpec>;
+/** The mid 2010s: six twisted panels in white, crossed by straight bands along each panel in blue, amber and magenta, and a series of diamonds at each pole where the seams meet. */
+export declare const BALL_SOCCER_6_PANEL_BANDS: import("./ball.core.ts").Piece<BallSpec>;
+/** The late 2010s: six panels covered with small diamonds, thick on one side and thinning out toward the other, and a series of diamonds at each pole where the seams meet. */
+export declare const BALL_SOCCER_6_PANEL_DIAMONDS: import("./ball.core.ts").Piece<BallSpec>;
+/** The early 2020s: twenty triangles (an icosahedron) in deep blue, cream and sand, each carrying one inner outline and a dot at its middle. */
+export declare const BALL_SOCCER_20_PANEL_DOTS: import("./ball.core.ts").Piece<BallSpec>;
 /** A modern high-visibility training ball: 32 panels in fluorescent yellow-green, hot pink pentagons ringed in black, and three dark speed marks across each hexagon. */
 export declare const BALL_SOCCER_TRAINING_HIGH_VIS: import("./ball.core.ts").Piece<BallSpec>;