monowind 0.1.0

package/dist/index.js

@@ -0,0 +1,987 @@
+//#region src/metrics.ts
+function e(e) {
+	return (e >= 0 ? Math.floor(e + .5) : -Math.floor(-e + .5)) || 0;
+}
+function t(t, n) {
+	return n <= 0 ? 0 : e(t / (.25 * n));
+}
+function n(t, n) {
+	return e(n * t / 100);
+}
+function r(e) {
+	let t = document.createElement("span");
+	t.setAttribute("aria-hidden", "true"), t.style.cssText = "position:absolute!important;visibility:hidden!important;pointer-events:none!important;white-space:pre!important;overflow-wrap:normal!important;top:0!important;left:0!important;padding:0!important;margin:0!important;border:0!important;", t.textContent = "M".repeat(100), e.appendChild(t);
+	let n = t.getBoundingClientRect();
+	return e.removeChild(t), {
+		width: n.width / 100,
+		height: n.height
+	};
+}
+function i() {
+	return parseFloat(getComputedStyle(document.documentElement).fontSize) || 16;
+}
+//#endregion
+//#region src/wrap.ts
+function a(e, t) {
+	return e.trim() === "" ? [] : e.split("\n").flatMap((e) => c(e, t));
+}
+function o(e, t) {
+	return a(e, t).length;
+}
+function s(e) {
+	let t = [], n = 0, r = /-+/g, i;
+	for (; (i = r.exec(e)) !== null;) {
+		let r = i.index + i[0].length;
+		r < e.length && !/[0-9]/.test(e[r]) && (t.push(e.slice(n, r)), n = r);
+	}
+	return t.push(e.slice(n)), t;
+}
+function c(e, t) {
+	let n = e.split(/[ \t\r\n\f]+/).filter(Boolean);
+	if (n.length === 0) return [""];
+	if (t <= 0) return [n.join(" ")];
+	let r = [], i = "";
+	for (let e of n) {
+		let n = !1;
+		for (let a of s(e)) {
+			let e = +(!n && i !== "");
+			if (i !== "" && i.length + e + a.length <= t) i += e ? ` ${a}` : a;
+			else {
+				for (i !== "" && r.push(i); a.length > t;) r.push(a.slice(0, t)), a = a.slice(t);
+				i = a;
+			}
+			n = !0;
+		}
+	}
+	return r.push(i), r;
+}
+//#endregion
+//#region src/layout.ts
+function l(e, t) {
+	return u(e, t, void 0, 0, 0, "fill", {
+		maxContent: /* @__PURE__ */ new WeakMap(),
+		minContent: /* @__PURE__ */ new WeakMap()
+	}), { height: e.localRect.height };
+}
+function u(e, t, n, r, i, a, s, c) {
+	let l = e.style, u = c?.height, p = h(l.minWidth, t) ?? 0, m = h(l.maxWidth, t), _ = h(l.minHeight, n) ?? 0, b = h(l.maxHeight, n), x = {
+		top: f(l.padding.top, t),
+		right: f(l.padding.right, t),
+		bottom: f(l.padding.bottom, t),
+		left: f(l.padding.left, t)
+	};
+	e.resolvedPadding = x;
+	let S = c?.width ?? d(E(l, t, a, e, s), p, m), C = D(l, n), w = L(S, u ?? C ?? (_ > 0 ? _ : void 0) ?? Infinity, l.border, x), T;
+	if (e.children.length === 0) T = e.text ? l.whiteSpace === "nowrap" ? e.text.split("\n").length : o(e.text, w.width) : e.intrinsicHeight;
+	else if (l.display === "flex" && l.flexDirection === "row") T = v(e, w.width, w.height, l.border, x, s);
+	else if (l.display === "flex" && l.flexDirection === "column") {
+		let t = u !== void 0 || C !== void 0;
+		T = y(e, w.width, w.height, t, l.border, x, s);
+	} else T = g(e, w.width, l.border, x, s);
+	let O = T + l.border.top + l.border.bottom + x.top + x.bottom, k = u ?? C ?? O;
+	e.unclampedHeight = k, e.localRect = {
+		x: r,
+		y: i,
+		width: S,
+		height: d(k, _, b)
+	};
+}
+function d(e, t, n) {
+	return Math.max(t, n === void 0 ? e : Math.min(e, n));
+}
+function f(e, t) {
+	return typeof e == "number" ? e : t === void 0 || !Number.isFinite(t) ? 0 : n(e.percent, t);
+}
+function p(e, t) {
+	let n = (e) => e === null ? null : f(e, t);
+	return {
+		top: n(e.top),
+		right: n(e.right),
+		bottom: n(e.bottom),
+		left: n(e.left)
+	};
+}
+function m(e) {
+	return typeof e == "number" ? e : 0;
+}
+function h(e, t) {
+	if (e !== void 0 && e !== "auto") return typeof e == "number" ? e : t === void 0 ? void 0 : n(e.percent, t);
+}
+function g(e, t, n, r, i) {
+	let a = n.left + r.left, o = n.top + r.top, s = o, c = null;
+	for (let n of e.children) {
+		let e = p(n.style.margin, t), r = e.top ?? 0, o = e.bottom ?? 0, l = e.left ?? 0, d = e.right ?? 0;
+		u(n, Math.max(0, t - l - d), void 0, 0, 0, "fill", i);
+		let f = t - n.localRect.width, m = e.left === null && e.right === null, h = e.left === null && e.right !== null;
+		e.right === null && e.left;
+		let g;
+		g = m ? Math.floor(f / 2) : h ? f - d : l, s += c === null ? r : _(c, r), n.localRect = {
+			...n.localRect,
+			x: a + g,
+			y: s
+		}, s += n.localRect.height, c = o;
+	}
+	return c !== null && (s += c), s - o;
+}
+function _(e, t) {
+	return e >= 0 && t >= 0 ? Math.max(e, t) : e <= 0 && t <= 0 ? Math.min(e, t) : e + t;
+}
+function v(e, t, n, r, i, a) {
+	let o = f(e.style.gapX, t), s = f(e.style.gapY, n), c = A(e).map((e) => {
+		let n = p(e.style.margin, t);
+		return {
+			node: e,
+			intrinsic: O(e, t, a),
+			grow: e.style.flexGrow,
+			shrink: e.style.flexShrink,
+			min: M(e, t, a),
+			max: h(e.style.maxWidth, t),
+			margin: n,
+			marginLeft: n.left,
+			marginRight: n.right
+		};
+	}), l = [];
+	if (e.style.flexWrap === "wrap") {
+		let n = [], r = 0;
+		for (let e of c) {
+			let i = Math.max(0, d(e.intrinsic, e.min, e.max)) + (e.marginLeft ?? 0) + (e.marginRight ?? 0), a = n.length === 0 ? i : r + o + i;
+			n.length > 0 && a > t && (l.push(n), n = [], r = 0), n.push(e), r = n.length === 1 ? i : r + o + i;
+		}
+		n.length > 0 && l.push(n), e.style.wrapReverse && l.reverse();
+	} else l.push(c);
+	let m = r.left + i.left, g = r.top + i.top, _ = 0, v = 0;
+	for (let r = 0; r < l.length; r++) {
+		let i = l[r], c = o * Math.max(0, i.length - 1), f = i.reduce((e, t) => e + (t.marginLeft ?? 0) + (t.marginRight ?? 0), 0), p = Math.max(0, t - c - f), y = i.some((e) => e.marginLeft === null || e.marginRight === null), x = i.reduce((e, t) => e + t.intrinsic, 0), T = y && x <= p ? i.map((e) => e.intrinsic) : C(i, p);
+		for (let e = 0; e < i.length; e++) u(i[e].node, t, void 0, 0, 0, "fill", a, { width: T[e] });
+		let E = i.reduce((e, t) => Math.max(e, t.node.localRect.height), 0), D = l.length === 1 && Number.isFinite(n) ? Math.max(n, E) : E;
+		for (let r = 0; r < i.length; r++) {
+			let o = i[r].node, s = o.style.alignSelf === "auto" ? e.style.alignItems : o.style.alignSelf, c = i[r].margin, l = c.top === null || c.bottom === null, f = o.style.height !== void 0 && o.style.height.kind !== "auto";
+			if (s === "stretch" && !l && !f && D > o.localRect.height) {
+				let e = c.top ?? 0, i = c.bottom ?? 0, s = Number.isFinite(n) ? n : void 0, l = d(Math.max(0, D - e - i), h(o.style.minHeight, s) ?? 0, h(o.style.maxHeight, s));
+				if (l === o.localRect.height) continue;
+				u(o, t, void 0, 0, 0, "fill", a, {
+					width: T[r],
+					height: l
+				});
+			}
+		}
+		let O = T.reduce((e, t) => e + t, 0), k = Math.max(0, p - O), A = i.reduce((e, t) => e + +(t.marginLeft === null) + +(t.marginRight === null), 0), M = Array.from({ length: i.length }, () => 0), N = Array.from({ length: i.length }, () => 0), P;
+		if (A > 0 && k > 0) {
+			let e = w(Array.from({ length: A }, () => 1), k), t = 0;
+			for (let n = 0; n < i.length; n++) i[n].marginLeft === null && (M[n] = e[t++]), i[n].marginRight === null && (N[n] = e[t++]);
+			P = S("start", T, 0);
+		} else P = S(j(e.style), T, k);
+		let F = 0;
+		for (let t = 0; t < i.length; t++) {
+			let n = i[t], r = n.node, a = n.marginLeft ?? 0, s = n.marginRight ?? 0;
+			F += M[t] + a, r.localRect = {
+				...r.localRect,
+				x: m + P[t] + t * o + F,
+				y: g + _ + b(r, e.style.alignItems, D, n.margin)
+			}, F += N[t] + s;
+		}
+		let I = r < l.length - 1 ? s : 0;
+		_ += D + I, v += D + I;
+	}
+	return Number.isFinite(n) ? Math.max(n, v) : v;
+}
+function y(e, t, r, i, a, o, s) {
+	let c = f(e.style.gapY, r), l = A(e).map((i) => {
+		let a = p(i.style.margin, t), o = a.left ?? 0, c = a.right ?? 0;
+		u(i, Math.max(0, t - o - c), void 0, 0, 0, (i.style.alignSelf === "auto" ? e.style.alignItems : i.style.alignSelf) === "stretch" ? "fill" : "shrink", s);
+		let l = Number.isFinite(r) ? r : void 0, d = i.style.flexBasis, f = d === void 0 || d.kind === "auto" ? i.unclampedHeight : d.kind === "cells" ? d.value : d.kind === "percent" && l !== void 0 ? n(d.value, l) : i.unclampedHeight, m = i.style.minHeight === "auto" ? i.style.overflow === "visible" ? i.localRect.height : 0 : void 0;
+		return {
+			node: i,
+			intrinsic: f,
+			grow: i.style.flexGrow,
+			shrink: i.style.flexShrink,
+			min: m ?? h(i.style.minHeight, l) ?? 0,
+			max: h(i.style.maxHeight, l),
+			margin: a,
+			marginTop: a.top,
+			marginBottom: a.bottom,
+			marginLeft: o,
+			marginRight: c
+		};
+	}), d = c * Math.max(0, l.length - 1), m = l.reduce((e, t) => e + (t.marginTop ?? 0) + (t.marginBottom ?? 0), 0), g = Number.isFinite(r), _ = l.reduce((e, t) => e + t.intrinsic, 0), v = g ? Math.max(0, r - d - m) : _, y = i ? v : Math.max(v, _), b = l.some((e) => e.marginTop === null || e.marginBottom === null), T = g && !(g && b && _ <= y) ? C(l, y) : l.map((e) => e.intrinsic);
+	for (let n = 0; n < l.length; n++) if (T[n] !== l[n].intrinsic) {
+		let r = l[n], i = Math.max(0, t - r.marginLeft - r.marginRight), a = (r.node.style.alignSelf === "auto" ? e.style.alignItems : r.node.style.alignSelf) === "stretch";
+		u(r.node, i, T[n], 0, 0, a ? "fill" : "shrink", s, { height: T[n] });
+	}
+	let E = T.reduce((e, t) => e + t, 0), D = Math.max(0, y - E), O = l.reduce((e, t) => e + +(t.marginTop === null) + +(t.marginBottom === null), 0), k = Array.from({ length: l.length }, () => 0), M = Array.from({ length: l.length }, () => 0), N;
+	if (O > 0 && D > 0) {
+		let e = w(Array.from({ length: O }, () => 1), D), t = 0;
+		for (let n = 0; n < l.length; n++) l[n].marginTop === null && (k[n] = e[t++]), l[n].marginBottom === null && (M[n] = e[t++]);
+		N = S("start", T, 0);
+	} else N = S(j(e.style), T, D);
+	let P = a.left + o.left, F = a.top + o.top, I = 0;
+	for (let n = 0; n < l.length; n++) {
+		let r = l[n], i = r.node, a = r.marginTop ?? 0, o = r.marginBottom ?? 0;
+		I += k[n] + a, i.localRect = {
+			...i.localRect,
+			x: P + x(i, e.style.alignItems, t, r.margin),
+			y: F + N[n] + n * c + I
+		}, I += M[n] + o;
+	}
+	let L = E + d + m;
+	return g ? Math.max(r, L) : L;
+}
+function b(e, t, n, r) {
+	let i = e.style.alignSelf === "auto" ? t : e.style.alignSelf, a = r.top ?? 0, o = r.bottom ?? 0, s = n - e.localRect.height, c = r.top === null && r.bottom === null, l = r.top === null && r.bottom !== null, u = r.bottom === null && r.top !== null;
+	return c ? Math.floor(s / 2) : l ? s - o : u ? a : a + T(i, n, e.localRect.height);
+}
+function x(e, t, n, r) {
+	let i = e.style.alignSelf === "auto" ? t : e.style.alignSelf, a = r.left ?? 0, o = r.right ?? 0, s = n - e.localRect.width, c = r.left === null && r.right === null, l = r.left === null && r.right !== null, u = r.right === null && r.left !== null;
+	return c ? Math.floor(s / 2) : l ? s - o : u ? a : a + T(i, n, e.localRect.width);
+}
+function S(e, t, n) {
+	let r = t.length;
+	if (r === 0) return [];
+	let i = [], a = 0;
+	if (e === "space-between" && r > 1) {
+		let e = Math.floor(n / (r - 1)), o = n - e * (r - 1);
+		for (let n = 0; n < r; n++) i.push(a), a += t[n] + e + +(n < o);
+		return i;
+	}
+	if ((e === "space-around" || e === "space-evenly") && n > 0) {
+		let o = w(Array.from({ length: r + 1 }, (t, n) => e === "space-evenly" || n === 0 || n === r ? 1 : 2), n);
+		for (let e = 0; e < r; e++) a += o[e], i.push(a), a += t[e];
+		return i;
+	}
+	e === "center" ? a = Math.floor(n / 2) : e === "end" && (a = n);
+	for (let e = 0; e < r; e++) i.push(a), a += t[e];
+	return i;
+}
+function C(e, t) {
+	let n = e.length, r = (t, n) => Math.max(0, d(t, e[n].min ?? 0, e[n].max)), i = e.map((e) => e.intrinsic), a = t >= i.reduce((e, t, n) => e + r(t, n), 0), o = Array.from({ length: n }, () => 0), s = Array.from({ length: n }, () => !1);
+	for (let t = 0; t < n; t++) {
+		let n = r(i[t], t);
+		((a ? e[t].grow : e[t].shrink) === 0 || a && i[t] > n || !a && i[t] < n) && (o[t] = n, s[t] = !0);
+	}
+	for (;;) {
+		let c = [];
+		for (let e = 0; e < n; e++) s[e] || c.push(e);
+		if (c.length === 0) break;
+		let l = o.reduce((e, t, n) => s[n] ? e + t : e, 0), u = c.reduce((e, t) => e + i[t], 0), d = t - l - u, f = a ? Math.max(0, d) : Math.max(0, -d), p = w(c.map((t) => a ? e[t].grow : i[t] * e[t].shrink), f), m = c.map((e, t) => i[e] + (a ? p[t] : -p[t])), h = c.map((e, t) => r(m[t], e)), g = h.reduce((e, t, n) => e + (t - m[n]), 0);
+		if (g === 0) {
+			for (let e = 0; e < c.length; e++) o[c[e]] = h[e];
+			break;
+		}
+		for (let e = 0; e < c.length; e++) {
+			let t = h[e] - m[e];
+			(g > 0 ? t > 0 : t < 0) && (o[c[e]] = h[e], s[c[e]] = !0);
+		}
+	}
+	return o;
+}
+function w(e, t) {
+	let n = e.reduce((e, t) => e + t, 0);
+	if (n === 0 || t <= 0) return e.map(() => 0);
+	let r = e.map((e) => e / n * t), i = r.map(Math.floor), a = t - i.reduce((e, t) => e + t, 0);
+	if (a > 0) {
+		let e = r.map((e, t) => [t, e - Math.floor(e)]).sort((e, t) => t[1] === e[1] ? e[0] - t[0] : t[1] - e[1]);
+		for (let [t] of e) {
+			if (a <= 0) break;
+			i[t] += 1, --a;
+		}
+	}
+	return i;
+}
+function T(e, t, n) {
+	return e === "center" ? Math.max(0, Math.floor((t - n) / 2)) : e === "end" ? Math.max(0, t - n) : 0;
+}
+function E(e, t, n, r, i) {
+	let a = e.width;
+	return a !== void 0 && a.kind !== "auto" ? k(a, t, r, i) : n === "shrink" ? Math.min(t, N(r, i)) : t;
+}
+function D(e, t) {
+	if (e.height?.kind === "cells") return e.height.value;
+	if (e.height?.kind === "percent" && t != null) return n(e.height.value, t);
+}
+function O(e, t, n) {
+	let r = e.style.flexBasis, i = e.style.width;
+	return r !== void 0 && r.kind !== "auto" ? k(r, t, e, n) : i !== void 0 && i.kind !== "auto" ? k(i, t, e, n) : N(e, n);
+}
+function k(e, t, r, i) {
+	switch (e.kind) {
+		case "cells": return e.value;
+		case "percent": return n(e.value, t);
+		case "min-content": return F(r, i);
+		case "max-content": return N(r, i);
+		case "fit-content": return Math.min(N(r, i), Math.max(F(r, i), t));
+		case "auto": return N(r, i);
+	}
+}
+function A(e) {
+	let t = [...e.children].sort((e, t) => e.style.order - t.style.order);
+	return e.style.flexReverse && t.reverse(), t;
+}
+function j(e) {
+	return e.flexReverse ? e.justifyContent === "start" ? "end" : e.justifyContent === "end" ? "start" : e.justifyContent : e.justifyContent;
+}
+function M(e, t, n) {
+	return e.style.minWidth === "auto" ? e.style.overflow === "visible" ? F(e, n) : 0 : h(e.style.minWidth, t) ?? 0;
+}
+function N(e, t) {
+	let n = t.maxContent.get(e);
+	if (n !== void 0) return n;
+	let r = e.style, i = P(e, t) + r.border.left + r.border.right + m(r.padding.left) + m(r.padding.right);
+	return t.maxContent.set(e, i), i;
+}
+function P(e, t) {
+	if (e.children.length === 0) return e.intrinsicWidth;
+	if (e.style.display === "flex" && e.style.flexDirection === "row") {
+		let n = m(e.style.gapX) * Math.max(0, e.children.length - 1);
+		return e.children.reduce((e, n) => e + N(n, t), 0) + n;
+	}
+	return e.children.reduce((e, n) => Math.max(e, N(n, t)), 0);
+}
+function F(e, t) {
+	let n = t.minContent.get(e);
+	if (n !== void 0) return n;
+	let r = e.style, i = I(e, t) + r.border.left + r.border.right + m(r.padding.left) + m(r.padding.right);
+	return t.minContent.set(e, i), i;
+}
+function I(e, t) {
+	if (e.children.length === 0) {
+		if (!e.text || e.style.whiteSpace === "nowrap") return e.intrinsicWidth;
+		let t = 0;
+		for (let n of e.text.split(/[ \t\r\n\f]+/)) for (let e of s(n)) e.length > t && (t = e.length);
+		return t;
+	}
+	if (e.style.display === "flex" && e.style.flexDirection === "row" && e.style.flexWrap === "nowrap") {
+		let n = m(e.style.gapX) * Math.max(0, e.children.length - 1);
+		return e.children.reduce((e, n) => e + F(n, t), 0) + n;
+	}
+	return e.children.reduce((e, n) => Math.max(e, F(n, t)), 0);
+}
+function L(e, t, n, r) {
+	return {
+		width: Math.max(0, e - n.left - n.right - r.left - r.right),
+		height: Math.max(0, t - n.top - n.bottom - r.top - r.bottom)
+	};
+}
+//#endregion
+//#region src/borders.ts
+function R(e, t, n) {
+	let r = e.border;
+	if (r.top === 0 && r.right === 0 && r.bottom === 0 && r.left === 0) return;
+	let i = Math.max(r.top, r.right, r.bottom, r.left);
+	for (let a = 0; a < i; a++) {
+		let i = {
+			top: a < r.top,
+			right: a < r.right,
+			bottom: a < r.bottom,
+			left: a < r.left
+		}, o = {
+			x: t.x + (i.left ? a : 0),
+			y: t.y + (i.top ? a : 0),
+			width: t.width - (i.left ? a : 0) - (i.right ? a : 0),
+			height: t.height - (i.top ? a : 0) - (i.bottom ? a : 0)
+		};
+		o.width <= 0 || o.height <= 0 || z(n, e.borderStyle, e.borderColor, o, i);
+	}
+}
+function z(e, t, n, r, i) {
+	let a = B(t.top), o = B(t.right), s = B(t.bottom), c = B(t.left), l = (e, t, n) => n(B(e === t ? e : "solid")), { x: u, y: d, width: f, height: p } = r, m = f >= 2 && p >= 2, h = u + +!!i.left, g = u + f - +!!i.right, _ = d + +!!i.top, v = d + p - +!!i.bottom;
+	if (i.top && g > h && e.push({
+		glyph: a.h,
+		x: h,
+		y: d,
+		length: g - h,
+		color: n.top
+	}), i.bottom && p > +!!i.top && g > h && e.push({
+		glyph: s.h,
+		x: h,
+		y: d + p - 1,
+		length: g - h,
+		color: n.bottom
+	}), i.left) for (let t = _; t < v; t++) e.push({
+		glyph: c.v,
+		x: u,
+		y: t,
+		length: 1,
+		color: n.left
+	});
+	if (i.right && f > +!!i.left) for (let t = _; t < v; t++) e.push({
+		glyph: o.v,
+		x: u + f - 1,
+		y: t,
+		length: 1,
+		color: n.right
+	});
+	m && (i.top && i.left && e.push({
+		glyph: l(t.top, t.left, (e) => e.tl),
+		x: u,
+		y: d,
+		length: 1,
+		color: n.top
+	}), i.top && i.right && e.push({
+		glyph: l(t.top, t.right, (e) => e.tr),
+		x: u + f - 1,
+		y: d,
+		length: 1,
+		color: n.top
+	}), i.bottom && i.left && e.push({
+		glyph: l(t.bottom, t.left, (e) => e.bl),
+		x: u,
+		y: d + p - 1,
+		length: 1,
+		color: n.bottom
+	}), i.bottom && i.right && e.push({
+		glyph: l(t.bottom, t.right, (e) => e.br),
+		x: u + f - 1,
+		y: d + p - 1,
+		length: 1,
+		color: n.bottom
+	}));
+}
+function B(e) {
+	switch (e) {
+		case "double": return {
+			h: "═",
+			v: "║",
+			tl: "╔",
+			tr: "╗",
+			bl: "╚",
+			br: "╝"
+		};
+		case "dashed": return {
+			h: "╌",
+			v: "╎",
+			tl: "┌",
+			tr: "┐",
+			bl: "└",
+			br: "┘"
+		};
+		case "dotted": return {
+			h: "┄",
+			v: "┊",
+			tl: "┌",
+			tr: "┐",
+			bl: "└",
+			br: "┘"
+		};
+		default: return {
+			h: "─",
+			v: "│",
+			tl: "┌",
+			tr: "┐",
+			bl: "└",
+			br: "┘"
+		};
+	}
+}
+//#endregion
+//#region src/render.ts
+function ee(e, t) {
+	let n = [];
+	V(e, 0, 0, n, !0), ne(t, n);
+}
+function V(e, t, n, r, i) {
+	let a = t + e.localRect.x, o = n + e.localRect.y;
+	i || te(e.source, e.localRect, e.resolvedPadding, e.style.border, e.style.textAlignBlocked, e.style.overflow, e.style.whiteSpace), R(e.style, {
+		x: a,
+		y: o,
+		width: e.localRect.width,
+		height: e.localRect.height
+	}, r);
+	for (let t of e.children) V(t, a, o, r, !1);
+}
+function te(e, t, n, r, i, a, o) {
+	e.setAttribute("data-mw-laid-out", ""), o === "nowrap" ? e.setAttribute("data-mw-nowrap", "") : e.removeAttribute("data-mw-nowrap"), e.style.setProperty("--mw-x", String(t.x)), e.style.setProperty("--mw-y", String(t.y)), e.style.setProperty("--mw-w", String(t.width)), e.style.setProperty("--mw-h", String(t.height)), a === "clip" ? e.setAttribute("data-mw-clip", "") : e.removeAttribute("data-mw-clip"), e.style.setProperty("--mw-pt", String(n.top)), e.style.setProperty("--mw-pr", String(n.right)), e.style.setProperty("--mw-pb", String(n.bottom)), e.style.setProperty("--mw-pl", String(n.left)), e.style.setProperty("--mw-bt", String(r.top)), e.style.setProperty("--mw-br", String(r.right)), e.style.setProperty("--mw-bb", String(r.bottom)), e.style.setProperty("--mw-bl", String(r.left)), i ? e.setAttribute("data-mw-text-align-blocked", "") : e.removeAttribute("data-mw-text-align-blocked");
+}
+function ne(e, t) {
+	e.replaceChildren();
+	for (let n of t) for (let t = 0; t < n.length; t++) {
+		let r = document.createElement("span");
+		r.setAttribute("aria-hidden", "true"), r.style.position = "absolute", r.style.left = `calc(${n.x + t} * var(--mw-cw))`, r.style.top = `calc(${n.y} * var(--mw-ch))`, r.style.font = "inherit", r.style.lineHeight = "inherit", r.style.whiteSpace = "pre", r.style.pointerEvents = "none", r.style.userSelect = "none", n.color && (r.style.color = n.color), r.textContent = n.glyph, e.appendChild(r);
+	}
+}
+//#endregion
+//#region src/style.ts
+function re(e, t) {
+	let n = getComputedStyle(e), r = ae(e) ? e.computedStyleMap() : null, i = e.getAttribute("class") ?? "", a = e.style, o = n.display;
+	return {
+		display: o === "flex" ? "flex" : o === "grid" ? "grid" : o === "none" ? "none" : (o.startsWith("inline"), "block"),
+		flexDirection: n.flexDirection.startsWith("column") ? "column" : "row",
+		flexReverse: n.flexDirection.endsWith("-reverse"),
+		flexWrap: n.flexWrap.startsWith("wrap") ? "wrap" : "nowrap",
+		wrapReverse: n.flexWrap === "wrap-reverse",
+		flexGrow: Number(n.flexGrow) || 0,
+		flexShrink: n.flexShrink === "" ? 1 : Number(n.flexShrink) || 0,
+		flexBasis: le(n.flexBasis, t),
+		order: Number(n.order) || 0,
+		justifyContent: oe(n.justifyContent),
+		alignItems: U(n.alignItems),
+		alignSelf: se(n.alignSelf),
+		width: q(r, n.width, "width", t, i, a),
+		height: q(r, n.height, "height", t, i, a),
+		minWidth: G(n.minWidth, t) ?? "auto",
+		minHeight: G(n.minHeight, t) ?? "auto",
+		maxWidth: G(n.maxWidth, t),
+		maxHeight: G(n.maxHeight, t),
+		padding: de(n, t),
+		margin: ce(n, r, i, t),
+		gapX: K(n.columnGap === "normal" ? "0px" : n.columnGap, t),
+		gapY: K(n.rowGap === "normal" ? "0px" : n.rowGap, t),
+		border: fe(n),
+		borderStyle: {
+			top: W(n.borderTopStyle),
+			right: W(n.borderRightStyle),
+			bottom: W(n.borderBottomStyle),
+			left: W(n.borderLeftStyle)
+		},
+		overflow: H(n.overflow) || H(n.overflowX) || H(n.overflowY) ? "clip" : "visible",
+		whiteSpace: n.whiteSpace === "nowrap" || n.whiteSpace === "pre" ? "nowrap" : "normal",
+		textOverflow: n.textOverflow === "ellipsis" ? "ellipsis" : "clip",
+		color: n.color,
+		backgroundColor: n.backgroundColor === "rgba(0, 0, 0, 0)" ? void 0 : n.backgroundColor,
+		borderColor: {
+			top: n.borderTopColor,
+			right: n.borderRightColor,
+			bottom: n.borderBottomColor,
+			left: n.borderLeftColor
+		},
+		textAlignBlocked: ie(i, a)
+	};
+}
+function H(e) {
+	return e === "hidden" || e === "clip";
+}
+function ie(e, t) {
+	if (/(?:^|[\s:.[!])text-(?:center|justify)/.test(e)) return !0;
+	let n = t.textAlign;
+	return n === "center" || n === "justify";
+}
+function ae(e) {
+	return typeof e.computedStyleMap == "function";
+}
+function oe(e) {
+	switch (e) {
+		case "center": return "center";
+		case "flex-end":
+		case "end":
+		case "right": return "end";
+		case "space-between": return "space-between";
+		case "space-around": return "space-around";
+		case "space-evenly": return "space-evenly";
+		default: return "start";
+	}
+}
+function U(e) {
+	switch (e) {
+		case "center": return "center";
+		case "flex-end":
+		case "end": return "end";
+		case "stretch":
+		case "normal":
+		case "": return "stretch";
+		default: return "start";
+	}
+}
+function se(e) {
+	return e === "auto" || e === "" || e === "normal" ? "auto" : U(e);
+}
+function ce(e, t, n, r) {
+	let i = (i, a, o) => {
+		if (t) {
+			let e = t.get(i)?.toString().trim();
+			if (e === "auto" || t.get(a)?.toString().trim() === "auto") return null;
+			if (e?.endsWith("%")) {
+				let t = parseFloat(e);
+				if (Number.isFinite(t) && t !== 0) return { percent: t };
+			}
+		} else if (o.test(n)) return null;
+		let s = e.getPropertyValue(i);
+		if (s === "auto") return null;
+		let c = K(s, r);
+		if (c !== 0) return c;
+		let l = e.getPropertyValue(a);
+		return l === "auto" ? null : K(l, r);
+	};
+	return {
+		top: i("margin-top", "margin-block-start", /(?:^|[\s:.[!])(?:m|my|mt)-auto\b/),
+		right: i("margin-right", "margin-inline-end", /(?:^|[\s:.[!])(?:m|mx|mr|me)-auto\b/),
+		bottom: i("margin-bottom", "margin-block-end", /(?:^|[\s:.[!])(?:m|my|mb)-auto\b/),
+		left: i("margin-left", "margin-inline-start", /(?:^|[\s:.[!])(?:m|mx|ml|ms)-auto\b/)
+	};
+}
+function W(e) {
+	switch (e) {
+		case "double": return "double";
+		case "dashed": return "dashed";
+		case "dotted": return "dotted";
+		default: return "solid";
+	}
+}
+function G(e, n) {
+	if (!e || e === "none" || e === "auto") return;
+	if (e.endsWith("%")) {
+		let t = parseFloat(e);
+		return Number.isFinite(t) ? { percent: t } : void 0;
+	}
+	let r = parseFloat(e);
+	return Number.isFinite(r) ? t(r, n) : void 0;
+}
+function K(e, n) {
+	if (!e || e === "auto" || e === "none") return 0;
+	if (e.endsWith("%")) {
+		let t = parseFloat(e);
+		return Number.isFinite(t) && t !== 0 ? { percent: t } : 0;
+	}
+	let r = parseFloat(e);
+	return Number.isFinite(r) ? t(r, n) : 0;
+}
+function q(n, r, i, a, o, s) {
+	if (n) {
+		let r = n.get(i);
+		if (r == null) return;
+		let o = r.toString().trim();
+		if (o === "auto") return { kind: "auto" };
+		let s = J(o);
+		if (s) return s;
+		if (o.endsWith("%")) return {
+			kind: "percent",
+			value: parseFloat(o)
+		};
+		if (o.endsWith("px")) return {
+			kind: "cells",
+			value: t(parseFloat(o), a)
+		};
+		if (o.endsWith("rem")) return {
+			kind: "cells",
+			value: e(parseFloat(o) / .25)
+		};
+	}
+	let c = i === "width" ? s.width : s.height;
+	if (c) {
+		if (c === "auto") return { kind: "auto" };
+		let e = J(c);
+		if (e) return e;
+		if (c.endsWith("%")) return {
+			kind: "percent",
+			value: parseFloat(c)
+		};
+		let n = parseFloat(c);
+		if (Number.isFinite(n)) return {
+			kind: "cells",
+			value: t(n, a)
+		};
+	}
+	let l = i === "width" ? "w" : "h";
+	if (RegExp(`(?:^|[\\s:.[!])${l}-min\\b`).test(o)) return { kind: "min-content" };
+	if (RegExp(`(?:^|[\\s:.[!])${l}-max\\b`).test(o)) return { kind: "max-content" };
+	if (RegExp(`(?:^|[\\s:.[!])${l}-fit\\b`).test(o)) return { kind: "fit-content" };
+	if (!ue(o, l) || r === "auto") return { kind: "auto" };
+	if (r.endsWith("%")) return {
+		kind: "percent",
+		value: parseFloat(r)
+	};
+	let u = parseFloat(r);
+	if (Number.isFinite(u)) return {
+		kind: "cells",
+		value: t(u, a)
+	};
+}
+function le(e, n) {
+	if (!e || e === "auto" || e === "content") return;
+	let r = J(e);
+	if (r) return r;
+	if (e.endsWith("%")) {
+		let t = parseFloat(e);
+		return Number.isFinite(t) ? {
+			kind: "percent",
+			value: t
+		} : void 0;
+	}
+	let i = parseFloat(e);
+	return Number.isFinite(i) ? {
+		kind: "cells",
+		value: t(i, n)
+	} : void 0;
+}
+function J(e) {
+	if (e === "min-content") return { kind: "min-content" };
+	if (e === "max-content") return { kind: "max-content" };
+	if (e === "fit-content") return { kind: "fit-content" };
+}
+function ue(e, t) {
+	return (t === "w" ? /(?:^|[\s:.[!])w-/ : /(?:^|[\s:.[!])h-/).test(e);
+}
+function de(e, t) {
+	return {
+		top: K(e.getPropertyValue("padding-top"), t),
+		right: K(e.getPropertyValue("padding-right"), t),
+		bottom: K(e.getPropertyValue("padding-bottom"), t),
+		left: K(e.getPropertyValue("padding-left"), t)
+	};
+}
+function fe(t) {
+	let n = (n, r) => t.getPropertyValue(r) === "none" ? 0 : e(parseFloat(t.getPropertyValue(n)) || 0);
+	return {
+		top: n("border-top-width", "border-top-style"),
+		right: n("border-right-width", "border-right-style"),
+		bottom: n("border-bottom-width", "border-bottom-style"),
+		left: n("border-left-width", "border-left-style")
+	};
+}
+//#endregion
+//#region src/types.ts
+function pe() {
+	return {
+		display: "block",
+		flexDirection: "row",
+		flexReverse: !1,
+		flexWrap: "nowrap",
+		wrapReverse: !1,
+		flexGrow: 0,
+		flexShrink: 0,
+		flexBasis: void 0,
+		order: 0,
+		justifyContent: "start",
+		alignItems: "start",
+		alignSelf: "auto",
+		width: void 0,
+		height: void 0,
+		minWidth: "auto",
+		minHeight: "auto",
+		maxWidth: void 0,
+		maxHeight: void 0,
+		padding: Y(),
+		margin: {
+			top: 0,
+			right: 0,
+			bottom: 0,
+			left: 0
+		},
+		gapX: 0,
+		gapY: 0,
+		border: Y(),
+		borderStyle: {
+			top: "solid",
+			right: "solid",
+			bottom: "solid",
+			left: "solid"
+		},
+		overflow: "visible",
+		whiteSpace: "normal",
+		textOverflow: "clip",
+		color: void 0,
+		backgroundColor: void 0,
+		borderColor: {
+			top: void 0,
+			right: void 0,
+			bottom: void 0,
+			left: void 0
+		},
+		textAlignBlocked: !1
+	};
+}
+function Y() {
+	return {
+		top: 0,
+		right: 0,
+		bottom: 0,
+		left: 0
+	};
+}
+//#endregion
+//#region src/tree.ts
+function X(e, t) {
+	let n = re(e, t);
+	if (n.display === "none") return null;
+	let r = Array.from(e.children);
+	if (r.every(he)) {
+		let t = Z(e).split("\n").map((e) => e.trim()).join("\n").trim(), r = ge(t), i = t.length > 0 ? _e(t) : 0;
+		return {
+			source: e,
+			style: n,
+			children: [],
+			text: t,
+			intrinsicWidth: r,
+			intrinsicHeight: i,
+			localRect: {
+				x: 0,
+				y: 0,
+				width: r,
+				height: i
+			},
+			unclampedHeight: 0,
+			resolvedPadding: Y()
+		};
+	}
+	let i = [];
+	for (let e of r) {
+		let n = X(e, t);
+		n && i.push(n);
+	}
+	return {
+		source: e,
+		style: n,
+		children: i,
+		text: "",
+		intrinsicWidth: 0,
+		intrinsicHeight: 0,
+		localRect: {
+			x: 0,
+			y: 0,
+			width: 0,
+			height: 0
+		},
+		unclampedHeight: 0,
+		resolvedPadding: Y()
+	};
+}
+var me = /* @__PURE__ */ new Set(/* @__PURE__ */ "A.ABBR.B.BDI.BDO.BR.CITE.CODE.DATA.DFN.EM.I.KBD.MARK.Q.S.SAMP.SMALL.SPAN.STRONG.SUB.SUP.TIME.U.VAR.WBR".split("."));
+function he(e) {
+	if (me.has(e.tagName)) return !0;
+	let t = getComputedStyle(e).display;
+	return t.startsWith("inline") || t === "contents";
+}
+function Z(e) {
+	let t = [];
+	for (let n of Array.from(e.childNodes)) if (n.nodeType === Node.TEXT_NODE) t.push((n.textContent ?? "").replace(/[ \t\r\n\f]+/g, " "));
+	else if (n.nodeType === Node.ELEMENT_NODE) {
+		let e = n;
+		e.tagName === "BR" ? t.push("\n") : t.push(Z(e));
+	}
+	return t.join("");
+}
+function ge(e) {
+	let t = 0;
+	for (let n of e.split("\n")) n.length > t && (t = n.length);
+	return t;
+}
+function _e(e) {
+	return e.split("\n").length;
+}
+//#endregion
+//#region src/element.ts
+var ve = "\n<style>\n  :host { display: block; position: relative; contain: layout style; }\n  #viewport { position: relative; width: 100%; height: 100%; }\n  #decorations { position: absolute; inset: 0; pointer-events: none; user-select: none; white-space: pre; }\n</style>\n<div id=\"viewport\">\n  <div id=\"decorations\" aria-hidden=\"true\"></div>\n  <slot></slot>\n</div>\n", Q = class extends HTMLElement {
+	#e;
+	#t;
+	#n = null;
+	#r = null;
+	#i = !1;
+	#a = 0;
+	#o = null;
+	constructor() {
+		super(), this.#e = this.attachShadow({ mode: "open" }), this.#e.innerHTML = ve, this.#t = this.#e.getElementById("decorations");
+	}
+	connectedCallback() {
+		this.#n = new ResizeObserver(() => this.#l()), this.#n.observe(this), this.#r = new MutationObserver((e) => {
+			this.#a > 0 || e.every(this.#c) || (e.some((e) => e.target === this && e.type === "attributes") && (this.#o = null), this.#l());
+		}), this.#r.observe(this, {
+			childList: !0,
+			subtree: !0,
+			characterData: !0,
+			attributes: !0,
+			attributeFilter: ["class", "style"]
+		}), document.fonts?.ready.then(this.#s).catch((e) => {
+			console.warn("[monowind] document.fonts.ready failed:", e);
+		}), document.fonts?.addEventListener("loadingdone", this.#s), this.#l();
+	}
+	disconnectedCallback() {
+		this.#n?.disconnect(), this.#r?.disconnect(), this.#n = null, this.#r = null, document.fonts?.removeEventListener("loadingdone", this.#s), this.#o = null;
+	}
+	#s = () => {
+		this.#o = null, this.#l();
+	};
+	#c = (e) => {
+		if (e.type !== "attributes") return !1;
+		let t = e.attributeName;
+		return t === "data-mw-laid-out" || t === "data-mw-ready" || t === "data-mw-text-align-blocked" || t === "data-mw-clip" || t === "data-mw-nowrap" || t === "style" && this.#a > 0;
+	};
+	#l() {
+		this.#i || (this.#i = !0, requestAnimationFrame(() => {
+			this.#i = !1;
+			try {
+				this.#u();
+			} catch (e) {
+				console.error("[monowind] layout failed:", e);
+			}
+		}));
+	}
+	#u() {
+		this.#a++, this.setAttribute("measuring", "");
+		try {
+			this.#o || (this.#o = r(this), this.style.setProperty("--mw-cw", `${this.#o.width}px`), this.style.setProperty("--mw-ch", `${this.#o.height}px`));
+			let e = this.#o, t = Math.max(0, Math.floor(this.clientWidth / e.width));
+			if (t === 0) return;
+			let n = i(), a = [];
+			for (let e of Array.from(this.children)) {
+				let t = X(e, n);
+				t && a.push(t);
+			}
+			if (a.length === 0) {
+				this.#t.replaceChildren(), this.setAttribute("data-mw-ready", "");
+				return;
+			}
+			let o = {
+				source: this,
+				style: pe(),
+				children: a,
+				text: "",
+				intrinsicWidth: 0,
+				intrinsicHeight: 0,
+				localRect: {
+					x: 0,
+					y: 0,
+					width: 0,
+					height: 0
+				},
+				unclampedHeight: 0,
+				resolvedPadding: {
+					top: 0,
+					right: 0,
+					bottom: 0,
+					left: 0
+				}
+			}, { height: s } = l(o, t);
+			ee(o, this.#t), this.style.height = `${s * e.height}px`, this.setAttribute("data-mw-ready", "");
+		} finally {
+			this.removeAttribute("measuring"), queueMicrotask(() => {
+				this.#r?.takeRecords(), this.#a--;
+			});
+		}
+	}
+};
+function ye() {
+	customElements.get("mono-wind") || customElements.define("mono-wind", Q);
+}
+//#endregion
+//#region src/ascii.ts
+function be(e) {
+	let t = e.localRect.width, n = e.localRect.height;
+	if (t <= 0 || n <= 0) return "";
+	let r = Array.from({ length: n }, () => Array.from({ length: t }, () => " "));
+	return $(e, 0, 0, (e, i, a) => {
+		e >= 0 && e < t && i >= 0 && i < n && (r[i][e] = a);
+	}), r.map((e) => e.join("").trimEnd()).join("\n");
+}
+function $(e, t, n, r) {
+	let i = t + e.localRect.x, o = n + e.localRect.y, s = e.style, c = [];
+	R(s, {
+		x: i,
+		y: o,
+		width: e.localRect.width,
+		height: e.localRect.height
+	}, c);
+	for (let e of c) for (let t = 0; t < e.length; t++) r(e.x + t, e.y, e.glyph);
+	if (e.children.length === 0 && e.text) {
+		let t = e.resolvedPadding, n = i + s.border.left + t.left, c = o + s.border.top + t.top, l = e.localRect.width - s.border.left - s.border.right - t.left - t.right, u = s.whiteSpace === "nowrap" ? e.text.split("\n").map((e) => xe(e, l, s)) : a(e.text, l);
+		for (let e = 0; e < u.length; e++) {
+			let t = u[e];
+			for (let i = 0; i < t.length; i++) r(n + i, c + e, t[i]);
+		}
+	}
+	for (let t of e.children) $(t, i, o, r);
+}
+function xe(e, t, n) {
+	return n.overflow !== "clip" || e.length <= t ? e : t <= 0 ? "" : n.textOverflow === "ellipsis" ? `${e.slice(0, t - 1)}…` : e.slice(0, t);
+}
+//#endregion
+export { Q as MonoWindElement, ye as defineMonoWind, be as renderAscii };
+
+//# sourceMappingURL=index.js.map