@unmade/text-renderer 1.1.1 → 1.3.0

package/dist/node/index.js

@@ -1,8 +1,8 @@
 import { Blob as e, Buffer as t, Face as n, Feature as r, Font as i, shape as a } from "harfbuzzjs";
-import { svgPathProperties as o } from "svg-path-properties";
+import o from "@thednp/dommatrix";
 import { DOMParser as s } from "linkedom";
 import "node:path";
-import c from "@thednp/dommatrix";
+import { svgPathProperties as c } from "svg-path-properties";
 //#region src/loading/createLoadedFont.ts
 function l(e) {
 	let t = Infinity, n = Infinity, r = -Infinity, i = -Infinity, a = 0, o = 0;
@@ -237,18 +237,18 @@ var x = async (t, r = !1) => {
 	let a = f.get(t);
 	if (a) {
 		if (r && !a.svgGlyphs) {
-			let r = new n(new e(await b(t))), o = new i(r), s = r.referenceTable("SVG ");
-			a.svgGlyphs = s ? await _(s, o, r.upem) : /* @__PURE__ */ new Map();
+			let r = await b(t), o = new e(r), s = new n(o), c = new i(s), l = s.referenceTable("SVG ");
+			a.svgGlyphs = l ? await _(l, c, s.upem) : /* @__PURE__ */ new Map();
 		}
 		return a;
 	}
-	let o = new n(new e(await b(t))), s = new i(o), c = o.getName(1, "en") ?? "", l;
+	let o = await b(t), s = new e(o), c = new n(s), l = new i(c), u = c.getName(1, "en") ?? "", p;
 	if (r) {
-		let e = o.referenceTable("SVG ");
-		l = e ? await _(e, s, o.upem) : /* @__PURE__ */ new Map();
+		let e = c.referenceTable("SVG ");
+		p = e ? await _(e, l, c.upem) : /* @__PURE__ */ new Map();
 	}
-	let u = d(o, s, c, l);
-	return f.set(t, u), u;
+	let m = d(c, l, u, p);
+	return f.set(t, m), m;
 }, S = .03125, C = 1.1, w = .2, T = {
 	outlineWidth: S,
 	letterSpacing: 0,
@@ -267,37 +267,125 @@ var x = async (t, r = !1) => {
 		return `${this.x} ${this.y}`;
 	}
 };
-function D(e, t, n = new E(0, 0)) {
+function ee(e, t, n = new E(0, 0)) {
 	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;
 	return new E(c + n.X, l + n.Y);
 }
 //#endregion
 //#region src/baselines/index.ts
-var O = (e) => e === void 0 || e === "flat" ? { type: "flat" } : e === "curved" ? { type: "curved" } : e, k = (e) => {
+var D = (e) => e === void 0 || e === "flat" ? { type: "flat" } : e === "curved" ? { type: "curved" } : e, O = (e) => {
 	if (!e || !e.trim()) throw Error("Custom baseline path must be a non-empty SVG path string");
 	if (!e.trim().startsWith("M")) throw Error("Custom baseline path must start with an M (moveto) command");
-}, A = ({ boxDimensions: e, totalTextHeight: t, baseline: n, lineHeight: r, verticalAlignment: i = "centre", lineNumber: a = 0 }) => {
+}, k = ({ boxDimensions: e, totalTextHeight: t, baseline: n, lineHeight: r, verticalAlignment: i = "centre", lineNumber: a = 0 }) => {
 	let { width: o, height: s } = e, c = r - n, l = n;
 	switch (i) {
 		case "centre":
 			l = (s - t) / 2 + r - c;
 			break;
-		case "bottom":
-			l = s - t + r - c;
-			break;
+		case "bottom": l = s - t + r - c;
 	}
 	return l += r * C * a, `M 0 ${l} L ${o} ${l}`;
-}, j = ({ boxDimensions: e, baseline: t, textHeight: n, verticalAlignment: r }) => {
-	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;
-	if (r !== "top" && (u > a || l - n < 0)) return j({
+}, A = ({ boxDimensions: e, baseline: t, textHeight: n, verticalAlignment: r }) => {
+	let { height: i } = e, a = n * w, o = n + a, s = t + (r === "top" ? 0 : i / 2 - o / 2), c = s + a;
+	return r !== "top" && (c > i || s - n < 0) ? A({
 		boxDimensions: e,
 		baseline: t,
 		textHeight: n,
 		verticalAlignment: "top"
-	});
-	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);
-	return `${`M ${f.toSVGString()}`} ${`Q ${g.toSVGString()} ${p.toSVGString()}`} ${`Q ${_.toSVGString()} ${m.toSVGString()}`}`;
-}, M = (e) => {
+	}) : {
+		curveTop: s,
+		curveBottom: c,
+		curveXInset: n / 4
+	};
+}, j = ({ boxDimensions: e, baseline: t, textHeight: n, verticalAlignment: r }) => {
+	let { width: i } = e, { curveTop: a, curveBottom: o, curveXInset: s } = A({
+		boxDimensions: e,
+		baseline: t,
+		textHeight: n,
+		verticalAlignment: r
+	}), c = new E(s, o), l = new E(i / 2, a), u = new E(i - s, o), d = i * .2, f = new E(d, a), p = new E(i - d, a);
+	return `${`M ${c.toSVGString()}`} ${`Q ${f.toSVGString()} ${l.toSVGString()}`} ${`Q ${p.toSVGString()} ${u.toSVGString()}`}`;
+}, M = class e {
+	constructor(e = 0, t = 0, n = 0, r = 1) {
+		this.x = e, this.y = t, this.z = n, this.w = r;
+	}
+	static fromPoint(t) {
+		return new e(t.x, t.y, t.z === void 0 ? 0 : t.z, t.w === void 0 ? 1 : t.w);
+	}
+	matrixTransform(t) {
+		return t.is2D && this.z === 0 && this.w === 1 ? new e(this.x * t.a + this.y * t.c + t.e, this.x * t.b + this.y * t.d + t.f, 0, 1) : new e(this.x * t.m11 + this.y * t.m21 + this.z * t.m31 + this.w * t.m41, this.x * t.m12 + this.y * t.m22 + this.z * t.m32 + this.w * t.m42, this.x * t.m13 + this.y * t.m23 + this.z * t.m33 + this.w * t.m43, this.x * t.m14 + this.y * t.m24 + this.z * t.m34 + this.w * t.m44);
+	}
+	toJSON() {
+		return {
+			x: this.x,
+			y: this.y,
+			z: this.z,
+			w: this.w
+		};
+	}
+}, N = s, te = o, P = new N().parseFromString("<svg></svg>", "image/svg+xml");
+P.readyState = "complete";
+//#endregion
+//#region src/helpers/bbox.ts
+var F = class {
+	get x3() {
+		return this._x3 || this.x1;
+	}
+	get y3() {
+		return this._y3 || this.y2;
+	}
+	get x4() {
+		return this._x4 || this.x2;
+	}
+	get y4() {
+		return this._y4 || this.y1;
+	}
+	constructor(e, t, n, r, i, a, o, s) {
+		this.x1 = e, this.y1 = t, this.x2 = n, this.y2 = r, this._x3 = i, this._y3 = a, this._x4 = o, this._y4 = s, this.corners = [
+			new M(this.x1, this.y1),
+			new M(this.x2, this.y2),
+			new M(this.x3, this.y3),
+			new M(this.x4, this.y4)
+		];
+	}
+	transform(e) {
+		this.corners = this.corners.map((t) => t.matrixTransform(e)), this.x1 = this.corners[0].x, this.y1 = this.corners[0].y, this.x2 = this.corners[1].x, this.y2 = this.corners[1].y, this._x3 = this.corners[2].x, this._y3 = this.corners[2].y, this._x4 = this.corners[3].x, this._y4 = this.corners[3].y;
+	}
+	toPointsArray() {
+		return this.corners.map((e) => [e.x, e.y]);
+	}
+	getBBox() {
+		let e = Math.min(this.x1, this.x2, this.x3, this.x4), t = Math.min(this.y1, this.y2, this.y3, this.y4), n = Math.max(this.x1, this.x2, this.x3, this.x4) - e, r = Math.max(this.y1, this.y2, this.y3, this.y4) - t;
+		return new I(e, t, e + n, t + r);
+	}
+}, I = class extends F {
+	get x() {
+		return this.x1;
+	}
+	get y() {
+		return this.y1;
+	}
+	get width() {
+		return this.x2 - this.x1;
+	}
+	get height() {
+		return this.y2 - this.y1;
+	}
+	add(e) {
+		this.x1 = Math.min(this.x1, e.x1, e.x2, e.x3, e.x4), this.y1 = Math.min(this.y1, e.y1, e.y2, e.y3, e.y4), this.x2 = Math.max(this.x2, e.x1, e.x2, e.x3, e.x4), this.y2 = Math.max(this.y2, e.y1, e.y2, e.y3, e.y4);
+	}
+	addPoint(e, t) {
+		this.x1 = Math.min(this.x1, e), this.y1 = Math.min(this.y1, t), this.x2 = Math.max(this.x2, e), this.y2 = Math.max(this.y2, t);
+	}
+	serialize() {
+		return {
+			x: this.x,
+			y: this.y,
+			width: this.width,
+			height: this.height
+		};
+	}
+}, L = (e) => {
 	for (let t of [
 		"I",
 		"l",
@@ -307,28 +395,24 @@ var O = (e) => e === void 0 || e === "flat" ? { type: "flat" } : e === "curved"
 		if (n && n.name !== ".notdef") return t;
 	}
 	return console.error("No standard character found for fixed height calculation. Using \"I\" as default."), "I";
-}, N = 100, P = ({ font: e, boxDimensions: t, physicalSize: n, spacing: r = T }) => {
+}, R = 100, z = ({ font: e, boxDimensions: t, physicalSize: n, spacing: r = T }) => {
 	let i = n;
 	if (i[1] !== t.physicalUnits) throw Error(`Mismatched units between physicalFontSize (${i[1]}) and boxDimensions (${t.physicalUnits})`);
-	let { outlineWidth: a } = r, o = M(e), s = e.getPath(o, 0, 0, N).getBoundingBox(), c = s.y2 - s.y1;
+	let { outlineWidth: a } = r, o = L(e), s = e.getPath(o, 0, 0, R).getBoundingBox(), c = s.y2 - s.y1;
 	if (a > 0) {
-		let e = N * a;
+		let e = R * a;
 		c += e * 2;
 	}
 	let l = c / t.height * t.physicalHeight;
-	return N * (i[0] / l);
-}, F = ({ font: e, text: t, fontSize: n, spacing: r = T }) => {
+	return R * (i[0] / l);
+}, B = ({ font: e, text: t, fontSize: n, spacing: r = T }) => {
 	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;
 	return {
 		width: s.x2 - s.x1 + c + u,
 		height: s.y2 - s.y1 + c,
 		baseline: s.y1 * -1 + c / 2
 	};
-}, I = s, ee = c, te = new I().parseFromString("<svg></svg>", "image/svg+xml");
-te.readyState = "complete";
-//#endregion
-//#region ../svg-helpers/dist/colours/named-colours.mjs
-var ne = {
+}, ne = {
 	aliceblue: "#f0f8ff",
 	antiquewhite: "#faebd7",
 	aqua: "#00ffff",
@@ -480,9 +564,9 @@ var ne = {
 }, re = (e) => {
 	let t = Array.from(e), n = !1;
 	return t[0] === "#" && (t.shift(), n = !0), t.length === 3 && (t = t.map((e) => `${e}${e}`)), `${n ? "#" : ""}${t.join("").toLowerCase()}`;
-}, 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) => {
+}, V = (e) => Math.max(0, Math.min(255, Math.round(typeof e == "string" ? Number.parseInt(e, 10) : e))).toString(16).padStart(2, "0"), H = (...e) => {
 	let [t, n, r] = Array.isArray(e[0]) ? e[0] : e;
-	return `#${L(t)}${L(n)}${L(r)}`;
+	return `#${V(t)}${V(n)}${V(r)}`;
 }, ie = (e, t, n) => {
 	if (t === 0) {
 		let e = Math.round(n * 255);
@@ -498,22 +582,22 @@ var ne = {
 		Math.round((c + o) * 255),
 		Math.round((l + o) * 255)
 	];
-}, ae = (e) => /^#?([0-9a-f]{3}|[0-9a-f]{6})$/i.test(e), z = (e) => {
+}, ae = (e) => /^#?([0-9a-f]{3}|[0-9a-f]{6})$/i.test(e), U = (e) => {
 	let t = e.trim().toLowerCase();
 	if (t.startsWith("#") || /^[0-9a-f]{3}([0-9a-f]{3})?$/.test(t)) return ae(t) ? re(t) : void 0;
 	if (t.startsWith("rgb")) {
 		let e = t.match(/rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(?:,\s*[\d.]+\s*)?\)/);
-		return e ? R(Number.parseInt(e[1], 10), Number.parseInt(e[2], 10), Number.parseInt(e[3], 10)) : void 0;
+		return e ? H(Number.parseInt(e[1], 10), Number.parseInt(e[2], 10), Number.parseInt(e[3], 10)) : void 0;
 	}
 	if (t.startsWith("hsl")) {
 		let e = t.match(/hsla?\(\s*(\d+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%\s*(?:,\s*[\d.]+\s*)?\)/);
 		if (!e) return;
 		let [n, r, i] = ie(Number.parseInt(e[1], 10), Number.parseFloat(e[2]) / 100, Number.parseFloat(e[3]) / 100);
-		return R(n, r, i);
+		return H(n, r, i);
 	}
 	let n = ne[t];
 	if (n) return n;
-}, B = {
+}, W = {
 	svg: "svg",
 	circle: "circle",
 	desc: "desc",
@@ -524,98 +608,98 @@ var ne = {
 	polygon: "polygon",
 	polyline: "polyline",
 	stop: "stop"
-}, V = {
+}, G = {
 	fill: "fill",
 	stroke: "stroke"
 }, oe = {
 	tiling: [
-		B.circle,
-		B.ellipse,
-		B.rect,
-		B.line,
-		B.path,
-		B.polygon,
-		B.polyline,
-		B.stop,
-		`[${V.fill}]`,
-		`[${V.stroke}]`
+		W.circle,
+		W.ellipse,
+		W.rect,
+		W.line,
+		W.path,
+		W.polygon,
+		W.polyline,
+		W.stop,
+		`[${G.fill}]`,
+		`[${G.stroke}]`
 	],
 	nonTiling: [
-		B.circle,
-		B.desc,
-		B.ellipse,
-		B.rect,
-		B.line,
-		B.path,
-		B.polygon,
-		B.polyline,
-		B.stop,
-		`[${V.fill}]`,
-		`[${V.stroke}]`
+		W.circle,
+		W.desc,
+		W.ellipse,
+		W.rect,
+		W.line,
+		W.path,
+		W.polygon,
+		W.polyline,
+		W.stop,
+		`[${G.fill}]`,
+		`[${G.stroke}]`
 	]
-}, se = (e) => Array.from(e.querySelectorAll(oe.tiling.map((e) => `*:not(clipPath) > ${e}`).join(", "))), H = (e) => {
-	let t = e.getAttribute(V.stroke);
+}, se = (e) => Array.from(e.querySelectorAll(oe.tiling.map((e) => `*:not(clipPath) > ${e}`).join(", "))), ce = (e) => {
+	let t = e.getAttribute(G.stroke);
 	return t === "none" || !t ? !1 : t;
-}, U = (e) => {
-	if (!(e === "none" || e === "transparent" || e.startsWith("url("))) return z(e);
-}, W = (e) => {
+}, K = (e) => {
+	if (!(e === "none" || e === "transparent" || e.startsWith("url("))) return U(e);
+}, le = (e) => {
 	let t = se(e).reduce((e, t) => {
-		let n = t.getAttribute("stop-color"), r = t.getAttribute(V.fill) || "#000", i = H(t);
+		let n = t.getAttribute("stop-color"), r = t.getAttribute(G.fill) || "#000", i = ce(t);
 		if (r && !n) {
-			let t = U(r);
+			let t = K(r);
 			t && e.add(t);
 		}
 		if (n) {
-			let t = U(n);
+			let t = K(n);
 			t && e.add(t);
 		}
 		if (i) {
-			let t = U(i);
+			let t = K(i);
 			t && e.add(t);
 		}
 		return e;
 	}, /* @__PURE__ */ new Set());
 	return Array.from(t);
-}, G = (e) => {
-	let t = new I().parseFromString(e, "image/svg+xml").querySelector("svg");
-	return t ? W(t) : [];
+}, ue = (e) => {
+	let t = new N().parseFromString(e, "image/svg+xml").querySelector("svg");
+	return t ? le(t) : [];
 };
 //#endregion
 //#region src/glyph/svg-glyph-converter.ts
-function K(e) {
+function q(e) {
 	let t = e.trim(), n = t.startsWith("<svg") || t.startsWith("<?xml"), r = n ? t : `<svg>${t}</svg>`;
 	return {
-		doc: new I().parseFromString(r, "image/svg+xml"),
+		doc: new N().parseFromString(r, "image/svg+xml"),
 		wasWrapped: !n
 	};
 }
-function q(e, t) {
+function J(e, t) {
 	let n = e.querySelector("svg");
 	return n ? t ? n.innerHTML : n.outerHTML : "";
 }
-function ce(e) {
+function de(e) {
 	let { svgGlyphs: t } = e;
 	if (!t || t.size === 0) return [];
 	let n = /* @__PURE__ */ new Set();
-	for (let [, e] of t) for (let t of G(e.svg)) n.add(t);
+	for (let [, e] of t) for (let t of ue(e.svg)) n.add(t);
 	return Array.from(n);
 }
-function le(e) {
+function fe(e) {
 	return !!e && e !== "none" && e !== "transparent" && !e.startsWith("url(");
 }
-function ue(e) {
-	let t = new I().parseFromString(e, "image/svg+xml").querySelector("svg");
+function pe(e) {
+	let t = new N().parseFromString(e, "image/svg+xml").querySelector("svg");
 	return t ? t.innerHTML.trim() : "";
 }
-var de = [
+var me = [
 	"fill",
 	"stroke",
 	"clip-path",
 	"mask",
 	"filter"
 ];
-function fe(e, t) {
-	let { doc: n, wasWrapped: r } = K(e), i = /* @__PURE__ */ new Map();
+function he(e, t) {
+	let { doc: n, wasWrapped: r } = q(e), i = /* @__PURE__ */ new Map();
 	for (let e of n.querySelectorAll("[id]")) {
 		let n = e.getAttribute("id");
 		if (!n) continue;
@@ -623,7 +707,7 @@ function fe(e, t) {
 		i.set(n, r), e.setAttribute("id", r);
 	}
 	if (i.size === 0) return e;
-	for (let e of de) for (let t of n.querySelectorAll(`[${e}]`)) {
+	for (let e of me) for (let t of n.querySelectorAll(`[${e}]`)) {
 		let n = t.getAttribute(e);
 		if (n) {
 			let r = n.replace(/url\(#([^)]+)\)/g, (e, t) => {
@@ -640,13 +724,13 @@ function fe(e, t) {
 			a && e.setAttribute(t, `#${a}`);
 		}
 	}
-	return q(n, r);
+	return J(n, r);
 }
-var pe = [
+var ge = [
 	"fill",
 	"stroke",
 	"stop-color"
-], me = [
+], _e = [
 	"path",
 	"rect",
 	"circle",
@@ -655,186 +739,347 @@ var pe = [
 	"polyline",
 	"text"
 ];
-function he(e, t) {
-	let { doc: n, wasWrapped: r } = K(e), i = {};
-	for (let [e, n] of Object.entries(t)) i[z(e) ?? e.toLowerCase()] = n;
-	for (let e of pe) for (let t of n.querySelectorAll(`[${e}]`)) {
+function ve(e, t) {
+	let { doc: n, wasWrapped: r } = q(e), i = {};
+	for (let [e, n] of Object.entries(t)) i[U(e) ?? e.toLowerCase()] = n;
+	for (let e of ge) for (let t of n.querySelectorAll(`[${e}]`)) {
 		let n = t.getAttribute(e);
-		if (!n || !le(n)) continue;
-		let r = z(n), a = r ? i[r] : void 0;
+		if (!n || !fe(n)) continue;
+		let r = U(n), a = r ? i[r] : void 0;
 		a && t.setAttribute(e, a.hex);
 	}
 	let a = i["#000000"];
 	if (a) {
-		let e = me.map((e) => `${e}:not([fill])`).join(", ");
+		let e = _e.map((e) => `${e}:not([fill])`).join(", ");
 		for (let t of n.querySelectorAll(e)) t.setAttribute("fill", a.hex);
 	}
-	return q(n, r);
+	return J(n, r);
 }
 //#endregion
-//#region src/helpers/matrix.ts
-var ge = (e = [
-	1,
-	0,
-	0,
-	1,
-	0,
-	0
-]) => {
-	let t = new ee(`matrix(${e.join(",")})`);
-	if (!t) throw Error("Your browser does not support matrices");
-	return t;
-};
-//#endregion
 //#region src/helpers/xml.ts
-function _e(e) {
+function ye(e) {
 	return e.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/'/g, "&apos;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
 }
 //#endregion
 //#region src/rendering/index.ts
-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 }) => {
-	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;
+var Y = (e, t, n) => e / n * t, be = ({ font: e, baselinePath: t, text: n, fontSize: r, spacing: i = T, horizontalAlignment: a = "centre", colourMap: o }) => {
+	let { outlineWidth: s, letterSpacing: l, letterSpacingOutline: u } = i, d = new c(t), f = s ? r * s * 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 = s > 0 ? u : l, y = v ? v * r : 0;
 	a === "distributed" && (y = n.length === 1 ? 0 : (p - _) / (n.length - 1));
 	let b = y * (n.length - 1), x = _ + b, S = 0 - g;
 	a === "centre" ? S = (p - x) / 2 - g : a === "right" && (S = p - _ - g - b);
 	let C = [];
 	for (let t = 0; t < m.length; t++) {
-		let i = m[t], a = i.getBoundingBox(), o = e.charToGlyph(n[t]), { advanceWidth: c } = o;
+		let i = m[t], a = i.getBoundingBox(), s = e.charToGlyph(n[t]), { advanceWidth: c } = s;
 		if (!c) throw Error(`No advance width for character: ${n[t]} in font ${e.names.fontFamily}`);
-		let { x1: l, x2: u } = o.getBoundingBox(), f = J(c, r, e.unitsPerEm), h = J(u - l, r, e.unitsPerEm), g = S + a.x1;
+		let { x1: l, x2: u } = s.getBoundingBox(), f = Y(c, r, e.unitsPerEm), h = Y(u - l, r, e.unitsPerEm), g = S + a.x1;
 		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)})`);
-		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();
-		N = N.translate(j, M);
-		let P;
+		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, D = a.x2 - a.x1, O = new E(a.x1 + D / 2, 0), k = ee(new E(a.x1, 0), b, O), A = w - k.X, j = T - k.Y, M = new te();
+		M = M.translate(A, j);
+		let N;
 		if (b) {
-			let e = a.x1 + O / 2;
-			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)`;
-		} else P = `translate(${j} ${M})`;
-		let F = i.toPathData(2);
-		F.length && !F.endsWith("Z") && (F += "Z", F = F.replace(/M/g, "ZM"), F = F.substring(1));
-		let I;
+			let e = a.x1 + D / 2;
+			M = M.translate(e, 0), M = M.rotate(b), M = M.translate(-e, 0), N = `translate(${A} ${j}) translate(${e} 0) rotate(${b}) translate(${-e} 0)`;
+		} else N = `translate(${A} ${j})`;
+		let P = i.toPathData(2);
+		P.length && !P.endsWith("Z") && (P += "Z", P = P.replace(/M/g, "ZM"), P = P.substring(1));
+		let F;
 		if (e.svgGlyphs) {
-			let n = e.svgGlyphs.get(o.index);
+			let n = e.svgGlyphs.get(s.index);
 			if (n) {
-				let e = ue(n.svg);
-				e = fe(e, `g${o.index}-${t}`), s && (e = he(e, s)), I = {
+				let e = pe(n.svg);
+				e = he(e, `g${s.index}-${t}`), o && (e = ve(e, o)), F = {
 					content: e,
 					viewBox: n.viewbox,
 					x: a.x1,
 					y: a.y1,
 					width: a.x2 - a.x1,
 					height: a.y2 - a.y1,
-					glyphIndex: o.index
+					glyphIndex: s.index
 				};
 			}
 		}
 		C.push({
 			path: i,
-			matrix: N,
+			matrix: M,
 			attributes: {
-				d: F,
-				"data-character": _e(n[t]),
-				transform: P
+				d: P,
+				"data-character": ye(n[t]),
+				transform: N
 			},
 			glyphData: {
-				index: o.index,
+				index: s.index,
 				bbox: a
 			},
-			...I ? { svgGlyph: I } : {}
+			...F ? { svgGlyph: F } : {}
 		});
 	}
 	return C;
-}, X = { hex: "#FFFFFF" }, Z = (e, t) => {
-	let n = `data-${e}-colour-url`, r = [`${e}="${t.hex}"`];
-	return t.reference && r.push(`${n}="${t.reference}"`), r.join(" ");
-}, Q = (e, t) => {
-	let { attributes: n, svgGlyph: r } = e;
-	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"]}"/>`;
-}, ve = ({ boxDimensions: e, paths: t, spacing: n = T, fontSize: r = 0, fillColour: i = X, strokeColour: a = X }) => {
-	let { width: o, height: s } = e, { outlineWidth: c } = n, l = c > 0 && r > 0, u;
-	if (l) {
-		let e = r * c * 2;
-		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  ")}`;
-	} else u = t.map((e) => Q(e, i)).join("\n  ");
-	return `<svg xmlns="http://www.w3.org/2000/svg" width="${o}" height="${s}" viewBox="0 0 ${o} ${s}">${u ? `\n  ${u}\n` : ""}</svg>`;
-}, $ = (e) => {
-	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;
-	if (p <= 0 || m <= 0) throw Error(`boxDimensions width and height must be positive (got ${p}x${m})`);
-	if (h <= 0 || g <= 0) throw Error(`boxDimensions physicalWidth and physicalHeight must be positive (got ${h}x${g})`);
-	if (r[0] <= 0) throw Error(`physicalSize height must be positive (got ${r[0]})`);
-	let _ = i ?? P({
-		font: n,
-		boxDimensions: a,
-		physicalSize: r,
+}, X = (e) => {
+	let { font: t, text: n, boxDimensions: r, physicalSize: i, fontSize: a, spacing: o = T, baseline: s = "flat", horizontalAlignment: c = "left", verticalAlignment: l = "centre", colourMap: u } = e, { width: d, height: f, physicalWidth: p, physicalHeight: m } = r;
+	if (d <= 0 || f <= 0) throw Error(`boxDimensions width and height must be positive (got ${d}x${f})`);
+	if (p <= 0 || m <= 0) throw Error(`boxDimensions physicalWidth and physicalHeight must be positive (got ${p}x${m})`);
+	if (i[0] <= 0) throw Error(`physicalSize height must be positive (got ${i[0]})`);
+	let h = a ?? z({
+		font: t,
+		boxDimensions: r,
+		physicalSize: i,
 		spacing: o
-	}), v = O(c), y = t.split("\n").filter((e) => e.length > 0);
-	y.length || (y = [""]), (v.type === "curved" || v.type === "custom") && (y = [y.join("")]);
-	let b = y.map((e) => F({
-		font: n,
+	}), g = D(s), _ = n.split("\n").filter((e) => e.length > 0);
+	_.length || (_ = [""]), (g.type === "curved" || g.type === "custom") && (_ = [_.join("")]);
+	let v = _.map((e) => B({
+		font: t,
 		text: e,
-		fontSize: _,
+		fontSize: h,
 		spacing: o
-	})), 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 = [];
-	for (let e = 0; e < y.length; e++) {
-		let t;
-		switch (v.type) {
+	})), y = Math.max(...v.map((e) => e.baseline)), b = y + Math.max(...v.map((e) => e.height - e.baseline)), x = _.length === 1 ? b : b + b * (_.length - 1) * C, S = [];
+	for (let e = 0; e < _.length; e++) {
+		let n;
+		switch (g.type) {
 			case "custom":
-				k(v.path), t = v.path;
+				O(g.path), n = g.path;
 				break;
 			case "curved": {
-				let e = F({
-					font: n,
-					text: M(n),
-					fontSize: _,
+				let e = B({
+					font: t,
+					text: L(t),
+					fontSize: h,
 					spacing: o
 				});
-				t = j({
-					boxDimensions: a,
+				n = j({
+					boxDimensions: r,
 					baseline: e.baseline,
 					textHeight: e.height,
-					verticalAlignment: s
+					verticalAlignment: l
 				});
 				break;
 			}
-			case "flat":
-				t = A({
-					boxDimensions: a,
-					totalTextHeight: w,
-					baseline: x,
-					lineHeight: S,
-					verticalAlignment: s,
-					lineNumber: e
-				});
-				break;
+			case "flat": n = k({
+				boxDimensions: r,
+				totalTextHeight: x,
+				baseline: y,
+				lineHeight: b,
+				verticalAlignment: l,
+				lineNumber: e
+			});
 		}
-		let r = Y({
-			font: n,
-			baselinePath: t,
-			text: y[e],
-			fontSize: _,
+		S.push(...be({
+			font: t,
+			baselinePath: n,
+			text: _[e],
+			fontSize: h,
 			spacing: o,
-			horizontalAlignment: l,
-			colourMap: f
-		});
-		E.push(...r);
+			horizontalAlignment: c,
+			colourMap: u
+		}));
 	}
-	return ve({
-		boxDimensions: a,
-		paths: E,
+	return {
+		fontSize: h,
+		lines: _,
+		paths: S,
 		spacing: o,
-		fontSize: _,
-		fillColour: u,
-		strokeColour: d
+		tallestHeight: b,
+		totalHeight: x,
+		maxBaseline: y
+	};
+}, xe = (e) => {
+	let { font: t, boxDimensions: n, spacing: r = T } = e, { fontSize: i, paths: a, lines: o } = X(e), s = null;
+	for (let e of a) {
+		let { x1: t, y1: n, x2: r, y2: i } = e.glyphData.bbox, a = new I(t, n, r, i);
+		a.transform(e.matrix), s ? s.add(a) : s = a.getBBox();
+	}
+	if (s && r.outlineWidth > 0) {
+		let e = i * r.outlineWidth;
+		s = new I(s.x1 - e, s.y1 - e, s.x2 + e, s.y2 + e);
+	}
+	let c = s ?? new I(0, 0, 0, 0), l = (e) => e / n.width * n.physicalWidth, u = (e) => e / n.height * n.physicalHeight, d = B({
+		font: t,
+		text: L(t),
+		fontSize: i,
+		spacing: r
 	});
-}, ye = async (e) => {
+	return {
+		fontSize: i,
+		bbox: {
+			x: c.x,
+			y: c.y,
+			width: c.width,
+			height: c.height
+		},
+		physicalWidth: l(c.width),
+		physicalHeight: u(c.height),
+		physicalUnits: n.physicalUnits,
+		physicalCapHeight: u(d.height),
+		lines: o.map((e) => {
+			let n = B({
+				font: t,
+				text: e,
+				fontSize: i,
+				spacing: r
+			});
+			return {
+				text: e,
+				width: n.width,
+				height: n.height,
+				baseline: n.baseline
+			};
+		})
+	};
+}, Se = { hex: "#FFFFFF" }, Z = (e, t) => {
+	let n = `data-${e}-colour-url`, r = [`${e}="${t.hex}"`];
+	return t.reference && r.push(`${n}="${t.reference}"`), r.join(" ");
+}, Ce = (e, t) => {
+	let { attributes: n, svgGlyph: r } = e;
+	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"]}"/>`;
+}, we = ({ boxDimensions: e, paths: t, spacing: n = T, fontSize: r = 0, fillColour: i = Se, strokeColour: a = Se }) => {
+	let { width: o, height: s } = e, { outlineWidth: c } = n, l = c > 0 && r > 0, u;
+	if (l) {
+		let e = r * c * 2;
+		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) => Ce(e, i)).join("\n  ")}`;
+	} else u = t.map((e) => Ce(e, i)).join("\n  ");
+	return `<svg xmlns="http://www.w3.org/2000/svg" width="${o}" height="${s}" viewBox="0 0 ${o} ${s}">${u ? `\n  ${u}\n` : ""}</svg>`;
+}, Q = (e) => {
+	let { boxDimensions: t, fillColour: n = { hex: "#FFFFFF" }, strokeColour: r = { hex: "#FFFFFF" } } = e, { fontSize: i, paths: a, spacing: o } = X(e);
+	return we({
+		boxDimensions: t,
+		paths: a,
+		spacing: o,
+		fontSize: i,
+		fillColour: n,
+		strokeColour: r
+	});
+}, Te = 100, Ee = (e) => {
+	let t = e.split("\n").filter((e) => e.length > 0);
+	return t.length ? t : [""];
+}, De = (e) => e.split("\n").filter((e) => e.length > 0).join(""), Oe = (e, t, n, r, i, a) => {
+	let o = B({
+		font: e,
+		text: L(e),
+		fontSize: n,
+		spacing: r
+	}), s = {
+		boxDimensions: i,
+		baseline: o.baseline,
+		textHeight: o.height,
+		verticalAlignment: a
+	}, l = new c(j(s)).getTotalLength(), { curveTop: u, curveBottom: d } = A(s), f = B({
+		font: e,
+		text: t,
+		fontSize: n,
+		spacing: r
+	}), p = u - f.baseline, m = d + (f.height - f.baseline);
+	return {
+		width: f.width <= l,
+		height: p >= 0 && m <= i.height
+	};
+}, $ = (e) => e.width && e.height, ke = (e) => e.width ? "height" : "width", Ae = .01, je = 60, Me = ({ font: e, text: t, boxDimensions: n, spacing: r, verticalAlignment: i, minFontSize: a, maxFontSize: o }) => {
+	let s = De(t);
+	if (!s.length) return {
+		fontSize: o,
+		fits: !0,
+		boundBy: "requestedSize"
+	};
+	let c = (t) => Oe(e, s, t, r, n, i), l = c(a);
+	if (!$(l)) return {
+		fontSize: a,
+		fits: !1,
+		boundBy: ke(l)
+	};
+	if ($(c(o))) return {
+		fontSize: o,
+		fits: !0,
+		boundBy: "requestedSize"
+	};
+	let u = a, d = o, f = 0;
+	for (; d - u > Ae && f < je;) {
+		let e = (u + d) / 2;
+		$(c(e)) ? u = e : d = e, f++;
+	}
+	return {
+		fontSize: u,
+		fits: !0,
+		boundBy: ke(c(d))
+	};
+}, Ne = (e) => {
+	let { font: t, text: n, boxDimensions: r, size: i, spacing: a = T, baseline: o = "flat", verticalAlignment: s = "centre" } = e, l = i.mode === "fitToBox" ? i.maxFontSize : i.mode === "fontSize" ? i.fontSize : z({
+		font: t,
+		boxDimensions: r,
+		physicalSize: i.physicalSize,
+		spacing: a
+	});
+	if (!n.length) return {
+		fontSize: l,
+		fits: !0,
+		boundBy: "requestedSize"
+	};
+	let u = D(o);
+	if (u.type === "curved") return Me({
+		font: t,
+		text: n,
+		boxDimensions: r,
+		spacing: a,
+		verticalAlignment: s,
+		minFontSize: i.mode === "fitToBox" ? i.minFontSize : l,
+		maxFontSize: l
+	});
+	let d = Ee(n);
+	u.type === "custom" && (d = [d.join("")]);
+	let f = d.map((e) => B({
+		font: t,
+		text: e,
+		fontSize: Te,
+		spacing: a
+	})), p = Math.max(...f.map((e) => e.baseline)) + Math.max(...f.map((e) => e.height - e.baseline)), m = d.length === 1 ? p : p + p * (d.length - 1) * C, h = Math.max(...f.map((e) => e.width)), g = (u.type === "custom" ? new c(u.path).getTotalLength() : r.width) / h, _ = r.height / m, v = g <= _ ? "width" : "height", y = Te * Math.min(g, _);
+	return i.mode === "fitToBox" ? y < i.minFontSize ? {
+		fontSize: i.minFontSize,
+		fits: !1,
+		boundBy: v
+	} : y > i.maxFontSize ? {
+		fontSize: i.maxFontSize,
+		fits: !0,
+		boundBy: "requestedSize"
+	} : {
+		fontSize: y,
+		fits: !0,
+		boundBy: v
+	} : l <= y ? {
+		fontSize: l,
+		fits: !0,
+		boundBy: "requestedSize"
+	} : {
+		fontSize: l,
+		fits: !1,
+		boundBy: v
+	};
+}, Pe = (e) => {
+	let t = e.text, n = t, r = 0, i = 0;
+	for (;;) {
+		let a = Ne({
+			...e,
+			text: n
+		});
+		if (a.fits) return {
+			...a,
+			text: n,
+			truncated: n !== t,
+			linesDropped: r,
+			charactersRemoved: i
+		};
+		let o = n.split("\n");
+		if (o.length > 1) n = o.slice(0, -1).join("\n"), r += 1;
+		else {
+			let e = n.slice(0, -1).trim();
+			i += n.length - e.length, n = e;
+		}
+	}
+}, Fe = async (e) => {
 	let { fontUrl: t, fontSizeFallback: n, ...r } = e, i = await x(t, !!r.colourMap);
 	try {
-		return $({
+		return Q({
 			...r,
 			font: i
 		});
 	} catch (e) {
-		if (n != null && e instanceof Error && e.message.startsWith("TOO_WIDE")) return $({
+		if (n != null && e instanceof Error && e.message.startsWith("TOO_WIDE")) return Q({
 			...r,
 			font: i,
 			fontSize: n
@@ -843,4 +1088,4 @@ var J = (e, t, n) => e / n * t, Y = ({ font: e, baselinePath: t, text: n, fontSi
 	}
 };
 //#endregion
-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 };
+export { S as DEFAULT_OUTLINE_FACTOR, T as DEFAULT_SPACING, C as LINE_HEIGHT, Pe as fitAndTruncateTextToBox, j as generateCurvedBaseline, k as generateFlatBaseline, p as getFontCache, de as getFontColours, z as getFontSizeFromPhysicalSize, Ne as getFontSizeToFitBox, Fe as getRenderedText, B as getTextMetricsAtFontSize, X as layoutText, x as loadFont, xe as measureText, D as normaliseBaselineOption, Q as renderText, O as validateCustomBaselinePath };