@kensio/colophon 2.11.1 → 2.12.0

package/dist/texture/chevrons.js

@@ -0,0 +1,22 @@
+import { fallbackColor } from "./color.js";
+import { tile } from "./tile.js";
+const chevronDefaults = { opacity: 0.07, width: 2, gap: 36 };
+/**
+ * Rows of chevrons: one V to a tile, meeting its neighbours at the tile edge.
+ *
+ * The V spans the whole width and stops short of the top and bottom, so the
+ * rows have air between them. Its ends sit at the same height on both edges,
+ * which is what makes one tile's chevron continue into the next rather than
+ * ending in a corner.
+ */
+export function chevronsSvg(texture, dimensions, id) {
+    const gap = texture.gap ?? chevronDefaults.gap;
+    const low = String(gap * 0.7);
+    const high = String(gap * 0.3);
+    const chevron = `<path d="M0 ${low}L${String(gap / 2)} ${high}L${String(gap)} ${low}"` +
+        ` stroke="${texture.color ?? fallbackColor}"` +
+        ` stroke-width="${String(texture.width ?? chevronDefaults.width)}"` +
+        ` fill="none"/>`;
+    return tile(id, gap, chevron, "", dimensions, texture.opacity ?? chevronDefaults.opacity);
+}
+//# sourceMappingURL=chevrons.js.map

package/dist/texture/chevrons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chevrons.js","sourceRoot":"","sources":["../../src/texture/chevrons.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAEjC,MAAM,eAAe,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC;AAE7D;;;;;;;GAOG;AACH,MAAM,UAAU,WAAW,CACzB,OAAwD,EACxD,UAAsB,EACtB,EAAU;IAEV,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,IAAI,eAAe,CAAC,GAAG,CAAC;IAC/C,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC;IAC9B,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC;IAC/B,MAAM,OAAO,GACX,eAAe,GAAG,IAAI,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,IAAI,IAAI,IAAI,MAAM,CAAC,GAAG,CAAC,IAAI,GAAG,GAAG;QACtE,YAAY,OAAO,CAAC,KAAK,IAAI,aAAa,GAAG;QAC7C,kBAAkB,MAAM,CAAC,OAAO,CAAC,KAAK,IAAI,eAAe,CAAC,KAAK,CAAC,GAAG;QACnE,gBAAgB,CAAC;IAEnB,OAAO,IAAI,CACT,EAAE,EACF,GAAG,EACH,OAAO,EACP,EAAE,EACF,UAAU,EACV,OAAO,CAAC,OAAO,IAAI,eAAe,CAAC,OAAO,CAC3C,CAAC;AACJ,CAAC"}

package/dist/texture/grid.d.ts

@@ -0,0 +1,14 @@
+import type { Dimensions, Texture } from "../types.js";
+/**
+ * Squared paper: lines both ways, and a heavier one every so often.
+ *
+ * The heavy lines are a second tile rather than part of the first, since what
+ * makes them heavy is that they repeat at a multiple of the spacing. Drawing
+ * both from `<pattern>`s keeps this among the cheap treatments: the tiles are
+ * square to the image, so a row of the rendered picture repeats, which is what
+ * the compression works on.
+ */
+export declare function gridSvg(texture: Extract<Texture, {
+    readonly type: "grid";
+}>, dimensions: Dimensions, id: string): string;
+//# sourceMappingURL=grid.d.ts.map

package/dist/texture/grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../src/texture/grid.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AA4BvD;;;;;;;;GAQG;AACH,wBAAgB,OAAO,CACrB,OAAO,EAAE,OAAO,CAAC,OAAO,EAAE;IAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC,EACpD,UAAU,EAAE,UAAU,EACtB,EAAE,EAAE,MAAM,GACT,MAAM,CA8BR"}

package/dist/texture/grid.js

@@ -0,0 +1,38 @@
+import { fallbackColor } from "./color.js";
+import { tile } from "./tile.js";
+const gridDefaults = { opacity: 0.07, width: 1, gap: 32, major: 5 };
+/** How much heavier the every-so-often line is than the rest. */
+const majorScale = 2;
+/** One square's worth of grid: a line along two of its edges. */
+function square(texture, gap, width) {
+    const middle = String(gap / 2);
+    const size = String(gap);
+    // Down the middle of the tile on both axes rather than along its edges, for
+    // the reason `rulesSvg` gives: a stroke centred on the edge would have half
+    // of itself outside the tile, where the pattern does not repeat it.
+    return (`<path d="M0 ${middle}H${size}M${middle} 0V${size}"` +
+        ` stroke="${texture.color ?? fallbackColor}"` +
+        ` stroke-width="${String(width)}" fill="none"/>`);
+}
+/**
+ * Squared paper: lines both ways, and a heavier one every so often.
+ *
+ * The heavy lines are a second tile rather than part of the first, since what
+ * makes them heavy is that they repeat at a multiple of the spacing. Drawing
+ * both from `<pattern>`s keeps this among the cheap treatments: the tiles are
+ * square to the image, so a row of the rendered picture repeats, which is what
+ * the compression works on.
+ */
+export function gridSvg(texture, dimensions, id) {
+    const gap = texture.gap ?? gridDefaults.gap;
+    const width = texture.width ?? gridDefaults.width;
+    const opacity = texture.opacity ?? gridDefaults.opacity;
+    const major = texture.major ?? gridDefaults.major;
+    const fine = tile(`${id}a`, gap, square(texture, gap, width), "", dimensions, opacity);
+    if (major < 2) {
+        return fine;
+    }
+    return (fine +
+        tile(`${id}b`, gap * major, square(texture, gap * major, width * majorScale), "", dimensions, opacity));
+}
+//# sourceMappingURL=grid.js.map

