@unmade/text-renderer 1.0.0 → 1.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (67) hide show
  1. package/dist/__vite-browser-external-CijFC1_R.js +7 -0
  2. package/dist/baselines/index.d.ts +40 -0
  3. package/dist/ce-adapter/index.cjs +1 -1
  4. package/dist/ce-adapter/index.js +154 -152
  5. package/dist/chunk-3b4jIN3o.js +13 -0
  6. package/dist/constants.d.ts +5 -0
  7. package/dist/glyph/svg-glyph-converter.d.ts +42 -0
  8. package/dist/helpers/bbox.d.ts +33 -0
  9. package/dist/helpers/matrix.d.ts +8 -0
  10. package/dist/helpers/point.d.ts +17 -0
  11. package/dist/helpers/xml.d.ts +1 -0
  12. package/dist/index.d.ts +16 -249
  13. package/dist/index.js +1543 -1954
  14. package/dist/loading/createLoadedFont.d.ts +53 -0
  15. package/dist/loading/index.d.ts +4 -0
  16. package/dist/measuring/conversion.d.ts +2 -0
  17. package/dist/measuring/index.d.ts +28 -0
  18. package/dist/node/baselines/index.d.ts +40 -0
  19. package/dist/node/ce-adapter/ce-types.d.ts +171 -0
  20. package/dist/node/ce-adapter/extractTextPlacements.d.ts +11 -0
  21. package/dist/node/ce-adapter/index.d.ts +12 -0
  22. package/dist/node/ce-adapter/mapStateToRendererOptions.d.ts +13 -0
  23. package/dist/node/ce-adapter/types.d.ts +56 -0
  24. package/dist/node/constants.d.ts +5 -0
  25. package/dist/node/glyph/svg-glyph-converter.d.ts +42 -0
  26. package/dist/node/helpers/bbox.d.ts +33 -0
  27. package/dist/node/helpers/matrix.d.ts +8 -0
  28. package/dist/node/helpers/point.d.ts +17 -0
  29. package/dist/node/helpers/xml.d.ts +1 -0
  30. package/dist/node/index.d.ts +16 -249
  31. package/dist/node/index.js +821 -895
  32. package/dist/node/loading/createLoadedFont.d.ts +53 -0
  33. package/dist/node/loading/index.d.ts +4 -0
  34. package/dist/node/measuring/conversion.d.ts +2 -0
  35. package/dist/node/measuring/index.d.ts +28 -0
  36. package/dist/node/renderText.d.ts +5 -0
  37. package/dist/node/rendering/index.d.ts +42 -0
  38. package/dist/node/svg/index.d.ts +11 -0
  39. package/dist/node/types.d.ts +72 -0
  40. package/dist/renderText.d.ts +5 -0
  41. package/dist/rendering/index.d.ts +42 -0
  42. package/dist/svg/index.d.ts +11 -0
  43. package/dist/types.d.ts +72 -0
  44. package/dist/worker/baselines/index.d.ts +40 -0
  45. package/dist/worker/ce-adapter/ce-types.d.ts +171 -0
  46. package/dist/worker/ce-adapter/extractTextPlacements.d.ts +11 -0
  47. package/dist/worker/ce-adapter/index.d.ts +12 -0
  48. package/dist/worker/ce-adapter/mapStateToRendererOptions.d.ts +13 -0
  49. package/dist/worker/ce-adapter/types.d.ts +56 -0
  50. package/dist/worker/constants.d.ts +5 -0
  51. package/dist/worker/glyph/svg-glyph-converter.d.ts +42 -0
  52. package/dist/worker/helpers/bbox.d.ts +33 -0
  53. package/dist/worker/helpers/matrix.d.ts +8 -0
  54. package/dist/worker/helpers/point.d.ts +17 -0
  55. package/dist/worker/helpers/xml.d.ts +1 -0
  56. package/dist/worker/index.d.ts +16 -249
  57. package/dist/worker/index.js +8003 -9677
  58. package/dist/worker/loading/createLoadedFont.d.ts +53 -0
  59. package/dist/worker/loading/index.d.ts +4 -0
  60. package/dist/worker/measuring/conversion.d.ts +2 -0
  61. package/dist/worker/measuring/index.d.ts +28 -0
  62. package/dist/worker/renderText.d.ts +5 -0
  63. package/dist/worker/rendering/index.d.ts +42 -0
  64. package/dist/worker/svg/index.d.ts +11 -0
  65. package/dist/worker/types.d.ts +72 -0
  66. package/package.json +11 -10
  67. package/dist/__vite-browser-external-l0sNRNKZ.js +0 -1
@@ -1,920 +1,846 @@
1
- import { Feature as nt, Buffer as At, shape as Bt, Blob as ot, Face as rt, Font as st } from "harfbuzzjs";
2
- import { svgPathProperties as Pt } from "svg-path-properties";
3
- import { DOMParser as Tt } from "linkedom";
1
+ import { Blob as e, Buffer as t, Face as n, Feature as r, Font as i, shape as a } from "harfbuzzjs";
2
+ import { svgPathProperties as o } from "svg-path-properties";
3
+ import { DOMParser as s } from "linkedom";
4
4
  import "node:path";
