@svgrid/grid 3.0.2 → 3.0.4

package/dist/cdn/chart-export-BXqueeWJ.js

@@ -0,0 +1,135 @@
+//#region src/chart-export.ts
+function e(e) {
+	return e instanceof SVGSVGElement ? e : e.querySelector("svg.sv-grid-chart-svg") ?? e.querySelector("svg");
+}
+function t(e, t, n) {
+	return getComputedStyle(e).getPropertyValue(t).trim() || n;
+}
+function n(n, r = {}) {
+	let i = e(n);
+	if (!i) throw Error("chartToSvgString: no <svg> found");
+	let a = t(i, "--sg-fg", "#0f172a"), o = t(i, "--sg-muted", "#64748b"), s = t(i, "--sg-border", "#e2e8f0"), c = r.background ?? t(i, "--sg-bg", "#ffffff"), l = i.viewBox.baseVal, u = l && l.width ? l.width : i.clientWidth || 520, d = l && l.height ? l.height : i.clientHeight || 300, f = i.cloneNode(!0);
+	f.setAttribute("width", String(u)), f.setAttribute("height", String(d)), f.setAttribute("xmlns", "http://www.w3.org/2000/svg");
+	let p = [
+		"fill",
+		"fill-opacity",
+		"stroke",
+		"stroke-width",
+		"stroke-opacity",
+		"stroke-dasharray",
+		"stroke-linecap",
+		"stroke-linejoin",
+		"opacity",
+		"font-size",
+		"font-family",
+		"font-weight",
+		"text-anchor"
+	], m = i.querySelectorAll("*"), h = f.querySelectorAll("*");
+	for (let e = 0; e < m.length; e += 1) {
+		let t = h[e];
+		if (!t || !t.style) continue;
+		let n = getComputedStyle(m[e]);
+		for (let e of p) {
+			let r = n.getPropertyValue(e);
+			r && r !== "normal" && t.style.setProperty(e, r);
+		}
+	}
+	f.querySelectorAll(".sv-grid-chart-hit").forEach((e) => e.remove());
+	let g = document.createElementNS("http://www.w3.org/2000/svg", "style");
+	g.textContent = `
+    .sv-grid-chart-axis { fill: ${o}; font-size: 10px; font-family: sans-serif; }
+    .sv-grid-chart-gridline { stroke: ${s}; stroke-width: 1; opacity: 0.6; }
+    .sv-grid-chart-gridline.is-zero { stroke: ${o}; opacity: 0.9; }
+    .sv-grid-chart-datalabel { fill: ${a}; font-size: 9.5px; font-weight: 600; font-family: sans-serif; }
+    .sv-grid-chart-datalabel.on-bar { fill: #fff; }
+    .sv-grid-chart-donut-total { fill: ${a}; font-size: 16px; font-weight: 800; font-family: sans-serif; }
+    .sv-grid-chart-donut-label { fill: ${o}; font-size: 10px; font-family: sans-serif; }
+  `, f.insertBefore(g, f.firstChild);
+	let _ = document.createElementNS("http://www.w3.org/2000/svg", "rect");
+	return _.setAttribute("x", "0"), _.setAttribute("y", "0"), _.setAttribute("width", String(u)), _.setAttribute("height", String(d)), _.setAttribute("fill", c), f.insertBefore(_, g.nextSibling), new XMLSerializer().serializeToString(f);
+}
+function r(e, t) {
+	let n = document.createElement("a");
+	n.href = e, n.download = t, document.body.appendChild(n), n.click(), n.remove();
+}
+function i(e, t = "chart.svg", i = {}) {
+	let a = n(e, i), o = URL.createObjectURL(new Blob([a], { type: "image/svg+xml" }));
+	r(o, t), setTimeout(() => URL.revokeObjectURL(o), 1e3);
+}
+function a(t, r = {}) {
+	let i = n(t, r), a = r.scale ?? 2, o = e(t), s = o.viewBox.baseVal, c = (s && s.width ? s.width : o.clientWidth || 520) * a, l = (s && s.height ? s.height : o.clientHeight || 300) * a;
+	return new Promise((e, t) => {
+		let n = URL.createObjectURL(new Blob([i], { type: "image/svg+xml" })), r = new Image();
+		r.onload = () => {
+			let i = document.createElement("canvas");
+			i.width = Math.round(c), i.height = Math.round(l);
+			let a = i.getContext("2d");
+			if (!a) {
+				URL.revokeObjectURL(n), t(/* @__PURE__ */ Error("canvas 2d context unavailable"));
+				return;
+			}
+			a.drawImage(r, 0, 0, i.width, i.height), URL.revokeObjectURL(n), i.toBlob((n) => n ? e(n) : t(/* @__PURE__ */ Error("toBlob failed")), "image/png");
+		}, r.onerror = () => {
+			URL.revokeObjectURL(n), t(/* @__PURE__ */ Error("failed to rasterize chart SVG"));
+		}, r.src = n;
+	});
+}
+async function o(e, t = "chart.png", n = {}) {
+	let i = await a(e, n), o = URL.createObjectURL(i);
+	r(o, t), setTimeout(() => URL.revokeObjectURL(o), 1e3);
+}
+var s = (e) => {
+	let t = e == null || typeof e == "number" && !Number.isFinite(e) ? "" : String(e);
+	return /[",\n]/.test(t) ? `"${t.replace(/"/g, "\"\"")}"` : t;
+};
+function c(e) {
+	let t = e.series ?? [];
+	if (t.some((e) => e.points?.length)) {
+		let e = [
+			"Series",
+			"X",
+			"Y",
+			"Size",
+			"Label"
+		].map(s).join(","), n = [];
+		for (let e of t) for (let t of e.points ?? []) n.push([
+			e.label,
+			t.x,
+			t.y,
+			t.r ?? "",
+			t.label ?? ""
+		].map(s).join(","));
+		return n.length ? [e, ...n].join("\n") : "";
+	}
+	let n = e.categories ?? [];
+	if (!n.length || !t.length) return "";
+	let r = ["Category"];
+	for (let e of t) e.ohlc ? r.push(`${e.label} Open`, `${e.label} High`, `${e.label} Low`, `${e.label} Close`, ...e.volumes ? [`${e.label} Volume`] : []) : e.boxes ? r.push(`${e.label} Min`, `${e.label} Q1`, `${e.label} Median`, `${e.label} Q3`, `${e.label} Max`, `${e.label} Outliers`) : e.errors ? r.push(e.label, `${e.label} Low`, `${e.label} High`) : e.lowValues ? r.push(`${e.label} low`, `${e.label} high`) : e.targets ? r.push(e.label, `${e.label} target`) : r.push(e.label);
+	let i = n.map((e, n) => {
+		let r = [e];
+		for (let e of t) if (e.ohlc) {
+			let t = e.ohlc[n];
+			r.push(t?.o ?? "", t?.h ?? "", t?.l ?? "", t?.c ?? ""), e.volumes && r.push(e.volumes[n] ?? "");
+		} else if (e.boxes) {
+			let t = e.boxes[n];
+			r.push(t?.min ?? "", t?.q1 ?? "", t?.median ?? "", t?.q3 ?? "", t?.max ?? "", t?.outliers?.join(" ") ?? "");
+		} else if (e.errors) {
+			let t = e.values[n], i = e.errors[n], a = i == null ? "" : typeof i == "number" ? (t ?? 0) - Math.abs(i) : Math.min(i.lo, i.hi), o = i == null ? "" : typeof i == "number" ? (t ?? 0) + Math.abs(i) : Math.max(i.lo, i.hi);
+			r.push(t ?? "", a, o);
+		} else e.lowValues ? r.push(e.lowValues[n] ?? "", e.values[n] ?? "") : e.targets ? r.push(e.values[n] ?? "", e.targets[n] ?? "") : r.push(e.values[n] ?? "");
+		return r.map(s).join(",");
+	});
+	return [r.map(s).join(","), ...i].join("\n");
+}
+function l(e) {
+	let t = e.series ?? [];
+	return t.some((e) => e.points?.length) ? !0 : !!(e.categories?.length && t.length);
+}
+function u(e, t = "chart.csv") {
+	let n = c(e);
+	if (!n) return !1;
+	let i = URL.createObjectURL(new Blob([n], { type: "text/csv;charset=utf-8" }));
+	return r(i, t), setTimeout(() => URL.revokeObjectURL(i), 1e3), !0;
+}
+//#endregion
+export { u as a, n as i, c as n, o, a as r, i as s, l as t };

package/dist/cdn/chart-export-pdf-DONFUnNY.js

@@ -0,0 +1,110 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { i as t, r as n } from "./chart-export-BXqueeWJ.js";
+//#region src/chart-export-pdf.ts
+var r = /* @__PURE__ */ e({
+	buildChartPdf: () => l,
+	chartToPdfBlob: () => u,
+	downloadChartPdf: () => d,
+	printChart: () => f
+}), i = {
+	A4: [595.28, 841.89],
+	Letter: [612, 792]
+};
+function a(e) {
+	let t = new Uint8Array(e.length);
+	for (let n = 0; n < e.length; n += 1) {
+		let r = e.charCodeAt(n);
+		t[n] = r < 256 ? r : 63;
+	}
+	return t;
+}
+function o(e) {
+	return "(" + e.replace(/[\\()]/g, (e) => "\\" + e).replace(/[\r\n]+/g, " ") + ")";
+}
+function s(e, t) {
+	return e.length * t * .5;
+}
+function c(e, t, n) {
+	return new Promise((r, i) => {
+		let a = URL.createObjectURL(e), o = new Image();
+		o.onload = () => {
+			let e = document.createElement("canvas");
+			e.width = o.naturalWidth || o.width, e.height = o.naturalHeight || o.height;
+			let s = e.getContext("2d");
+			if (!s) {
+				URL.revokeObjectURL(a), i(/* @__PURE__ */ Error("canvas 2d context unavailable"));
+				return;
+			}
+			s.fillStyle = t, s.fillRect(0, 0, e.width, e.height), s.drawImage(o, 0, 0), URL.revokeObjectURL(a), e.toBlob((t) => {
+				if (!t) {
+					i(/* @__PURE__ */ Error("toBlob failed"));
+					return;
+				}
+				t.arrayBuffer().then((t) => r({
+					bytes: new Uint8Array(t),
+					width: e.width,
+					height: e.height
+				}), i);
+			}, "image/jpeg", n);
+		}, o.onerror = () => {
+			URL.revokeObjectURL(a), i(/* @__PURE__ */ Error("failed to decode chart PNG"));
+		}, o.src = a;
+	});
+}
+function l(e, t = {}) {
+	let [n, r] = i[t.page ?? "A4"], c = t.orientation ? t.orientation === "landscape" : e.width / e.height > n / r, l = c ? r : n, u = c ? n : r, d = (t.title ?? "").trim(), f = (t.subtitle ?? "").trim(), p = (t.caption ?? "").trim(), m = u - 40, h = [], g = (e, t, n) => {
+		m -= t + 4, h.push(`BT /F1 ${t} Tf ${n} g 40 ${m.toFixed(2)} Td ${o(e)} Tj ET`);
+	};
+	d && g(d, 16, 0), f && g(f, 11, .4), (d || f) && (m -= 8);
+	let _ = p ? 20 : 0, v = l - 80, y = m - 40 - _, b = Math.min(v / e.width, y / e.height), x = e.width * b, S = e.height * b, C = 40 + (v - x) / 2, w = m - S;
+	if (h.push(`q ${x.toFixed(2)} 0 0 ${S.toFixed(2)} ${C.toFixed(2)} ${w.toFixed(2)} cm /Im1 Do Q`), p) {
+		let e = s(p, 9) > v ? p.slice(0, Math.floor(v / 4.5) - 3) + "..." : p;
+		h.push(`BT /F1 9 Tf 0.4 g 40 ${36 .toFixed(2)} Td ${o(e)} Tj ET`);
+	}
+	let T = h.join("\n"), E = [], D = [], O = 0, k = (e) => {
+		E.push(e), O += e.length;
+	};
+	k("%PDF-1.4\n%âãÏÓ\n");
+	let A = (e, t, n) => {
+		D[e] = O, k(`${e} 0 obj\n${t}\n`), n && (k("stream\n"), k(n), k("\nendstream\n")), k("endobj\n");
+	};
+	A(1, "<< /Type /Catalog /Pages 2 0 R >>"), A(2, "<< /Type /Pages /Kids [3 0 R] /Count 1 >>"), A(3, `<< /Type /Page /Parent 2 0 R /MediaBox [0 0 ${l.toFixed(2)} ${u.toFixed(2)}] /Resources << /XObject << /Im1 4 0 R >> /Font << /F1 5 0 R >> >> /Contents 6 0 R >>`), A(4, `<< /Type /XObject /Subtype /Image /Width ${e.width} /Height ${e.height} /ColorSpace /DeviceRGB /BitsPerComponent 8 /Filter /DCTDecode /Length ${e.bytes.length} >>`, e.bytes), A(5, "<< /Type /Font /Subtype /Type1 /BaseFont /Helvetica /Encoding /WinAnsiEncoding >>"), A(6, `<< /Length ${T.length} >>`, a(T));
+	let j = O;
+	k("xref\n0 7\n0000000000 65535 f \n");
+	for (let e = 1; e <= 6; e += 1) k(`${String(D[e]).padStart(10, "0")} 00000 n \n`);
+	k(`trailer\n<< /Size 7 /Root 1 0 R >>\nstartxref\n${j}\n%%EOF\n`);
+	let M = new Uint8Array(new ArrayBuffer(O)), N = 0;
+	for (let e of E) {
+		let t = typeof e == "string" ? a(e) : e;
+		M.set(t, N), N += t.length;
+	}
+	return M;
+}
+async function u(e, t = {}) {
+	let r = e instanceof SVGSVGElement ? e : e.querySelector("svg.sv-grid-chart-svg") ?? e.querySelector("svg"), i = t.background ?? (r && getComputedStyle(r).getPropertyValue("--sg-bg").trim() || "#ffffff"), a = l(await c(await n(e, {
+		...t,
+		background: i,
+		scale: t.scale ?? 2
+	}), i, t.quality ?? .92), t);
+	return new Blob([a.buffer], { type: "application/pdf" });
+}
+async function d(e, t = "chart.pdf", n = {}) {
+	let r = await u(e, n), i = URL.createObjectURL(r), a = document.createElement("a");
+	a.href = i, a.download = t, document.body.appendChild(a), a.click(), a.remove(), setTimeout(() => URL.revokeObjectURL(i), 1e3);
+}
+function f(e, n = {}) {
+	let r = t(e, n), i = window.open("", "_blank", "width=900,height=700");
+	if (!i) return !1;
+	let a = (e) => e.replace(/[&<>]/g, (e) => ({
+		"&": "&amp;",
+		"<": "&lt;",
+		">": "&gt;"
+	})[e]);
+	i.document.write(`<!doctype html><html><head><meta charset="utf-8"><title>${a(n.title ?? "Chart")}</title><style>body{margin:24px;font-family:system-ui,sans-serif}h1{font-size:16px;margin:0 0 12px}svg{max-width:100%;height:auto}@page{margin:12mm}</style></head><body>` + (n.title ? `<h1>${a(n.title)}</h1>` : "") + r + "</body></html>"), i.document.close();
+	let o = () => {
+		i.focus(), i.print();
+	};
+	return i.document.readyState === "complete" ? setTimeout(o, 50) : i.addEventListener("load", () => setTimeout(o, 50)), !0;
+}
+//#endregion
+export { f as a, d as i, u as n, r, l as t };