package/dist/texture/grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.js","sourceRoot":"","sources":["../../src/texture/grid.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAEjC,MAAM,YAAY,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;AAEpE,iEAAiE;AACjE,MAAM,UAAU,GAAG,CAAC,CAAC;AAErB,iEAAiE;AACjE,SAAS,MAAM,CACb,OAAoD,EACpD,GAAW,EACX,KAAa;IAEb,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC;IAC/B,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IAEzB,4EAA4E;IAC5E,4EAA4E;IAC5E,oEAAoE;IACpE,OAAO,CACL,eAAe,MAAM,IAAI,IAAI,IAAI,MAAM,MAAM,IAAI,GAAG;QACpD,YAAY,OAAO,CAAC,KAAK,IAAI,aAAa,GAAG;QAC7C,kBAAkB,MAAM,CAAC,KAAK,CAAC,iBAAiB,CACjD,CAAC;AACJ,CAAC;AAED;;;;;;;;GAQG;AACH,MAAM,UAAU,OAAO,CACrB,OAAoD,EACpD,UAAsB,EACtB,EAAU;IAEV,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,IAAI,YAAY,CAAC,GAAG,CAAC;IAC5C,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,IAAI,YAAY,CAAC,KAAK,CAAC;IAClD,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,IAAI,YAAY,CAAC,OAAO,CAAC;IACxD,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,IAAI,YAAY,CAAC,KAAK,CAAC;IAElD,MAAM,IAAI,GAAG,IAAI,CACf,GAAG,EAAE,GAAG,EACR,GAAG,EACH,MAAM,CAAC,OAAO,EAAE,GAAG,EAAE,KAAK,CAAC,EAC3B,EAAE,EACF,UAAU,EACV,OAAO,CACR,CAAC;IAEF,IAAI,KAAK,GAAG,CAAC,EAAE,CAAC;QACd,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,IAAI;QACJ,IAAI,CACF,GAAG,EAAE,GAAG,EACR,GAAG,GAAG,KAAK,EACX,MAAM,CAAC,OAAO,EAAE,GAAG,GAAG,KAAK,EAAE,KAAK,GAAG,UAAU,CAAC,EAChD,EAAE,EACF,UAAU,EACV,OAAO,CACR,CACF,CAAC;AACJ,CAAC"}

package/dist/texture/halftone.d.ts

@@ -0,0 +1,14 @@
+import type { Dimensions, Texture } from "../types.js";
+/**
+ * A grid of dots that grow across the image, which is a gradient made out of
+ * print.
+ *
+ * It cannot be a tile: every dot is a different size, which is the whole
+ * effect. What keeps it affordable is that the size depends on the position
+ * rather than on chance, so a run of dots across the image is a smooth ramp
+ * and there is nothing noisy for the compression to choke on.
+ */
+export declare function halftoneSvg(texture: Extract<Texture, {
+    readonly type: "halftone";
+}>, dimensions: Dimensions): string;
+//# sourceMappingURL=halftone.d.ts.map

package/dist/texture/halftone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"halftone.d.ts","sourceRoot":"","sources":["../../src/texture/halftone.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAsCvD;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CACzB,OAAO,EAAE,OAAO,CAAC,OAAO,EAAE;IAAE,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAA;CAAE,CAAC,EACxD,UAAU,EAAE,UAAU,GACrB,MAAM,CAuBR"}

package/dist/texture/halftone.js

@@ -0,0 +1,55 @@
+import { fallbackColor } from "./color.js";
+const halftoneDefaults = {
+    opacity: 0.12,
+    size: 12,
+    gap: 30,
+    angle: 90,
+    from: 0.1,
+};
+/**
+ * How far along the growth a point is, from 0 at one edge to 1 at the other.
+ *
+ * It is the point's distance along the direction the dots grow in, measured
+ * from whichever corner is furthest back along it, so the ramp covers the
+ * whole image whatever angle it runs at.
+ */
+function ramp(dimensions, angle) {
+    const radians = (angle * Math.PI) / 180;
+    const dx = Math.cos(radians);
+    const dy = Math.sin(radians);
+    const { width, height } = dimensions;
+    // The four corners projected onto the direction give its full span, so the
+    // ends of the ramp land on the image rather than somewhere outside it.
+    const corners = [0, width].flatMap((cx) => [0, height].map((cy) => cx * dx + cy * dy));
+    const low = Math.min(...corners);
+    const span = Math.max(...corners) - low || 1;
+    return (px, py) => (px * dx + py * dy - low) / span;
+}
+/**
+ * A grid of dots that grow across the image, which is a gradient made out of
+ * print.
+ *
+ * It cannot be a tile: every dot is a different size, which is the whole
+ * effect. What keeps it affordable is that the size depends on the position
+ * rather than on chance, so a run of dots across the image is a smooth ramp
+ * and there is nothing noisy for the compression to choke on.
+ */
+export function halftoneSvg(texture, dimensions) {
+    const gap = texture.gap ?? halftoneDefaults.gap;
+    const size = texture.size ?? halftoneDefaults.size;
+    const from = texture.from ?? halftoneDefaults.from;
+    const at = ramp(dimensions, texture.angle ?? halftoneDefaults.angle);
+    let dots = "";
+    for (let y = gap / 2; y < dimensions.height + gap; y += gap) {
+        for (let x = gap / 2; x < dimensions.width + gap; x += gap) {
+            const radius = (size / 2) * (from + (1 - from) * at(x, y));
+            dots +=
+                `<circle cx="${String(Math.round(x))}" cy="${String(Math.round(y))}"` +
+                    ` r="${String(Math.round(radius * 100) / 100)}"/>`;
+        }
+    }
+    return (`<g fill="${texture.color ?? fallbackColor}"` +
+        ` opacity="${String(texture.opacity ?? halftoneDefaults.opacity)}">` +
+        `${dots}</g>`);
+}
+//# sourceMappingURL=halftone.js.map

