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

package/dist/pinax-editor.js

@@ -0,0 +1,1417 @@
+// src/ui/dom.ts
+function e(e, t = {}, ...n) {
+	let r = document.createElement(e);
+	for (let [e, n] of Object.entries(t)) n != null && n !== !1 && r.setAttribute(e, n === !0 ? "" : String(n));
+	for (let e of n) e != null && e !== !1 && r.append(e);
+	return r;
+}
+// src/editor/shapes.ts
+var t = "#FF5C35";
+function n(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 r(e, t) {
+	return Math.max(3, Math.round(Math.min(e, t) / 220));
+}
+function i(e, t) {
+	return Math.max(13, Math.round(Math.min(e, t) / 55));
+}
+function a(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 o(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 s(e, s, c, l, u) {
+	let d = r(l, u), f = n(s);
+	if (e.save(), f.type === "box") e.strokeStyle = t, e.lineWidth = d, a(e, f.x, f.y, f.w, f.h, d * 2.5), e.stroke();
+	else if (f.type === "blur") {
+		let t = Math.max(1, Math.round(f.w)), n = Math.max(1, Math.round(f.h)), r = Math.max(8, Math.round(Math.min(l, u) / 70)), i = c, a = f.x, o = f.y, s = t, d = n, p = Math.max(1, Math.ceil(t / r)), m = Math.max(1, Math.ceil(n / r));
+		for (; s > p || d > m;) {
+			let e = Math.max(p, Math.ceil(s / 2)), t = Math.max(m, Math.ceil(d / 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(i, a, o, s, d, 0, 0, e, t), i = n, a = 0, o = 0, s = e, d = t;
+		}
+		e.imageSmoothingEnabled = !1, e.drawImage(i, a, o, s, d, f.x, f.y, t, n);
+	} else if (f.type === "arrow") {
+		let n = f.x + f.w, r = f.y + f.h, i = Math.atan2(f.h, f.w), a = d * 4.5;
+		e.strokeStyle = t, e.lineWidth = d, e.lineCap = "round", e.lineJoin = "round", e.beginPath(), e.moveTo(f.x, f.y), e.lineTo(n, r), e.moveTo(n - a * Math.cos(i - Math.PI / 6), r - a * Math.sin(i - Math.PI / 6)), e.lineTo(n, r), e.lineTo(n - a * Math.cos(i + Math.PI / 6), r - a * Math.sin(i + Math.PI / 6)), e.stroke();
+	} else if (f.type === "text" && f.text) {
+		let t = i(l, u), n = o(e, f.text, t);
+		e.fillStyle = "#CC3F1B", a(e, f.x, f.y, n.w, n.h, t * .5), e.fill(), e.fillStyle = "#FFFFFF", e.textBaseline = "middle", e.fillText(f.text, f.x + n.pad, f.y + n.h / 2);
+	}
+	e.restore();
+}
+function c(e, t, r) {
+	let i = [];
+	for (let a of e) {
+		let e = n(a), o = e.type === "text" ? r(e) : {
+			w: e.w,
+			h: e.h
+		}, s = Math.min(e.x, e.x + o.w), c = Math.max(e.x, e.x + o.w), l = Math.min(e.y, e.y + o.h), u = Math.max(e.y, e.y + o.h);
+		if (c < t.x || s > t.x + t.w || u < t.y || l > 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: o.w / t.w,
+			h: o.h / t.h
+		};
+		e.type === "text" && (d.text = e.text), i.push(d);
+	}
+	return i;
+}
+// src/editor/annotator.ts
+var l = [
+	["box", "Box"],
+	["arrow", "Arrow"],
+	["text", "Text"],
+	["blur", "Blur"]
+], u = 6;
+function d(t, r, a, d = []) {
+	return new Promise((m) => {
+		let h = r.width, g = r.height, _ = a ? a.shapes.map((e) => ({ ...e })) : [], v = a?.area ? { ...a.area } : null, y = "box", b = v ? "area" : "full", x = null, S = null, C = null, ee = t.activeElement, w = e("style");
+		w.textContent = "\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";
+		let T = e("div", {
+			class: "ed-sr",
+			role: "status",
+			"aria-live": "polite"
+		}), E = (e) => {
+			T.textContent = e;
+		}, D = e("canvas", {
+			class: "ed-cv",
+			width: h,
+			height: g,
+			tabindex: 0,
+			role: "img"
+		}), O = D.getContext("2d"), k = (t, n = "ed-t", r = {}) => e("button", {
+			type: "button",
+			class: n,
+			...r
+		}, t), A = k("Whole screen", "ed-t", { "aria-pressed": "true" }), j = k("Select area", "ed-t", { "aria-pressed": "false" }), M = l.map(([e, t]) => {
+			let n = k(t, "ed-t", {
+				"aria-pressed": "false",
+				"data-tool": e
+			});
+			return n.addEventListener("click", () => {
+				y = e, L = !1, v || (b = "full"), U();
+			}), n;
+		}), N = k("Undo"), P = k("Clear"), F = k("Cancel"), I = k("Done", "ed-t ed-done"), te = e("p", {
+			class: "ed-hint",
+			id: "pnx-ed-hint"
+		}), ne = d.length ? e("p", {
+			class: "ed-auto",
+			id: "pnx-ed-auto"
+		}, e("i", { "aria-hidden": "true" }), `${d.length === 1 ? "1 private detail was" : `${d.length} private details were`} blurred automatically (outlined). They stay blurred.`) : null;
+		D.setAttribute("aria-describedby", ne ? "pnx-ed-hint pnx-ed-auto" : "pnx-ed-hint");
+		let L = !1;
+		A.addEventListener("click", () => {
+			v = null, b = "full", L = !1, E("Whole screen selected."), U();
+		}), j.addEventListener("click", () => {
+			b = "area", L = !0, E("Drag over the part of the screenshot to keep."), U(), D.focus();
+		}), N.addEventListener("click", () => {
+			_.pop() && E("Last mark removed."), U();
+		}), P.addEventListener("click", () => {
+			_.length = 0, E("All marks cleared."), U();
+		});
+		let re = e("div", {
+			class: "ed-bar",
+			role: "toolbar",
+			"aria-label": "Screenshot tools"
+		}, e("div", {
+			class: "ed-grp",
+			role: "group",
+			"aria-label": "Capture"
+		}, A, j), e("span", {
+			class: "ed-sep",
+			"aria-hidden": "true"
+		}), e("div", {
+			class: "ed-grp",
+			role: "group",
+			"aria-label": "Draw"
+		}, ...M), e("span", {
+			class: "ed-sep",
+			"aria-hidden": "true"
+		}), e("div", { class: "ed-grp" }, N, P), e("span", { class: "ed-sp" }), e("div", { class: "ed-grp" }, F, I)), R = e("div", { class: "ed-stage" }, D), z = e("div", {
+			class: "ed",
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-label": "Mark up screenshot"
+		}, re, R, te, ne, T), B = (e) => o(O, e.text ?? "", i(h, g));
+		function V() {
+			O.clearRect(0, 0, h, g), O.drawImage(r, 0, 0);
+			for (let e of _) s(O, e, r, h, g);
+			x && s(O, x, r, h, g), H();
+			let e = S ? f(S) : v;
+			if (e) {
+				O.save(), O.fillStyle = "rgba(7,11,23,0.55)", O.beginPath(), O.rect(0, 0, h, g), O.rect(e.x, e.y, e.w, e.h), O.fill("evenodd");
+				let t = Math.max(2, Math.round(Math.min(h, g) / 400));
+				O.setLineDash([t * 4, t * 3]), O.lineWidth = t, O.strokeStyle = "#7C9CFF", O.strokeRect(e.x, e.y, e.w, e.h), O.restore();
+			}
+		}
+		function H() {
+			if (!d.length) return;
+			let e = Math.max(2, Math.round(Math.min(h, g) / 450)), t = Math.max(11, Math.round(i(h, g) * .75));
+			O.save(), O.lineWidth = e, O.setLineDash([e * 3, e * 2]), O.strokeStyle = "#B8F35C", O.font = `800 ${t}px Manrope, system-ui, sans-serif`, O.textBaseline = "middle";
+			for (let e of d) O.strokeRect(e.x, e.y, e.w, e.h);
+			let n = d[0], r = "Auto-blurred", a = Math.round(t * .5), o = Math.ceil(O.measureText(r).width) + a * 2, s = Math.round(t * 1.7), c = Math.min(Math.max(0, n.x), h - o), l = n.y - s - e >= 0 ? n.y - s - e : n.y + n.h + e;
+			O.setLineDash([]), O.fillStyle = "#B8F35C", O.fillRect(c, l, o, s), O.fillStyle = "#0B1300", O.fillText(r, c + a, l + s / 2), O.restore();
+		}
+		function U() {
+			A.setAttribute("aria-pressed", String(b === "full")), j.setAttribute("aria-pressed", String(b === "area"));
+			for (let e of M) e.setAttribute("aria-pressed", String(!L && e.dataset.tool === y));
+			N.disabled = _.length === 0, P.disabled = _.length === 0;
+			let e = _.length;
+			D.setAttribute("aria-label", `Screenshot of the page${e ? `, ${e} ${e === 1 ? "mark" : "marks"}` : ""}${d.length ? `, ${d.length} blurred automatically` : ""}${v ? ", area selected" : ""}`), te.textContent = L ? "Drag over the part you want to send." : y === "text" ? "Tap where the label should go, then type." : `Drag to draw a ${y === "blur" ? "blurred area" : y}, or tap to place one.`, V();
+		}
+		function W(e) {
+			let t = D.getBoundingClientRect();
+			return {
+				x: (e.clientX - t.left) / t.width * h,
+				y: (e.clientY - t.top) / t.height * g
+			};
+		}
+		function G(e, t, n) {
+			let r = h * .16, i = g * .12;
+			if (e === "arrow") {
+				let e = h * .08, r = g * .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: ie(t - r / 2, r),
+				y: ae(n - i / 2, i),
+				w: r,
+				h: i
+			};
+		}
+		let ie = (e, t) => Math.min(Math.max(0, e), h - t), ae = (e, t) => Math.min(Math.max(0, e), g - t);
+		function K(e) {
+			_.push(n(e)), E(`${e.type === "blur" ? "Blurred area" : e.type[0].toUpperCase() + e.type.slice(1)} added.`), U();
+		}
+		function q(t, n) {
+			C?.remove();
+			let r = e("input", {
+				class: "ed-txt",
+				type: "text",
+				maxlength: 120,
+				"aria-label": "Label text",
+				placeholder: "Type a label, then Enter",
+				autocomplete: "off"
+			}), a = D.getBoundingClientRect(), s = R.getBoundingClientRect(), c = a.left - s.left + t / h * a.width, l = a.top - s.top + n / g * a.height;
+			r.style.left = `${Math.min(c, s.width - 170)}px`, r.style.top = `${Math.min(l, s.height - 40)}px`;
+			let u = !1, d = (e) => {
+				if (u) return;
+				u = !0;
+				let a = r.value.trim();
+				if (r.remove(), C = null, e && a) {
+					let e = i(h, g), r = o(O, a, e);
+					K({
+						type: "text",
+						x: ie(t, r.w),
+						y: ae(n, r.h),
+						w: r.w,
+						h: r.h,
+						text: a
+					});
+				}
+				D.focus();
+			};
+			r.addEventListener("keydown", (e) => {
+				e.stopPropagation(), e.key === "Enter" && d(!0), e.key === "Escape" && d(!1);
+			}), r.addEventListener("blur", () => d(!0)), R.append(r), C = r, r.focus();
+		}
+		let J = null;
+		D.addEventListener("pointerdown", (e) => {
+			J || e.pointerType === "mouse" && e.button !== 0 || (e.preventDefault(), D.setPointerCapture?.(e.pointerId), J = {
+				...W(e),
+				cx: e.clientX,
+				cy: e.clientY,
+				id: e.pointerId
+			});
+		}), D.addEventListener("pointermove", (e) => {
+			if (!J || e.pointerId !== J.id) return;
+			let t = W(e);
+			L ? S = {
+				x: J.x,
+				y: J.y,
+				w: t.x - J.x,
+				h: t.y - J.y
+			} : y !== "text" && (x = {
+				type: y,
+				x: J.x,
+				y: J.y,
+				w: t.x - J.x,
+				h: t.y - J.y
+			}), V();
+		});
+		let Y = (e, t = !1) => {
+			if (!J || e.pointerId !== J.id) return;
+			let n = J;
+			J = null;
+			let r = Math.hypot(e.clientX - n.cx, e.clientY - n.cy) > u, i = W(e);
+			if (x = null, t) S = null, V();
+			else if (L) {
+				S = null;
+				let e = p(f({
+					x: n.x,
+					y: n.y,
+					w: i.x - n.x,
+					h: i.y - n.y
+				}), h, g);
+				r && e.w > 8 && e.h > 8 && (v = e, L = !1, E("Area selected.")), U();
+			} else y === "text" ? q(n.x, n.y) : K(r ? {
+				type: y,
+				x: n.x,
+				y: n.y,
+				w: i.x - n.x,
+				h: i.y - n.y
+			} : G(y, n.x, n.y));
+		};
+		D.addEventListener("pointerup", (e) => Y(e)), D.addEventListener("pointercancel", (e) => Y(e, !0)), D.addEventListener("keydown", (e) => {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), L ? (v = {
+				x: h * .2,
+				y: g * .2,
+				w: h * .6,
+				h: g * .6
+			}, L = !1, E("Middle of the screenshot selected."), U()) : y === "text" ? q(h * .4, g * .45) : K(G(y, h / 2, g / 2)));
+		});
+		function X(e) {
+			z.removeEventListener("keydown", se, !0), z.remove(), w.remove();
+			try {
+				ee?.focus();
+			} catch {}
+			m(e);
+		}
+		function oe() {
+			let e = v ?? {
+				x: 0,
+				y: 0,
+				w: h,
+				h: g
+			}, t = document.createElement("canvas");
+			t.width = Math.max(1, Math.round(e.w)), t.height = Math.max(1, Math.round(e.h));
+			let n = t.getContext("2d"), i = document.createElement("canvas");
+			i.width = h, i.height = g;
+			let a = i.getContext("2d");
+			a.drawImage(r, 0, 0);
+			for (let e of _) s(a, e, r, h, g);
+			n.drawImage(i, e.x, e.y, e.w, e.h, 0, 0, t.width, t.height), i.width = 0, i.height = 0, X({
+				canvas: t,
+				annotations: c(_, e, B),
+				state: {
+					shapes: _.map((e) => ({ ...e })),
+					area: v
+				}
+			});
+		}
+		F.addEventListener("click", () => X(null)), I.addEventListener("click", oe);
+		function se(e) {
+			if (e.key === "Escape") e.preventDefault(), e.stopPropagation(), X(null);
+			else if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "z") e.preventDefault(), _.pop() && E("Last mark removed."), U();
+			else if (e.key === "Tab") {
+				let n = [...z.querySelectorAll("button:not(:disabled), canvas, input")];
+				if (!n.length) return;
+				let r = n[0], i = n[n.length - 1], a = t.activeElement;
+				e.shiftKey && a === r ? (e.preventDefault(), i.focus()) : !e.shiftKey && a === i && (e.preventDefault(), r.focus());
+			}
+		}
+		z.addEventListener("keydown", se, !0), t.append(w, z), U(), M[0].focus();
+	});
+}
+function f(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 p(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 m = "[modern-screenshot]", h = typeof window < "u", g = h && "Worker" in window;
+h && "atob" in window, h && "btoa" in window;
+var _ = h ? window.navigator?.userAgent : "", v = _.includes("Chrome"), y = _.includes("AppleWebKit") && !v, b = _.includes("Firefox"), x = (e) => e && "__CONTEXT__" in e, S = (e) => e.constructor.name === "CSSFontFaceRule", C = (e) => e.constructor.name === "CSSImportRule", ee = (e) => e.constructor.name === "CSSLayerBlockRule", w = (e) => e.nodeType === 1, T = (e) => typeof e.className == "object", E = (e) => e.tagName === "image", D = (e) => e.tagName === "use", O = (e) => w(e) && e.style !== void 0 && !T(e), k = (e) => e.nodeType === 8, A = (e) => e.nodeType === 3, j = (e) => e.tagName === "IMG", M = (e) => e.tagName === "VIDEO", N = (e) => e.tagName === "CANVAS", P = (e) => e.tagName === "TEXTAREA", F = (e) => e.tagName === "INPUT", I = (e) => e.tagName === "STYLE", te = (e) => e.tagName === "SCRIPT", ne = (e) => e.tagName === "SELECT", L = (e) => e.tagName === "SLOT", re = (e) => e.tagName === "IFRAME", R = (...e) => console.warn(m, ...e);
+function z(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 B = (e) => e.startsWith("data:");
+function V(e, t) {
+	if (e.match(/^[a-z]+:\/\//i)) return e;
+	if (h && e.match(/^\/\//)) return window.location.protocol + e;
+	if (e.match(/^[a-z]+:/i) || !h) return e;
+	let n = H().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 H(e) {
+	return (e && w(e) ? e?.ownerDocument : e) ?? window.document;
+}
+var U = "http://www.w3.org/2000/svg";
+function W(e, t, n) {
+	let r = H(n).createElementNS(U, "svg");
+	return r.setAttributeNS(null, "width", e.toString()), r.setAttributeNS(null, "height", t.toString()), r.setAttributeNS(null, "viewBox", `0 0 ${e} ${t}`), r;
+}
+function G(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 ie(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 ae = (e) => ie(e, "dataUrl");
+function K(e, t) {
+	let n = H(t).createElement("img");
+	return n.decoding = "sync", n.loading = "eager", n.src = e, n;
+}
+function q(e, t) {
+	return new Promise((n) => {
+		let { timeout: r, ownerDocument: i, onError: a, onWarn: o } = t ?? {}, s = typeof e == "string" ? K(e, H(i)) : e, c = null, l = null;
+		function u() {
+			n(s), c && clearTimeout(c), l?.();
+		}
+		if (r && (c = setTimeout(u, r)), M(s)) {
+			let e = s.currentSrc || s.src;
+			if (!e) return s.poster ? q(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 = E(s) ? s.href.baseVal : s.currentSrc || s.src;
+			if (!e) return u();
+			let t = async () => {
+				if (j(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 (j(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 J(e, t) {
+	O(e) && (j(e) || M(e) ? await q(e, t) : await Promise.all(["img", "video"].flatMap((n) => Array.from(e.querySelectorAll(n)).map((e) => q(e, t)))));
+}
+var Y = /* @__PURE__ */ function() {
+	let e = 0, t = () => `0000${(Math.random() * 36 ** 4 | 0).toString(36)}`.slice(-4);
+	return () => (e += 1, `u${t()}${e}`);
+}();
+function X(e) {
+	return e?.split(",").map((e) => e.trim().replace(/"|'/g, "").toLowerCase()).filter(Boolean);
+}
+var oe = 0;
+function se(e) {
+	let t = `${m}[#${oe}]`;
+	return oe++, {
+		time: (n) => e && console.time(`${t} ${n}`),
+		timeEnd: (n) => e && console.timeEnd(`${t} ${n}`),
+		warn: (...t) => e && R(...t)
+	};
+}
+function ce(e) {
+	return { cache: e ? "no-cache" : "force-cache" };
+}
+async function le(e, t) {
+	return x(e) ? e : ue(e, {
+		...t,
+		autoDestruct: !0
+	});
+}
+async function ue(e, t) {
+	let { scale: n = 1, workerUrl: r, workerNumber: i = 1 } = t || {}, a = !!t?.debug, o = t?.features ?? !0, s = e.ownerDocument ?? (h ? window.document : void 0), c = e.ownerDocument?.defaultView ?? (h ? 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: ce(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: se(a),
+		node: e,
+		ownerDocument: s,
+		ownerWindow: c,
+		dpi: n === 1 ? null : 96 * n,
+		svgStyleElement: de(s),
+		svgDefsElement: s?.createElementNS(U, "defs"),
+		svgStyles: /* @__PURE__ */ new Map(),
+		defaultComputedStyles: /* @__PURE__ */ new Map(),
+		workers: [...Array.from({ length: g && 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: `${[
+			z(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 J(e, {
+		timeout: u.timeout,
+		onWarn: u.log.warn
+	}), u.log.timeEnd("wait until load");
+	let { width: d, height: f } = fe(e, u);
+	return u.width = d, u.height = f, u;
+}
+function de(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 fe(e, t) {
+	let { width: n, height: r } = t;
+	if (w(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 pe(e, t) {
+	let { log: n, timeout: r, drawImageCount: i, drawImageInterval: a } = t;
+	n.time("image to canvas");
+	let o = await q(e, {
+		timeout: r,
+		onWarn: t.log.warn
+	}), { canvas: s, context2d: c } = me(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 me(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 he(e, t) {
+	if (e.ownerDocument) try {
+		let t = e.toDataURL();
+		if (t !== "data:,") return K(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 ge(e, t) {
+	try {
+		if (e?.contentDocument?.documentElement) return Ie(e.contentDocument.documentElement, t);
+	} catch (e) {
+		t.log.warn("Failed to clone iframe", e);
+	}
+	return e.cloneNode(!1);
+}
+function _e(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 ve(e, t) {
+	if (e.ownerDocument && !e.currentSrc && e.poster) return K(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 q(n, {
+			onError: () => i = !1,
+			onWarn: t.log.warn
+		}), !i) return e.poster ? K(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 ? K(e.poster, e.ownerDocument) : n;
+		}
+		return he(a, t);
+	}
+	return n;
+}
+function ye(e, t) {
+	return N(e) ? he(e, t) : re(e) ? ge(e, t) : j(e) ? _e(e) : M(e) ? ve(e, t) : e.cloneNode(!1);
+}
+function be(e) {
+	let t = e.sandbox;
+	if (!t) {
+		let { ownerDocument: n } = e;
+		try {
+			n && (t = n.createElement("iframe"), t.id = `__SANDBOX__${Y()}`, 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 xe = [
+	"width",
+	"height",
+	"-webkit-text-fill-color"
+], Se = ["stroke", "fill"];
+function Ce(e, t, n) {
+	let { defaultComputedStyles: r } = n, i = e.nodeName.toLowerCase(), a = T(e) && i !== "svg", o = a ? Se.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 = be(n)?.contentWindow;
+	if (!c) return /* @__PURE__ */ new Map();
+	let l = c?.document, u, d;
+	a ? (u = l.createElementNS(U, "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);
+		xe.includes(e) || p.set(e, f.getPropertyValue(e));
+	}
+	return l.body.removeChild(u), r.set(s, p), p;
+}
+function we(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 Te(e, t, n, r) {
+	let { ownerWindow: i, includeStyleProperties: a, currentParentNodeStyle: o } = r, s = t.style, c = i.getComputedStyle(e), l = Ce(e, null, r);
+	o?.forEach((e, t) => {
+		l.delete(t);
+	});
+	let u = we(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"), v && (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 Ee(e, t) {
+	(P(e) || F(e) || ne(e)) && t.setAttribute("value", e.value);
+}
+var De = ["::before", "::after"], Oe = [
+	"::-webkit-scrollbar",
+	"::-webkit-scrollbar-button",
+	"::-webkit-scrollbar-thumb",
+	"::-webkit-scrollbar-track",
+	"::-webkit-scrollbar-track-piece",
+	"::-webkit-scrollbar-corner",
+	"::-webkit-resizer"
+];
+function ke(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 = [Y()], d = Ce(e, n, r);
+		c?.forEach((e, t) => {
+			d.delete(t);
+		});
+		let f = we(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}`);
+	}
+	De.forEach(l), n && Oe.forEach(l);
+}
+var Ae = /* @__PURE__ */ new Set(["symbol"]);
+async function je(e, t, n, r, i) {
+	if (w(n) && (I(n) || te(n)) || r.filter && !r.filter(n)) return;
+	r.currentParentNodeStyle = Ae.has(t.nodeName) || Ae.has(n.nodeName) ? void 0 : r.currentNodeStyle;
+	let a = await Ie(n, r, !1, i);
+	r.isEnable("restoreScrollPosition") && Ne(e, a), t.appendChild(a);
+}
+async function Me(e, t, n, r) {
+	let i = e.firstChild;
+	w(e) && e.shadowRoot && (i = e.shadowRoot?.firstChild, n.shadowRoots.push(e.shadowRoot));
+	for (let a = i; a; a = a.nextSibling) if (!k(a)) {
+		if (w(a) && L(a) && typeof a.assignedNodes == "function") {
+			let i = a.assignedNodes();
+			for (let a = 0; a < i.length; a++) await je(e, t, i[a], n, r);
+		} else await je(e, t, a, n, r);
+	}
+}
+function Ne(e, t) {
+	if (!O(e) || !O(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 Pe(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 Fe = /^[\w-:]+$/;
+async function Ie(e, t, n = !1, r) {
+	let { ownerDocument: i, ownerWindow: a, fontFamilies: o, onCloneEachNode: s } = t;
+	if (i && A(e)) return r && /\S/.test(e.data) && r(e.data), i.createTextNode(e.data);
+	if (i && a && w(e) && (O(e) || T(e))) {
+		let r = await ye(e, t);
+		if (t.isEnable("removeAbnormalAttributes")) {
+			let e = r.getAttributeNames();
+			for (let t = e.length, n = 0; n < t; n++) {
+				let t = e[n];
+				Fe.test(t) || r.removeAttribute(t);
+			}
+		}
+		let i = t.currentNodeStyle = Te(e, r, n, t);
+		n && Pe(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 = X(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 ke(e, r, a, t, u), Ee(e, r), M(e) || await Me(e, r, t, u), await s?.(r), r;
+	}
+	let c = e.cloneNode(!1);
+	return await Me(e, c, t), await s?.(c), c;
+}
+function Le(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 Re(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(ae);
+			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" && (y || b) && 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 b = t && v.size, x = {
+			url: o,
+			timeout: s,
+			responseType: b ? "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 !y && n.startsWith("http") && h.length ? new Promise((e, t) => {
+				h[l.size & h.length - 1].postMessage({
+					rawUrl: n,
+					...x
+				}), _.resolve = e, _.reject = t;
+			}) : Re(x);
+		})().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 ze(e, t, n, r) {
+	if (!Be(e)) return e;
+	for (let [i, a] of He(e, t)) try {
+		let t = await Z(n, {
+			url: a,
+			requestType: r ? "image" : "text",
+			responseType: "dataUrl"
+		});
+		e = e.replace(Ue(i), `$1${t}$3`);
+	} catch (e) {
+		n.log.warn("Failed to fetch css data url", i, e);
+	}
+	return e;
+}
+function Be(e) {
+	return /url\((['"]?)([^'"]+?)\1\)/.test(e);
+}
+var Ve = /url\((['"]?)([^'"]+?)\1\)/g;
+function He(e, t) {
+	let n = [];
+	return e.replace(Ve, (e, r, i) => (n.push([i, V(i, t)]), e)), n.filter(([e]) => !B(e));
+}
+function Ue(e) {
+	let t = e.replace(/([.*+?^${}()|\[\]\/\\])/g, "\\$1");
+	return RegExp(`(url\\(['"]?)(${t})(['"]?\\))`, "g");
+}
+var We = [
+	"background-image",
+	"border-image-source",
+	"-webkit-border-image",
+	"-webkit-mask-image",
+	"list-style-image"
+];
+function Ge(e, t) {
+	return We.map((n) => {
+		let r = e.getPropertyValue(n);
+		return !r || r === "none" ? null : ((y || b) && t.drawImageCount++, ze(r, null, t, !0).then((t) => {
+			t && r !== t && e.setProperty(n, t, e.getPropertyPriority(n));
+		}));
+	}).filter(Boolean);
+}
+function Ke(e, t) {
+	if (j(e)) {
+		let n = e.currentSrc || e.src;
+		if (!B(n)) return [Z(t, {
+			url: n,
+			imageDom: e,
+			requestType: "image",
+			responseType: "dataUrl"
+		}).then((t) => {
+			t && (e.srcset = "", e.dataset.originalSrc = n, e.src = t || "");
+		})];
+		(y || b) && t.drawImageCount++;
+	} else if (T(e) && !B(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 qe(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 Je(e, t) {
+	let { tasks: n } = t;
+	w(e) && ((j(e) || E(e)) && n.push(...Ke(e, t)), D(e) && n.push(...qe(e, t))), O(e) && n.push(...Ge(e.style, t)), e.childNodes.forEach((e) => {
+		Je(e, t);
+	});
+}
+async function Ye(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 = tt(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 (C(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(Ve, (e, t, r) => e.replace(r, V(r, n)));
+					for (let e of Qe(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) => {
+				nt(e.cssRules, u);
+			}), u.filter((e) => S(e) && Be(e.style.getPropertyValue("src")) && X(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(ze(i.cssText, i.parentStyleSheet ? i.parentStyleSheet.href : null, t).then((e) => {
+					e = tt(e, t), a.set(i.cssText, e), r.appendChild(n.createTextNode(`${e}
+`));
+				}));
+			});
+		}
+	}
+}
+var Xe = /(\/\*[\s\S]*?\*\/)/g, Ze = /((@.*?keyframes [\s\S]*?){([\s\S]*?}\s*?)})/gi;
+function Qe(e) {
+	if (e == null) return [];
+	let t = [], n = e.replace(Xe, "");
+	for (;;) {
+		let e = Ze.exec(n);
+		if (!e) break;
+		t.push(e[0]);
+	}
+	n = n.replace(Ze, "");
+	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 $e = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, et = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
+function tt(e, t) {
+	let { font: n } = t, r = n ? n?.preferredFormat : void 0;
+	return r ? e.replace(et, (e) => {
+		for (;;) {
+			let [t, , n] = $e.exec(e) || [];
+			if (!n) return "";
+			if (n === r) return `src: ${t};`;
+		}
+	}) : e;
+}
+function nt(e, t = []) {
+	for (let n of Array.from(e)) ee(n) ? t.push(...nt(n.cssRules)) : "cssRules" in n ? nt(n.cssRules, t) : t.push(n);
+	return t;
+}
+var rt = /\bx?link:?href\s*=\s*["'](?!data:)[^"']+["']/i;
+function it(e) {
+	return rt.test(e.innerHTML);
+}
+async function at(e, t) {
+	let n = await le(e, t);
+	if (w(n.node) && T(n.node) && !it(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 Ie(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 && w(h) && (i.time("embed web font"), await Ye(h, n), i.timeEnd("embed web font")), i.time("embed node"), Je(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 = ot(h, n);
+	return s && y.insertBefore(s, y.children[0]), o && y.insertBefore(o, y.children[0]), d && Le(n), await m?.(y), y;
+}
+function ot(e, t) {
+	let { width: n, height: r } = t, i = W(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 st(e, t) {
+	let n = await le(e, t), r = await at(n), i = G(r, n.isEnable("removeControlCharacter"));
+	return n.autoDestruct || (n.svgStyleElement = de(n.ownerDocument), n.svgDefsElement = n.ownerDocument?.createElementNS(U, "defs"), n.svgStyles.clear()), await pe(K(i, r.ownerDocument), n);
+}
+// src/editor/mask.ts
+var ct = "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 lt(e) {
+	try {
+		return e.matches(ct);
+	} catch {
+		return !1;
+	}
+}
+function ut(e, t, n) {
+	let r = [];
+	for (let i of e.querySelectorAll(ct)) {
+		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 dt(e) {
+	if (e.nodeType !== 1) return;
+	let t = e;
+	if (!lt(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 ft(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/privacy.ts
+var pt = /[A-Za-z0-9._%+-]+@[A-Za-z0-9-]+(?:\.[A-Za-z0-9-]+)*\.[A-Za-z]{2,}/g, mt = /(?<![\w+])(?:\+\d{1,3}|\(?0\d{1,4}\)?|\(?\d{3}\)?)(?:[ .-]?\(?\d{1,5}\)?){1,6}(?![\w])/g, ht = /^\(?\d{3}\)?[ .-]\d{3}[ .-]\d{4}$/;
+function gt(e) {
+	let t = e.trim(), n = t.replace(/\D/g, "").length;
+	return t.startsWith("+") ? n >= 8 && n <= 15 : /^\(?0/.test(t) ? n >= 10 && n <= 12 : n === 10 && ht.test(t);
+}
+function _t(e) {
+	let t = [];
+	if (e.length < 7) return t;
+	if (e.includes("@")) for (let n of e.matchAll(pt)) t.push({
+		start: n.index ?? 0,
+		end: (n.index ?? 0) + n[0].length,
+		kind: "email"
+	});
+	if (/\d{2}/.test(e)) for (let n of e.matchAll(mt)) {
+		let e = n.index ?? 0, r = e + n[0].length;
+		gt(n[0]) && (t.some((t) => e < t.end && r > t.start) || t.push({
+			start: e,
+			end: r,
+			kind: "phone"
+		}));
+	}
+	return t.sort((e, t) => e.start - t.start);
+}
+var vt = "(?:(?:full|your|first|last|guest|customer|client|contact|booking|patient|member|account|lead)\\s+name|name|customer|guest|client|booked by|card ?holder|account holder)", yt = RegExp(`^${vt}\\s*[:：]?$`, "i"), bt = RegExp(`^${vt}\\s*[:：]\\s*`, "i"), xt = /\b(?:signed in as|logged in as|welcome back,?)\s+/i;
+function St(e) {
+	let t = e.trim();
+	return t.length >= 2 && t.length <= 60 && /\p{L}/u.test(t) && t.split(/\s+/).length <= 5;
+}
+// src/editor/pii.ts
+var Ct = /^(SCRIPT|STYLE|NOSCRIPT|TEMPLATE|TEXTAREA|OPTION)$/, wt = "a[href],button,[role=button],[role=link],summary", Tt = "[autocomplete~=name],[autocomplete~=given-name],[autocomplete~=family-name],[autocomplete~=nickname],[autocomplete~=username],[itemtype*=\"schema.org/Person\"] [itemprop=name]", Et = 2e4;
+function Q(e, t) {
+	if (!e || t?.contains(e) || Ct.test(e.tagName)) return !0;
+	try {
+		return !!e.closest(ct);
+	} catch {
+		return !1;
+	}
+}
+function Dt(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 Ot(e, t) {
+	let n = e.ownerDocument, r = e.parentElement?.parentElement ?? e.parentElement;
+	if (!r) return null;
+	let i = n.createTreeWalker(r, NodeFilter.SHOW_TEXT);
+	i.currentNode = e;
+	let a = i.nextNode();
+	for (; a && e.contains(a);) a = i.nextNode();
+	for (let e = 0; a && e < 4; e++, a = i.nextNode()) {
+		let e = (a.nodeValue ?? "").trim();
+		if (!e) continue;
+		let n = a.parentElement;
+		return Q(n, t) || n?.closest(wt) ? null : St(e) ? a : null;
+	}
+	return null;
+}
+function kt(e, t, n) {
+	let r = e.parentElement;
+	if (!r || r.closest(wt) || 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 = Ot(r, t);
+	if (o) {
+		let e = Dt(o);
+		e && n.push(e);
+	}
+}
+function At(e, t = null) {
+	let n = [], r = e.body;
+	if (!r) return n;
+	let i = e.createTreeWalker(r, NodeFilter.SHOW_TEXT), a = 0;
+	for (let e = i.nextNode(); e && a < Et; e = i.nextNode(), a++) {
+		let r = e.nodeValue ?? "";
+		if (r.trim().length < 2 || Q(e.parentElement, t)) continue;
+		for (let t of _t(r)) n.push({
+			node: e,
+			start: t.start,
+			end: t.end,
+			reason: t.kind
+		});
+		let i = r.trim(), a = r.length - r.trimStart().length, o = bt.exec(i);
+		if (o && St(i.slice(o[0].length))) {
+			n.push({
+				node: e,
+				start: a + o[0].length,
+				end: a + i.length,
+				reason: "name"
+			});
+			continue;
+		}
+		let s = xt.exec(r);
+		if (s) {
+			let t = s.index + s[0].length, i = r.slice(t), a = i.search(/[!?|•·\n]|\.(?=\s|$)/), o = (a < 0 ? i : i.slice(0, a)).trimEnd();
+			St(o) && n.push({
+				node: e,
+				start: t,
+				end: t + o.length,
+				reason: "name"
+			});
+		} else yt.test(i) && kt(e, t, n);
+	}
+	for (let r of e.querySelectorAll(Tt)) lt(r) || Q(r, t) || n.push({
+		element: r,
+		reason: "name"
+	});
+	return n;
+}
+var $ = 2;
+function jt(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 At(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 Mt(r);
+}
+function Mt(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 Nt = 2560, Pt = 5e6;
+function Ft(e, t) {
+	let n = Math.max(1, e.w), r = Math.max(1, e.h);
+	return Math.min(t || 1, 2, Nt / Math.max(n, r), Math.sqrt(Pt / (n * r)));
+}
+var It = "data:image/gif;base64,R0lGODlhAQABAIAAAMfP3AAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==";
+async function Lt(e, t = window, n = {}) {
+	let r = t.document, i = {
+		w: t.innerWidth,
+		h: t.innerHeight
+	}, a = Ft(i, t.devicePixelRatio), o = ut(r, i, e), s = [];
+	if (n.autoBlur) try {
+		s = jt(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 st(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) => dt(e),
+		style: {
+			transform: `translate(${-l}px, ${-u}px)`,
+			transformOrigin: "0 0"
+		},
+		timeout: 15e3,
+		maximumCanvasSize: Nt,
+		fetch: { placeholderImage: It }
+	}), p = f.getContext("2d"), m = f.width / i.w;
+	return p && ft(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/report.ts
+var Rt = {
+	message: 5e3,
+	email: 320,
+	entries: 50,
+	annotations: 200,
+	screenshotChars: 6e6,
+	screenshotBytes: 4718592,
+	breadcrumbs: 20,
+	followUpQuestion: 300,
+	followUpAnswer: 2e3,
+	replayChars: 45e5,
+	fields: 10,
+	fieldId: 40,
+	fieldText: 200,
+	bodyBytes: 11534336
+}, zt = 1572864;
+function Bt(e) {
+	return Math.floor((e.length - e.indexOf(",") - 1) * 3 / 4);
+}
+function Vt(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 Ht(e, t = zt) {
+	let n = e, r = "";
+	for (let e = 0; e < 6; e++) {
+		for (let e of [
+			.85,
+			.7,
+			.55
+		]) {
+			let i = n.toDataURL("image/webp", e);
+			if (i.startsWith("data:image/webp") || (i = n.toDataURL("image/jpeg", e)), r = i, Bt(i) <= t) return i;
+		}
+		n = Vt(n, .75);
+	}
+	if (Bt(r) > Rt.screenshotBytes || r.length > Rt.screenshotChars) throw Error("Screenshot too large");
+	return r;
+}
+// src/editor/index.ts
+async function Ut(e, t = {}) {
+	let { canvas: n, auto: r } = await Lt(e, window, t), i = {
+		base: n,
+		auto: r
+	};
+	return {
+		dataUrl: Ht(n),
+		annotations: [],
+		edit: i,
+		autoBlurred: r.length
+	};
+}
+async function Wt(e, t) {
+	let n = t.edit;
+	if (!n?.base) return null;
+	let r = await d(e, n.base, n.state, n.auto);
+	return r ? {
+		dataUrl: Ht(r.canvas),
+		annotations: r.annotations,
+		edit: {
+			base: n.base,
+			state: r.state,
+			auto: n.auto
+		},
+		autoBlurred: t.autoBlurred
+	} : null;
+}
+export { Wt as markUp, Ut as takeScreenshot };
+
+//# sourceMappingURL=pinax-editor.js.map