@getpinax/widget 0.0.0-stage → 1.0.0-beta.2

package/dist/chunks/editor-0Kr31Uly.mjs

@@ -0,0 +1,1368 @@
+import { c as e, r as t } from "./widget-BpTBdX2R.mjs";
+import { a as n, i as r, n as i, r as a, t as o } from "./privacy-B_b1_Y1n.mjs";
+// src/editor/shapes.ts
+var s = "#FF5C35", c = "#CC3F1B";
+function l(e) {
+	return e.type === "arrow" || e.type === "text" ? e : {
+		...e,
+		x: Math.min(e.x, e.x + e.w),
+		y: Math.min(e.y, e.y + e.h),
+		w: Math.abs(e.w),
+		h: Math.abs(e.h)
+	};
+}
+function u(e, t) {
+	return Math.max(3, Math.round(Math.min(e, t) / 220));
+}
+function d(e, t) {
+	return Math.max(13, Math.round(Math.min(e, t) / 55));
+}
+function f(e, t, n, r, i, a) {
+	let o = Math.min(a, r / 2, i / 2);
+	e.beginPath(), e.moveTo(t + o, n), e.arcTo(t + r, n, t + r, n + i, o), e.arcTo(t + r, n + i, t, n + i, o), e.arcTo(t, n + i, t, n, o), e.arcTo(t, n, t + r, n, o), e.closePath();
+}
+function p(e, t, n) {
+	e.font = `700 ${n}px Manrope, system-ui, sans-serif`;
+	let r = Math.round(n * .6);
+	return {
+		w: Math.ceil(e.measureText(t).width) + r * 2,
+		h: Math.round(n * 1.9),
+		pad: r
+	};
+}
+function m(e, t, n, r, i) {
+	let a = u(r, i), o = l(t);
+	if (e.save(), o.type === "box") e.strokeStyle = s, e.lineWidth = a, f(e, o.x, o.y, o.w, o.h, a * 2.5), e.stroke();
+	else if (o.type === "blur") {
+		let t = Math.max(1, Math.round(o.w)), a = Math.max(1, Math.round(o.h)), s = Math.max(8, Math.round(Math.min(r, i) / 70)), c = n, l = o.x, u = o.y, d = t, f = a, p = Math.max(1, Math.ceil(t / s)), m = Math.max(1, Math.ceil(a / s));
+		for (; d > p || f > m;) {
+			let e = Math.max(p, Math.ceil(d / 2)), t = Math.max(m, Math.ceil(f / 2)), n = document.createElement("canvas");
+			n.width = e, n.height = t;
+			let r = n.getContext("2d");
+			if (!r) break;
+			r.imageSmoothingEnabled = !0, r.imageSmoothingQuality = "high", r.drawImage(c, l, u, d, f, 0, 0, e, t), c = n, l = 0, u = 0, d = e, f = t;
+		}
+		e.imageSmoothingEnabled = !1, e.drawImage(c, l, u, d, f, o.x, o.y, t, a);
+	} else if (o.type === "arrow") {
+		let t = o.x + o.w, n = o.y + o.h, r = Math.atan2(o.h, o.w), i = a * 4.5;
+		e.strokeStyle = s, e.lineWidth = a, e.lineCap = "round", e.lineJoin = "round", e.beginPath(), e.moveTo(o.x, o.y), e.lineTo(t, n), e.moveTo(t - i * Math.cos(r - Math.PI / 6), n - i * Math.sin(r - Math.PI / 6)), e.lineTo(t, n), e.lineTo(t - i * Math.cos(r + Math.PI / 6), n - i * Math.sin(r + Math.PI / 6)), e.stroke();
+	} else if (o.type === "text" && o.text) {
+		let t = d(r, i), n = p(e, o.text, t);
+		e.fillStyle = c, f(e, o.x, o.y, n.w, n.h, t * .5), e.fill(), e.fillStyle = "#FFFFFF", e.textBaseline = "middle", e.fillText(o.text, o.x + n.pad, o.y + n.h / 2);
+	}
+	e.restore();
+}
+function h(e, t, n) {
+	let r = [];
+	for (let i of e) {
+		let e = l(i), a = e.type === "text" ? n(e) : {
+			w: e.w,
+			h: e.h
+		}, o = Math.min(e.x, e.x + a.w), s = Math.max(e.x, e.x + a.w), c = Math.min(e.y, e.y + a.h), u = Math.max(e.y, e.y + a.h);
+		if (s < t.x || o > t.x + t.w || u < t.y || c > t.y + t.h) continue;
+		let d = {
+			type: e.type,
+			x: (e.x - t.x) / t.w,
+			y: (e.y - t.y) / t.h,
+			w: a.w / t.w,
+			h: a.h / t.h
+		};
+		e.type === "text" && (d.text = e.text), r.push(d);
+	}
+	return r;
+}
+// src/editor/annotator.ts
+var g = "\n.ed { position: fixed; inset: 0; z-index: 10; display: flex; flex-direction: column; gap: 12px; padding: 12px; background: rgba(7,11,23,0.92); font-family: Manrope, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif; color: #E8ECF7; font-size: 13px; }\n.ed * { box-sizing: border-box; }\n.ed button { font: inherit; cursor: pointer; }\n.ed :focus-visible { outline: 3px solid #B8F35C; outline-offset: 2px; }\n.ed-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 10px; border-radius: 14px; background: #0E1426; box-shadow: inset 0 0 0 1px rgba(157,180,255,0.16); }\n.ed-grp { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; }\n.ed-sep { width: 1px; align-self: stretch; background: rgba(157,180,255,0.16); margin: 0 2px; }\n.ed-t { min-height: 36px; padding: 8px 12px; border: 0; border-radius: 8px; background: rgba(255,255,255,0.06); color: #E8ECF7; font-weight: 600; display: inline-flex; align-items: center; gap: 6px; }\n.ed-t:hover { background: rgba(255,255,255,0.1); }\n.ed-t[aria-pressed=true] { background: #B8F35C; color: #0B1300; font-weight: 700; }\n.ed-t:disabled { opacity: .45; cursor: default; }\n.ed-sp { flex: 1; }\n.ed-done { background: #B8F35C; color: #0B1300; font-weight: 800; }\n.ed-done:hover { background: #CFF59A; }\n.ed-stage { position: relative; flex: 1; min-height: 0; display: flex; align-items: center; justify-content: center; }\n.ed-cv { display: block; max-width: 100%; max-height: 100%; border-radius: 10px; box-shadow: 0 30px 60px -20px rgba(0,0,0,0.6); touch-action: none; cursor: crosshair; background: #FFFFFF; }\n.ed-hint { margin: 0; text-align: center; color: #A7B2CC; font-size: 13px; }\n.ed-txt { position: absolute; min-width: 160px; padding: 8px 10px; border: 0; border-radius: 8px; background: #CC3F1B; color: #FFFFFF; font: 700 14px Manrope, system-ui, sans-serif; box-shadow: 0 0 0 3px #FFFFFF; }\n.ed-txt::placeholder { color: rgba(255,255,255,0.85); }\n.ed-txt:focus { outline: none; }\n.ed-auto { margin: 0; display: flex; align-items: center; justify-content: center; gap: 8px; color: #CFF59A; font-size: 13px; font-weight: 600; text-align: center; }\n.ed-auto i { flex: none; width: 18px; height: 12px; border-radius: 3px; border: 2px dashed #B8F35C; background: repeating-linear-gradient(90deg, #D8DEE9 0 4px, #C7CFDC 4px 8px); }\n.ed-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }\n@media (max-width: 640px) { .ed { padding: 8px; gap: 8px; } .ed-bar { padding: 8px; gap: 6px; } .ed-t { padding: 8px 10px; } .ed-sep { display: none; } }\n", _ = [
+	["box", "Box"],
+	["arrow", "Arrow"],
+	["text", "Text"],
+	["blur", "Blur"]
+], v = 6;
+function y(e, n, r, i = []) {
+	return new Promise((a) => {
+		let o = n.width, s = n.height, c = r ? r.shapes.map((e) => ({ ...e })) : [], u = r?.area ? { ...r.area } : null, f = "box", y = u ? "area" : "full", x = null, S = null, C = null, w = e.activeElement, T = t("style");
+		T.textContent = g;
+		let E = t("div", {
+			class: "ed-sr",
+			role: "status",
+			"aria-live": "polite"
+		}), D = (e) => {
+			E.textContent = e;
+		}, O = t("canvas", {
+			class: "ed-cv",
+			width: o,
+			height: s,
+			tabindex: 0,
+			role: "img"
+		}), k = O.getContext("2d"), A = (e, n = "ed-t", r = {}) => t("button", {
+			type: "button",
+			class: n,
+			...r
+		}, e), j = A("Whole screen", "ed-t", { "aria-pressed": "true" }), M = A("Select area", "ed-t", { "aria-pressed": "false" }), N = _.map(([e, t]) => {
+			let n = A(t, "ed-t", {
+				"aria-pressed": "false",
+				"data-tool": e
+			});
+			return n.addEventListener("click", () => {
+				f = e, R = !1, u || (y = "full"), H();
+			}), n;
+		}), P = A("Undo"), F = A("Clear"), I = A("Cancel"), te = A("Done", "ed-t ed-done"), ne = t("p", {
+			class: "ed-hint",
+			id: "pnx-ed-hint"
+		}), L = i.length ? t("p", {
+			class: "ed-auto",
+			id: "pnx-ed-auto"
+		}, t("i", { "aria-hidden": "true" }), `${i.length === 1 ? "1 private detail was" : `${i.length} private details were`} blurred automatically (outlined). They stay blurred.`) : null;
+		O.setAttribute("aria-describedby", L ? "pnx-ed-hint pnx-ed-auto" : "pnx-ed-hint");
+		let R = !1;
+		j.addEventListener("click", () => {
+			u = null, y = "full", R = !1, D("Whole screen selected."), H();
+		}), M.addEventListener("click", () => {
+			y = "area", R = !0, D("Drag over the part of the screenshot to keep."), H(), O.focus();
+		}), P.addEventListener("click", () => {
+			c.pop() && D("Last mark removed."), H();
+		}), F.addEventListener("click", () => {
+			c.length = 0, D("All marks cleared."), H();
+		});
+		let re = t("div", {
+			class: "ed-bar",
+			role: "toolbar",
+			"aria-label": "Screenshot tools"
+		}, t("div", {
+			class: "ed-grp",
+			role: "group",
+			"aria-label": "Capture"
+		}, j, M), t("span", {
+			class: "ed-sep",
+			"aria-hidden": "true"
+		}), t("div", {
+			class: "ed-grp",
+			role: "group",
+			"aria-label": "Draw"
+		}, ...N), t("span", {
+			class: "ed-sep",
+			"aria-hidden": "true"
+		}), t("div", { class: "ed-grp" }, P, F), t("span", { class: "ed-sp" }), t("div", { class: "ed-grp" }, I, te)), z = t("div", { class: "ed-stage" }, O), B = t("div", {
+			class: "ed",
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-label": "Mark up screenshot"
+		}, re, z, ne, L, E), ie = (e) => p(k, e.text ?? "", d(o, s));
+		function V() {
+			k.clearRect(0, 0, o, s), k.drawImage(n, 0, 0);
+			for (let e of c) m(k, e, n, o, s);
+			x && m(k, x, n, o, s), ae();
+			let e = S ? b(S) : u;
+			if (e) {
+				k.save(), k.fillStyle = "rgba(7,11,23,0.55)", k.beginPath(), k.rect(0, 0, o, s), k.rect(e.x, e.y, e.w, e.h), k.fill("evenodd");
+				let t = Math.max(2, Math.round(Math.min(o, s) / 400));
+				k.setLineDash([t * 4, t * 3]), k.lineWidth = t, k.strokeStyle = "#7C9CFF", k.strokeRect(e.x, e.y, e.w, e.h), k.restore();
+			}
+		}
+		function ae() {
+			if (!i.length) return;
+			let e = Math.max(2, Math.round(Math.min(o, s) / 450)), t = Math.max(11, Math.round(d(o, s) * .75));
+			k.save(), k.lineWidth = e, k.setLineDash([e * 3, e * 2]), k.strokeStyle = "#B8F35C", k.font = `800 ${t}px Manrope, system-ui, sans-serif`, k.textBaseline = "middle";
+			for (let e of i) k.strokeRect(e.x, e.y, e.w, e.h);
+			let n = i[0], r = "Auto-blurred", a = Math.round(t * .5), c = Math.ceil(k.measureText(r).width) + a * 2, l = Math.round(t * 1.7), u = Math.min(Math.max(0, n.x), o - c), f = n.y - l - e >= 0 ? n.y - l - e : n.y + n.h + e;
+			k.setLineDash([]), k.fillStyle = "#B8F35C", k.fillRect(u, f, c, l), k.fillStyle = "#0B1300", k.fillText(r, u + a, f + l / 2), k.restore();
+		}
+		function H() {
+			j.setAttribute("aria-pressed", String(y === "full")), M.setAttribute("aria-pressed", String(y === "area"));
+			for (let e of N) e.setAttribute("aria-pressed", String(!R && e.dataset.tool === f));
+			P.disabled = c.length === 0, F.disabled = c.length === 0;
+			let e = c.length;
+			O.setAttribute("aria-label", `Screenshot of the page${e ? `, ${e} ${e === 1 ? "mark" : "marks"}` : ""}${i.length ? `, ${i.length} blurred automatically` : ""}${u ? ", area selected" : ""}`), ne.textContent = R ? "Drag over the part you want to send." : f === "text" ? "Tap where the label should go, then type." : `Drag to draw a ${f === "blur" ? "blurred area" : f}, or tap to place one.`, V();
+		}
+		function U(e) {
+			let t = O.getBoundingClientRect();
+			return {
+				x: (e.clientX - t.left) / t.width * o,
+				y: (e.clientY - t.top) / t.height * s
+			};
+		}
+		function oe(e, t, n) {
+			let r = o * .16, i = s * .12;
+			if (e === "arrow") {
+				let e = o * .08, r = s * .08, i = t - e < 0 ? 1 : -1, a = n - r < 0 ? 1 : -1;
+				return {
+					type: "arrow",
+					x: t + i * e,
+					y: n + a * r,
+					w: -i * e,
+					h: -a * r
+				};
+			}
+			return {
+				type: e,
+				x: se(t - r / 2, r),
+				y: W(n - i / 2, i),
+				w: r,
+				h: i
+			};
+		}
+		let se = (e, t) => Math.min(Math.max(0, e), o - t), W = (e, t) => Math.min(Math.max(0, e), s - t);
+		function G(e) {
+			c.push(l(e)), D(`${e.type === "blur" ? "Blurred area" : e.type[0].toUpperCase() + e.type.slice(1)} added.`), H();
+		}
+		function K(e, n) {
+			C?.remove();
+			let r = t("input", {
+				class: "ed-txt",
+				type: "text",
+				maxlength: 120,
+				"aria-label": "Label text",
+				placeholder: "Type a label, then Enter",
+				autocomplete: "off"
+			}), i = O.getBoundingClientRect(), a = z.getBoundingClientRect(), c = i.left - a.left + e / o * i.width, l = i.top - a.top + n / s * i.height;
+			r.style.left = `${Math.min(c, a.width - 170)}px`, r.style.top = `${Math.min(l, a.height - 40)}px`;
+			let u = !1, f = (t) => {
+				if (u) return;
+				u = !0;
+				let i = r.value.trim();
+				if (r.remove(), C = null, t && i) {
+					let t = d(o, s), r = p(k, i, t);
+					G({
+						type: "text",
+						x: se(e, r.w),
+						y: W(n, r.h),
+						w: r.w,
+						h: r.h,
+						text: i
+					});
+				}
+				O.focus();
+			};
+			r.addEventListener("keydown", (e) => {
+				e.stopPropagation(), e.key === "Enter" && f(!0), e.key === "Escape" && f(!1);
+			}), r.addEventListener("blur", () => f(!0)), z.append(r), C = r, r.focus();
+		}
+		let q = null;
+		O.addEventListener("pointerdown", (e) => {
+			q || e.pointerType === "mouse" && e.button !== 0 || (e.preventDefault(), O.setPointerCapture?.(e.pointerId), q = {
+				...U(e),
+				cx: e.clientX,
+				cy: e.clientY,
+				id: e.pointerId
+			});
+		}), O.addEventListener("pointermove", (e) => {
+			if (!q || e.pointerId !== q.id) return;
+			let t = U(e);
+			R ? S = {
+				x: q.x,
+				y: q.y,
+				w: t.x - q.x,
+				h: t.y - q.y
+			} : f !== "text" && (x = {
+				type: f,
+				x: q.x,
+				y: q.y,
+				w: t.x - q.x,
+				h: t.y - q.y
+			}), V();
+		});
+		let ce = (e, t = !1) => {
+			if (!q || e.pointerId !== q.id) return;
+			let n = q;
+			q = null;
+			let r = Math.hypot(e.clientX - n.cx, e.clientY - n.cy) > v, i = U(e);
+			if (x = null, t) S = null, V();
+			else if (R) {
+				S = null;
+				let e = ee(b({
+					x: n.x,
+					y: n.y,
+					w: i.x - n.x,
+					h: i.y - n.y
+				}), o, s);
+				r && e.w > 8 && e.h > 8 && (u = e, R = !1, D("Area selected.")), H();
+			} else f === "text" ? K(n.x, n.y) : G(r ? {
+				type: f,
+				x: n.x,
+				y: n.y,
+				w: i.x - n.x,
+				h: i.y - n.y
+			} : oe(f, n.x, n.y));
+		};
+		O.addEventListener("pointerup", (e) => ce(e)), O.addEventListener("pointercancel", (e) => ce(e, !0)), O.addEventListener("keydown", (e) => {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), R ? (u = {
+				x: o * .2,
+				y: s * .2,
+				w: o * .6,
+				h: s * .6
+			}, R = !1, D("Middle of the screenshot selected."), H()) : f === "text" ? K(o * .4, s * .45) : G(oe(f, o / 2, s / 2)));
+		});
+		function J(e) {
+			B.removeEventListener("keydown", ue, !0), B.remove(), T.remove();
+			try {
+				w?.focus();
+			} catch {}
+			a(e);
+		}
+		function le() {
+			let e = u ?? {
+				x: 0,
+				y: 0,
+				w: o,
+				h: s
+			}, t = document.createElement("canvas");
+			t.width = Math.max(1, Math.round(e.w)), t.height = Math.max(1, Math.round(e.h));
+			let r = t.getContext("2d"), i = document.createElement("canvas");
+			i.width = o, i.height = s;
+			let a = i.getContext("2d");
+			a.drawImage(n, 0, 0);
+			for (let e of c) m(a, e, n, o, s);
+			r.drawImage(i, e.x, e.y, e.w, e.h, 0, 0, t.width, t.height), i.width = 0, i.height = 0, J({
+				canvas: t,
+				annotations: h(c, e, ie),
+				state: {
+					shapes: c.map((e) => ({ ...e })),
+					area: u
+				}
+			});
+		}
+		I.addEventListener("click", () => J(null)), te.addEventListener("click", le);
+		function ue(t) {
+			if (t.key === "Escape") t.preventDefault(), t.stopPropagation(), J(null);
+			else if ((t.metaKey || t.ctrlKey) && t.key.toLowerCase() === "z") t.preventDefault(), c.pop() && D("Last mark removed."), H();
+			else if (t.key === "Tab") {
+				let n = [...B.querySelectorAll("button:not(:disabled), canvas, input")];
+				if (!n.length) return;
+				let r = n[0], i = n[n.length - 1], a = e.activeElement;
+				t.shiftKey && a === r ? (t.preventDefault(), i.focus()) : !t.shiftKey && a === i && (t.preventDefault(), r.focus());
+			}
+		}
+		B.addEventListener("keydown", ue, !0), e.append(T, B), H(), N[0].focus();
+	});
+}
+function b(e) {
+	return {
+		x: Math.min(e.x, e.x + e.w),
+		y: Math.min(e.y, e.y + e.h),
+		w: Math.abs(e.w),
+		h: Math.abs(e.h)
+	};
+}
+function ee(e, t, n) {
+	let r = Math.max(0, e.x), i = Math.max(0, e.y);
+	return {
+		x: r,
+		y: i,
+		w: Math.max(0, Math.min(t, e.x + e.w) - r),
+		h: Math.max(0, Math.min(n, e.y + e.h) - i)
+	};
+}
+var x = "[modern-screenshot]", S = typeof window < "u", C = S && "Worker" in window;
+S && "atob" in window, S && "btoa" in window;
+var w = S ? window.navigator?.userAgent : "", T = w.includes("Chrome"), E = w.includes("AppleWebKit") && !T, D = w.includes("Firefox"), O = (e) => e && "__CONTEXT__" in e, k = (e) => e.constructor.name === "CSSFontFaceRule", A = (e) => e.constructor.name === "CSSImportRule", j = (e) => e.constructor.name === "CSSLayerBlockRule", M = (e) => e.nodeType === 1, N = (e) => typeof e.className == "object", P = (e) => e.tagName === "image", F = (e) => e.tagName === "use", I = (e) => M(e) && e.style !== void 0 && !N(e), te = (e) => e.nodeType === 8, ne = (e) => e.nodeType === 3, L = (e) => e.tagName === "IMG", R = (e) => e.tagName === "VIDEO", re = (e) => e.tagName === "CANVAS", z = (e) => e.tagName === "TEXTAREA", B = (e) => e.tagName === "INPUT", ie = (e) => e.tagName === "STYLE", V = (e) => e.tagName === "SCRIPT", ae = (e) => e.tagName === "SELECT", H = (e) => e.tagName === "SLOT", U = (e) => e.tagName === "IFRAME", oe = (...e) => console.warn(x, ...e);
+function se(e) {
+	let t = e?.createElement?.("canvas");
+	return t && (t.height = t.width = 1), !!t && "toDataURL" in t && !!t.toDataURL("image/webp").includes("image/webp");
+}
+var W = (e) => e.startsWith("data:");
+function G(e, t) {
+	if (e.match(/^[a-z]+:\/\//i)) return e;
+	if (S && e.match(/^\/\//)) return window.location.protocol + e;
+	if (e.match(/^[a-z]+:/i) || !S) return e;
+	let n = K().implementation.createHTMLDocument(), r = n.createElement("base"), i = n.createElement("a");
+	return n.head.appendChild(r), n.body.appendChild(i), t && (r.href = t), i.href = e, i.href;
+}
+function K(e) {
+	return (e && M(e) ? e?.ownerDocument : e) ?? window.document;
+}
+var q = "http://www.w3.org/2000/svg";
+function ce(e, t, n) {
+	let r = K(n).createElementNS(q, "svg");
+	return r.setAttributeNS(null, "width", e.toString()), r.setAttributeNS(null, "height", t.toString()), r.setAttributeNS(null, "viewBox", `0 0 ${e} ${t}`), r;
+}
+function J(e, t) {
+	let n = new XMLSerializer().serializeToString(e);
+	return t && (n = n.replace(/[\u0000-\u0008\v\f\u000E-\u001F\uD800-\uDFFF\uFFFE\uFFFF]/gu, "")), `data:image/svg+xml;charset=utf-8,${encodeURIComponent(n)}`;
+}
+function le(e, t) {
+	return new Promise((n, r) => {
+		let i = new FileReader();
+		i.onload = () => n(i.result), i.onerror = () => r(i.error), i.onabort = () => r(/* @__PURE__ */ Error(`Failed read blob to ${t}`)), t === "dataUrl" ? i.readAsDataURL(e) : t === "arrayBuffer" && i.readAsArrayBuffer(e);
+	});
+}
+var ue = (e) => le(e, "dataUrl");
+function Y(e, t) {
+	let n = K(t).createElement("img");
+	return n.decoding = "sync", n.loading = "eager", n.src = e, n;
+}
+function X(e, t) {
+	return new Promise((n) => {
+		let { timeout: r, ownerDocument: i, onError: a, onWarn: o } = t ?? {}, s = typeof e == "string" ? Y(e, K(i)) : e, c = null, l = null;
+		function u() {
+			n(s), c && clearTimeout(c), l?.();
+		}
+		if (r && (c = setTimeout(u, r)), R(s)) {
+			let e = s.currentSrc || s.src;
+			if (!e) return s.poster ? X(s.poster, t).then(n) : u();
+			if (s.readyState >= 2) return u();
+			let r = u, i = (t) => {
+				o?.("Failed video load", e, t), a?.(t), u();
+			};
+			l = () => {
+				s.removeEventListener("loadeddata", r), s.removeEventListener("error", i);
+			}, s.addEventListener("loadeddata", r, { once: !0 }), s.addEventListener("error", i, { once: !0 });
+		} else {
+			let e = P(s) ? s.href.baseVal : s.currentSrc || s.src;
+			if (!e) return u();
+			let t = async () => {
+				if (L(s) && "decode" in s) try {
+					await s.decode();
+				} catch (t) {
+					o?.("Failed to decode image, trying to render anyway", s.dataset.originalSrc || e, t);
+				}
+				u();
+			}, n = (t) => {
+				o?.("Failed image load", s.dataset.originalSrc || e, t), u();
+			};
+			if (L(s) && s.complete) return t();
+			l = () => {
+				s.removeEventListener("load", t), s.removeEventListener("error", n);
+			}, s.addEventListener("load", t, { once: !0 }), s.addEventListener("error", n, { once: !0 });
+		}
+	});
+}
+async function de(e, t) {
+	I(e) && (L(e) || R(e) ? await X(e, t) : await Promise.all(["img", "video"].flatMap((n) => Array.from(e.querySelectorAll(n)).map((e) => X(e, t)))));
+}
+var fe = /* @__PURE__ */ function() {
+	let e = 0, t = () => `0000${(Math.random() * 36 ** 4 | 0).toString(36)}`.slice(-4);
+	return () => (e += 1, `u${t()}${e}`);
+}();
+function pe(e) {
+	return e?.split(",").map((e) => e.trim().replace(/"|'/g, "").toLowerCase()).filter(Boolean);
+}
+var me = 0;
+function he(e) {
+	let t = `${x}[#${me}]`;
+	return me++, {
+		time: (n) => e && console.time(`${t} ${n}`),
+		timeEnd: (n) => e && console.timeEnd(`${t} ${n}`),
+		warn: (...t) => e && oe(...t)
+	};
+}
+function ge(e) {
+	return { cache: e ? "no-cache" : "force-cache" };
+}
+async function _e(e, t) {
+	return O(e) ? e : ve(e, {
+		...t,
+		autoDestruct: !0
+	});
+}
+async function ve(e, t) {
+	let { scale: n = 1, workerUrl: r, workerNumber: i = 1 } = t || {}, a = !!t?.debug, o = t?.features ?? !0, s = e.ownerDocument ?? (S ? window.document : void 0), c = e.ownerDocument?.defaultView ?? (S ? window : void 0), l = /* @__PURE__ */ new Map(), u = {
+		width: 0,
+		height: 0,
+		quality: 1,
+		type: "image/png",
+		scale: n,
+		backgroundColor: null,
+		style: null,
+		filter: null,
+		maximumCanvasSize: 0,
+		timeout: 3e4,
+		progress: null,
+		debug: a,
+		fetch: {
+			requestInit: ge(t?.fetch?.bypassingCache),
+			placeholderImage: "data:image/png;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",
+			bypassingCache: !1,
+			...t?.fetch
+		},
+		fetchFn: null,
+		font: {},
+		drawImageInterval: 100,
+		workerUrl: null,
+		workerNumber: i,
+		onCloneEachNode: null,
+		onCloneNode: null,
+		onEmbedNode: null,
+		onCreateForeignObjectSvg: null,
+		includeStyleProperties: null,
+		autoDestruct: !1,
+		...t,
+		__CONTEXT__: !0,
+		log: he(a),
+		node: e,
+		ownerDocument: s,
+		ownerWindow: c,
+		dpi: n === 1 ? null : 96 * n,
+		svgStyleElement: ye(s),
+		svgDefsElement: s?.createElementNS(q, "defs"),
+		svgStyles: /* @__PURE__ */ new Map(),
+		defaultComputedStyles: /* @__PURE__ */ new Map(),
+		workers: [...Array.from({ length: C && r && i ? i : 0 })].map(() => {
+			try {
+				let e = new Worker(r);
+				return e.onmessage = async (e) => {
+					let { url: t, result: n } = e.data;
+					n ? l.get(t)?.resolve?.(n) : l.get(t)?.reject?.(/* @__PURE__ */ Error(`Error receiving message from worker: ${t}`));
+				}, e.onmessageerror = (e) => {
+					let { url: t } = e.data;
+					l.get(t)?.reject?.(/* @__PURE__ */ Error(`Error receiving message from worker: ${t}`));
+				}, e;
+			} catch (e) {
+				return u.log.warn("Failed to new Worker", e), null;
+			}
+		}).filter(Boolean),
+		fontFamilies: /* @__PURE__ */ new Map(),
+		fontCssTexts: /* @__PURE__ */ new Map(),
+		acceptOfImage: `${[
+			se(s) && "image/webp",
+			"image/svg+xml",
+			"image/*",
+			"*/*"
+		].filter(Boolean).join(",")};q=0.8`,
+		requests: l,
+		drawImageCount: 0,
+		tasks: [],
+		features: o,
+		isEnable: (e) => e === "restoreScrollPosition" ? typeof o == "boolean" ? !1 : o[e] ?? !1 : typeof o == "boolean" ? o : o[e] ?? !0,
+		shadowRoots: []
+	};
+	u.log.time("wait until load"), await de(e, {
+		timeout: u.timeout,
+		onWarn: u.log.warn
+	}), u.log.timeEnd("wait until load");
+	let { width: d, height: f } = be(e, u);
+	return u.width = d, u.height = f, u;
+}
+function ye(e) {
+	if (!e) return;
+	let t = e.createElement("style"), n = t.ownerDocument.createTextNode("\n.______background-clip--text {\n  background-clip: text;\n  -webkit-background-clip: text;\n}\n");
+	return t.appendChild(n), t;
+}
+function be(e, t) {
+	let { width: n, height: r } = t;
+	if (M(e) && (!n || !r)) {
+		let t = e.getBoundingClientRect();
+		n = n || t.width || Number(e.getAttribute("width")) || 0, r = r || t.height || Number(e.getAttribute("height")) || 0;
+	}
+	return {
+		width: n,
+		height: r
+	};
+}
+async function xe(e, t) {
+	let { log: n, timeout: r, drawImageCount: i, drawImageInterval: a } = t;
+	n.time("image to canvas");
+	let o = await X(e, {
+		timeout: r,
+		onWarn: t.log.warn
+	}), { canvas: s, context2d: c } = Se(e.ownerDocument, t), l = () => {
+		try {
+			c?.drawImage(o, 0, 0, s.width, s.height);
+		} catch (e) {
+			t.log.warn("Failed to drawImage", e);
+		}
+	};
+	if (l(), t.isEnable("fixSvgXmlDecode")) for (let e = 0; e < i; e++) await new Promise((t) => {
+		setTimeout(() => {
+			c?.clearRect(0, 0, s.width, s.height), l(), t();
+		}, e + a);
+	});
+	return t.drawImageCount = 0, n.timeEnd("image to canvas"), s;
+}
+function Se(e, t) {
+	let { width: n, height: r, scale: i, backgroundColor: a, maximumCanvasSize: o } = t, s = e.createElement("canvas");
+	s.width = Math.floor(n * i), s.height = Math.floor(r * i), s.style.width = `${n}px`, s.style.height = `${r}px`, o && (s.width > o || s.height > o) && (s.width > o && s.height > o ? s.width > s.height ? (s.height *= o / s.width, s.width = o) : (s.width *= o / s.height, s.height = o) : s.width > o ? (s.height *= o / s.width, s.width = o) : (s.width *= o / s.height, s.height = o));
+	let c = s.getContext("2d");
+	return c && a && (c.fillStyle = a, c.fillRect(0, 0, s.width, s.height)), {
+		canvas: s,
+		context2d: c
+	};
+}
+function Ce(e, t) {
+	if (e.ownerDocument) try {
+		let t = e.toDataURL();
+		if (t !== "data:,") return Y(t, e.ownerDocument);
+	} catch (e) {
+		t.log.warn("Failed to clone canvas", e);
+	}
+	let n = e.cloneNode(!1), r = e.getContext("2d"), i = n.getContext("2d");
+	try {
+		return r && i && i.putImageData(r.getImageData(0, 0, e.width, e.height), 0, 0), n;
+	} catch (e) {
+		t.log.warn("Failed to clone canvas", e);
+	}
+	return n;
+}
+function we(e, t) {
+	try {
+		if (e?.contentDocument?.documentElement) return We(e.contentDocument.documentElement, t);
+	} catch (e) {
+		t.log.warn("Failed to clone iframe", e);
+	}
+	return e.cloneNode(!1);
+}
+function Te(e) {
+	let t = e.cloneNode(!1);
+	return e.currentSrc && e.currentSrc !== e.src && (t.src = e.currentSrc, t.srcset = ""), t.loading === "lazy" && (t.loading = "eager"), t;
+}
+async function Ee(e, t) {
+	if (e.ownerDocument && !e.currentSrc && e.poster) return Y(e.poster, e.ownerDocument);
+	let n = e.cloneNode(!1);
+	n.crossOrigin = "anonymous", e.currentSrc && e.currentSrc !== e.src && (n.src = e.currentSrc);
+	let r = n.ownerDocument;
+	if (r) {
+		let i = !0;
+		if (await X(n, {
+			onError: () => i = !1,
+			onWarn: t.log.warn
+		}), !i) return e.poster ? Y(e.poster, e.ownerDocument) : n;
+		n.currentTime = e.currentTime, await new Promise((e) => {
+			n.addEventListener("seeked", e, { once: !0 });
+		});
+		let a = r.createElement("canvas");
+		a.width = e.offsetWidth, a.height = e.offsetHeight;
+		try {
+			let e = a.getContext("2d");
+			e && e.drawImage(n, 0, 0, a.width, a.height);
+		} catch (r) {
+			return t.log.warn("Failed to clone video", r), e.poster ? Y(e.poster, e.ownerDocument) : n;
+		}
+		return Ce(a, t);
+	}
+	return n;
+}
+function De(e, t) {
+	return re(e) ? Ce(e, t) : U(e) ? we(e, t) : L(e) ? Te(e) : R(e) ? Ee(e, t) : e.cloneNode(!1);
+}
+function Oe(e) {
+	let t = e.sandbox;
+	if (!t) {
+		let { ownerDocument: n } = e;
+		try {
+			n && (t = n.createElement("iframe"), t.id = `__SANDBOX__${fe()}`, t.width = "0", t.height = "0", t.style.visibility = "hidden", t.style.position = "fixed", n.body.appendChild(t), t.srcdoc = "<!DOCTYPE html><meta charset=\"UTF-8\"><title></title><body>", e.sandbox = t);
+		} catch (t) {
+			e.log.warn("Failed to getSandBox", t);
+		}
+	}
+	return t;
+}
+var ke = [
+	"width",
+	"height",
+	"-webkit-text-fill-color"
+], Ae = ["stroke", "fill"];
+function je(e, t, n) {
+	let { defaultComputedStyles: r } = n, i = e.nodeName.toLowerCase(), a = N(e) && i !== "svg", o = a ? Ae.map((t) => [t, e.getAttribute(t)]).filter(([, e]) => e !== null) : [], s = [
+		a && "svg",
+		i,
+		o.map((e, t) => `${e}=${t}`).join(","),
+		t
+	].filter(Boolean).join(":");
+	if (r.has(s)) return r.get(s);
+	let c = Oe(n)?.contentWindow;
+	if (!c) return /* @__PURE__ */ new Map();
+	let l = c?.document, u, d;
+	a ? (u = l.createElementNS(q, "svg"), d = u.ownerDocument.createElementNS(u.namespaceURI, i), o.forEach(([e, t]) => {
+		d.setAttributeNS(null, e, t);
+	}), u.appendChild(d)) : u = d = l.createElement(i), d.textContent = " ", l.body.appendChild(u);
+	let f = c.getComputedStyle(d, t), p = /* @__PURE__ */ new Map();
+	for (let e = f.length, t = 0; t < e; t++) {
+		let e = f.item(t);
+		ke.includes(e) || p.set(e, f.getPropertyValue(e));
+	}
+	return l.body.removeChild(u), r.set(s, p), p;
+}
+function Me(e, t, n) {
+	let r = /* @__PURE__ */ new Map(), i = [], a = /* @__PURE__ */ new Map();
+	if (n) for (let e of n) o(e);
+	else for (let t = e.length, n = 0; n < t; n++) o(e.item(n));
+	for (let e = i.length, t = 0; t < e; t++) a.get(i[t])?.forEach((e, t) => r.set(t, e));
+	function o(n) {
+		let o = e.getPropertyValue(n), s = e.getPropertyPriority(n), c = n.lastIndexOf("-"), l = c > -1 ? n.substring(0, c) : void 0;
+		if (l) {
+			let e = a.get(l);
+			e || (e = /* @__PURE__ */ new Map(), a.set(l, e)), e.set(n, [o, s]);
+		}
+		(t.get(n) !== o || s) && (l ? i.push(l) : r.set(n, [o, s]));
+	}
+	return r;
+}
+function Ne(e, t, n, r) {
+	let { ownerWindow: i, includeStyleProperties: a, currentParentNodeStyle: o } = r, s = t.style, c = i.getComputedStyle(e), l = je(e, null, r);
+	o?.forEach((e, t) => {
+		l.delete(t);
+	});
+	let u = Me(c, l, a);
+	u.delete("transition-property"), u.delete("all"), u.delete("d"), u.delete("content"), n && (u.delete("position"), u.delete("margin-top"), u.delete("margin-right"), u.delete("margin-bottom"), u.delete("margin-left"), u.delete("margin-block-start"), u.delete("margin-block-end"), u.delete("margin-inline-start"), u.delete("margin-inline-end"), u.set("box-sizing", ["border-box", ""])), u.get("background-clip")?.[0] === "text" && t.classList.add("______background-clip--text"), T && (u.has("font-kerning") || u.set("font-kerning", ["normal", ""]), (u.get("overflow-x")?.[0] === "hidden" || u.get("overflow-y")?.[0] === "hidden") && u.get("text-overflow")?.[0] === "ellipsis" && e.scrollWidth === e.clientWidth && u.set("text-overflow", ["clip", ""]));
+	for (let e = s.length, t = 0; t < e; t++) s.removeProperty(s.item(t));
+	return u.forEach(([e, t], n) => {
+		s.setProperty(n, e, t);
+	}), u;
+}
+function Pe(e, t) {
+	(z(e) || B(e) || ae(e)) && t.setAttribute("value", e.value);
+}
+var Fe = ["::before", "::after"], Ie = [
+	"::-webkit-scrollbar",
+	"::-webkit-scrollbar-button",
+	"::-webkit-scrollbar-thumb",
+	"::-webkit-scrollbar-track",
+	"::-webkit-scrollbar-track-piece",
+	"::-webkit-scrollbar-corner",
+	"::-webkit-resizer"
+];
+function Le(e, t, n, r, i) {
+	let { ownerWindow: a, svgStyleElement: o, svgStyles: s, currentNodeStyle: c } = r;
+	if (!o || !a) return;
+	function l(n) {
+		let o = a.getComputedStyle(e, n), l = o.getPropertyValue("content");
+		if (!l || l === "none") return;
+		i?.(l), l = l.replace(/(')|(")|(counter\(.+\))/g, "");
+		let u = [fe()], d = je(e, n, r);
+		c?.forEach((e, t) => {
+			d.delete(t);
+		});
+		let f = Me(o, d, r.includeStyleProperties);
+		f.delete("content"), f.delete("-webkit-locale"), f.get("background-clip")?.[0] === "text" && t.classList.add("______background-clip--text");
+		let p = [`content: '${l}';`];
+		if (f.forEach(([e, t], n) => {
+			p.push(`${n}: ${e}${t ? " !important" : ""};`);
+		}), p.length === 1) return;
+		try {
+			t.className = [t.className, ...u].join(" ");
+		} catch (e) {
+			r.log.warn("Failed to copyPseudoClass", e);
+			return;
+		}
+		let m = p.join("\n  "), h = s.get(m);
+		h || (h = [], s.set(m, h)), h.push(`.${u[0]}${n}`);
+	}
+	Fe.forEach(l), n && Ie.forEach(l);
+}
+var Re = /* @__PURE__ */ new Set(["symbol"]);
+async function ze(e, t, n, r, i) {
+	if (M(n) && (ie(n) || V(n)) || r.filter && !r.filter(n)) return;
+	r.currentParentNodeStyle = Re.has(t.nodeName) || Re.has(n.nodeName) ? void 0 : r.currentNodeStyle;
+	let a = await We(n, r, !1, i);
+	r.isEnable("restoreScrollPosition") && Ve(e, a), t.appendChild(a);
+}
+async function Be(e, t, n, r) {
+	let i = e.firstChild;
+	M(e) && e.shadowRoot && (i = e.shadowRoot?.firstChild, n.shadowRoots.push(e.shadowRoot));
+	for (let a = i; a; a = a.nextSibling) if (!te(a)) {
+		if (M(a) && H(a) && typeof a.assignedNodes == "function") {
+			let i = a.assignedNodes();
+			for (let a = 0; a < i.length; a++) await ze(e, t, i[a], n, r);
+		} else await ze(e, t, a, n, r);
+	}
+}
+function Ve(e, t) {
+	if (!I(e) || !I(t)) return;
+	let { scrollTop: n, scrollLeft: r } = e;
+	if (!n && !r) return;
+	let { transform: i } = t.style, a = new DOMMatrix(i), { a: o, b: s, c, d: l } = a;
+	a.a = 1, a.b = 0, a.c = 0, a.d = 1, a.translateSelf(-r, -n), a.a = o, a.b = s, a.c = c, a.d = l, t.style.transform = a.toString();
+}
+function He(e, t) {
+	let { backgroundColor: n, width: r, height: i, style: a } = t, o = e.style;
+	if (n && o.setProperty("background-color", n, "important"), r && o.setProperty("width", `${r}px`, "important"), i && o.setProperty("height", `${i}px`, "important"), a) for (let e in a) o[e] = a[e];
+}
+var Ue = /^[\w-:]+$/;
+async function We(e, t, n = !1, r) {
+	let { ownerDocument: i, ownerWindow: a, fontFamilies: o, onCloneEachNode: s } = t;
+	if (i && ne(e)) return r && /\S/.test(e.data) && r(e.data), i.createTextNode(e.data);
+	if (i && a && M(e) && (I(e) || N(e))) {
+		let r = await De(e, t);
+		if (t.isEnable("removeAbnormalAttributes")) {
+			let e = r.getAttributeNames();
+			for (let t = e.length, n = 0; n < t; n++) {
+				let t = e[n];
+				Ue.test(t) || r.removeAttribute(t);
+			}
+		}
+		let i = t.currentNodeStyle = Ne(e, r, n, t);
+		n && He(r, t);
+		let a = !1;
+		if (t.isEnable("copyScrollbar")) {
+			let t = [i.get("overflow-x")?.[0], i.get("overflow-y")?.[0]];
+			a = t.includes("scroll") || (t.includes("auto") || t.includes("overlay")) && (e.scrollHeight > e.clientHeight || e.scrollWidth > e.clientWidth);
+		}
+		let c = i.get("text-transform")?.[0], l = pe(i.get("font-family")?.[0]), u = l ? (e) => {
+			c === "uppercase" ? e = e.toUpperCase() : c === "lowercase" ? e = e.toLowerCase() : c === "capitalize" && (e = e[0].toUpperCase() + e.substring(1)), l.forEach((t) => {
+				let n = o.get(t);
+				n || o.set(t, n = /* @__PURE__ */ new Set()), e.split("").forEach((e) => n.add(e));
+			});
+		} : void 0;
+		return Le(e, r, a, t, u), Pe(e, r), R(e) || await Be(e, r, t, u), await s?.(r), r;
+	}
+	let c = e.cloneNode(!1);
+	return await Be(e, c, t), await s?.(c), c;
+}
+function Ge(e) {
+	if (e.ownerDocument = void 0, e.ownerWindow = void 0, e.svgStyleElement = void 0, e.svgDefsElement = void 0, e.svgStyles.clear(), e.defaultComputedStyles.clear(), e.sandbox) {
+		try {
+			e.sandbox.remove();
+		} catch (t) {
+			e.log.warn("Failed to destroyContext", t);
+		}
+		e.sandbox = void 0;
+	}
+	e.workers = [], e.fontFamilies.clear(), e.fontCssTexts.clear(), e.requests.clear(), e.tasks = [], e.shadowRoots = [];
+}
+function Ke(e) {
+	let { url: t, timeout: n, responseType: r, ...i } = e, a = new AbortController(), o = n ? setTimeout(() => a.abort(), n) : void 0;
+	return fetch(t, {
+		signal: a.signal,
+		...i
+	}).then((e) => {
+		if (!e.ok) throw Error("Failed fetch, not 2xx response", { cause: e });
+		switch (r) {
+			case "arrayBuffer": return e.arrayBuffer();
+			case "dataUrl": return e.blob().then(ue);
+			default: return e.text();
+		}
+	}).finally(() => clearTimeout(o));
+}
+function Z(e, t) {
+	let { url: n, requestType: r = "text", responseType: i = "text", imageDom: a } = t, o = n, { timeout: s, acceptOfImage: c, requests: l, fetchFn: u, fetch: { requestInit: d, bypassingCache: f, placeholderImage: p }, font: m, workers: h, fontFamilies: g } = e;
+	r === "image" && (E || D) && e.drawImageCount++;
+	let _ = l.get(n);
+	if (!_) {
+		f && f instanceof RegExp && f.test(o) && (o += (/\?/.test(o) ? "&" : "?") + (/* @__PURE__ */ new Date()).getTime());
+		let t = r.startsWith("font") && m && m.minify, v = /* @__PURE__ */ new Set();
+		t && r.split(";")[1].split(",").forEach((e) => {
+			g.has(e) && g.get(e).forEach((e) => v.add(e));
+		});
+		let y = t && v.size, b = {
+			url: o,
+			timeout: s,
+			responseType: y ? "arrayBuffer" : i,
+			headers: r === "image" ? { accept: c } : void 0,
+			...d
+		};
+		_ = {
+			type: r,
+			resolve: void 0,
+			reject: void 0,
+			response: null
+		}, _.response = (async () => {
+			if (u && r === "image") {
+				let e = await u(n);
+				if (e) return e;
+			}
+			return !E && n.startsWith("http") && h.length ? new Promise((e, t) => {
+				h[l.size & h.length - 1].postMessage({
+					rawUrl: n,
+					...b
+				}), _.resolve = e, _.reject = t;
+			}) : Ke(b);
+		})().catch((t) => {
+			if (l.delete(n), r === "image" && p) return e.log.warn("Failed to fetch image base64, trying to use placeholder image", o), typeof p == "string" ? p : p(a);
+			throw t;
+		}), l.set(n, _);
+	}
+	return _.response;
+}
+async function qe(e, t, n, r) {
+	if (!Je(e)) return e;
+	for (let [i, a] of Xe(e, t)) try {
+		let t = await Z(n, {
+			url: a,
+			requestType: r ? "image" : "text",
+			responseType: "dataUrl"
+		});
+		e = e.replace(Ze(i), `$1${t}$3`);
+	} catch (e) {
+		n.log.warn("Failed to fetch css data url", i, e);
+	}
+	return e;
+}
+function Je(e) {
+	return /url\((['"]?)([^'"]+?)\1\)/.test(e);
+}
+var Ye = /url\((['"]?)([^'"]+?)\1\)/g;
+function Xe(e, t) {
+	let n = [];
+	return e.replace(Ye, (e, r, i) => (n.push([i, G(i, t)]), e)), n.filter(([e]) => !W(e));
+}
+function Ze(e) {
+	let t = e.replace(/([.*+?^${}()|\[\]\/\\])/g, "\\$1");
+	return RegExp(`(url\\(['"]?)(${t})(['"]?\\))`, "g");
+}
+var Qe = [
+	"background-image",
+	"border-image-source",
+	"-webkit-border-image",
+	"-webkit-mask-image",
+	"list-style-image"
+];
+function $e(e, t) {
+	return Qe.map((n) => {
+		let r = e.getPropertyValue(n);
+		return !r || r === "none" ? null : ((E || D) && t.drawImageCount++, qe(r, null, t, !0).then((t) => {
+			t && r !== t && e.setProperty(n, t, e.getPropertyPriority(n));
+		}));
+	}).filter(Boolean);
+}
+function et(e, t) {
+	if (L(e)) {
+		let n = e.currentSrc || e.src;
+		if (!W(n)) return [Z(t, {
+			url: n,
+			imageDom: e,
+			requestType: "image",
+			responseType: "dataUrl"
+		}).then((t) => {
+			t && (e.srcset = "", e.dataset.originalSrc = n, e.src = t || "");
+		})];
+		(E || D) && t.drawImageCount++;
+	} else if (N(e) && !W(e.href.baseVal)) {
+		let n = e.href.baseVal;
+		return [Z(t, {
+			url: n,
+			imageDom: e,
+			requestType: "image",
+			responseType: "dataUrl"
+		}).then((t) => {
+			t && (e.dataset.originalSrc = n, e.href.baseVal = t || "");
+		})];
+	}
+	return [];
+}
+function tt(e, t) {
+	let { ownerDocument: n, svgDefsElement: r } = t, i = e.getAttribute("href") ?? e.getAttribute("xlink:href");
+	if (!i) return [];
+	let [a, o] = i.split("#");
+	if (o) {
+		let i = `#${o}`, s = t.shadowRoots.reduce((e, t) => e ?? t.querySelector(`svg ${i}`), n?.querySelector(`svg ${i}`));
+		if (a && e.setAttribute("href", i), r?.querySelector(i)) return [];
+		if (s) return r?.appendChild(s.cloneNode(!0)), [];
+		if (a) return [Z(t, {
+			url: a,
+			responseType: "text"
+		}).then((e) => {
+			r?.insertAdjacentHTML("beforeend", e);
+		})];
+	}
+	return [];
+}
+function nt(e, t) {
+	let { tasks: n } = t;
+	M(e) && ((L(e) || P(e)) && n.push(...et(e, t)), F(e) && n.push(...tt(e, t))), I(e) && n.push(...$e(e.style, t)), e.childNodes.forEach((e) => {
+		nt(e, t);
+	});
+}
+async function rt(e, t) {
+	let { ownerDocument: n, svgStyleElement: r, fontFamilies: i, fontCssTexts: a, tasks: o, font: s } = t;
+	if (n && r && i.size) {
+		if (s && s.cssText) {
+			let e = lt(s.cssText, t);
+			r.appendChild(n.createTextNode(`${e}
+`));
+		} else {
+			let e = Array.from(n.styleSheets).filter((e) => {
+				try {
+					return "cssRules" in e && !!e.cssRules.length;
+				} catch (n) {
+					return t.log.warn(`Error while reading CSS rules from ${e.href}`, n), !1;
+				}
+			}), s = n.implementation.createHTMLDocument(""), c = s.createElement("style");
+			s.head.appendChild(c);
+			let l = c.sheet;
+			await Promise.all(e.flatMap((e) => Array.from(e.cssRules).map(async (e) => {
+				if (A(e)) {
+					let n = e.href, r = "";
+					try {
+						r = await Z(t, {
+							url: n,
+							requestType: "text",
+							responseType: "text"
+						});
+					} catch (e) {
+						t.log.warn(`Error fetch remote css import from ${n}`, e);
+					}
+					let i = r.replace(Ye, (e, t, r) => e.replace(r, G(r, n)));
+					for (let e of ot(i)) try {
+						l.insertRule(e, l.cssRules.length);
+					} catch (n) {
+						t.log.warn("Error inserting rule from remote css import", {
+							rule: e,
+							error: n
+						});
+					}
+				}
+			}))), l.cssRules.length && e.push(l);
+			let u = [];
+			e.forEach((e) => {
+				ut(e.cssRules, u);
+			}), u.filter((e) => k(e) && Je(e.style.getPropertyValue("src")) && pe(e.style.getPropertyValue("font-family"))?.some((e) => i.has(e))).forEach((e) => {
+				let i = e, s = a.get(i.cssText);
+				s ? r.appendChild(n.createTextNode(`${s}
+`)) : o.push(qe(i.cssText, i.parentStyleSheet ? i.parentStyleSheet.href : null, t).then((e) => {
+					e = lt(e, t), a.set(i.cssText, e), r.appendChild(n.createTextNode(`${e}
+`));
+				}));
+			});
+		}
+	}
+}
+var it = /(\/\*[\s\S]*?\*\/)/g, at = /((@.*?keyframes [\s\S]*?){([\s\S]*?}\s*?)})/gi;
+function ot(e) {
+	if (e == null) return [];
+	let t = [], n = e.replace(it, "");
+	for (;;) {
+		let e = at.exec(n);
+		if (!e) break;
+		t.push(e[0]);
+	}
+	n = n.replace(at, "");
+	let r = /@import[\s\S]*?url\([^)]*\)[\s\S]*?;/gi, i = /* @__PURE__ */ RegExp("((\\s*?(?:\\/\\*[\\s\\S]*?\\*\\/)?\\s*?@media[\\s\\S]*?){([\\s\\S]*?)}\\s*?})|(([\\s\\S]*?){([\\s\\S]*?)})", "gi");
+	for (;;) {
+		let e = r.exec(n);
+		if (e) i.lastIndex = r.lastIndex;
+		else if (e = i.exec(n), e) r.lastIndex = i.lastIndex;
+		else break;
+		t.push(e[0]);
+	}
+	return t;
+}
+var st = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, ct = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
+function lt(e, t) {
+	let { font: n } = t, r = n ? n?.preferredFormat : void 0;
+	return r ? e.replace(ct, (e) => {
+		for (;;) {
+			let [t, , n] = st.exec(e) || [];
+			if (!n) return "";
+			if (n === r) return `src: ${t};`;
+		}
+	}) : e;
+}
+function ut(e, t = []) {
+	for (let n of Array.from(e)) j(n) ? t.push(...ut(n.cssRules)) : "cssRules" in n ? ut(n.cssRules, t) : t.push(n);
+	return t;
+}
+var dt = /\bx?link:?href\s*=\s*["'](?!data:)[^"']+["']/i;
+function ft(e) {
+	return dt.test(e.innerHTML);
+}
+async function pt(e, t) {
+	let n = await _e(e, t);
+	if (M(n.node) && N(n.node) && !ft(n.node)) return n.node;
+	let { ownerDocument: r, log: i, tasks: a, svgStyleElement: o, svgDefsElement: s, svgStyles: c, font: l, progress: u, autoDestruct: d, onCloneNode: f, onEmbedNode: p, onCreateForeignObjectSvg: m } = n;
+	i.time("clone node");
+	let h = await We(n.node, n, !0);
+	if (o && r) {
+		let e = "";
+		c.forEach((t, n) => {
+			e += `${t.join(",\n")} {
+  ${n}
+}
+`;
+		}), o.appendChild(r.createTextNode(e));
+	}
+	i.timeEnd("clone node"), await f?.(h), l !== !1 && M(h) && (i.time("embed web font"), await rt(h, n), i.timeEnd("embed web font")), i.time("embed node"), nt(h, n);
+	let g = a.length, _ = 0, v = async () => {
+		for (;;) {
+			let e = a.pop();
+			if (!e) break;
+			try {
+				await e;
+			} catch (e) {
+				n.log.warn("Failed to run task", e);
+			}
+			u?.(++_, g);
+		}
+	};
+	u?.(_, g), await Promise.all([...Array.from({ length: 4 })].map(v)), i.timeEnd("embed node"), await p?.(h);
+	let y = mt(h, n);
+	return s && y.insertBefore(s, y.children[0]), o && y.insertBefore(o, y.children[0]), d && Ge(n), await m?.(y), y;
+}
+function mt(e, t) {
+	let { width: n, height: r } = t, i = ce(n, r, e.ownerDocument), a = i.ownerDocument.createElementNS(i.namespaceURI, "foreignObject");
+	return a.setAttributeNS(null, "x", "0%"), a.setAttributeNS(null, "y", "0%"), a.setAttributeNS(null, "width", "100%"), a.setAttributeNS(null, "height", "100%"), a.append(e), i.appendChild(a), i;
+}
+async function ht(e, t) {
+	let n = await _e(e, t), r = await pt(n), i = J(r, n.isEnable("removeControlCharacter"));
+	return n.autoDestruct || (n.svgStyleElement = ye(n.ownerDocument), n.svgDefsElement = n.ownerDocument?.createElementNS(q, "defs"), n.svgStyles.clear()), await xe(Y(i, r.ownerDocument), n);
+}
+// src/editor/mask.ts
+var gt = "input:not([type=hidden]):not([type=submit]):not([type=button]):not([type=reset]):not([type=image]),textarea,select,[contenteditable]:not([contenteditable=false]),[data-pinax-mask],.pinax-mask";
+function _t(e) {
+	try {
+		return e.matches(gt);
+	} catch {
+		return !1;
+	}
+}
+function vt(e, t, n) {
+	let r = [];
+	for (let i of e.querySelectorAll(gt)) {
+		if (n?.contains(i)) continue;
+		let e = i.getBoundingClientRect();
+		if (e.width <= 0 || e.height <= 0) continue;
+		let a = Math.max(0, e.left), o = Math.max(0, e.top), s = Math.min(t.w, e.right), c = Math.min(t.h, e.bottom);
+		s <= a || c <= o || r.push({
+			x: a,
+			y: o,
+			w: s - a,
+			h: c - o
+		});
+	}
+	return r;
+}
+function yt(e) {
+	if (e.nodeType !== 1) return;
+	let t = e;
+	if (!_t(t)) return;
+	let n = t.tagName;
+	if (n === "INPUT" || n === "TEXTAREA") {
+		let e = t;
+		try {
+			e.value = "";
+		} catch {}
+		e.removeAttribute("value"), e.removeAttribute("placeholder"), n === "TEXTAREA" && (e.textContent = "");
+	}
+	t.style.setProperty("visibility", "hidden", "important");
+}
+function bt(e, t, n) {
+	for (let r of t) {
+		let t = r.x * n, i = r.y * n, a = r.w * n, o = r.h * n;
+		e.save(), e.beginPath(), e.rect(t, i, a, o), e.clip(), e.fillStyle = "#D8DEE9", e.fillRect(t, i, a, o), e.fillStyle = "#C7CFDC";
+		let s = 8 * n;
+		for (let n = t; n < t + a; n += s * 2) e.fillRect(n, i, s, o);
+		e.restore();
+	}
+}
+// src/editor/pii.ts
+var xt = /^(SCRIPT|STYLE|NOSCRIPT|TEMPLATE|TEXTAREA|OPTION)$/, St = "a[href],button,[role=button],[role=link],summary", Ct = "[autocomplete~=name],[autocomplete~=given-name],[autocomplete~=family-name],[autocomplete~=nickname],[autocomplete~=username],[itemtype*=\"schema.org/Person\"] [itemprop=name]", wt = 2e4;
+function Q(e, t) {
+	if (!e || t?.contains(e) || xt.test(e.tagName)) return !0;
+	try {
+		return !!e.closest(gt);
+	} catch {
+		return !1;
+	}
+}
+function Tt(e) {
+	let t = e.nodeValue ?? "", n = t.length - t.trimStart().length, r = t.trimEnd().length;
+	return r > n ? {
+		node: e,
+		start: n,
+		end: r,
+		reason: "name"
+	} : null;
+}
+function Et(e, t) {
+	let r = e.ownerDocument, i = e.parentElement?.parentElement ?? e.parentElement;
+	if (!i) return null;
+	let a = r.createTreeWalker(i, NodeFilter.SHOW_TEXT);
+	a.currentNode = e;
+	let o = a.nextNode();
+	for (; o && e.contains(o);) o = a.nextNode();
+	for (let e = 0; o && e < 4; e++, o = a.nextNode()) {
+		let e = (o.nodeValue ?? "").trim();
+		if (!e) continue;
+		let r = o.parentElement;
+		return Q(r, t) || r?.closest(St) ? null : n(e) ? o : null;
+	}
+	return null;
+}
+function Dt(e, t, n) {
+	let r = e.parentElement;
+	if (!r || r.closest(St) || r.closest("label")) return;
+	let i = r.closest("th");
+	if (i) {
+		let e = i.closest("table"), r = i.cellIndex;
+		if (!e || r < 0) return;
+		for (let a of e.tBodies) for (let e of a.rows) {
+			let a = e.cells[r];
+			a && a !== i && !Q(a, t) && n.push({
+				element: a,
+				reason: "name"
+			});
+		}
+		return;
+	}
+	let a = r.closest("dt");
+	if (a) {
+		let e = a.nextElementSibling;
+		for (; e && e.tagName === "DD";) Q(e, t) || n.push({
+			element: e,
+			reason: "name"
+		}), e = e.nextElementSibling;
+		return;
+	}
+	let o = Et(r, t);
+	if (o) {
+		let e = Tt(o);
+		e && n.push(e);
+	}
+}
+function Ot(e, t = null) {
+	let s = [], c = e.body;
+	if (!c) return s;
+	let l = e.createTreeWalker(c, NodeFilter.SHOW_TEXT), u = 0;
+	for (let e = l.nextNode(); e && u < wt; e = l.nextNode(), u++) {
+		let c = e.nodeValue ?? "";
+		if (c.trim().length < 2 || Q(e.parentElement, t)) continue;
+		for (let t of r(c)) s.push({
+			node: e,
+			start: t.start,
+			end: t.end,
+			reason: t.kind
+		});
+		let l = c.trim(), u = c.length - c.trimStart().length, d = o.exec(l);
+		if (d && n(l.slice(d[0].length))) {
+			s.push({
+				node: e,
+				start: u + d[0].length,
+				end: u + l.length,
+				reason: "name"
+			});
+			continue;
+		}
+		let f = a.exec(c);
+		if (f) {
+			let t = f.index + f[0].length, r = c.slice(t), i = r.search(/[!?|•·\n]|\.(?=\s|$)/), a = (i < 0 ? r : r.slice(0, i)).trimEnd();
+			n(a) && s.push({
+				node: e,
+				start: t,
+				end: t + a.length,
+				reason: "name"
+			});
+		} else i.test(l) && Dt(e, t, s);
+	}
+	for (let n of e.querySelectorAll(Ct)) _t(n) || Q(n, t) || s.push({
+		element: n,
+		reason: "name"
+	});
+	return s;
+}
+var $ = 2;
+function kt(e, t, n = null) {
+	let r = [], i = (e) => {
+		if (e.width <= 0 || e.height <= 0) return;
+		let n = Math.max(0, e.left - $), i = Math.max(0, e.top - $), a = Math.min(t.w, e.right + $), o = Math.min(t.h, e.bottom + $);
+		a <= n || o <= i || r.push({
+			x: n,
+			y: i,
+			w: a - n,
+			h: o - i
+		});
+	}, a = (t) => {
+		if (!t) return !1;
+		let n = t.checkVisibility;
+		return typeof n == "function" ? n.call(t) : e.defaultView?.getComputedStyle(t)?.visibility !== "hidden";
+	};
+	for (let t of Ot(e, n)) try {
+		if ("element" in t) {
+			a(t.element) && i(t.element.getBoundingClientRect());
+			continue;
+		}
+		if (!a(t.node.parentElement)) continue;
+		let n = e.createRange();
+		n.setStart(t.node, t.start), n.setEnd(t.node, t.end);
+		for (let e of n.getClientRects()) i(e);
+	} catch {}
+	return At(r);
+}
+function At(e) {
+	return e.filter((t, n) => !e.some((e, r) => r !== n && e.x <= t.x && e.y <= t.y && e.x + e.w >= t.x + t.w && e.y + e.h >= t.y + t.h && (e.w * e.h > t.w * t.h || r < n)));
+}
+// src/editor/capture.ts
+var jt = 2560, Mt = 5e6;
+function Nt(e, t) {
+	let n = Math.max(1, e.w), r = Math.max(1, e.h);
+	return Math.min(t || 1, 2, jt / Math.max(n, r), Math.sqrt(Mt / (n * r)));
+}
+var Pt = "data:image/gif;base64,R0lGODlhAQABAIAAAMfP3AAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==";
+async function Ft(e, t = window, n = {}) {
+	let r = t.document, i = {
+		w: t.innerWidth,
+		h: t.innerHeight
+	}, a = Nt(i, t.devicePixelRatio), o = vt(r, i, e), s = [];
+	if (n.autoBlur) try {
+		s = kt(r, i, e);
+	} catch {
+		s = [];
+	}
+	let c = r.documentElement, l = t.scrollX, u = t.scrollY, d = t.getComputedStyle(r.body).backgroundColor || t.getComputedStyle(c).backgroundColor, f = await ht(c, {
+		width: i.w,
+		height: i.h,
+		scale: a,
+		backgroundColor: d && d !== "rgba(0, 0, 0, 0)" && d !== "transparent" ? d : "#FFFFFF",
+		filter: (t) => t !== e,
+		onCloneEachNode: (e) => yt(e),
+		style: {
+			transform: `translate(${-l}px, ${-u}px)`,
+			transformOrigin: "0 0"
+		},
+		timeout: 15e3,
+		maximumCanvasSize: jt,
+		fetch: { placeholderImage: Pt }
+	}), p = f.getContext("2d"), m = f.width / i.w;
+	return p && bt(p, [...o, ...s], m), {
+		canvas: f,
+		auto: s.map((e) => ({
+			x: e.x * m,
+			y: e.y * m,
+			w: e.w * m,
+			h: e.h * m
+		}))
+	};
+}
+// src/editor/encode.ts
+var It = 1572864;
+function Lt(e) {
+	return Math.floor((e.length - e.indexOf(",") - 1) * 3 / 4);
+}
+function Rt(e, t) {
+	let n = document.createElement("canvas");
+	return n.width = Math.max(1, Math.round(e.width * t)), n.height = Math.max(1, Math.round(e.height * t)), n.getContext("2d")?.drawImage(e, 0, 0, n.width, n.height), n;
+}
+function zt(t, n = It) {
+	let r = t, i = "";
+	for (let e = 0; e < 6; e++) {
+		for (let e of [
+			.85,
+			.7,
+			.55
+		]) {
+			let t = r.toDataURL("image/webp", e);
+			if (t.startsWith("data:image/webp") || (t = r.toDataURL("image/jpeg", e)), i = t, Lt(t) <= n) return t;
+		}
+		r = Rt(r, .75);
+	}
+	if (Lt(i) > e.screenshotBytes || i.length > e.screenshotChars) throw Error("Screenshot too large");
+	return i;
+}
+// src/editor/index.ts
+async function Bt(e, t = {}) {
+	let { canvas: n, auto: r } = await Ft(e, window, t), i = {
+		base: n,
+		auto: r
+	};
+	return {
+		dataUrl: zt(n),
+		annotations: [],
+		edit: i,
+		autoBlurred: r.length
+	};
+}
+async function Vt(e, t) {
+	let n = t.edit;
+	if (!n?.base) return null;
+	let r = await y(e, n.base, n.state, n.auto);
+	return r ? {
+		dataUrl: zt(r.canvas),
+		annotations: r.annotations,
+		edit: {
+			base: n.base,
+			state: r.state,
+			auto: n.auto
+		},
+		autoBlurred: t.autoBlurred
+	} : null;
+}
+export { Vt as markUp, Bt as takeScreenshot };
+
+//# sourceMappingURL=editor-0Kr31Uly.mjs.map