package/dist/texture/halftone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"halftone.js","sourceRoot":"","sources":["../../src/texture/halftone.ts"],"names":[],"mappings":"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"}

package/dist/texture/honeycomb.d.ts

@@ -0,0 +1,14 @@
+import type { Dimensions, Texture } from "../types.js";
+/**
+ * A honeycomb of hexagon outlines.
+ *
+ * The grid repeats every three sides across and every `side * sqrt(3)` down,
+ * which is the smallest rectangle a honeycomb fits in. Two hexagons go in it,
+ * the second offset by half of each, and the ones that fall outside are drawn
+ * anyway so that the tile joins its neighbours: the pattern clips them, and a
+ * hexagon cut in half by the tile edge meets its other half in the next tile.
+ */
+export declare function honeycombSvg(texture: Extract<Texture, {
+    readonly type: "honeycomb";
+}>, dimensions: Dimensions, id: string): string;
+//# sourceMappingURL=honeycomb.d.ts.map

package/dist/texture/honeycomb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"honeycomb.d.ts","sourceRoot":"","sources":["../../src/texture/honeycomb.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AA8BvD;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAC1B,OAAO,EAAE,OAAO,CAAC,OAAO,EAAE;IAAE,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAA;CAAE,CAAC,EACzD,UAAU,EAAE,UAAU,EACtB,EAAE,EAAE,MAAM,GACT,MAAM,CAwBR"}

package/dist/texture/honeycomb.js

@@ -0,0 +1,43 @@
+import { fallbackColor } from "./color.js";
+import { tile } from "./tile.js";
+const combDefaults = { opacity: 0.07, width: 1.5, size: 26 };
+/** Rounded to keep the path short, since it is written out twice a tile. */
+function at(value) {
+    return String(Math.round(value * 100) / 100);
+}
+/**
+ * One flat-topped hexagon, from its centre and the length of a side.
+ *
+ * A hexagon of side `s` is `2s` across the points and `s * sqrt(3)` across the
+ * flats, which is where every number below comes from.
+ */
+function hexagon(cx, cy, side) {
+    const half = (side * Math.sqrt(3)) / 2;
+    return (`M${at(cx - side)} ${at(cy)}` +
+        `L${at(cx - side / 2)} ${at(cy - half)}` +
+        `L${at(cx + side / 2)} ${at(cy - half)}` +
+        `L${at(cx + side)} ${at(cy)}` +
+        `L${at(cx + side / 2)} ${at(cy + half)}` +
+        `L${at(cx - side / 2)} ${at(cy + half)}Z`);
+}
+/**
+ * A honeycomb of hexagon outlines.
+ *
+ * The grid repeats every three sides across and every `side * sqrt(3)` down,
+ * which is the smallest rectangle a honeycomb fits in. Two hexagons go in it,
+ * the second offset by half of each, and the ones that fall outside are drawn
+ * anyway so that the tile joins its neighbours: the pattern clips them, and a
+ * hexagon cut in half by the tile edge meets its other half in the next tile.
+ */
+export function honeycombSvg(texture, dimensions, id) {
+    const side = texture.size ?? combDefaults.size;
+    const height = side * Math.sqrt(3);
+    const width = side * 3;
+    const comb = `<path d="${hexagon(side, height / 2, side)}${hexagon(side * 2.5, 0, side)}${hexagon(side * 2.5, height, side)}" stroke="${texture.color ?? fallbackColor}"` +
+        ` stroke-width="${String(texture.width ?? combDefaults.width)}"` +
+        ` fill="none"/>`;
+    // Not the square tile the others use: a honeycomb's repeat is wider than it
+    // is tall, so `tile` takes the two separately here.
+    return tile(id, { width, height }, comb, "", dimensions, texture.opacity ?? combDefaults.opacity);
+}
+//# sourceMappingURL=honeycomb.js.map

package/dist/texture/honeycomb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"honeycomb.js","sourceRoot":"","sources":["../../src/texture/honeycomb.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAEjC,MAAM,YAAY,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC;AAE7D,4EAA4E;AAC5E,SAAS,EAAE,CAAC,KAAa;IACvB,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC;AAC/C,CAAC;AAED;;;;;GAKG;AACH,SAAS,OAAO,CAAC,EAAU,EAAE,EAAU,EAAE,IAAY;IACnD,MAAM,IAAI,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;IAEvC,OAAO,CACL,IAAI,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE;QAC7B,IAAI,EAAE,CAAC,EAAE,GAAG,IAAI,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE;QACxC,IAAI,EAAE,CAAC,EAAE,GAAG,IAAI,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE;QACxC,IAAI,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE;QAC7B,IAAI,EAAE,CAAC,EAAE,GAAG,IAAI,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE;QACxC,IAAI,EAAE,CAAC,EAAE,GAAG,IAAI,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,CAC1C,CAAC;AACJ,CAAC;AAED;;;;;;;;GAQG;AACH,MAAM,UAAU,YAAY,CAC1B,OAAyD,EACzD,UAAsB,EACtB,EAAU;IAEV,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC;IAC/C,MAAM,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IACnC,MAAM,KAAK,GAAG,IAAI,GAAG,CAAC,CAAC;IAEvB,MAAM,IAAI,GACR,YAAY,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,CAAC,EAAE,IAAI,CAAC,GAAG,OAAO,CACnD,IAAI,GAAG,GAAG,EACV,CAAC,EACD,IAAI,CACL,GAAG,OAAO,CAAC,IAAI,GAAG,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,aAAa,OAAO,CAAC,KAAK,IAAI,aAAa,GAAG;QACnF,kBAAkB,MAAM,CAAC,OAAO,CAAC,KAAK,IAAI,YAAY,CAAC,KAAK,CAAC,GAAG;QAChE,gBAAgB,CAAC;IAEnB,4EAA4E;IAC5E,oDAAoD;IACpD,OAAO,IAAI,CACT,EAAE,EACF,EAAE,KAAK,EAAE,MAAM,EAAE,EACjB,IAAI,EACJ,EAAE,EACF,UAAU,EACV,OAAO,CAAC,OAAO,IAAI,YAAY,CAAC,OAAO,CACxC,CAAC;AACJ,CAAC"}