5
- import Lt from "@thednp/dommatrix";
6
- function Ut(e) {
7
- let t = 1 / 0, n = 1 / 0, o = -1 / 0, a = -1 / 0;
8
- const c = /([MLCQTSAZHVmlcqtsazhv])([^MLCQTSAZHVmlcqtsazhv]*)/g;
9
- let f = c.exec(e);
10
- for (; f !== null; ) {
11
- const s = f[1].toUpperCase();
12
- if (s !== "Z") {
13
- const r = f[2].trim().split(/[\s,]+/).filter(Boolean).map(Number);
14
- if (s === "H")
15
- for (const i of r)
16
- t = Math.min(t, i), o = Math.max(o, i);
17
- else if (s === "V")
18
- for (const i of r)
19
- n = Math.min(n, i), a = Math.max(a, i);
20
- else
21
- for (let i = 0; i + 1 < r.length; i += 2)
22
- t = Math.min(t, r[i]), o = Math.max(o, r[i]), n = Math.min(n, r[i + 1]), a = Math.max(a, r[i + 1]);
23
- }
24
- f = c.exec(e);
25
- }
26
- return Number.isFinite(t) ? { x1: t, y1: n, x2: o, y2: a } : null;
5
+ import c from "@thednp/dommatrix";
6
+ //#region src/loading/createLoadedFont.ts
7
+ function l(e) {
8
+ let t = Infinity, n = Infinity, r = -Infinity, i = -Infinity, a = 0, o = 0;
9
+ function s(e, a) {
10
+ e < t && (t = e), e > r && (r = e), a < n && (n = a), a > i && (i = a);
11
+ }
12
+ function c(e, t, n) {
13
+ let r = e - 2 * t + n;
14
+ if (Math.abs(r) < 1e-10) return [];
15
+ let i = (e - t) / r;
16
+ return i > 0 && i < 1 ? [i] : [];
17
+ }
18
+ function l(e, t, n, r) {
19
+ let i = 1 - e;
20
+ return i * i * t + 2 * i * e * n + e * e * r;
21
+ }
22
+ function u(e, t, n, r) {
23
+ let i = t - e, a = n - t, o = r - n, s = i - 2 * a + o, c = 2 * (a - i), l = i;
24
+ if (Math.abs(s) < 1e-10) {
25
+ if (Math.abs(c) < 1e-10) return [];
26
+ let e = -l / c;
27
+ return e > 0 && e < 1 ? [e] : [];
28
+ }
29
+ let u = c * c - 4 * s * l;
30
+ if (u < 0) return [];
31
+ let d = Math.sqrt(u);
32
+ return [(-c + d) / (2 * s), (-c - d) / (2 * s)].filter((e) => e > 0 && e < 1);
33
+ }
34
+ function d(e, t, n, r, i) {
35
+ let a = 1 - e;
36
+ return a * a * a * t + 3 * a * a * e * n + 3 * a * e * e * r + e * e * e * i;
37
+ }
38
+ let f = /([MLCQTSAZHVmlcqtsazhv])([^MLCQTSAZHVmlcqtsazhv]*)/g, p = f.exec(e);
39
+ for (; p !== null;) {
40
+ let t = p[1].toUpperCase();
41
+ if (t === "Z") {
42
+ p = f.exec(e);
43
+ continue;
44
+ }
45
+ let n = p[2].trim().split(/[\s,]+/).filter(Boolean).map(Number);
46
+ if (t === "M" || t === "L" || t === "T") for (let e = 0; e + 1 < n.length; e += 2) a = n[e], o = n[e + 1], s(a, o);
47
+ else if (t === "H") for (let e of n) a = e, s(a, o);
48
+ else if (t === "V") for (let e of n) o = e, s(a, o);
49
+ else if (t === "Q") for (let e = 0; e + 3 < n.length; e += 4) {
50
+ let [t, r, i, u] = n.slice(e, e + 4);
51
+ s(i, u);
52
+ for (let e of c(a, t, i)) s(l(e, a, t, i), l(e, o, r, u));
53
+ for (let e of c(o, r, u)) s(l(e, a, t, i), l(e, o, r, u));
54
+ a = i, o = u;
55
+ }
56
+ else if (t === "C") for (let e = 0; e + 5 < n.length; e += 6) {
57
+ let [t, r, i, c, l, f] = n.slice(e, e + 6);
58
+ s(l, f);
59
+ for (let e of u(a, t, i, l)) s(d(e, a, t, i, l), d(e, o, r, c, f));
60
+ for (let e of u(o, r, c, f)) s(d(e, a, t, i, l), d(e, o, r, c, f));
61
+ a = l, o = f;
62
+ }
63
+ else for (let e = 0; e + 1 < n.length; e += 2) s(n[e], n[e + 1]);
64
+ p = f.exec(e);
65
+ }
66
+ return Number.isFinite(t) ? {
67
+ x1: t,
68
+ y1: n,
69
+ x2: r,
70
+ y2: i
71
+ } : null;
27
72
  }
28
- function Et(e, t, n, o) {
29
- return e.replace(
30
- /([MLCQTSAZHVmlcqtsazhv])([^MLCQTSAZHVmlcqtsazhv]*)/g,
31
- (a, c, f) => {
32
- const s = c.toUpperCase();
33
- if (s === "Z") return c;
34
- const r = f.trim().split(/[\s,]+/).filter(Boolean).map(Number), i = [];
35
- if (s === "M" || s === "L" || s === "T")
36
- for (let l = 0; l < r.length; l += 2)
37
- i.push(r[l] * t + o, -r[l + 1] * n);
38
- else if (s === "C")
39
- for (let l = 0; l < r.length; l += 6)
40
- i.push(
41
- r[l] * t + o,
42
- -r[l + 1] * n,
43
- r[l + 2] * t + o,
44
- -r[l + 3] * n,
45
- r[l + 4] * t + o,
46
- -r[l + 5] * n
47
- );
48
- else if (s === "Q" || s === "S")
49
- for (let l = 0; l < r.length; l += 4)
50
- i.push(
51
- r[l] * t + o,
52
- -r[l + 1] * n,
53
- r[l + 2] * t + o,
54
- -r[l + 3] * n
55
- );
56
- else if (s === "H")
57
- for (let l = 0; l < r.length; l++)
58
- i.push(r[l] * t + o);
59
- else if (s === "V")
60
- for (let l = 0; l < r.length; l++)
61
- i.push(-r[l] * n);
62
- else
63
- return c + f;
64
- return c + i.join(",");
65
- }
66
- );
73
+ function u(e, t, n, r) {
74
+ return e.replace(/([MLCQTSAZHVmlcqtsazhv])([^MLCQTSAZHVmlcqtsazhv]*)/g, (e, i, a) => {
75
+ let o = i.toUpperCase();
76
+ if (o === "Z") return i;
77
+ let s = a.trim().split(/[\s,]+/).filter(Boolean).map(Number), c = [];
78
+ if (o === "M" || o === "L" || o === "T") for (let e = 0; e < s.length; e += 2) c.push(s[e] * t + r, -s[e + 1] * n);
79
+ else if (o === "C") for (let e = 0; e < s.length; e += 6) c.push(s[e] * t + r, -s[e + 1] * n, s[e + 2] * t + r, -s[e + 3] * n, s[e + 4] * t + r, -s[e + 5] * n);
80
+ else if (o === "Q" || o === "S") for (let e = 0; e < s.length; e += 4) c.push(s[e] * t + r, -s[e + 1] * n, s[e + 2] * t + r, -s[e + 3] * n);
81
+ else if (o === "H") for (let e = 0; e < s.length; e++) c.push(s[e] * t + r);
82
+ else if (o === "V") for (let e = 0; e < s.length; e++) c.push(-s[e] * n);
83
+ else return i + a;
84
+ return i + c.join(",");
85
+ });
67
86
  }
68
- function Ct(e, t, n, o) {
69
- const a = e.upem;
70
- function c(l) {
71
- const p = l.codePointAt(0), u = t.glyph(p) ?? 0, h = t.glyphExtents(u);
72
- return {
73
- index: u,
74
- advanceWidth: t.glyphHAdvance(u),
75
- name: t.glyphName(u),
76
- getBoundingBox() {
77
- return h ? {
78
- x1: h.xBearing,
79
- y1: -h.yBearing,
80
- x2: h.xBearing + h.width,
81
- // height is negative in HarfBuzz (extends downward), so subtracting gives y2 >= y1
82
- y2: -(h.yBearing + h.height)
83
- } : { x1: 0, y1: 0, x2: 0, y2: 0 };
84
- }
85
- };
86
- }
87
- const f = [new nt("liga", 0), new nt("calt", 0)];
88
- function s(l, p, u, h) {
89
- const d = h / a, g = new At();
90
- g.addText(l), g.guessSegmentProperties(), Bt(t, g, f);
91
- const m = g.getGlyphInfos(), $ = g.getGlyphPositions();
92
- let w = 0;
93
- return m.map((b, k) => {
94
- const A = $[k], E = b.codepoint, S = w + A.xOffset, U = t.glyphToPath(E), v = Et(U, d, d, S * d);
95
- return w += A.xAdvance, {
96
- getBoundingBox() {
97
- const y = Ut(v);
98
- return y || { x1: S * d, y1: 0, x2: S * d, y2: 0 };
99
- },
100
- toPathData(y) {
101
- return v;
102
- }
103
- };
104
- });
105
- }
106
- function r(l, p, u, h) {
107
- const d = s(l, p, u, h);
108
- return {
109
- getBoundingBox() {
110
- if (d.length === 0)
111
- return { x1: 0, y1: 0, x2: 0, y2: 0 };
112
- const g = d.map((m) => m.getBoundingBox());
113
- return {
114
- x1: Math.min(...g.map((m) => m.x1)),
115
- y1: Math.min(...g.map((m) => m.y1)),
116
- x2: Math.max(...g.map((m) => m.x2)),
117
- y2: Math.max(...g.map((m) => m.y2))
118
- };
119
- },
120
- toPathData(g) {
121
- return d.map((m) => m.toPathData()).join("");
122
- }
123
- };
124
- }
125
- return {
126
- unitsPerEm: a,
127
- names: { fontFamily: n },
128
- svgGlyphs: o,
129
- charToGlyph: c,
130
- getPath: r,
131
- getPaths: s
132
- };
87
+ function d(e, n, i, o) {
88
+ let s = e.upem;
89
+ function c(e) {
90
+ let t = e.codePointAt(0) ?? 0, r = n.glyph(t) ?? 0, i = n.glyphExtents(r);
91
+ return {
92
+ index: r,
93
+ advanceWidth: n.glyphHAdvance(r),
94
+ name: n.glyphName(r),
95
+ getBoundingBox() {
96
+ return i ? {
97
+ x1: i.xBearing,
98
+ y1: -i.yBearing,
99
+ x2: i.xBearing + i.width,
100
+ y2: -(i.yBearing + i.height)
101
+ } : {
102
+ x1: 0,
103
+ y1: 0,
104
+ x2: 0,
105
+ y2: 0
106
+ };
107
+ }
108
+ };
109
+ }
110
+ let d = [new r("liga", 0), new r("calt", 0)];
111
+ function f(e, r, i, o) {
112
+ let c = o / s, f = new t();
113
+ f.addText(e), f.guessSegmentProperties(), a(n, f, d);
114
+ let p = f.getGlyphInfos(), m = f.getGlyphPositions(), h = 0;
115
+ return p.map((e, t) => {
116
+ let r = m[t], i = e.codepoint, a = h + r.xOffset, o = u(n.glyphToPath(i), c, c, a * c);
117
+ return h += r.xAdvance, {
118
+ getBoundingBox() {
119
+ return l(o) || {
120
+ x1: a * c,
121
+ y1: 0,
122
+ x2: a * c,
123
+ y2: 0
124
+ };
125
+ },
126
+ toPathData(e) {
127
+ return o;
128
+ }
129
+ };
130
+ });
131
+ }
132
+ function p(e, t, n, r) {
133
+ let i = f(e, t, n, r);
134
+ return {
135
+ getBoundingBox() {
136
+ if (i.length === 0) return {
137
+ x1: 0,
138
+ y1: 0,
139
+ x2: 0,
140
+ y2: 0
141
+ };
142
+ let e = i.map((e) => e.getBoundingBox());
143
+ return {
144
+ x1: Math.min(...e.map((e) => e.x1)),
145
+ y1: Math.min(...e.map((e) => e.y1)),
146
+ x2: Math.max(...e.map((e) => e.x2)),
147
+ y2: Math.max(...e.map((e) => e.y2))
148
+ };
149
+ },
150
+ toPathData(e) {
151
+ return i.map((e) => e.toPathData()).join("");
152
+ }
153
+ };
154
+ }
155
+ return {
156
+ unitsPerEm: s,
157
+ names: { fontFamily: i },
158
+ svgGlyphs: o,
159
+ charToGlyph: c,
160
+ getPath: p,
161
+ getPaths: f
162
+ };
133
163
  }
134
- const X = /* @__PURE__ */ new Map(), ve = () => X;
135
- async function ut(e, t) {
136
- const n = new DecompressionStream(t), o = n.writable.getWriter(), a = n.readable.getReader();
137
- o.write(new Uint8Array(e)), o.close();
138
- const c = [];
139
- for (; ; ) {
140
- const { done: i, value: l } = await a.read();
141
- if (i) break;
142
- c.push(l);
143
- }
144
- const f = c.reduce((i, l) => i + l.length, 0), s = new Uint8Array(f);
145
- let r = 0;
146
- for (const i of c)
147
- s.set(i, r), r += i.length;
148
- return s;
164
+ //#endregion
165
+ //#region src/loading/index.ts
166
+ var f = /* @__PURE__ */ new Map(), p = () => f;
167
+ async function m(e, t) {
168
+ let n = new DecompressionStream(t), r = n.writable.getWriter(), i = n.readable.getReader();
169
+ r.write(new Uint8Array(e)), r.close();
170
+ let a = [];
171
+ for (;;) {
172
+ let { done: e, value: t } = await i.read();
173
+ if (e) break;
174
+ a.push(t);
175
+ }
176
+ let o = a.reduce((e, t) => e + t.length, 0), s = new Uint8Array(o), c = 0;
177
+ for (let e of a) s.set(e, c), c += e.length;
178
+ return s;
149
179
  }
150
- async function It(e) {
151
- return ut(e, "gzip");
180
+ async function h(e) {
181
+ return m(e, "gzip");
152
182
  }
153
- async function Wt(e) {
154
- const t = new DataView(e), n = t.getUint32(4), o = t.getUint16(12), a = [];
155
- for (let h = 0; h < o; h++) {
156
- const d = 44 + h * 20, g = String.fromCharCode(
157
- t.getUint8(d),
158
- t.getUint8(d + 1),
159
- t.getUint8(d + 2),
160
- t.getUint8(d + 3)
161
- );
162
- a.push({
163
- tag: g,
164
- offset: t.getUint32(d + 4),
165
- compLength: t.getUint32(d + 8),
166
- origLength: t.getUint32(d + 12),
167
- checksum: t.getUint32(d + 16)
168
- });
169
- }
170
- const c = [];
171
- for (const h of a) {
172
- const d = new Uint8Array(e, h.offset, h.compLength);
173
- h.compLength === h.origLength ? c.push(new Uint8Array(d)) : c.push(await ut(d, "deflate"));
174
- }
175
- const f = 2 ** Math.floor(Math.log2(o)) * 16, s = Math.floor(Math.log2(o)), r = o * 16 - f;
176
- let i = 12 + o * 16;
177
- const l = [];
178
- for (let h = 0; h < a.length; h++)
179
- l.push(i), i += a[h].origLength + 3 & -4;
180
- const p = new Uint8Array(i), u = new DataView(p.buffer);
181
- u.setUint32(0, n), u.setUint16(4, o), u.setUint16(6, f), u.setUint16(8, s), u.setUint16(10, r);
182
- for (let h = 0; h < a.length; h++) {
183
- const d = a[h], g = 12 + h * 16;
184
- for (let m = 0; m < 4; m++) p[g + m] = d.tag.charCodeAt(m);
185
- u.setUint32(g + 4, d.checksum), u.setUint32(g + 8, l[h]), u.setUint32(g + 12, d.origLength), p.set(c[h], l[h]);
186
- }
187
- return p.buffer;
183
+ async function g(e) {
184
+ let t = new DataView(e), n = t.getUint32(4), r = t.getUint16(12), i = [];
185
+ for (let e = 0; e < r; e++) {
186
+ let n = 44 + e * 20, r = String.fromCharCode(t.getUint8(n), t.getUint8(n + 1), t.getUint8(n + 2), t.getUint8(n + 3));
187
+ i.push({
188
+ tag: r,
189
+ offset: t.getUint32(n + 4),
190
+ compLength: t.getUint32(n + 8),
191
+ origLength: t.getUint32(n + 12),
192
+ checksum: t.getUint32(n + 16)
193
+ });
194
+ }
195
+ let a = [];
196
+ for (let t of i) {
197
+ let n = new Uint8Array(e, t.offset, t.compLength);
198
+ t.compLength === t.origLength ? a.push(new Uint8Array(n)) : a.push(await m(n, "deflate"));
199
+ }
200
+ let o = 2 ** Math.floor(Math.log2(r)) * 16, s = Math.floor(Math.log2(r)), c = r * 16 - o, l = 12 + r * 16, u = [];
201
+ for (let e = 0; e < i.length; e++) u.push(l), l += i[e].origLength + 3 & -4;
202
+ let d = new Uint8Array(l), f = new DataView(d.buffer);
203
+ f.setUint32(0, n), f.setUint16(4, r), f.setUint16(6, o), f.setUint16(8, s), f.setUint16(10, c);
204
+ for (let e = 0; e < i.length; e++) {
205
+ let t = i[e], n = 12 + e * 16;
206
+ for (let e = 0; e < 4; e++) d[n + e] = t.tag.charCodeAt(e);
207
+ f.setUint32(n + 4, t.checksum), f.setUint32(n + 8, u[e]), f.setUint32(n + 12, t.origLength), d.set(a[e], u[e]);
208
+ }
209
+ return d.buffer;
188
210
  }
189
- async function at(e, t, n) {
190
- const o = /* @__PURE__ */ new Map(), a = new DataView(e.buffer, e.byteOffset, e.byteLength), c = a.getUint32(2), f = a.getUint16(c), s = c;
191
- for (let r = 0; r < f; r++) {
192
- const i = c + 2 + r * 12, l = a.getUint16(i), p = a.getUint16(i + 2), u = a.getUint32(i + 4), h = a.getUint32(i + 8), d = s + u;
193
- let g = e.slice(d, d + h);
194
- g[0] === 31 && g[1] === 139 && (g = await It(g));
195
- const m = new TextDecoder().decode(g);
196
- for (let $ = l; $ <= p; $++) {
197
- const w = t.glyphExtents($);
198
- let b;
199
- w ? b = `${w.xBearing} ${-w.yBearing} ${w.width} ${-w.height}` : b = "0 0 0 0", o.set($, { svg: m, viewbox: b });
200
- }
201
- }
202
- return o;
211
+ async function _(e, t, n) {
212
+ let r = /* @__PURE__ */ new Map(), i = new DataView(e.buffer, e.byteOffset, e.byteLength), a = i.getUint32(2), o = i.getUint16(a), s = a;
213
+ for (let n = 0; n < o; n++) {
214
+ let o = a + 2 + n * 12, c = i.getUint16(o), l = i.getUint16(o + 2), u = i.getUint32(o + 4), d = i.getUint32(o + 8), f = s + u, p = e.slice(f, f + d);
215
+ p[0] === 31 && p[1] === 139 && (p = await h(p));
216
+ let m = new TextDecoder().decode(p);
217
+ for (let e = c; e <= l; e++) {
218
+ let n = t.glyphExtents(e), i;
219
+ i = n ? `${n.xBearing} ${-n.yBearing} ${n.width} ${-n.height}` : "0 0 0 0", r.set(e, {
220
+ svg: m,
221
+ viewbox: i
222
+ });
223
+ }
224
+ }
225
+ return r;
203
226
  }
204
- const Gt = 2001684038;
205
- async function Dt(e) {
206
- return e.byteLength >= 4 && new DataView(e).getUint32(0) === Gt ? Wt(e) : e;
227
+ var v = 2001684038;
228
+ async function y(e) {
229
+ return e.byteLength >= 4 && new DataView(e).getUint32(0) === v ? g(e) : e;
207
230
  }
208
- async function it(e) {
209
- const t = await fetch(e);
210
- if (!t.ok)
211
- throw new Error(
212
- `Failed to load font from ${e}: ${t.status} ${t.statusText}`
213
- );
214
- const n = await t.arrayBuffer();
215
- return Dt(n);
231
+ async function b(e) {
232
+ let t = await fetch(e);
233
+ if (!t.ok) throw Error(`Failed to load font from ${e}: ${t.status} ${t.statusText}`);
234
+ return y(await t.arrayBuffer());
216
235
  }
217
- const Ot = async (e, t = !1) => {
218
- const n = X.get(e);
219
- if (n) {
220
- if (t && !n.svgGlyphs) {
221
- const l = await it(e), p = new ot(l), u = new rt(p), h = new st(u), d = u.referenceTable("SVG "), g = d ? await at(d, h, u.upem) : /* @__PURE__ */ new Map();
222
- n.svgGlyphs = g;
223
- }
224
- return n;
225
- }
226
- const o = await it(e), a = new ot(o), c = new rt(a), f = new st(c), s = c.getName(1, "en") ?? "";
227
- let r;
228
- if (t) {
229
- const l = c.referenceTable("SVG ");
230
- r = l ? await at(l, f, c.upem) : /* @__PURE__ */ new Map();
231
- }
232
- const i = Ct(c, f, s, r);
233
- return X.set(e, i), i;
234
- }, Nt = 0.03125, pt = 1.1, _t = 0.2, G = {
235
- outlineWidth: Nt,
236
- letterSpacing: 0,
237
- letterSpacingOutline: 0
236
+ var x = async (t, r = !1) => {
237
+ let a = f.get(t);
238
+ if (a) {
239
+ if (r && !a.svgGlyphs) {
240
+ let r = new n(new e(await b(t))), o = new i(r), s = r.referenceTable("SVG ");
241
+ a.svgGlyphs = s ? await _(s, o, r.upem) : /* @__PURE__ */ new Map();
242
+ }
243
+ return a;
244
+ }
245
+ let o = new n(new e(await b(t))), s = new i(o), c = o.getName(1, "en") ?? "", l;
246
+ if (r) {
247
+ let e = o.referenceTable("SVG ");
248
+ l = e ? await _(e, s, o.upem) : /* @__PURE__ */ new Map();
249
+ }
250
+ let u = d(o, s, c, l);
251
+ return f.set(t, u), u;
252
+ }, S = .03125, C = 1.1, w = .2, T = {
253
+ outlineWidth: S,
254
+ letterSpacing: 0,
255
+ letterSpacingOutline: 0
256
+ }, E = class {
257
+ constructor(e, t) {
258
+ this.x = e, this.y = t;
259
+ }
260
+ get X() {
261
+ return this.x;
262
+ }
263
+ get Y() {
264
+ return this.y;
265
+ }
266
+ toSVGString() {
267
+ return `${this.x} ${this.y}`;
268
+ }
238
269
  };
239
- class F {
240
- constructor(t, n) {
241
- this.x = t, this.y = n;
242
- }
243
- get X() {
244
- return this.x;
245
- }
246
- get Y() {
247
- return this.y;
248
- }
249
- toSVGString() {
250
- return `${this.x} ${this.y}`;
251
- }
270
+ function D(e, t, n = new E(0, 0)) {
271
+ let r = e.X - n.X, i = e.Y - n.Y, a = t / 180 * Math.PI, o = Math.cos(a), s = Math.sin(a), c = r * o - i * s, l = r * s + i * o;
272
+ return new E(c + n.X, l + n.Y);
252
273
  }
253
- function Vt(e, t, n = new F(0, 0)) {
254
- const o = e.X - n.X, a = e.Y - n.Y, c = t / 180 * Math.PI, f = Math.cos(c), s = Math.sin(c), r = o * f - a * s, i = o * s + a * f;
255
- return new F(r + n.X, i + n.Y);
256
- }
257
- const qt = (e) => e === void 0 || e === "flat" ? { type: "flat" } : e === "curved" ? { type: "curved" } : e, Ht = (e) => {
258
- if (!e || !e.trim())
259
- throw new Error("Custom baseline path must be a non-empty SVG path string");
260
- if (!e.trim().startsWith("M"))
261
- throw new Error(
262
- "Custom baseline path must start with an M (moveto) command"
263
- );
264
- }, zt = ({
265
- boxDimensions: e,
266
- totalTextHeight: t,
267
- baseline: n,
268
- lineHeight: o,
269
- verticalAlignment: a = "centre",
270
- lineNumber: c = 0
271
- }) => {
272
- const { width: f, height: s } = e, r = o - n;
273
- let i = n;
274
- switch (a) {
275
- case "centre": {
276
- i = (s - t) / 2 + o - r;
277
- break;
278
- }
279
- case "bottom": {
280
- i = s - t + o - r;
281
- break;
282
- }
283
- }
284
- return i += c * (o * pt), `M 0 ${i} L ${f} ${i}`;
285
- }, mt = ({
286
- boxDimensions: e,
287
- baseline: t,
288
- textHeight: n,
289
- verticalAlignment: o
290
- }) => {
291
- const { width: a, height: c } = e, f = n * _t, s = n + f, r = o === "top" ? 0 : c / 2 - s / 2, i = t + r, l = i + f;
292
- if (o !== "top" && (l > c || i - n < 0))
293
- return mt({
294
- boxDimensions: e,
295
- baseline: t,
296
- textHeight: n,
297
- verticalAlignment: "top"
298
- });
299
- const p = n / 4, u = new F(p, l), h = new F(a / 2, i), d = new F(a - p, l), g = a * 0.2, m = new F(
300
- g,
301
- t + r
302
- ), $ = new F(
303
- a - g,
304
- t + r
305
- ), w = `M ${u.toSVGString()}`, b = `Q ${m.toSVGString()} ${h.toSVGString()}`, k = `Q ${$.toSVGString()} ${d.toSVGString()}`;
306
- return `${w} ${b} ${k}`;
307
- }, yt = (e) => {
308
- const t = ["I", "l", "1"];
309
- for (const n of t) {
310
- const o = e.charToGlyph(n);
311
- if (o && o.name !== ".notdef")
312
- return n;
313
- }
314
- return console.error(
315
- 'No standard character found for fixed height calculation. Using "I" as default.'
316
- ), "I";
317
- }, z = 100, Rt = ({
318
- font: e,
319
- boxDimensions: t,
320
- physicalSize: n,
321
- spacing: o = G
322
- }) => {
323
- const a = n;
324
- if (a[1] !== t.physicalUnits)
325
- throw new Error(
326
- `Mismatched units between physicalFontSize (${a[1]}) and boxDimensions (${t.physicalUnits})`
327
- );
328
- const { outlineWidth: c } = o, f = yt(e), r = e.getPath(
329
- f,
330
- 0,
331
- 0,
332
- z
333
- ).getBoundingBox();
334
- let i = r.y2 - r.y1;
335
- if (c > 0) {
336
- const d = z * c;
337
- i += d * 2;
338
- }
339
- const p = i / t.height * t.physicalHeight, u = a[0] / p;
340
- return z * u;
341
- }, ct = ({
342
- font: e,
343
- text: t,
344
- fontSize: n,
345
- spacing: o = G
346
- }) => {
347
- const { outlineWidth: a, letterSpacing: c, letterSpacingOutline: f } = o, r = e.getPath(t, 0, 0, n).getBoundingBox(), i = a ? n * a * 2 : 0, l = a > 0 ? f : c, p = t.length > 1 ? l * n * (t.length - 1) : 0, u = r.x2 - r.x1 + i + p, h = r.y2 - r.y1 + i, d = r.y1 * -1 + i / 2;
348
- return {
349
- width: u,
350
- height: h,
351
- baseline: d
352
- };
353
- }, N = Tt, jt = Lt, Xt = () => new N().parseFromString("<svg></svg>", "image/svg+xml"), Zt = Xt();
354
- Zt.readyState = "complete";
355
- const Qt = {
356
- aliceblue: "#f0f8ff",
357
- antiquewhite: "#faebd7",
358
- aqua: "#00ffff",
359
- aquamarine: "#7fffd4",
360
- azure: "#f0ffff",
361
- beige: "#f5f5dc",
362
- bisque: "#ffe4c4",
363
- black: "#000000",
364
- blanchedalmond: "#ffebcd",
365
- blue: "#0000ff",
366
- blueviolet: "#8a2be2",
367
- brown: "#a52a2a",
368
- burlywood: "#deb887",
369
- cadetblue: "#5f9ea0",
370
- chartreuse: "#7fff00",
371
- chocolate: "#d2691e",
372
- coral: "#ff7f50",
373
- cornflowerblue: "#6495ed",
374
- cornsilk: "#fff8dc",
375
- crimson: "#dc143c",
376
- cyan: "#00ffff",
377
- darkblue: "#00008b",
378
- darkcyan: "#008b8b",
379
- darkgoldenrod: "#b8860b",
380
- darkgray: "#a9a9a9",
381
- darkgreen: "#006400",
382
- darkgrey: "#a9a9a9",
383
- darkkhaki: "#bdb76b",
384
- darkmagenta: "#8b008b",
385
- darkolivegreen: "#556b2f",
386
- darkorange: "#ff8c00",
387
- darkorchid: "#9932cc",
388
- darkred: "#8b0000",
389
- darksalmon: "#e9967a",
390
- darkseagreen: "#8fbc8f",
391
- darkslateblue: "#483d8b",
392
- darkslategray: "#2f4f4f",
393
- darkslategrey: "#2f4f4f",
394
- darkturquoise: "#00ced1",
395
- darkviolet: "#9400d3",
396
- deeppink: "#ff1493",
397
- deepskyblue: "#00bfff",
398
- dimgray: "#696969",
399
- dimgrey: "#696969",
400
- dodgerblue: "#1e90ff",
401
- firebrick: "#b22222",
402
- floralwhite: "#fffaf0",
403
- forestgreen: "#228b22",
404
- fuchsia: "#ff00ff",
405
- gainsboro: "#dcdcdc",
406
- ghostwhite: "#f8f8ff",
407
- gold: "#ffd700",
408
- goldenrod: "#daa520",
409
- gray: "#808080",
410
- green: "#008000",
411
- greenyellow: "#adff2f",
412
- grey: "#808080",
413
- honeydew: "#f0fff0",
414
- hotpink: "#ff69b4",
415
- indianred: "#cd5c5c",
416
- indigo: "#4b0082",
417
- ivory: "#fffff0",
418
- khaki: "#f0e68c",
419
- lavender: "#e6e6fa",
420
- lavenderblush: "#fff0f5",
421
- lawngreen: "#7cfc00",
422
- lemonchiffon: "#fffacd",
423
- lightblue: "#add8e6",
424
- lightcoral: "#f08080",
425
- lightcyan: "#e0ffff",
426
- lightgoldenrodyellow: "#fafad2",
427
- lightgray: "#d3d3d3",
428
- lightgreen: "#90ee90",
429
- lightgrey: "#d3d3d3",
430
- lightpink: "#ffb6c1",
431
- lightsalmon: "#ffa07a",
432
- lightseagreen: "#20b2aa",
433
- lightskyblue: "#87cefa",
434
- lightslategray: "#778899",
435
- lightslategrey: "#778899",
436
- lightsteelblue: "#b0c4de",
437
- lightyellow: "#ffffe0",
438
- lime: "#00ff00",
439
- limegreen: "#32cd32",
440
- linen: "#faf0e6",
441
- magenta: "#ff00ff",
442
- maroon: "#800000",
443
- mediumaquamarine: "#66cdaa",
444
- mediumblue: "#0000cd",
445
- mediumorchid: "#ba55d3",
446
- mediumpurple: "#9370db",
447
- mediumseagreen: "#3cb371",
448
- mediumslateblue: "#7b68ee",
449
- mediumspringgreen: "#00fa9a",
450
- mediumturquoise: "#48d1cc",
451
- mediumvioletred: "#c71585",
452
- midnightblue: "#191970",
453
- mintcream: "#f5fffa",
454
- mistyrose: "#ffe4e1",
455
- moccasin: "#ffe4b5",
456
- navajowhite: "#ffdead",
457
- navy: "#000080",
458
- oldlace: "#fdf5e6",
459
- olive: "#808000",
460
- olivedrab: "#6b8e23",
461
- orange: "#ffa500",
462
- orangered: "#ff4500",
463
- orchid: "#da70d6",
464
- palegoldenrod: "#eee8aa",
465
- palegreen: "#98fb98",
466
- paleturquoise: "#afeeee",
467
- palevioletred: "#db7093",
468
- papayawhip: "#ffefd5",
469
- peachpuff: "#ffdab9",
470
- peru: "#cd853f",
471
- pink: "#ffc0cb",
472
- plum: "#dda0dd",
473
- powderblue: "#b0e0e6",
474
- purple: "#800080",
475
- rebeccapurple: "#663399",
476
- red: "#ff0000",
477
- rosybrown: "#bc8f8f",
478
- royalblue: "#4169e1",
479
- saddlebrown: "#8b4513",
480
- salmon: "#fa8072",
481
- sandybrown: "#f4a460",
482
- seagreen: "#2e8b57",
483
- seashell: "#fff5ee",
484
- sienna: "#a0522d",
485
- silver: "#c0c0c0",
486
- skyblue: "#87ceeb",
487
- slateblue: "#6a5acd",
488
- slategray: "#708090",
489
- slategrey: "#708090",
490
- snow: "#fffafa",
491
- springgreen: "#00ff7f",
492
- steelblue: "#4682b4",
493
- tan: "#d2b48c",
494
- teal: "#008080",
495
- thistle: "#d8bfd8",
496
- tomato: "#ff6347",
497
- turquoise: "#40e0d0",
498
- violet: "#ee82ee",
499
- wheat: "#f5deb3",
500
- white: "#ffffff",
501
- whitesmoke: "#f5f5f5",
502
- yellow: "#ffff00",
503
- yellowgreen: "#9acd32"
504
- }, Yt = (e) => {
505
- let t = Array.from(e), n = !1;
506
- return t[0] === "#" && (t.shift(), n = !0), t.length === 3 && (t = t.map((o) => `${o}${o}`)), `${n ? "#" : ""}${t.join("").toLowerCase()}`;
507
- }, R = (e) => {
508
- const t = typeof e == "string" ? Number.parseInt(e, 10) : e;
509
- return Math.max(0, Math.min(255, Math.round(t))).toString(16).padStart(2, "0");
510
- }, lt = (...e) => {
511
- const [t, n, o] = Array.isArray(e[0]) ? e[0] : e;
512
- return `#${R(t)}${R(n)}${R(o)}`;
513
- }, Jt = (e, t, n) => {
514
- if (t === 0) {
515
- const l = Math.round(n * 255);
516
- return [l, l, l];
517
- }
518
- const o = (e % 360 + 360) % 360, a = (1 - Math.abs(2 * n - 1)) * t, c = a * (1 - Math.abs(o / 60 % 2 - 1)), f = n - a / 2;
519
- let s = 0, r = 0, i = 0;
520
- return o < 60 ? (s = a, r = c, i = 0) : o < 120 ? (s = c, r = a, i = 0) : o < 180 ? (s = 0, r = a, i = c) : o < 240 ? (s = 0, r = c, i = a) : o < 300 ? (s = c, r = 0, i = a) : (s = a, r = 0, i = c), [
521
- Math.round((s + f) * 255),
522
- Math.round((r + f) * 255),
523
- Math.round((i + f) * 255)
524
- ];
525
- }, Kt = (e) => /^#?([0-9a-f]{3}|[0-9a-f]{6})$/i.test(e), Z = (e) => {
526
- const t = e.trim().toLowerCase();
527
- if (t.startsWith("#") || /^[0-9a-f]{3}([0-9a-f]{3})?$/.test(t))
528
- return Kt(t) ? Yt(t) : void 0;
529
- if (t.startsWith("rgb")) {
530
- const o = t.match(
531
- /rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(?:,\s*[\d.]+\s*)?\)/
532
- );
533
- return o ? lt(
534
- Number.parseInt(o[1], 10),
535
- Number.parseInt(o[2], 10),
536
- Number.parseInt(o[3], 10)
537
- ) : void 0;
538
- }
539
- if (t.startsWith("hsl")) {
540
- const o = t.match(
541
- /hsla?\(\s*(\d+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%\s*(?:,\s*[\d.]+\s*)?\)/
542
- );
543
- if (!o) return;
544
- const a = Number.parseInt(o[1], 10), c = Number.parseFloat(o[2]) / 100, f = Number.parseFloat(o[3]) / 100, [s, r, i] = Jt(a, c, f);
545
- return lt(s, r, i);
546
- }
547
- const n = Qt[t];
548
- if (n) return n;
549
- }, L = {
550
- circle: "circle",
551
- ellipse: "ellipse",
552
- rect: "rect",
553
- line: "line",
554
- path: "path",
555
- polygon: "polygon",
556
- polyline: "polyline",
557
- stop: "stop"
558
- }, O = {
559
- fill: "fill",
560
- stroke: "stroke"
561
- }, te = {
562
- tiling: [
563
- L.circle,
564
- L.ellipse,
565
- L.rect,
566
- L.line,
567
- L.path,
568
- L.polygon,
569
- L.polyline,
570
- L.stop,
571
- `[${O.fill}]`,
572
- `[${O.stroke}]`
573
- ]
574
- }, ee = (e) => Array.from(
575
- e.querySelectorAll(
576
- te.tiling.map((t) => `*:not(clipPath) > ${t}`).join(", ")
577
- )
578
- ), ne = (e) => {
579
- const t = e.getAttribute(O.stroke);
580
- return t === "none" || !t ? !1 : t;
581
- }, j = (e) => {
582
- if (!(e === "none" || e === "transparent" || e.startsWith("url(")))
583
- return Z(e);
584
- }, oe = (e) => {
585
- const t = ee(e).reduce(
586
- (n, o) => {
587
- const a = o.getAttribute("stop-color"), c = o.getAttribute(O.fill) || "#000", f = ne(o);
588
- if (!a) {
589
- const s = j(c);
590
- s && n.add(s);
591
- }
592
- if (a) {
593
- const s = j(a);
594
- s && n.add(s);
595
- }
596
- if (f) {
597
- const s = j(f);
598
- s && n.add(s);
599
- }
600
- return n;
601
- },
602
- /* @__PURE__ */ new Set()
603
- );
604
- return Array.from(t);
274
+ //#endregion
275
+ //#region src/baselines/index.ts
276
+ var O = (e) => e === void 0 || e === "flat" ? { type: "flat" } : e === "curved" ? { type: "curved" } : e, k = (e) => {
277
+ if (!e || !e.trim()) throw Error("Custom baseline path must be a non-empty SVG path string");
278
+ if (!e.trim().startsWith("M")) throw Error("Custom baseline path must start with an M (moveto) command");
279
+ }, A = ({ boxDimensions: e, totalTextHeight: t, baseline: n, lineHeight: r, verticalAlignment: i = "centre", lineNumber: a = 0 }) => {
280
+ let { width: o, height: s } = e, c = r - n, l = n;
281
+ switch (i) {
282
+ case "centre":
283
+ l = (s - t) / 2 + r - c;
284
+ break;
285
+ case "bottom":
286
+ l = s - t + r - c;
287
+ break;
288
+ }
289
+ return l += r * C * a, `M 0 ${l} L ${o} ${l}`;
290
+ }, j = ({ boxDimensions: e, baseline: t, textHeight: n, verticalAlignment: r }) => {
291
+ let { width: i, height: a } = e, o = n * w, s = n + o, c = r === "top" ? 0 : a / 2 - s / 2, l = t + c, u = l + o;
292
+ if (r !== "top" && (u > a || l - n < 0)) return j({
293
+ boxDimensions: e,
294
+ baseline: t,
295
+ textHeight: n,
296
+ verticalAlignment: "top"
297
+ });
298
+ let d = n / 4, f = new E(d, u), p = new E(i / 2, l), m = new E(i - d, u), h = i * .2, g = new E(h, t + c), _ = new E(i - h, t + c);
299
+ return `${`M ${f.toSVGString()}`} ${`Q ${g.toSVGString()} ${p.toSVGString()}`} ${`Q ${_.toSVGString()} ${m.toSVGString()}`}`;
300
+ }, M = (e) => {
301
+ for (let t of [
302
+ "I",
303
+ "l",
304
+ "1"
305
+ ]) {
306
+ let n = e.charToGlyph(t);
307
+ if (n && n.name !== ".notdef") return t;
308
+ }
309
+ return console.error("No standard character found for fixed height calculation. Using \"I\" as default."), "I";
310
+ }, N = 100, P = ({ font: e, boxDimensions: t, physicalSize: n, spacing: r = T }) => {
311
+ let i = n;
312
+ if (i[1] !== t.physicalUnits) throw Error(`Mismatched units between physicalFontSize (${i[1]}) and boxDimensions (${t.physicalUnits})`);
313
+ let { outlineWidth: a } = r, o = M(e), s = e.getPath(o, 0, 0, N).getBoundingBox(), c = s.y2 - s.y1;
314
+ if (a > 0) {
315
+ let e = N * a;
316
+ c += e * 2;
317
+ }
318
+ let l = c / t.height * t.physicalHeight;
319
+ return N * (i[0] / l);
320
+ }, F = ({ font: e, text: t, fontSize: n, spacing: r = T }) => {
321
+ let { outlineWidth: i, letterSpacing: a, letterSpacingOutline: o } = r, s = e.getPath(t, 0, 0, n).getBoundingBox(), c = i ? n * i * 2 : 0, l = i > 0 ? o : a, u = t.length > 1 ? l * n * (t.length - 1) : 0;
322
+ return {
323
+ width: s.x2 - s.x1 + c + u,
324
+ height: s.y2 - s.y1 + c,
325
+ baseline: s.y1 * -1 + c / 2
326
+ };
327
+ }, I = s, ee = c, te = new I().parseFromString("<svg></svg>", "image/svg+xml");
328
+ te.readyState = "complete";
329
+ //#endregion
330
+ //#region ../svg-helpers/dist/colours/named-colours.mjs
331
+ var ne = {
332
+ aliceblue: "#f0f8ff",
333
+ antiquewhite: "#faebd7",
334
+ aqua: "#00ffff",
335
+ aquamarine: "#7fffd4",
336
+ azure: "#f0ffff",
337
+ beige: "#f5f5dc",
338
+ bisque: "#ffe4c4",
339
+ black: "#000000",
340
+ blanchedalmond: "#ffebcd",
341
+ blue: "#0000ff",
342
+ blueviolet: "#8a2be2",
343
+ brown: "#a52a2a",
344
+ burlywood: "#deb887",
345
+ cadetblue: "#5f9ea0",
346
+ chartreuse: "#7fff00",
347
+ chocolate: "#d2691e",
348
+ coral: "#ff7f50",
349
+ cornflowerblue: "#6495ed",
350
+ cornsilk: "#fff8dc",
351
+ crimson: "#dc143c",
352
+ cyan: "#00ffff",
353
+ darkblue: "#00008b",
354
+ darkcyan: "#008b8b",
355
+ darkgoldenrod: "#b8860b",
356
+ darkgray: "#a9a9a9",
357
+ darkgreen: "#006400",
358
+ darkgrey: "#a9a9a9",
359
+ darkkhaki: "#bdb76b",
360
+ darkmagenta: "#8b008b",
361
+ darkolivegreen: "#556b2f",
362
+ darkorange: "#ff8c00",
363
+ darkorchid: "#9932cc",
364
+ darkred: "#8b0000",
365
+ darksalmon: "#e9967a",
366
+ darkseagreen: "#8fbc8f",
367
+ darkslateblue: "#483d8b",
368
+ darkslategray: "#2f4f4f",
369
+ darkslategrey: "#2f4f4f",
370
+ darkturquoise: "#00ced1",
371
+ darkviolet: "#9400d3",
372
+ deeppink: "#ff1493",
373
+ deepskyblue: "#00bfff",
374
+ dimgray: "#696969",
375
+ dimgrey: "#696969",
376
+ dodgerblue: "#1e90ff",
377
+ firebrick: "#b22222",
378
+ floralwhite: "#fffaf0",
379
+ forestgreen: "#228b22",
380
+ fuchsia: "#ff00ff",
381
+ gainsboro: "#dcdcdc",
382
+ ghostwhite: "#f8f8ff",
383
+ gold: "#ffd700",
384
+ goldenrod: "#daa520",
385
+ gray: "#808080",
386
+ green: "#008000",
387
+ greenyellow: "#adff2f",
388
+ grey: "#808080",
389
+ honeydew: "#f0fff0",
390
+ hotpink: "#ff69b4",
391
+ indianred: "#cd5c5c",
392
+ indigo: "#4b0082",
393
+ ivory: "#fffff0",
394
+ khaki: "#f0e68c",
395
+ lavender: "#e6e6fa",
396
+ lavenderblush: "#fff0f5",
397
+ lawngreen: "#7cfc00",
398
+ lemonchiffon: "#fffacd",
399
+ lightblue: "#add8e6",
400
+ lightcoral: "#f08080",
401
+ lightcyan: "#e0ffff",
402
+ lightgoldenrodyellow: "#fafad2",
403
+ lightgray: "#d3d3d3",
404
+ lightgreen: "#90ee90",
405
+ lightgrey: "#d3d3d3",
406
+ lightpink: "#ffb6c1",
407
+ lightsalmon: "#ffa07a",
408
+ lightseagreen: "#20b2aa",
409
+ lightskyblue: "#87cefa",
410
+ lightslategray: "#778899",
411
+ lightslategrey: "#778899",
412
+ lightsteelblue: "#b0c4de",
413
+ lightyellow: "#ffffe0",
414
+ lime: "#00ff00",
415
+ limegreen: "#32cd32",
416
+ linen: "#faf0e6",
417
+ magenta: "#ff00ff",
418
+ maroon: "#800000",
419
+ mediumaquamarine: "#66cdaa",
420
+ mediumblue: "#0000cd",
421
+ mediumorchid: "#ba55d3",
422
+ mediumpurple: "#9370db",
423
+ mediumseagreen: "#3cb371",
424
+ mediumslateblue: "#7b68ee",
425
+ mediumspringgreen: "#00fa9a",
426
+ mediumturquoise: "#48d1cc",
427
+ mediumvioletred: "#c71585",
428
+ midnightblue: "#191970",
429
+ mintcream: "#f5fffa",
430
+ mistyrose: "#ffe4e1",
431
+ moccasin: "#ffe4b5",
432
+ navajowhite: "#ffdead",
433
+ navy: "#000080",
434
+ oldlace: "#fdf5e6",
435
+ olive: "#808000",
436
+ olivedrab: "#6b8e23",
437
+ orange: "#ffa500",
438
+ orangered: "#ff4500",
439
+ orchid: "#da70d6",
440
+ palegoldenrod: "#eee8aa",
441
+ palegreen: "#98fb98",
442
+ paleturquoise: "#afeeee",
443
+ palevioletred: "#db7093",
444
+ papayawhip: "#ffefd5",
445
+ peachpuff: "#ffdab9",
446
+ peru: "#cd853f",
447
+ pink: "#ffc0cb",
448
+ plum: "#dda0dd",
449
+ powderblue: "#b0e0e6",
450
+ purple: "#800080",
451
+ rebeccapurple: "#663399",
452
+ red: "#ff0000",
453
+ rosybrown: "#bc8f8f",
454
+ royalblue: "#4169e1",
455
+ saddlebrown: "#8b4513",
456
+ salmon: "#fa8072",
457
+ sandybrown: "#f4a460",
458
+ seagreen: "#2e8b57",
459
+ seashell: "#fff5ee",
460
+ sienna: "#a0522d",
461
+ silver: "#c0c0c0",
462
+ skyblue: "#87ceeb",
463
+ slateblue: "#6a5acd",
464
+ slategray: "#708090",
465
+ slategrey: "#708090",
466
+ snow: "#fffafa",
467
+ springgreen: "#00ff7f",
468
+ steelblue: "#4682b4",
469
+ tan: "#d2b48c",
470
+ teal: "#008080",
471
+ thistle: "#d8bfd8",
472
+ tomato: "#ff6347",
473
+ turquoise: "#40e0d0",
474
+ violet: "#ee82ee",
475
+ wheat: "#f5deb3",
476
+ white: "#ffffff",
477
+ whitesmoke: "#f5f5f5",
478
+ yellow: "#ffff00",
479
+ yellowgreen: "#9acd32"
605
480
  }, re = (e) => {
606
- const t = new N().parseFromString(e, "image/svg+xml").querySelector("svg");
607
- return t ? oe(t) : [];
481
+ let t = Array.from(e), n = !1;
482
+ return t[0] === "#" && (t.shift(), n = !0), t.length === 3 && (t = t.map((e) => `${e}${e}`)), `${n ? "#" : ""}${t.join("").toLowerCase()}`;
483
+ }, L = (e) => Math.max(0, Math.min(255, Math.round(typeof e == "string" ? Number.parseInt(e, 10) : e))).toString(16).padStart(2, "0"), R = (...e) => {
484
+ let [t, n, r] = Array.isArray(e[0]) ? e[0] : e;
485
+ return `#${L(t)}${L(n)}${L(r)}`;
486
+ }, ie = (e, t, n) => {
487
+ if (t === 0) {
488
+ let e = Math.round(n * 255);
489
+ return [
490
+ e,
491
+ e,
492
+ e
493
+ ];
494
+ }
495
+ let r = (e % 360 + 360) % 360, i = (1 - Math.abs(2 * n - 1)) * t, a = i * (1 - Math.abs(r / 60 % 2 - 1)), o = n - i / 2, s = 0, c = 0, l = 0;
496
+ return r < 60 ? (s = i, c = a, l = 0) : r < 120 ? (s = a, c = i, l = 0) : r < 180 ? (s = 0, c = i, l = a) : r < 240 ? (s = 0, c = a, l = i) : r < 300 ? (s = a, c = 0, l = i) : (s = i, c = 0, l = a), [
497
+ Math.round((s + o) * 255),
498
+ Math.round((c + o) * 255),
499
+ Math.round((l + o) * 255)
500
+ ];
501
+ }, ae = (e) => /^#?([0-9a-f]{3}|[0-9a-f]{6})$/i.test(e), z = (e) => {
502
+ let t = e.trim().toLowerCase();
503
+ if (t.startsWith("#") || /^[0-9a-f]{3}([0-9a-f]{3})?$/.test(t)) return ae(t) ? re(t) : void 0;
504
+ if (t.startsWith("rgb")) {
505
+ let e = t.match(/rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(?:,\s*[\d.]+\s*)?\)/);
506
+ return e ? R(Number.parseInt(e[1], 10), Number.parseInt(e[2], 10), Number.parseInt(e[3], 10)) : void 0;
507
+ }
508
+ if (t.startsWith("hsl")) {
509
+ let e = t.match(/hsla?\(\s*(\d+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%\s*(?:,\s*[\d.]+\s*)?\)/);
510
+ if (!e) return;
511
+ let [n, r, i] = ie(Number.parseInt(e[1], 10), Number.parseFloat(e[2]) / 100, Number.parseFloat(e[3]) / 100);
512
+ return R(n, r, i);
513
+ }
514
+ let n = ne[t];
515
+ if (n) return n;
516
+ }, B = {
517
+ svg: "svg",
518
+ circle: "circle",
519
+ desc: "desc",
520
+ ellipse: "ellipse",
521
+ rect: "rect",
522
+ line: "line",
523
+ path: "path",
524
+ polygon: "polygon",
525
+ polyline: "polyline",
526
+ stop: "stop"
527
+ }, V = {
528
+ fill: "fill",
529
+ stroke: "stroke"
530
+ }, oe = {
531
+ tiling: [
532
+ B.circle,
533
+ B.ellipse,
534
+ B.rect,
535
+ B.line,
536
+ B.path,
537
+ B.polygon,
538
+ B.polyline,
539
+ B.stop,
540
+ `[${V.fill}]`,
541
+ `[${V.stroke}]`
542
+ ],
543
+ nonTiling: [
544
+ B.circle,
545
+ B.desc,
546
+ B.ellipse,
547
+ B.rect,
548
+ B.line,
549
+ B.path,
550
+ B.polygon,
551
+ B.polyline,
552
+ B.stop,
553
+ `[${V.fill}]`,
554
+ `[${V.stroke}]`
555
+ ]
556
+ }, se = (e) => Array.from(e.querySelectorAll(oe.tiling.map((e) => `*:not(clipPath) > ${e}`).join(", "))), H = (e) => {
557
+ let t = e.getAttribute(V.stroke);
558
+ return t === "none" || !t ? !1 : t;
559
+ }, U = (e) => {
560
+ if (!(e === "none" || e === "transparent" || e.startsWith("url("))) return z(e);
561
+ }, W = (e) => {
562
+ let t = se(e).reduce((e, t) => {
563
+ let n = t.getAttribute("stop-color"), r = t.getAttribute(V.fill) || "#000", i = H(t);
564
+ if (r && !n) {
565
+ let t = U(r);
566
+ t && e.add(t);
567
+ }
568
+ if (n) {
569
+ let t = U(n);
570
+ t && e.add(t);
571
+ }
572
+ if (i) {
573
+ let t = U(i);
574
+ t && e.add(t);
575
+ }
576
+ return e;
577
+ }, /* @__PURE__ */ new Set());
578
+ return Array.from(t);
579
+ }, G = (e) => {
580
+ let t = new I().parseFromString(e, "image/svg+xml").querySelector("svg");
581
+ return t ? W(t) : [];
608
582
  };
609
- function wt(e) {
610
- const t = e.trim(), n = t.startsWith("<svg") || t.startsWith("<?xml"), o = n ? t : `<svg>${t}</svg>`;
611
- return { doc: new N().parseFromString(o, "image/svg+xml"), wasWrapped: !n };
583
+ //#endregion
584
+ //#region src/glyph/svg-glyph-converter.ts
585
+ function K(e) {
586
+ let t = e.trim(), n = t.startsWith("<svg") || t.startsWith("<?xml"), r = n ? t : `<svg>${t}</svg>`;
587
+ return {
588
+ doc: new I().parseFromString(r, "image/svg+xml"),
589
+ wasWrapped: !n
590
+ };
612
591
  }
613
- function bt(e, t) {
614
- const n = e.querySelector("svg");
615
- return n ? t ? n.innerHTML : n.outerHTML : "";
592
+ function q(e, t) {
593
+ let n = e.querySelector("svg");
594
+ return n ? t ? n.innerHTML : n.outerHTML : "";
616
595
  }
617
- function $e(e) {
618
- const { svgGlyphs: t } = e;
619
- if (!t || t.size === 0)
620
- return [];
621
- const n = /* @__PURE__ */ new Set();
622
- for (const [, o] of t)
623
- for (const a of re(o.svg))
624
- n.add(a);
625
- return Array.from(n);
596
+ function ce(e) {
597
+ let { svgGlyphs: t } = e;
598
+ if (!t || t.size === 0) return [];
599
+ let n = /* @__PURE__ */ new Set();
600
+ for (let [, e] of t) for (let t of G(e.svg)) n.add(t);
601
+ return Array.from(n);
626
602
  }
627
- function se(e) {
628
- return !!e && e !== "none" && e !== "transparent" && !e.startsWith("url(");
603
+ function le(e) {
604
+ return !!e && e !== "none" && e !== "transparent" && !e.startsWith("url(");
629
605
  }
630
- function ae(e) {
631
- const n = new N().parseFromString(e, "image/svg+xml").querySelector("svg");
632
- return n ? n.innerHTML.trim() : "";
606
+ function ue(e) {
607
+ let t = new I().parseFromString(e, "image/svg+xml").querySelector("svg");
608
+ return t ? t.innerHTML.trim() : "";
633
609
  }
634
- const ie = ["fill", "stroke", "clip-path", "mask", "filter"];
635
- function ce(e, t) {
636
- const { doc: n, wasWrapped: o } = wt(e), a = /* @__PURE__ */ new Map();
637
- for (const c of n.querySelectorAll("[id]")) {
638
- const f = c.getAttribute("id");
639
- if (!f) continue;
640
- const s = `${t}-${f}`;
641
- a.set(f, s), c.setAttribute("id", s);
642
- }
643
- if (a.size === 0)
644
- return e;
645
- for (const c of ie)
646
- for (const f of n.querySelectorAll(`[${c}]`)) {
647
- const s = f.getAttribute(c);
648
- if (s) {
649
- const r = s.replace(/url\(#([^)]+)\)/g, (i, l) => {
650
- const p = a.get(l);
651
- return p ? `url(#${p})` : `url(#${l})`;
652
- });
653
- r !== s && f.setAttribute(c, r);
654
- }
655
- }
656
- for (const c of n.querySelectorAll("[href], [xlink\\:href]"))
657
- for (const f of ["href", "xlink:href"]) {
658
- const s = c.getAttribute(f);
659
- if (s?.startsWith("#")) {
660
- const r = s.slice(1), i = a.get(r);
661
- i && c.setAttribute(f, `#${i}`);
662
- }
663
- }
664
- return bt(n, o);
610
+ var de = [
611
+ "fill",
612
+ "stroke",
613
+ "clip-path",
614
+ "mask",
615
+ "filter"
616
+ ];
617
+ function fe(e, t) {
618
+ let { doc: n, wasWrapped: r } = K(e), i = /* @__PURE__ */ new Map();
619
+ for (let e of n.querySelectorAll("[id]")) {
620
+ let n = e.getAttribute("id");
621
+ if (!n) continue;
622
+ let r = `${t}-${n}`;
623
+ i.set(n, r), e.setAttribute("id", r);
624
+ }
625
+ if (i.size === 0) return e;
626
+ for (let e of de) for (let t of n.querySelectorAll(`[${e}]`)) {
627
+ let n = t.getAttribute(e);
628
+ if (n) {
629
+ let r = n.replace(/url\(#([^)]+)\)/g, (e, t) => {
630
+ let n = i.get(t);
631
+ return n ? `url(#${n})` : `url(#${t})`;
632
+ });
633
+ r !== n && t.setAttribute(e, r);
634
+ }
635
+ }
636
+ for (let e of n.querySelectorAll("[href], [xlink\\:href]")) for (let t of ["href", "xlink:href"]) {
637
+ let n = e.getAttribute(t);
638
+ if (n?.startsWith("#")) {
639
+ let r = n.slice(1), a = i.get(r);
640
+ a && e.setAttribute(t, `#${a}`);
641
+ }
642
+ }
643
+ return q(n, r);
665
644
  }
666
- const le = ["fill", "stroke", "stop-color"], fe = ["path", "rect", "circle", "ellipse", "polygon", "polyline", "text"];
645
+ var pe = [
646
+ "fill",
647
+ "stroke",
648
+ "stop-color"
649
+ ], me = [
650
+ "path",
651
+ "rect",
652
+ "circle",
653
+ "ellipse",
654
+ "polygon",
655
+ "polyline",
656
+ "text"
657
+ ];
667
658
  function he(e, t) {
668
- const { doc: n, wasWrapped: o } = wt(e), a = {};
669
- for (const [f, s] of Object.entries(t))
670
- a[Z(f) ?? f.toLowerCase()] = s;
671
- for (const f of le)
672
- for (const s of n.querySelectorAll(`[${f}]`)) {
673
- const r = s.getAttribute(f);
674
- if (!r || !se(r)) continue;
675
- const i = Z(r), l = i ? a[i] : void 0;
676
- l && s.setAttribute(f, l.hex);
677
- }
678
- const c = a["#000000"];
679
- if (c) {
680
- const f = fe.map((s) => `${s}:not([fill])`).join(", ");
681
- for (const s of n.querySelectorAll(f))
682
- s.setAttribute("fill", c.hex);
683
- }
684
- return bt(n, o);
659
+ let { doc: n, wasWrapped: r } = K(e), i = {};
660
+ for (let [e, n] of Object.entries(t)) i[z(e) ?? e.toLowerCase()] = n;
661
+ for (let e of pe) for (let t of n.querySelectorAll(`[${e}]`)) {
662
+ let n = t.getAttribute(e);
663
+ if (!n || !le(n)) continue;
664
+ let r = z(n), a = r ? i[r] : void 0;
665
+ a && t.setAttribute(e, a.hex);
666
+ }
667
+ let a = i["#000000"];
668
+ if (a) {
669
+ let e = me.map((e) => `${e}:not([fill])`).join(", ");
670
+ for (let t of n.querySelectorAll(e)) t.setAttribute("fill", a.hex);
671
+ }
672
+ return q(n, r);
685
673
  }
686
- const de = (e = [1, 0, 0, 1, 0, 0]) => {
687
- const t = `matrix(${e.join(",")})`, n = new jt(t);
688
- if (!n)
689
- throw new Error("Your browser does not support matrices");
690
- return n;
674
+ //#endregion
675
+ //#region src/helpers/matrix.ts
676
+ var ge = (e = [
677
+ 1,
678
+ 0,
679
+ 0,
680
+ 1,
681
+ 0,
682
+ 0
683
+ ]) => {
684
+ let t = new ee(`matrix(${e.join(",")})`);
685
+ if (!t) throw Error("Your browser does not support matrices");
686
+ return t;
691
687
  };
692
- function ge(e) {
693
- return e.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/'/g, "&apos;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
688
+ //#endregion
689
+ //#region src/helpers/xml.ts
690
+ function _e(e) {
691
+ return e.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/'/g, "&apos;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
694
692
  }
695
- const ft = (e, t, n) => e / n * t, ue = ({
696
- font: e,
697
- baselinePath: t,
698
- text: n,
699
- fontSize: o,
700
- spacing: a = G,
701
- horizontalAlignment: c = "centre",
702
- colourMap: f
703
- }) => {
704
- const { outlineWidth: s, letterSpacing: r, letterSpacingOutline: i } = a, l = new Pt(t), p = s ? o * s * 2 : 0, u = l.getTotalLength(), h = e.getPaths(n, 0, 0, o, { drawSVG: !1 }), g = e.getPath(n, 0, 0, o, { drawSVG: !1 }).getBoundingBox(), m = g.x1 - p / 2, w = g.x2 + p / 2 - m, b = s > 0 ? i : r;
705
- let k = b ? b * o : 0;
706
- c === "distributed" && (k = n.length === 1 ? 0 : (u - w) / (n.length - 1));
707
- const A = k * (n.length - 1), E = w + A;
708
- let S = 0 - m;
709
- c === "centre" ? S = (u - E) / 2 - m : c === "right" && (S = u - w - m - A);
710
- const U = [];
711
- for (let v = 0; v < h.length; v++) {
712
- const y = h[v], x = y.getBoundingBox(), B = e.charToGlyph(n[v]), { advanceWidth: C } = B;
713
- if (!C)
714
- throw new Error(
715
- `No advance width for character: ${n[v]} in font ${e.names.fontFamily}`
716
- );
717
- const { x1: xt, x2: vt } = B.getBoundingBox(), $t = ft(
718
- C,
719
- o,
720
- e.unitsPerEm
721
- ), Y = ft(vt - xt, o, e.unitsPerEm);
722
- let I = S + x.x1;
723
- if (v > 0 && (I += k * v), I + Y > u)
724
- throw new Error(
725
- `TOO_WIDE: character "${n[v]}" at index ${v} exceeds baseline path length (${Math.round(I + Y)} > ${Math.round(u)})`
726
- );
727
- const St = I + $t / 2, J = l.getTangentAtLength(St), D = Math.atan2(J.y, J.x) * 180 / Math.PI, K = l.getPointAtLength(I), kt = K.x, Mt = K.y, tt = x.x2 - x.x1, Ft = new F(x.x1 + tt / 2, 0), et = Vt(
728
- new F(x.x1, 0),
729
- D,
730
- Ft
731
- ), _ = kt - et.X, V = Mt - et.Y;
732
- let M = de();
733
- M = M.translate(_, V);
734
- let q;
735
- if (D) {
736
- const T = x.x1 + tt / 2;
737
- M = M.translate(T, 0), M = M.rotate(D), M = M.translate(-T, 0), q = `translate(${_} ${V}) translate(${T} 0) rotate(${D}) translate(${-T} 0)`;
738
- } else
739
- q = `translate(${_} ${V})`;
740
- let P = y.toPathData(2);
741
- P.length && !P.endsWith("Z") && (P += "Z", P = P.replace(/M/g, "ZM"), P = P.substring(1));
742
- let H;
743
- if (e.svgGlyphs) {
744
- const T = e.svgGlyphs.get(B.index);
745
- if (T) {
746
- let W = ae(T.svg);
747
- W = ce(W, `g${B.index}-${v}`), f && (W = he(W, f)), H = {
748
- content: W,
749
- viewBox: T.viewbox,
750
- x: x.x1,
751
- y: x.y1,
752
- width: x.x2 - x.x1,
753
- height: x.y2 - x.y1,
754
- glyphIndex: B.index
755
- };
756
- }
757
- }
758
- U.push({
759
- path: y,
760
- matrix: M,
761
- attributes: {
762
- d: P,
763
- "data-character": ge(n[v]),
764
- transform: q
765
- },
766
- glyphData: {
767
- index: B.index,
768
- bbox: x
769
- },
770
- ...H ? { svgGlyph: H } : {}
771
- });
772
- }
773
- return U;
774
- }, ht = { hex: "#FFFFFF" }, Q = (e, t) => {
775
- const n = `data-${e}-colour-url`, o = [`${e}="${t.hex}"`];
776
- return t.reference && o.push(`${n}="${t.reference}"`), o.join(" ");
777
- }, dt = (e, t) => {
778
- const { attributes: n, svgGlyph: o } = e;
779
- return o ? `<g transform="${n.transform}" data-character="${n["data-character"]}"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="${o.viewBox}" width="${o.width}" height="${o.height}" x="${o.x}" y="${o.y}" data-glyph-index="${o.glyphIndex}">${o.content}</svg></g>` : `<path d="${n.d}" ${Q("fill", t)} transform="${n.transform}" data-character="${n["data-character"]}"/>`;
780
- }, pe = ({
781
- boxDimensions: e,
782
- paths: t,
783
- spacing: n = G,
784
- fontSize: o = 0,
785
- fillColour: a = ht,
786
- strokeColour: c = ht
787
- }) => {
788
- const { width: f, height: s } = e, { outlineWidth: r } = n, i = r > 0 && o > 0;
789
- let l;
790
- if (i) {
791
- const u = o * r * 2, h = t.filter((g) => !g.svgGlyph).map(
792
- ({ attributes: g }) => `<path d="${g.d}" ${Q("fill", c)} ${Q("stroke", c)} stroke-width="${u}" stroke-linejoin="round" transform="${g.transform}" data-character="${g["data-character"]}"/>`
793
- ).join(`
794
- `), d = t.map((g) => dt(g, a)).join(`
795
- `);
796
- l = `${h}
797
- ${d}`;
798
- } else
799
- l = t.map((u) => dt(u, a)).join(`
800
- `);
801
- const p = l ? `
802
- ${l}
803
- ` : "";
804
- return `<svg xmlns="http://www.w3.org/2000/svg" width="${f}" height="${s}" viewBox="0 0 ${f} ${s}">${p}</svg>`;
805
- }, gt = (e) => {
806
- const {
807
- text: t,
808
- font: n,
809
- physicalSize: o,
810
- fontSize: a,
811
- boxDimensions: c,
812
- spacing: f = G,
813
- verticalAlignment: s = "centre",
814
- baseline: r = "flat",
815
- horizontalAlignment: i = "left",
816
- fillColour: l = { hex: "#FFFFFF" },
817
- strokeColour: p = { hex: "#FFFFFF" },
818
- colourMap: u
819
- } = e, { width: h, height: d, physicalWidth: g, physicalHeight: m } = c;
820
- if (h <= 0 || d <= 0)
821
- throw new Error(
822
- `boxDimensions width and height must be positive (got ${h}x${d})`
823
- );
824
- if (g <= 0 || m <= 0)
825
- throw new Error(
826
- `boxDimensions physicalWidth and physicalHeight must be positive (got ${g}x${m})`
827
- );
828
- if (o[0] <= 0)
829
- throw new Error(
830
- `physicalSize height must be positive (got ${o[0]})`
831
- );
832
- const $ = a ?? Rt({
833
- font: n,
834
- boxDimensions: c,
835
- physicalSize: o,
836
- spacing: f
837
- }), w = qt(r);
838
- let b = t.split(`
839
- `).filter((y) => y.length > 0);
840
- b.length || (b = [""]), (w.type === "curved" || w.type === "custom") && (b = [b.join("")]);
841
- const k = b.map(
842
- (y) => ct({ font: n, text: y, fontSize: $, spacing: f })
843
- ), A = Math.max(...k.map((y) => y.baseline)), E = Math.max(...k.map((y) => y.height - y.baseline)), S = A + E, U = b.length === 1 ? S : S + S * (b.length - 1) * pt, v = [];
844
- for (let y = 0; y < b.length; y++) {
845
- let x;
846
- switch (w.type) {
847
- case "custom":
848
- Ht(w.path), x = w.path;
849
- break;
850
- case "curved": {
851
- const C = ct({
852
- font: n,
853
- text: yt(n),
854
- fontSize: $,
855
- spacing: f
856
- });
857
- x = mt({
858
- boxDimensions: c,
859
- baseline: C.baseline,
860
- textHeight: C.height,
861
- verticalAlignment: s
862
- });
863
- break;
864
- }
865
- case "flat":
866
- x = zt({
867
- boxDimensions: c,
868
- totalTextHeight: U,
869
- baseline: A,
870
- lineHeight: S,
871
- verticalAlignment: s,
872
- lineNumber: y
873
- });
874
- break;
875
- }
876
- const B = ue({
877
- font: n,
878
- baselinePath: x,
879
- text: b[y],
880
- fontSize: $,
881
- spacing: f,
882
- horizontalAlignment: i,
883
- colourMap: u
884
- });
885
- v.push(...B);
886
- }
887
- return pe({
888
- boxDimensions: c,
889
- paths: v,
890
- spacing: f,
891
- fontSize: $,
892
- fillColour: l,
893
- strokeColour: p
894
- });
895
- }, Se = async (e) => {
896
- const { fontUrl: t, fontSizeFallback: n, ...o } = e, a = !!o.colourMap, c = await Ot(t, a);
897
- try {
898
- return gt({ ...o, font: c });
899
- } catch (f) {
900
- if (n != null && f instanceof Error && f.message.startsWith("TOO_WIDE"))
901
- return gt({ ...o, font: c, fontSize: n });
902
- throw f;
903
- }
904
- };
905
- export {
906
- Nt as DEFAULT_OUTLINE_FACTOR,
907
- G as DEFAULT_SPACING,
908
- pt as LINE_HEIGHT,
909
- mt as generateCurvedBaseline,
910
- zt as generateFlatBaseline,
911
- ve as getFontCache,
912
- $e as getFontColours,
913
- Rt as getFontSizeFromPhysicalSize,
914
- Se as getRenderedText,
915
- ct as getTextMetricsAtFontSize,
916
- Ot as loadFont,
917
- qt as normaliseBaselineOption,
918
- gt as renderText,
919
- Ht as validateCustomBaselinePath
693
+ //#endregion
694
+ //#region src/rendering/index.ts
695
+ var J = (e, t, n) => e / n * t, Y = ({ font: e, baselinePath: t, text: n, fontSize: r, spacing: i = T, horizontalAlignment: a = "centre", colourMap: s }) => {
696
+ let { outlineWidth: c, letterSpacing: l, letterSpacingOutline: u } = i, d = new o(t), f = c ? r * c * 2 : 0, p = d.getTotalLength(), m = e.getPaths(n, 0, 0, r, { drawSVG: !1 }), h = e.getPath(n, 0, 0, r, { drawSVG: !1 }).getBoundingBox(), g = h.x1 - f / 2, _ = h.x2 + f / 2 - g, v = c > 0 ? u : l, y = v ? v * r : 0;
697
+ a === "distributed" && (y = n.length === 1 ? 0 : (p - _) / (n.length - 1));
698
+ let b = y * (n.length - 1), x = _ + b, S = 0 - g;
699
+ a === "centre" ? S = (p - x) / 2 - g : a === "right" && (S = p - _ - g - b);
700
+ let C = [];
701
+ for (let t = 0; t < m.length; t++) {
702
+ let i = m[t], a = i.getBoundingBox(), o = e.charToGlyph(n[t]), { advanceWidth: c } = o;
703
+ if (!c) throw Error(`No advance width for character: ${n[t]} in font ${e.names.fontFamily}`);
704
+ let { x1: l, x2: u } = o.getBoundingBox(), f = J(c, r, e.unitsPerEm), h = J(u - l, r, e.unitsPerEm), g = S + a.x1;
705
+ if (t > 0 && (g += y * t), g + h > p) throw Error(`TOO_WIDE: character "${n[t]}" at index ${t} exceeds baseline path length (${Math.round(g + h)} > ${Math.round(p)})`);
706
+ let _ = g + f / 2, v = d.getTangentAtLength(_), b = Math.atan2(v.y, v.x) * 180 / Math.PI, x = d.getPointAtLength(g), w = x.x, T = x.y, O = a.x2 - a.x1, k = new E(a.x1 + O / 2, 0), A = D(new E(a.x1, 0), b, k), j = w - A.X, M = T - A.Y, N = ge();
707
+ N = N.translate(j, M);
708
+ let P;
709
+ if (b) {
710
+ let e = a.x1 + O / 2;
711
+ N = N.translate(e, 0), N = N.rotate(b), N = N.translate(-e, 0), P = `translate(${j} ${M}) translate(${e} 0) rotate(${b}) translate(${-e} 0)`;
712
+ } else P = `translate(${j} ${M})`;
713
+ let F = i.toPathData(2);
714
+ F.length && !F.endsWith("Z") && (F += "Z", F = F.replace(/M/g, "ZM"), F = F.substring(1));
715
+ let I;
716
+ if (e.svgGlyphs) {
717
+ let n = e.svgGlyphs.get(o.index);
718
+ if (n) {
719
+ let e = ue(n.svg);
720
+ e = fe(e, `g${o.index}-${t}`), s && (e = he(e, s)), I = {
721
+ content: e,
722
+ viewBox: n.viewbox,
723
+ x: a.x1,
724
+ y: a.y1,
725
+ width: a.x2 - a.x1,
726
+ height: a.y2 - a.y1,
727
+ glyphIndex: o.index
728
+ };
729
+ }
730
+ }
731
+ C.push({
732
+ path: i,
733
+ matrix: N,
734
+ attributes: {
735
+ d: F,
736
+ "data-character": _e(n[t]),
737
+ transform: P
738
+ },
739
+ glyphData: {
740
+ index: o.index,
741
+ bbox: a
742
+ },
743
+ ...I ? { svgGlyph: I } : {}
744
+ });
745
+ }
746
+ return C;
747
+ }, X = { hex: "#FFFFFF" }, Z = (e, t) => {
748
+ let n = `data-${e}-colour-url`, r = [`${e}="${t.hex}"`];
749
+ return t.reference && r.push(`${n}="${t.reference}"`), r.join(" ");
750
+ }, Q = (e, t) => {
751
+ let { attributes: n, svgGlyph: r } = e;
752
+ return r ? `<g transform="${n.transform}" data-character="${n["data-character"]}"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="${r.viewBox}" width="${r.width}" height="${r.height}" x="${r.x}" y="${r.y}" data-glyph-index="${r.glyphIndex}">${r.content}</svg></g>` : `<path d="${n.d}" ${Z("fill", t)} transform="${n.transform}" data-character="${n["data-character"]}"/>`;
753
+ }, ve = ({ boxDimensions: e, paths: t, spacing: n = T, fontSize: r = 0, fillColour: i = X, strokeColour: a = X }) => {
754
+ let { width: o, height: s } = e, { outlineWidth: c } = n, l = c > 0 && r > 0, u;
755
+ if (l) {
756
+ let e = r * c * 2;
757
+ u = `${t.filter((e) => !e.svgGlyph).map(({ attributes: t }) => `<path d="${t.d}" ${Z("fill", a)} ${Z("stroke", a)} stroke-width="${e}" stroke-linejoin="round" transform="${t.transform}" data-character="${t["data-character"]}"/>`).join("\n ")}\n ${t.map((e) => Q(e, i)).join("\n ")}`;
758
+ } else u = t.map((e) => Q(e, i)).join("\n ");
759
+ return `<svg xmlns="http://www.w3.org/2000/svg" width="${o}" height="${s}" viewBox="0 0 ${o} ${s}">${u ? `\n ${u}\n` : ""}</svg>`;
760
+ }, $ = (e) => {
761
+ let { text: t, font: n, physicalSize: r, fontSize: i, boxDimensions: a, spacing: o = T, verticalAlignment: s = "centre", baseline: c = "flat", horizontalAlignment: l = "left", fillColour: u = { hex: "#FFFFFF" }, strokeColour: d = { hex: "#FFFFFF" }, colourMap: f } = e, { width: p, height: m, physicalWidth: h, physicalHeight: g } = a;
762
+ if (p <= 0 || m <= 0) throw Error(`boxDimensions width and height must be positive (got ${p}x${m})`);
763
+ if (h <= 0 || g <= 0) throw Error(`boxDimensions physicalWidth and physicalHeight must be positive (got ${h}x${g})`);
764
+ if (r[0] <= 0) throw Error(`physicalSize height must be positive (got ${r[0]})`);
765
+ let _ = i ?? P({
766
+ font: n,
767
+ boxDimensions: a,
768
+ physicalSize: r,
769
+ spacing: o
770
+ }), v = O(c), y = t.split("\n").filter((e) => e.length > 0);
771
+ y.length || (y = [""]), (v.type === "curved" || v.type === "custom") && (y = [y.join("")]);
772
+ let b = y.map((e) => F({
773
+ font: n,
774
+ text: e,
775
+ fontSize: _,
776
+ spacing: o
777
+ })), x = Math.max(...b.map((e) => e.baseline)), S = x + Math.max(...b.map((e) => e.height - e.baseline)), w = y.length === 1 ? S : S + S * (y.length - 1) * C, E = [];
778
+ for (let e = 0; e < y.length; e++) {
779
+ let t;
780
+ switch (v.type) {
781
+ case "custom":
782
+ k(v.path), t = v.path;
783
+ break;
784
+ case "curved": {
785
+ let e = F({
786
+ font: n,
787
+ text: M(n),
788
+ fontSize: _,
789
+ spacing: o
790
+ });
791
+ t = j({
792
+ boxDimensions: a,
793
+ baseline: e.baseline,
794
+ textHeight: e.height,
795
+ verticalAlignment: s
796
+ });
797
+ break;
798
+ }
799
+ case "flat":
800
+ t = A({
801
+ boxDimensions: a,
802
+ totalTextHeight: w,
803
+ baseline: x,
804
+ lineHeight: S,
805
+ verticalAlignment: s,
806
+ lineNumber: e
807
+ });
808
+ break;
809
+ }
810
+ let r = Y({
811
+ font: n,
812
+ baselinePath: t,
813
+ text: y[e],
814
+ fontSize: _,
815
+ spacing: o,
816
+ horizontalAlignment: l,
817
+ colourMap: f
818
+ });
819
+ E.push(...r);
820
+ }
821
+ return ve({
822
+ boxDimensions: a,
823
+ paths: E,
824
+ spacing: o,
825
+ fontSize: _,
826
+ fillColour: u,
827
+ strokeColour: d
828
+ });
829
+ }, ye = async (e) => {
830
+ let { fontUrl: t, fontSizeFallback: n, ...r } = e, i = await x(t, !!r.colourMap);
831
+ try {
832
+ return $({
833
+ ...r,
834
+ font: i
835
+ });
836
+ } catch (e) {
837
+ if (n != null && e instanceof Error && e.message.startsWith("TOO_WIDE")) return $({
838
+ ...r,
839
+ font: i,
840
+ fontSize: n
841
+ });
842
+ throw e;
843
+ }
920
844
  };
845
+ //#endregion
846
+ export { S as DEFAULT_OUTLINE_FACTOR, T as DEFAULT_SPACING, C as LINE_HEIGHT, j as generateCurvedBaseline, A as generateFlatBaseline, p as getFontCache, ce as getFontColours, P as getFontSizeFromPhysicalSize, ye as getRenderedText, F as getTextMetricsAtFontSize, x as loadFont, O as normaliseBaselineOption, $ as renderText, k as validateCustomBaselinePath };