package/dist/texture/index.d.ts

@@ -2,8 +2,7 @@ import type { Dimensions, Texture } from "../types.js";
 export { resolveTexture } from "./resolve.js";
 /**
  * Render the treatment laid over a background as SVG, naming whatever it needs
- * in `<defs>` after the given `id`. Not every treatment needs one: `waves` is
- * plain elements and names nothing.
+ * in `<defs>` after the given `id`.
  *
  * It is drawn between the background and whatever a template draws, so a
  * texture never comes between a headline and the reader.

package/dist/texture/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/texture/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAKvD,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C;;;;;;;GAOG;AACH,wBAAgB,UAAU,CACxB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,EAAE,EAAE,MAAM,GACT,MAAM,CAcR"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/texture/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAavD,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAuC9C;;;;;;GAMG;AACH,wBAAgB,UAAU,CACxB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,EAAE,EAAE,MAAM,GACT,MAAM,CAOR"}

package/dist/texture/index.js

@@ -1,25 +1,56 @@
+import { chevronsSvg } from "./chevrons.js";
 import { grainSvg } from "./grain.js";
-import { dotsSvg, rulesSvg } from "./pattern.js";
+import { halftoneSvg } from "./halftone.js";
+import { gridSvg } from "./grid.js";
+import { honeycombSvg } from "./honeycomb.js";
+import { moireSvg } from "./moire.js";
+import { crossesSvg, dotsSvg, rulesSvg } from "./pattern.js";
+import { raysSvg } from "./rays.js";
+import { scallopsSvg } from "./scallops.js";
+import { topographicSvg } from "./topographic/index.js";
 import { wavesSvg } from "./waves.js";
 export { resolveTexture } from "./resolve.js";
+/**
+ * Which function draws which treatment.
+ *
+ * A table rather than a chain of `if`s, because the chain had a branch per
+ * texture and there are ten of them: the file was close to the complexity
+ * threshold and every new treatment made it worse. The type is what keeps this
+ * honest, and it does the job the chain's final `return` used to do badly: a
+ * variant added to `Texture` with no entry here fails to compile, where before
+ * it silently came out as ruled lines.
+ *
+ * `waves` and `rays` name nothing in `<defs>` and take no id. They are wrapped
+ * rather than given a parameter to ignore, so each one's own signature still
+ * says what it uses.
+ */
+const drawers = {
+    grain: grainSvg,
+    dots: dotsSvg,
+    rules: rulesSvg,
+    grid: gridSvg,
+    crosses: crossesSvg,
+    chevrons: chevronsSvg,
+    honeycomb: honeycombSvg,
+    moire: moireSvg,
+    scallops: scallopsSvg,
+    waves: (texture, dimensions) => wavesSvg(texture, dimensions),
+    rays: (texture, dimensions) => raysSvg(texture, dimensions),
+    halftone: (texture, dimensions) => halftoneSvg(texture, dimensions),
+    topographic: (texture, dimensions) => topographicSvg(texture, dimensions),
+};
 /**
  * Render the treatment laid over a background as SVG, naming whatever it needs
- * in `<defs>` after the given `id`. Not every treatment needs one: `waves` is
- * plain elements and names nothing.
+ * in `<defs>` after the given `id`.
  *
  * It is drawn between the background and whatever a template draws, so a
  * texture never comes between a headline and the reader.
  */
 export function textureSvg(texture, dimensions, id) {
-    if (texture.type === "grain") {
-        return grainSvg(texture, dimensions, id);
-    }
-    if (texture.type === "dots") {
-        return dotsSvg(texture, dimensions, id);
-    }
-    if (texture.type === "waves") {
-        return wavesSvg(texture, dimensions);
-    }
-    return rulesSvg(texture, dimensions, id);
+    // The value and the lookup narrow separately, so the compiler cannot see
+    // that they are the same variant, though the table's type is what makes them
+    // so. This is the one line that knows better than the checker.
+    const draw = drawers[texture.type];
+    return draw(texture, dimensions, id);
 }
 //# sourceMappingURL=index.js.map

package/dist/texture/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/texture/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C;;;;;;;GAOG;AACH,MAAM,UAAU,UAAU,CACxB,OAAgB,EAChB,UAAsB,EACtB,EAAU;IAEV,IAAI,OAAO,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;QAC7B,OAAO,QAAQ,CAAC,OAAO,EAAE,UAAU,EAAE,EAAE,CAAC,CAAC;IAC3C,CAAC;IAED,IAAI,OAAO,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;QAC5B,OAAO,OAAO,CAAC,OAAO,EAAE,UAAU,EAAE,EAAE,CAAC,CAAC;IAC1C,CAAC;IAED,IAAI,OAAO,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;QAC7B,OAAO,QAAQ,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;IACvC,CAAC;IAED,OAAO,QAAQ,CAAC,OAAO,EAAE,UAAU,EAAE,EAAE,CAAC,CAAC;AAC3C,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/texture/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAS9C;;;;;;;;;;;;;GAaG;AACH,MAAM,OAAO,GAAwC;IACnD,KAAK,EAAE,QAAQ;IACf,IAAI,EAAE,OAAO;IACb,KAAK,EAAE,QAAQ;IACf,IAAI,EAAE,OAAO;IACb,OAAO,EAAE,UAAU;IACnB,QAAQ,EAAE,WAAW;IACrB,SAAS,EAAE,YAAY;IACvB,KAAK,EAAE,QAAQ;IACf,QAAQ,EAAE,WAAW;IACrB,KAAK,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,EAAE,CAAC,QAAQ,CAAC,OAAO,EAAE,UAAU,CAAC;IAC7D,IAAI,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,UAAU,CAAC;IAC3D,QAAQ,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,EAAE,CAAC,WAAW,CAAC,OAAO,EAAE,UAAU,CAAC;IACnE,WAAW,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,EAAE,CAAC,cAAc,CAAC,OAAO,EAAE,UAAU,CAAC;CAC1E,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,UAAU,UAAU,CACxB,OAAgB,EAChB,UAAsB,EACtB,EAAU;IAEV,yEAAyE;IACzE,6EAA6E;IAC7E,+DAA+D;IAC/D,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,IAAI,CAA0B,CAAC;IAE5D,OAAO,IAAI,CAAC,OAAO,EAAE,UAAU,EAAE,EAAE,CAAC,CAAC;AACvC,CAAC"}

package/dist/texture/moire.d.ts

@@ -0,0 +1,18 @@
+import type { Dimensions, Texture } from "../types.js";
+/**
+ * Two square grids, one turned a few degrees against the other.
+ *
+ * What is seen is the interference between them rather than either grid: the
+ * lines cross at a different offset in every part of the image, which the eye
+ * reads as broad bands sweeping across it. It is the same idea as `waves` with
+ * straight edges instead of arcs, and that is what makes it much cheaper to
+ * store, since a row of the image is closer to repeating.
+ *
+ * The angle is the whole texture. Below about a degree the bands are wider
+ * than the image and it looks like one grid slightly out of true; above about
+ * ten they are tight enough to read as a weave.
+ */
+export declare function moireSvg(texture: Extract<Texture, {
+    readonly type: "moire";
+}>, dimensions: Dimensions, id: string): string;
+//# sourceMappingURL=moire.d.ts.map

package/dist/texture/moire.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"moire.d.ts","sourceRoot":"","sources":["../../src/texture/moire.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AA8CvD;;;;;;;;;;;;GAYG;AACH,wBAAgB,QAAQ,CACtB,OAAO,EAAE,OAAO,CAAC,OAAO,EAAE;IAAE,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAA;CAAE,CAAC,EACrD,UAAU,EAAE,UAAU,EACtB,EAAE,EAAE,MAAM,GACT,MAAM,CAaR"}

package/dist/texture/moire.js

@@ -0,0 +1,44 @@
+import { fallbackColor } from "./color.js";
+import { tile } from "./tile.js";
+const moireDefaults = { opacity: 0.1, width: 1, gap: 16, angle: 4 };
+/**
+ * How much fainter the turned grid is than the square one.
+ *
+ * The same reasoning as the second set of rings in `waves`: two grids at one
+ * opacity read as two grids, and dropping one of them is what turns the
+ * crossings into a surface.
+ */
+const secondaryScale = 0.65;
+/** One square grid: a line through the middle of the tile on each axis. */
+function grid(texture, dimensions, id, angle, opacity) {
+    const gap = texture.gap ?? moireDefaults.gap;
+    const middle = String(gap / 2);
+    const size = String(gap);
+    // Down the middle of the tile on both axes rather than along its edges, for
+    // the reason `rulesSvg` gives: a stroke centred on the edge would have half
+    // of itself outside the tile, where the pattern does not repeat it.
+    const lines = `<path d="M0 ${middle}H${size}M${middle} 0V${size}"` +
+        ` stroke="${texture.color ?? fallbackColor}"` +
+        ` stroke-width="${String(texture.width ?? moireDefaults.width)}"` +
+        ` fill="none"/>`;
+    return tile(id, gap, lines, angle === 0 ? "" : ` patternTransform="rotate(${String(angle)})"`, dimensions, opacity);
+}
+/**
+ * Two square grids, one turned a few degrees against the other.
+ *
+ * What is seen is the interference between them rather than either grid: the
+ * lines cross at a different offset in every part of the image, which the eye
+ * reads as broad bands sweeping across it. It is the same idea as `waves` with
+ * straight edges instead of arcs, and that is what makes it much cheaper to
+ * store, since a row of the image is closer to repeating.
+ *
+ * The angle is the whole texture. Below about a degree the bands are wider
+ * than the image and it looks like one grid slightly out of true; above about
+ * ten they are tight enough to read as a weave.
+ */
+export function moireSvg(texture, dimensions, id) {
+    const opacity = texture.opacity ?? moireDefaults.opacity;
+    return (grid(texture, dimensions, `${id}a`, 0, opacity) +
+        grid(texture, dimensions, `${id}b`, texture.angle ?? moireDefaults.angle, Math.round(opacity * secondaryScale * 1000) / 1000));
+}
+//# sourceMappingURL=moire.js.map

package/dist/texture/moire.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"moire.js","sourceRoot":"","sources":["../../src/texture/moire.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAEjC,MAAM,aAAa,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;AAEpE;;;;;;GAMG;AACH,MAAM,cAAc,GAAG,IAAI,CAAC;AAE5B,2EAA2E;AAC3E,SAAS,IAAI,CACX,OAAqD,EACrD,UAAsB,EACtB,EAAU,EACV,KAAa,EACb,OAAe;IAEf,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,IAAI,aAAa,CAAC,GAAG,CAAC;IAC7C,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC;IAC/B,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IAEzB,4EAA4E;IAC5E,4EAA4E;IAC5E,oEAAoE;IACpE,MAAM,KAAK,GACT,eAAe,MAAM,IAAI,IAAI,IAAI,MAAM,MAAM,IAAI,GAAG;QACpD,YAAY,OAAO,CAAC,KAAK,IAAI,aAAa,GAAG;QAC7C,kBAAkB,MAAM,CAAC,OAAO,CAAC,KAAK,IAAI,aAAa,CAAC,KAAK,CAAC,GAAG;QACjE,gBAAgB,CAAC;IAEnB,OAAO,IAAI,CACT,EAAE,EACF,GAAG,EACH,KAAK,EACL,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,6BAA6B,MAAM,CAAC,KAAK,CAAC,IAAI,EACjE,UAAU,EACV,OAAO,CACR,CAAC;AACJ,CAAC;AAED;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,QAAQ,CACtB,OAAqD,EACrD,UAAsB,EACtB,EAAU;IAEV,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,IAAI,aAAa,CAAC,OAAO,CAAC;IAEzD,OAAO,CACL,IAAI,CAAC,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,OAAO,CAAC;QAC/C,IAAI,CACF,OAAO,EACP,UAAU,EACV,GAAG,EAAE,GAAG,EACR,OAAO,CAAC,KAAK,IAAI,aAAa,CAAC,KAAK,EACpC,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,cAAc,GAAG,IAAI,CAAC,GAAG,IAAI,CACnD,CACF,CAAC;AACJ,CAAC"}

package/dist/texture/pattern.d.ts

@@ -3,6 +3,16 @@ import type { Dimensions, Texture } from "../types.js";
 export declare function dotsSvg(texture: Extract<Texture, {
     readonly type: "dots";
 }>, dimensions: Dimensions, id: string): string;
+/**
+ * A small cross where each line of a grid would meet, one to a tile.
+ *
+ * It is the dot grid with a little more to look at, and it costs the same: the
+ * mark is two strokes rather than a fill, and the tile is square to the image
+ * either way.
+ */
+export declare function crossesSvg(texture: Extract<Texture, {
+    readonly type: "crosses";
+}>, dimensions: Dimensions, id: string): string;
 /**
  * Ruled lines, one to a tile, rotated as a set.
  *

package/dist/texture/pattern.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pattern.d.ts","sourceRoot":"","sources":["../../src/texture/pattern.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AA+BvD,qCAAqC;AACrC,wBAAgB,OAAO,CACrB,OAAO,EAAE,OAAO,CAAC,OAAO,EAAE;IAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC,EACpD,UAAU,EAAE,UAAU,EACtB,EAAE,EAAE,MAAM,GACT,MAAM,CAgBR;AAED;;;;;;;GAOG;AACH,wBAAgB,QAAQ,CACtB,OAAO,EAAE,OAAO,CAAC,OAAO,EAAE;IAAE,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAA;CAAE,CAAC,EACrD,UAAU,EAAE,UAAU,EACtB,EAAE,EAAE,MAAM,GACT,MAAM,CAiBR"}
+{"version":3,"file":"pattern.d.ts","sourceRoot":"","sources":["../../src/texture/pattern.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAiBvD,qCAAqC;AACrC,wBAAgB,OAAO,CACrB,OAAO,EAAE,OAAO,CAAC,OAAO,EAAE;IAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC,EACpD,UAAU,EAAE,UAAU,EACtB,EAAE,EAAE,MAAM,GACT,MAAM,CAgBR;AAED;;;;;;GAMG;AACH,wBAAgB,UAAU,CACxB,OAAO,EAAE,OAAO,CAAC,OAAO,EAAE;IAAE,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAA;CAAE,CAAC,EACvD,UAAU,EAAE,UAAU,EACtB,EAAE,EAAE,MAAM,GACT,MAAM,CAoBR;AAED;;;;;;;GAOG;AACH,wBAAgB,QAAQ,CACtB,OAAO,EAAE,OAAO,CAAC,OAAO,EAAE;IAAE,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAA;CAAE,CAAC,EACrD,UAAU,EAAE,UAAU,EACtB,EAAE,EAAE,MAAM,GACT,MAAM,CA8BR"}

package/dist/texture/pattern.js

@@ -1,20 +1,16 @@
 import { fallbackColor } from "./color.js";
+import { tile } from "./tile.js";
 const dotDefaults = { opacity: 0.08, size: 5, gap: 44 };
 const ruleDefaults = { opacity: 0.06, width: 2, gap: 28, angle: 45 };
+const crossDefaults = { opacity: 0.09, size: 9, width: 1.5, gap: 48 };
 /**
- * A tiled pattern over the whole image: the `<pattern>` under the given `id`,
- * and the rect that fills with it.
+ * How much fainter the crossing set of rules is than the first.
+ *
+ * The same figure the two sets of rings in `waves` use, and for the same
+ * reason: two sets at one opacity read as two sets, and dropping one of them
+ * is what turns the crossings into a surface with a weave to it.
  */
-function tile(id, gap, contents, transform, dimensions, opacity) {
-    const { width, height } = dimensions;
-    const size = String(gap);
-    return (`<defs>` +
-        `<pattern id="${id}" width="${size}" height="${size}"` +
-        ` patternUnits="userSpaceOnUse"${transform}>${contents}</pattern>` +
-        `</defs>` +
-        `<rect width="${String(width)}" height="${String(height)}"` +
-        ` fill="url(#${id})" opacity="${String(opacity)}"/>`);
-}
+const crossScale = 0.65;
 /** A grid of dots, one to a tile. */
 export function dotsSvg(texture, dimensions, id) {
     const gap = texture.gap ?? dotDefaults.gap;
@@ -24,6 +20,25 @@ export function dotsSvg(texture, dimensions, id) {
         ` fill="${texture.color ?? fallbackColor}"/>`;
     return tile(id, gap, dot, "", dimensions, texture.opacity ?? dotDefaults.opacity);
 }
+/**
+ * A small cross where each line of a grid would meet, one to a tile.
+ *
+ * It is the dot grid with a little more to look at, and it costs the same: the
+ * mark is two strokes rather than a fill, and the tile is square to the image
+ * either way.
+ */
+export function crossesSvg(texture, dimensions, id) {
+    const gap = texture.gap ?? crossDefaults.gap;
+    const centre = gap / 2;
+    const arm = (texture.size ?? crossDefaults.size) / 2;
+    const from = String(centre - arm);
+    const to = String(centre + arm);
+    const cross = `<path d="M${from} ${String(centre)}H${to}M${String(centre)} ${from}V${to}"` +
+        ` stroke="${texture.color ?? fallbackColor}"` +
+        ` stroke-width="${String(texture.width ?? crossDefaults.width)}"` +
+        ` fill="none"/>`;
+    return tile(id, gap, cross, "", dimensions, texture.opacity ?? crossDefaults.opacity);
+}
 /**
  * Ruled lines, one to a tile, rotated as a set.
  *
@@ -39,6 +54,14 @@ export function rulesSvg(texture, dimensions, id) {
         ` stroke="${texture.color ?? fallbackColor}"` +
         ` stroke-width="${String(texture.width ?? ruleDefaults.width)}"/>`;
     const angle = texture.angle ?? ruleDefaults.angle;
-    return tile(id, gap, line, ` patternTransform="rotate(${String(angle)})"`, dimensions, texture.opacity ?? ruleDefaults.opacity);
+    const opacity = texture.opacity ?? ruleDefaults.opacity;
+    const set = (name, at, alpha) => tile(name, gap, line, ` patternTransform="rotate(${String(at)})"`, dimensions, alpha);
+    if (texture.cross !== true) {
+        // One set keeps the id it always had, so that the common case draws what
+        // it drew before, down to the byte.
+        return set(id, angle, opacity);
+    }
+    return (set(`${id}a`, angle, opacity) +
+        set(`${id}b`, -angle, Math.round(opacity * crossScale * 1000) / 1000));
 }
 //# sourceMappingURL=pattern.js.map

package/dist/texture/pattern.js.map

@@ -1 +1 @@
-{"version":3,"file":"pattern.js","sourceRoot":"","sources":["../../src/texture/pattern.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE3C,MAAM,WAAW,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC;AACxD,MAAM,YAAY,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;AAErE;;;GAGG;AACH,SAAS,IAAI,CACX,EAAU,EACV,GAAW,EACX,QAAgB,EAChB,SAAiB,EACjB,UAAsB,EACtB,OAAe;IAEf,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC;IACrC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IAEzB,OAAO,CACL,QAAQ;QACR,gBAAgB,EAAE,YAAY,IAAI,aAAa,IAAI,GAAG;QACtD,iCAAiC,SAAS,IAAI,QAAQ,YAAY;QAClE,SAAS;QACT,gBAAgB,MAAM,CAAC,KAAK,CAAC,aAAa,MAAM,CAAC,MAAM,CAAC,GAAG;QAC3D,eAAe,EAAE,eAAe,MAAM,CAAC,OAAO,CAAC,KAAK,CACrD,CAAC;AACJ,CAAC;AAED,qCAAqC;AACrC,MAAM,UAAU,OAAO,CACrB,OAAoD,EACpD,UAAsB,EACtB,EAAU;IAEV,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,IAAI,WAAW,CAAC,GAAG,CAAC;IAC3C,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC;IAC/B,MAAM,GAAG,GACP,eAAe,MAAM,SAAS,MAAM,GAAG;QACvC,OAAO,MAAM,CAAC,CAAC,OAAO,CAAC,IAAI,IAAI,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG;QACxD,UAAU,OAAO,CAAC,KAAK,IAAI,aAAa,KAAK,CAAC;IAEhD,OAAO,IAAI,CACT,EAAE,EACF,GAAG,EACH,GAAG,EACH,EAAE,EACF,UAAU,EACV,OAAO,CAAC,OAAO,IAAI,WAAW,CAAC,OAAO,CACvC,CAAC;AACJ,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,QAAQ,CACtB,OAAqD,EACrD,UAAsB,EACtB,EAAU;IAEV,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,IAAI,YAAY,CAAC,GAAG,CAAC;IAC5C,MAAM,CAAC,GAAG,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC;IAC1B,MAAM,IAAI,GACR,aAAa,CAAC,gBAAgB,CAAC,SAAS,MAAM,CAAC,GAAG,CAAC,GAAG;QACtD,YAAY,OAAO,CAAC,KAAK,IAAI,aAAa,GAAG;QAC7C,kBAAkB,MAAM,CAAC,OAAO,CAAC,KAAK,IAAI,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC;IACrE,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,IAAI,YAAY,CAAC,KAAK,CAAC;IAElD,OAAO,IAAI,CACT,EAAE,EACF,GAAG,EACH,IAAI,EACJ,6BAA6B,MAAM,CAAC,KAAK,CAAC,IAAI,EAC9C,UAAU,EACV,OAAO,CAAC,OAAO,IAAI,YAAY,CAAC,OAAO,CACxC,CAAC;AACJ,CAAC"}
+{"version":3,"file":"pattern.js","sourceRoot":"","sources":["../../src/texture/pattern.ts"],"names":[],"mappings":"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"}

package/dist/texture/rays.d.ts

@@ -0,0 +1,13 @@
+import type { Dimensions, Texture } from "../types.js";
+/**
+ * Straight lines fanning out from one point.
+ *
+ * The rays are spread around the whole circle rather than over the angle that
+ * happens to face the image, so moving the origin changes what is seen without
+ * changing how close together the lines are. Nothing clips the ones that point
+ * away: they are outside the SVG's viewport and are simply not painted.
+ */
+export declare function raysSvg(texture: Extract<Texture, {
+    readonly type: "rays";
+}>, dimensions: Dimensions): string;
+//# sourceMappingURL=rays.d.ts.map

package/dist/texture/rays.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rays.d.ts","sourceRoot":"","sources":["../../src/texture/rays.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAkBvD;;;;;;;GAOG;AACH,wBAAgB,OAAO,CACrB,OAAO,EAAE,OAAO,CAAC,OAAO,EAAE;IAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC,EACpD,UAAU,EAAE,UAAU,GACrB,MAAM,CA0BR"}

package/dist/texture/rays.js

@@ -0,0 +1,36 @@
+import { fallbackColor } from "./color.js";
+const rayDefaults = { opacity: 0.07, width: 2, count: 36, x: 0.5, y: 1.15 };
+/** How far a ray has to run to leave the image from where it starts. */
+function reach(origin, dimensions) {
+    return Math.hypot(Math.max(origin.x, dimensions.width - origin.x), Math.max(origin.y, dimensions.height - origin.y));
+}
+/**
+ * Straight lines fanning out from one point.
+ *
+ * The rays are spread around the whole circle rather than over the angle that
+ * happens to face the image, so moving the origin changes what is seen without
+ * changing how close together the lines are. Nothing clips the ones that point
+ * away: they are outside the SVG's viewport and are simply not painted.
+ */
+export function raysSvg(texture, dimensions) {
+    const count = Math.max(1, Math.round(texture.count ?? rayDefaults.count));
+    const origin = {
+        x: dimensions.width * (texture.x ?? rayDefaults.x),
+        y: dimensions.height * (texture.y ?? rayDefaults.y),
+    };
+    const length = reach(origin, dimensions);
+    let rays = "";
+    for (let ray = 0; ray < count; ray += 1) {
+        const angle = (ray / count) * Math.PI * 2;
+        rays +=
+            `<line x1="${String(Math.round(origin.x))}"` +
+                ` y1="${String(Math.round(origin.y))}"` +
+                ` x2="${String(Math.round(origin.x + Math.cos(angle) * length))}"` +
+                ` y2="${String(Math.round(origin.y + Math.sin(angle) * length))}"/>`;
+    }
+    return (`<g stroke="${texture.color ?? fallbackColor}"` +
+        ` stroke-width="${String(texture.width ?? rayDefaults.width)}"` +
+        ` opacity="${String(texture.opacity ?? rayDefaults.opacity)}">` +
+        `${rays}</g>`);
+}
+//# sourceMappingURL=rays.js.map

package/dist/texture/rays.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rays.js","sourceRoot":"","sources":["../../src/texture/rays.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE3C,MAAM,WAAW,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC;AAO5E,wEAAwE;AACxE,SAAS,KAAK,CAAC,MAAc,EAAE,UAAsB;IACnD,OAAO,IAAI,CAAC,KAAK,CACf,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,UAAU,CAAC,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,EAC/C,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,UAAU,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,CACjD,CAAC;AACJ,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,OAAO,CACrB,OAAoD,EACpD,UAAsB;IAEtB,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,IAAI,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC;IAC1E,MAAM,MAAM,GAAG;QACb,CAAC,EAAE,UAAU,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC;QAClD,CAAC,EAAE,UAAU,CAAC,MAAM,GAAG,CAAC,OAAO,CAAC,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC;KACpD,CAAC;IACF,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IAEzC,IAAI,IAAI,GAAG,EAAE,CAAC;IAEd,KAAK,IAAI,GAAG,GAAG,CAAC,EAAE,GAAG,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC;QACxC,MAAM,KAAK,GAAG,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;QAE1C,IAAI;YACF,aAAa,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG;gBAC5C,QAAQ,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG;gBACvC,QAAQ,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,CAAC,GAAG;gBAClE,QAAQ,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,CAAC,KAAK,CAAC;IACzE,CAAC;IAED,OAAO,CACL,cAAc,OAAO,CAAC,KAAK,IAAI,aAAa,GAAG;QAC/C,kBAAkB,MAAM,CAAC,OAAO,CAAC,KAAK,IAAI,WAAW,CAAC,KAAK,CAAC,GAAG;QAC/D,aAAa,MAAM,CAAC,OAAO,CAAC,OAAO,IAAI,WAAW,CAAC,OAAO,CAAC,IAAI;QAC/D,GAAG,IAAI,MAAM,CACd,CAAC;AACJ,CAAC"}

package/dist/texture/scallops.d.ts

@@ -0,0 +1,14 @@
+import type { Dimensions, Texture } from "../types.js";
+/**
+ * Fish scales: rows of arcs, each row offset by half a scale from the one
+ * above, which is what makes them read as overlapping rather than as stacked
+ * semicircles.
+ *
+ * The tile holds two rows for that reason: one repeat has to contain both the
+ * offset row and the row it is offset from, since a `<pattern>` cannot stagger
+ * its own rows.
+ */
+export declare function scallopsSvg(texture: Extract<Texture, {
+    readonly type: "scallops";
+}>, dimensions: Dimensions, id: string): string;
+//# sourceMappingURL=scallops.d.ts.map

package/dist/texture/scallops.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scallops.d.ts","sourceRoot":"","sources":["../../src/texture/scallops.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAcvD;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CACzB,OAAO,EAAE,OAAO,CAAC,OAAO,EAAE;IAAE,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAA;CAAE,CAAC,EACxD,UAAU,EAAE,UAAU,EACtB,EAAE,EAAE,MAAM,GACT,MAAM,CAqBR"}