@blueprint-chart/lib 1.8.2 → 2.0.0

package/dist/runtime/chart-css.d.ts

@@ -1 +1 @@
-export declare const CHART_CSS = "\n/* Blueprint Chart \u2014 Runtime Embed Styles\n   CSS custom properties with baked-in defaults for standalone iframe usage. */\n\n.bc-frame {\n  --bc-frame-font-family: system-ui, -apple-system, sans-serif;\n  --bc-frame-padding: 0;\n  --bc-frame-bg: #fff;\n  --bc-text-color: #333;\n  font-family: var(--bc-frame-font-family);\n  background: var(--bc-frame-bg);\n  /* currentColor marks (e.g. above-bar value labels) follow the theme text\n     colour, not the ambient document colour. */\n  color: var(--bc-text-color, #333);\n}\n\n/* Keeps the SVG's baked-in background rect (applyCanvasBackground) in sync\n   with the frame background; transparentBackground sets the var to\n   transparent at runtime. */\n.bc-frame .bc-canvas-bg {\n  fill: var(--bc-frame-bg, #fff);\n}\n\n.bc-frame-header {\n  padding: var(--bc-frame-padding) var(--bc-frame-padding) 0;\n  background: var(--bc-frame-header-bg, transparent);\n  border-bottom: var(--bc-frame-header-border-bottom, none);\n  margin-bottom: var(--bc-frame-header-margin-bottom, 0);\n}\n\n.bc-frame-body {\n  padding: 0 var(--bc-frame-padding);\n}\n\n.bc-frame-title {\n  --bc-frame-title-color: var(--bc-text-color, #333);\n  --bc-frame-title-font-size: 1.25rem;\n  color: var(--bc-frame-title-color);\n  font-size: var(--bc-frame-title-font-size);\n  font-weight: bold;\n  margin: 0;\n}\n\n.bc-frame-description {\n  --bc-frame-description-color: var(--bc-text-color, #555);\n  --bc-frame-description-font-size: 0.875rem;\n  color: var(--bc-frame-description-color);\n  font-size: var(--bc-frame-description-font-size);\n  margin: 0.25rem 0 0;\n}\n\n.bc-frame-footer {\n  margin-top: 0.5rem;\n  gap: 0.25rem 1rem;\n  padding: var(--bc-frame-footer-padding-top, 0) var(--bc-frame-padding) var(--bc-frame-padding);\n  background: var(--bc-frame-footer-bg, transparent);\n  border-top: var(--bc-frame-footer-border-top, none);\n}\n\n.bc-frame-footer-left {\n  display: flex;\n  align-items: baseline;\n  flex-wrap: wrap;\n  gap: 0.25rem 0.75rem;\n}\n\n.bc-frame-footer-left > :not(:first-child)::before {\n  content: \"\\00B7\";\n  margin-right: 0.5rem;\n  color: var(--bc-text-color, #888);\n}\n\n.bc-frame-footer-right {\n  display: flex;\n  align-items: center;\n}\n\n.bc-frame-note {\n  --bc-frame-note-color: var(--bc-text-color, #888);\n  --bc-frame-note-font-size: 0.75rem;\n  font-style: italic;\n  color: var(--bc-frame-note-color);\n  font-size: var(--bc-frame-note-font-size);\n  margin: 0;\n  padding: 0 var(--bc-frame-padding);\n}\n\n.bc-frame-byline,\n.bc-frame-source {\n  --bc-frame-meta-color: var(--bc-text-color, #888);\n  --bc-frame-meta-font-size: 0.75rem;\n  color: var(--bc-frame-meta-color);\n  font-size: var(--bc-frame-meta-font-size);\n}\n\n.bc-frame-credit {\n  --bc-frame-credit-color: var(--bc-text-color, #666);\n  --bc-frame-credit-font-size: 0.75rem;\n  color: var(--bc-frame-credit-color);\n  font-size: var(--bc-frame-credit-font-size);\n  font-weight: 600;\n  display: inline-flex;\n  align-items: center;\n  text-decoration: none;\n}\n\n.bc-frame-source-link {\n  color: inherit;\n  text-decoration: underline;\n}\n\n.bc-axis .domain {\n  stroke: var(--bc-axis-color, #333);\n}\n\n.bc-axis .tick text {\n  fill: var(--bc-axis-color, #333);\n  font-size: 10px;\n}\n\n.bc-axis .tick line {\n  stroke: var(--bc-axis-color, #333);\n}\n\n.bc-grid-line {\n  stroke: var(--bc-grid-color, #e0e0e0);\n  stroke-width: 1;\n}\n\n.bc-zero-baseline {\n  stroke: #666;\n  stroke-width: 1;\n}\n\n.bc-bar {\n  /* fill is set via D3 .attr() from data-bound colors \u2014 do not override */\n}\n\n.bc-line {\n  fill: none;\n  stroke-width: 2;\n}\n\n.bc-value-label {\n  font-size: 11px;\n  /* fill is set via D3 .attr() \u2014 do not override */\n}\n\n.bc-direct-label {\n  font-size: 12px;\n  font-weight: 600;\n}\n\n.bc-tooltip {\n  position: absolute;\n  pointer-events: none;\n  background: var(--bc-tooltip-bg, #fff);\n  color: var(--bc-tooltip-color, #212529);\n  border: 1px solid var(--bc-tooltip-border-color, #dee2e6);\n  border-radius: 4px;\n  padding: 6px 10px;\n  font-size: 13px;\n  box-shadow: 0 2px 8px rgba(0,0,0,0.12);\n  z-index: 9999;\n  display: none;\n}\n\n.bc-crosshair {\n  stroke: #999;\n  stroke-width: 1;\n  pointer-events: none;\n}\n\n.bc-arc-label-line {\n  fill: none;\n  stroke: #999;\n  stroke-width: 1;\n}\n\n.bc-theme-blueprint-framed {\n  --bc-frame-header-border-bottom: 1px solid #e0e0e0;\n  --bc-frame-header-margin-bottom: 0.5rem;\n  --bc-frame-footer-bg: #f8f8f8;\n  --bc-frame-footer-border-top: 1px solid #e0e0e0;\n  --bc-frame-footer-padding-top: 0.625rem;\n}\n\n[data-bs-theme=\"dark\"] .bc-frame.bc-theme-blueprint-bold {\n  --bc-frame-bg: #000000;\n  --bc-text-color: rgba(255, 255, 255, 0.95);\n  --bc-axis-color: rgba(255, 255, 255, 0.7);\n  --bc-grid-color: rgba(255, 255, 255, 0.12);\n}\n\n.blueprint-chart-error {\n  color: red;\n  padding: 1em;\n  border: 1px solid red;\n}\n\nbody {\n  margin: 0;\n  overflow: hidden;\n}\n\n/* Dark theme: activated by data-bs-theme=\"dark\" on the document (matching the\n   editor's convention). The chart owns these colors; the dark frame background\n   also drives the renderer's resolveBackgroundColor, so data-mark colors and\n   contrast labels adapt at render time. Scoped to .bc-frame so these override\n   the frame's own light --bc-frame-bg / --bc-text-color declarations (which are\n   set on .bc-frame and would otherwise shadow a document-level override). */\n[data-bs-theme=\"dark\"] body {\n  /* color themes above-bar value labels (fill: currentColor). */\n  background: #1c1c1c;\n  color: rgba(255, 255, 255, 0.9);\n}\n\n[data-bs-theme=\"dark\"] .bc-frame {\n  --bc-frame-bg: #1c1c1c;\n  --bc-text-color: rgba(255, 255, 255, 0.9);\n  --bc-axis-color: rgba(255, 255, 255, 0.6);\n  --bc-grid-color: #333;\n\n  color: rgba(255, 255, 255, 0.9);\n}\n";
+export declare const CHART_CSS = "\n/* Blueprint Chart \u2014 Runtime Embed Styles\n   CSS custom properties with baked-in defaults for standalone iframe usage. */\n\n.bc-frame {\n  --bc-frame-font-family: system-ui, -apple-system, sans-serif;\n  --bc-frame-padding: 0;\n  /* Per-side properties so a multi-value `padding` shorthand never lands in a\n     single-value shorthand slot, which would invalidate the whole declaration. */\n  --bc-frame-padding-top: var(--bc-frame-padding);\n  --bc-frame-padding-right: var(--bc-frame-padding);\n  --bc-frame-padding-bottom: var(--bc-frame-padding);\n  --bc-frame-padding-left: var(--bc-frame-padding);\n  --bc-frame-bg: #fff;\n  --bc-text-color: #333;\n  font-family: var(--bc-frame-font-family);\n  background: var(--bc-frame-bg);\n  /* currentColor marks (e.g. above-bar value labels) follow the theme text\n     colour, not the ambient document colour. */\n  color: var(--bc-text-color, #333);\n}\n\n/* Keeps the SVG's baked-in background rect (applyCanvasBackground) in sync\n   with the frame background; transparentBackground sets the var to\n   transparent at runtime. */\n.bc-frame .bc-canvas-bg {\n  fill: var(--bc-frame-bg, #fff);\n}\n\n/* `theme = \"dark\"` emits this class on the frame, so it carries the same\n   surface the document-level dark mode does, without depending on an ambient\n   data-bs-theme. Keep in sync with DARK_THEME in render/frame-svg.ts. */\n.bc-frame.bc-theme-dark {\n  --bc-frame-bg: #1c1c1c;\n  --bc-text-color: rgba(255, 255, 255, 0.9);\n  --bc-axis-color: rgba(255, 255, 255, 0.6);\n  --bc-grid-color: #333;\n\n  color: rgba(255, 255, 255, 0.9);\n}\n\n.bc-frame-header {\n  padding: var(--bc-frame-padding-top) var(--bc-frame-padding-right) 0 var(--bc-frame-padding-left);\n  background: var(--bc-frame-header-bg, transparent);\n  border-bottom: var(--bc-frame-header-border-bottom, none);\n  margin-bottom: var(--bc-frame-header-margin-bottom, 0);\n}\n\n.bc-frame-body {\n  padding: 0 var(--bc-frame-padding-right) 0 var(--bc-frame-padding-left);\n}\n\n.bc-frame-title {\n  --bc-frame-title-color: var(--bc-text-color, #333);\n  --bc-frame-title-font-size: 1.25rem;\n  color: var(--bc-frame-title-color);\n  font-size: var(--bc-frame-title-font-size);\n  font-weight: bold;\n  margin: 0;\n  white-space: pre-line;\n}\n\n.bc-frame-description {\n  --bc-frame-description-color: var(--bc-text-color, #555);\n  --bc-frame-description-font-size: 0.875rem;\n  color: var(--bc-frame-description-color);\n  font-size: var(--bc-frame-description-font-size);\n  margin: 0.25rem 0 0;\n  white-space: pre-line;\n}\n\n.bc-frame-footer {\n  margin-top: 0.5rem;\n  gap: 0.25rem 1rem;\n  padding: var(--bc-frame-footer-padding-top, 0) var(--bc-frame-padding-right) var(--bc-frame-padding-bottom) var(--bc-frame-padding-left);\n  background: var(--bc-frame-footer-bg, transparent);\n  border-top: var(--bc-frame-footer-border-top, none);\n}\n\n.bc-frame-footer-left {\n  display: flex;\n  align-items: baseline;\n  flex-wrap: wrap;\n  gap: 0.25rem 0.75rem;\n}\n\n.bc-frame-footer-left > :not(:first-child)::before {\n  content: \"\\00B7\";\n  margin-right: 0.5rem;\n  color: var(--bc-text-color, #888);\n}\n\n.bc-frame-footer-right {\n  display: flex;\n  align-items: center;\n}\n\n.bc-frame-note {\n  --bc-frame-note-color: var(--bc-text-color, #888);\n  --bc-frame-note-font-size: 0.75rem;\n  font-style: italic;\n  color: var(--bc-frame-note-color);\n  font-size: var(--bc-frame-note-font-size);\n  margin: 0;\n  padding: 0 var(--bc-frame-padding-right) 0 var(--bc-frame-padding-left);\n}\n\n.bc-frame-byline,\n.bc-frame-source {\n  --bc-frame-meta-color: var(--bc-text-color, #888);\n  --bc-frame-meta-font-size: 0.75rem;\n  color: var(--bc-frame-meta-color);\n  font-size: var(--bc-frame-meta-font-size);\n}\n\n.bc-frame-byline {\n  white-space: pre-line;\n}\n\n.bc-frame-credit {\n  --bc-frame-credit-color: var(--bc-text-color, #666);\n  --bc-frame-credit-font-size: 0.75rem;\n  color: var(--bc-frame-credit-color);\n  font-size: var(--bc-frame-credit-font-size);\n  font-weight: 600;\n  display: inline-flex;\n  align-items: center;\n  text-decoration: none;\n}\n\n.bc-frame-source-link {\n  color: inherit;\n  text-decoration: underline;\n}\n\n.bc-axis .domain {\n  stroke: var(--bc-axis-color, #333);\n}\n\n.bc-axis .tick text {\n  fill: var(--bc-axis-color, #333);\n  font-size: 10px;\n}\n\n.bc-axis .tick line {\n  stroke: var(--bc-axis-color, #333);\n}\n\n.bc-grid-line {\n  stroke: var(--bc-grid-color, #e0e0e0);\n  stroke-width: 1;\n}\n\n.bc-zero-baseline {\n  stroke: #666;\n  stroke-width: 1;\n}\n\n.bc-bar {\n  /* fill is set via D3 .attr() from data-bound colors \u2014 do not override */\n}\n\n.bc-line {\n  fill: none;\n  stroke-width: 2;\n}\n\n.bc-value-label {\n  font-size: 11px;\n  /* fill is set via D3 .attr() \u2014 do not override */\n}\n\n.bc-direct-label {\n  font-size: 12px;\n  font-weight: 600;\n}\n\n.bc-tooltip {\n  position: absolute;\n  pointer-events: none;\n  background: var(--bc-tooltip-bg, #fff);\n  color: var(--bc-tooltip-color, #212529);\n  border: 1px solid var(--bc-tooltip-border-color, #dee2e6);\n  border-radius: 4px;\n  padding: 6px 10px;\n  font-size: 13px;\n  box-shadow: 0 2px 8px rgba(0,0,0,0.12);\n  z-index: 9999;\n  display: none;\n}\n\n.bc-crosshair {\n  stroke: #999;\n  stroke-width: 1;\n  pointer-events: none;\n}\n\n.bc-arc-label-line {\n  fill: none;\n  stroke: #999;\n  stroke-width: 1;\n}\n\n.bc-theme-blueprint-framed {\n  --bc-frame-header-border-bottom: 1px solid #e0e0e0;\n  --bc-frame-header-margin-bottom: 0.5rem;\n  --bc-frame-footer-bg: #f8f8f8;\n  --bc-frame-footer-border-top: 1px solid #e0e0e0;\n  --bc-frame-footer-padding-top: 0.625rem;\n}\n\n[data-bs-theme=\"dark\"] .bc-frame.bc-theme-blueprint-bold {\n  --bc-frame-bg: #000000;\n  --bc-text-color: rgba(255, 255, 255, 0.95);\n  --bc-axis-color: rgba(255, 255, 255, 0.7);\n  --bc-grid-color: rgba(255, 255, 255, 0.12);\n}\n\n.blueprint-chart-error {\n  color: red;\n  padding: 1em;\n  border: 1px solid red;\n}\n\nbody {\n  margin: 0;\n  overflow: hidden;\n}\n\n/* Dark theme: activated by data-bs-theme=\"dark\" on the document (matching the\n   editor's convention). The chart owns these colors; the dark frame background\n   also drives the renderer's resolveBackgroundColor, so data-mark colors and\n   contrast labels adapt at render time. Scoped to .bc-frame so these override\n   the frame's own light --bc-frame-bg / --bc-text-color declarations (which are\n   set on .bc-frame and would otherwise shadow a document-level override). */\n[data-bs-theme=\"dark\"] body {\n  /* color themes above-bar value labels (fill: currentColor). */\n  background: #1c1c1c;\n  color: rgba(255, 255, 255, 0.9);\n}\n\n[data-bs-theme=\"dark\"] .bc-frame {\n  --bc-frame-bg: #1c1c1c;\n  --bc-text-color: rgba(255, 255, 255, 0.9);\n  --bc-axis-color: rgba(255, 255, 255, 0.6);\n  --bc-grid-color: #333;\n\n  color: rgba(255, 255, 255, 0.9);\n}\n";

package/dist/runtime-DDhsXDn5.js

@@ -0,0 +1,84 @@
+//#region src/runtime/chart-css.ts
+var e = "blueprint-chart-resize", t = "blueprint-chart-error";
+function n(e) {
+	return typeof e == "object" && e && e.type === "blueprint-chart-resize" && typeof e.height == "number" ? e.height : null;
+}
+function r(e) {
+	return typeof e == "object" && !!e && e.type === "blueprint-chart-error";
+}
+//#endregion
+//#region src/runtime/runtime.ts
+var i = a();
+function a() {
+	try {
+		if (typeof globalThis < "u") {
+			let e = globalThis.BLUEPRINT_CHART_RUNTIME_URL;
+			if (typeof e == "string" && e) return e;
+		}
+		return typeof document > "u" ? "" : document.currentScript?.src ?? "";
+	} catch {
+		return "";
+	}
+}
+var o = /* @__PURE__ */ new Map(), s = null;
+function c() {
+	s || (s = (e) => {
+		for (let [t, n] of o) if (e.source === t.contentWindow) {
+			n(e);
+			return;
+		}
+	}, window.addEventListener("message", s));
+}
+function l() {
+	c(), document.querySelectorAll("script[type=\"application/blueprint-chart\"]").forEach(u);
+}
+function u(e) {
+	let t = e.textContent?.trim();
+	if (!t) return;
+	let a = document.createElement("iframe");
+	a.className = "blueprint-chart-iframe", a.style.cssText = "border: none; width: 100%; display: block;", a.setAttribute("sandbox", "allow-scripts"), a.setAttribute("title", "Blueprint Chart"), e.parentNode?.insertBefore(a, e), a.srcdoc = d(t, i), o.set(a, (e) => {
+		let t = n(e.data);
+		if (t !== null) {
+			a.style.height = `${t}px`;
+			return;
+		}
+		r(e.data) && console.warn("Blueprint Chart: could not render embed.", e.data.message);
+	});
+}
+function d(n, r, i) {
+	let a = r ? `<script src="${p(r)}"><\/script>` : "", o = i === "dark" ? "<html data-bs-theme=\"dark\">" : "<html>", s = r ? [
+		"try {",
+		"  window.BlueprintChart.renderBpc(document.getElementById(\"chart\"), __BPC_SRC__);",
+		"}",
+		"catch (e) {",
+		`  parent.postMessage({ type: "${t}", message: String(e) }, "*");`,
+		"}"
+	] : [`parent.postMessage({ type: "${t}", message: "Blueprint Chart runtime URL unavailable" }, "*");`];
+	return [
+		"<!DOCTYPE html>",
+		`${o}<head>`,
+		"<style>\n/* Blueprint Chart — Runtime Embed Styles\n   CSS custom properties with baked-in defaults for standalone iframe usage. */\n\n.bc-frame {\n  --bc-frame-font-family: system-ui, -apple-system, sans-serif;\n  --bc-frame-padding: 0;\n  /* Per-side properties so a multi-value `padding` shorthand never lands in a\n     single-value shorthand slot, which would invalidate the whole declaration. */\n  --bc-frame-padding-top: var(--bc-frame-padding);\n  --bc-frame-padding-right: var(--bc-frame-padding);\n  --bc-frame-padding-bottom: var(--bc-frame-padding);\n  --bc-frame-padding-left: var(--bc-frame-padding);\n  --bc-frame-bg: #fff;\n  --bc-text-color: #333;\n  font-family: var(--bc-frame-font-family);\n  background: var(--bc-frame-bg);\n  /* currentColor marks (e.g. above-bar value labels) follow the theme text\n     colour, not the ambient document colour. */\n  color: var(--bc-text-color, #333);\n}\n\n/* Keeps the SVG's baked-in background rect (applyCanvasBackground) in sync\n   with the frame background; transparentBackground sets the var to\n   transparent at runtime. */\n.bc-frame .bc-canvas-bg {\n  fill: var(--bc-frame-bg, #fff);\n}\n\n/* `theme = \"dark\"` emits this class on the frame, so it carries the same\n   surface the document-level dark mode does, without depending on an ambient\n   data-bs-theme. Keep in sync with DARK_THEME in render/frame-svg.ts. */\n.bc-frame.bc-theme-dark {\n  --bc-frame-bg: #1c1c1c;\n  --bc-text-color: rgba(255, 255, 255, 0.9);\n  --bc-axis-color: rgba(255, 255, 255, 0.6);\n  --bc-grid-color: #333;\n\n  color: rgba(255, 255, 255, 0.9);\n}\n\n.bc-frame-header {\n  padding: var(--bc-frame-padding-top) var(--bc-frame-padding-right) 0 var(--bc-frame-padding-left);\n  background: var(--bc-frame-header-bg, transparent);\n  border-bottom: var(--bc-frame-header-border-bottom, none);\n  margin-bottom: var(--bc-frame-header-margin-bottom, 0);\n}\n\n.bc-frame-body {\n  padding: 0 var(--bc-frame-padding-right) 0 var(--bc-frame-padding-left);\n}\n\n.bc-frame-title {\n  --bc-frame-title-color: var(--bc-text-color, #333);\n  --bc-frame-title-font-size: 1.25rem;\n  color: var(--bc-frame-title-color);\n  font-size: var(--bc-frame-title-font-size);\n  font-weight: bold;\n  margin: 0;\n  white-space: pre-line;\n}\n\n.bc-frame-description {\n  --bc-frame-description-color: var(--bc-text-color, #555);\n  --bc-frame-description-font-size: 0.875rem;\n  color: var(--bc-frame-description-color);\n  font-size: var(--bc-frame-description-font-size);\n  margin: 0.25rem 0 0;\n  white-space: pre-line;\n}\n\n.bc-frame-footer {\n  margin-top: 0.5rem;\n  gap: 0.25rem 1rem;\n  padding: var(--bc-frame-footer-padding-top, 0) var(--bc-frame-padding-right) var(--bc-frame-padding-bottom) var(--bc-frame-padding-left);\n  background: var(--bc-frame-footer-bg, transparent);\n  border-top: var(--bc-frame-footer-border-top, none);\n}\n\n.bc-frame-footer-left {\n  display: flex;\n  align-items: baseline;\n  flex-wrap: wrap;\n  gap: 0.25rem 0.75rem;\n}\n\n.bc-frame-footer-left > :not(:first-child)::before {\n  content: \"\\00B7\";\n  margin-right: 0.5rem;\n  color: var(--bc-text-color, #888);\n}\n\n.bc-frame-footer-right {\n  display: flex;\n  align-items: center;\n}\n\n.bc-frame-note {\n  --bc-frame-note-color: var(--bc-text-color, #888);\n  --bc-frame-note-font-size: 0.75rem;\n  font-style: italic;\n  color: var(--bc-frame-note-color);\n  font-size: var(--bc-frame-note-font-size);\n  margin: 0;\n  padding: 0 var(--bc-frame-padding-right) 0 var(--bc-frame-padding-left);\n}\n\n.bc-frame-byline,\n.bc-frame-source {\n  --bc-frame-meta-color: var(--bc-text-color, #888);\n  --bc-frame-meta-font-size: 0.75rem;\n  color: var(--bc-frame-meta-color);\n  font-size: var(--bc-frame-meta-font-size);\n}\n\n.bc-frame-byline {\n  white-space: pre-line;\n}\n\n.bc-frame-credit {\n  --bc-frame-credit-color: var(--bc-text-color, #666);\n  --bc-frame-credit-font-size: 0.75rem;\n  color: var(--bc-frame-credit-color);\n  font-size: var(--bc-frame-credit-font-size);\n  font-weight: 600;\n  display: inline-flex;\n  align-items: center;\n  text-decoration: none;\n}\n\n.bc-frame-source-link {\n  color: inherit;\n  text-decoration: underline;\n}\n\n.bc-axis .domain {\n  stroke: var(--bc-axis-color, #333);\n}\n\n.bc-axis .tick text {\n  fill: var(--bc-axis-color, #333);\n  font-size: 10px;\n}\n\n.bc-axis .tick line {\n  stroke: var(--bc-axis-color, #333);\n}\n\n.bc-grid-line {\n  stroke: var(--bc-grid-color, #e0e0e0);\n  stroke-width: 1;\n}\n\n.bc-zero-baseline {\n  stroke: #666;\n  stroke-width: 1;\n}\n\n.bc-bar {\n  /* fill is set via D3 .attr() from data-bound colors — do not override */\n}\n\n.bc-line {\n  fill: none;\n  stroke-width: 2;\n}\n\n.bc-value-label {\n  font-size: 11px;\n  /* fill is set via D3 .attr() — do not override */\n}\n\n.bc-direct-label {\n  font-size: 12px;\n  font-weight: 600;\n}\n\n.bc-tooltip {\n  position: absolute;\n  pointer-events: none;\n  background: var(--bc-tooltip-bg, #fff);\n  color: var(--bc-tooltip-color, #212529);\n  border: 1px solid var(--bc-tooltip-border-color, #dee2e6);\n  border-radius: 4px;\n  padding: 6px 10px;\n  font-size: 13px;\n  box-shadow: 0 2px 8px rgba(0,0,0,0.12);\n  z-index: 9999;\n  display: none;\n}\n\n.bc-crosshair {\n  stroke: #999;\n  stroke-width: 1;\n  pointer-events: none;\n}\n\n.bc-arc-label-line {\n  fill: none;\n  stroke: #999;\n  stroke-width: 1;\n}\n\n.bc-theme-blueprint-framed {\n  --bc-frame-header-border-bottom: 1px solid #e0e0e0;\n  --bc-frame-header-margin-bottom: 0.5rem;\n  --bc-frame-footer-bg: #f8f8f8;\n  --bc-frame-footer-border-top: 1px solid #e0e0e0;\n  --bc-frame-footer-padding-top: 0.625rem;\n}\n\n[data-bs-theme=\"dark\"] .bc-frame.bc-theme-blueprint-bold {\n  --bc-frame-bg: #000000;\n  --bc-text-color: rgba(255, 255, 255, 0.95);\n  --bc-axis-color: rgba(255, 255, 255, 0.7);\n  --bc-grid-color: rgba(255, 255, 255, 0.12);\n}\n\n.blueprint-chart-error {\n  color: red;\n  padding: 1em;\n  border: 1px solid red;\n}\n\nbody {\n  margin: 0;\n  overflow: hidden;\n}\n\n/* Dark theme: activated by data-bs-theme=\"dark\" on the document (matching the\n   editor's convention). The chart owns these colors; the dark frame background\n   also drives the renderer's resolveBackgroundColor, so data-mark colors and\n   contrast labels adapt at render time. Scoped to .bc-frame so these override\n   the frame's own light --bc-frame-bg / --bc-text-color declarations (which are\n   set on .bc-frame and would otherwise shadow a document-level override). */\n[data-bs-theme=\"dark\"] body {\n  /* color themes above-bar value labels (fill: currentColor). */\n  background: #1c1c1c;\n  color: rgba(255, 255, 255, 0.9);\n}\n\n[data-bs-theme=\"dark\"] .bc-frame {\n  --bc-frame-bg: #1c1c1c;\n  --bc-text-color: rgba(255, 255, 255, 0.9);\n  --bc-axis-color: rgba(255, 255, 255, 0.6);\n  --bc-grid-color: #333;\n\n  color: rgba(255, 255, 255, 0.9);\n}\n</style>",
+		"</head><body>",
+		"<div id=\"chart\" class=\"blueprint-chart-container\"></div>",
+		a,
+		"<script>",
+		`var __BPC_SRC__ = ${f(n)};`,
+		"function notifySize() {",
+		"  var h = document.documentElement.scrollHeight;",
+		`  parent.postMessage({ type: "${e}", height: h }, "*");`,
+		"}",
+		...s,
+		"notifySize();",
+		"new ResizeObserver(notifySize).observe(document.body);",
+		"<\/script>",
+		"</body></html>"
+	].filter(Boolean).join("\n");
+}
+function f(e) {
+	return JSON.stringify(e).replace(/</g, "\\u003c").replace(/\u2028/g, "\\u2028").replace(/\u2029/g, "\\u2029");
+}
+function p(e) {
+	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+//#endregion
+export { r as a, e as i, l as n, n as o, t as r, d as t };

package/dist/runtime.js

@@ -1,5 +1,5 @@
-import { t as e } from "./render-bpc-By-iMMKD.js";
-import { n as t } from "./runtime-BnrDRLyH.js";
+import { t as e } from "./render-bpc-BWiUALXY.js";
+import { n as t } from "./runtime-DDhsXDn5.js";
 //#region src/runtime/scenes.ts
 function n(e, t, n) {
 	let r = 0, i = !1, a = document.createElement("nav");

package/dist/transforms/applyFilter.d.ts

@@ -0,0 +1,2 @@
+import { TransformResult } from './types';
+export declare function applyFilter(data: TransformResult, config: Record<string, string>): TransformResult;

package/dist/transforms/applyGroupBy.d.ts

@@ -0,0 +1,2 @@
+import { TransformResult } from './types';
+export declare function applyGroupBy(data: TransformResult, config: Record<string, string>): TransformResult;

package/dist/transforms/applyHideColumns.d.ts

@@ -0,0 +1,2 @@
+import { TransformResult } from './types';
+export declare function applyHideColumns(data: TransformResult, config: Record<string, string>): TransformResult;

package/dist/transforms/applyParse.d.ts

@@ -0,0 +1,3 @@
+import { TransformResult } from './types';
+export declare const NULL_VALUE = "";
+export declare function applyParse(data: TransformResult, config: Record<string, string>): TransformResult;

package/dist/transforms/applyRename.d.ts

@@ -0,0 +1,2 @@
+import { TransformResult } from './types';
+export declare function applyRename(data: TransformResult, config: Record<string, string>): TransformResult;

package/dist/transforms/applySort.d.ts

@@ -0,0 +1,2 @@
+import { TransformResult } from './types';
+export declare function applySort(data: TransformResult, config: Record<string, string>): TransformResult;

package/dist/transforms/applyTranspose.d.ts

@@ -0,0 +1,2 @@
+import { TransformResult } from './types';
+export declare function applyTranspose(data: TransformResult): TransformResult;

package/dist/transforms/index.d.ts

@@ -0,0 +1,30 @@
+import { ChartData } from '../charts/types';
+import { ColumnType } from '../recommendations/types';
+import { TransformNode } from '../dsl/types';
+import { TransformResult, TransformStep } from './types';
+import { applyFilter } from './applyFilter';
+import { applyGroupBy } from './applyGroupBy';
+import { applyHideColumns } from './applyHideColumns';
+import { applyParse } from './applyParse';
+import { applyRename } from './applyRename';
+import { applySort } from './applySort';
+import { applyTranspose } from './applyTranspose';
+export type { TransformResult, TransformStep } from './types';
+export type { ParseOperation } from './parseOperations';
+export { parseOperations, parseOperationMap, isTypeCompatible, getOutputType } from './parseOperations';
+export { NULL_VALUE } from './applyParse';
+export { transformValue } from './transformValue';
+export { applyFilter, applyGroupBy, applyHideColumns, applyParse, applyRename, applySort, applyTranspose };
+export { chartDataToTable, cleanNumericValue, detectColumnTypes, isDateValue, isNumberValue, parseBpcData, serializeTableData, } from './table';
+/**
+ * The transform types the pipeline knows. `computed` is reserved: it carries
+ * through the DSL and the editor's step list but applies nothing yet.
+ */
+export declare const TRANSFORM_TYPES: ReadonlySet<string>;
+export declare function applyTransformSteps(steps: TransformStep[], columns: string[], rows: string[][], columnTypes: ColumnType[]): TransformResult;
+/** Read `transform <type> { … }` nodes as pipeline steps, dropping unknown types. */
+export declare function transformNodesToSteps(nodes: TransformNode[]): TransformStep[];
+/** Run the pipeline over a `data { … }` body, returning the body the chart renders. */
+export declare function applyTransformNodes(dataStr: string, nodes: TransformNode[]): string;
+/** Run the pipeline over already-parsed chart data, for a scene's own steps. */
+export declare function applyTransformNodesToChartData(data: ChartData, nodes: TransformNode[]): ChartData;

package/dist/transforms/parseOperations.d.ts

@@ -0,0 +1,15 @@
+import { ColumnType } from '../recommendations/types';
+import { ParseOperationCategory } from '../enums';
+export interface ParseOperation {
+    id: string;
+    label: string;
+    description: string;
+    category: ParseOperationCategory;
+    accepts: ColumnType[];
+    outputType: ColumnType;
+    params?: string[];
+}
+export declare const parseOperations: ParseOperation[];
+export declare const parseOperationMap: Map<string, ParseOperation>;
+export declare function isTypeCompatible(operation: string, columnType: ColumnType): boolean;
+export declare function getOutputType(operation: string): ColumnType;

package/dist/transforms/shared.d.ts

@@ -0,0 +1,4 @@
+import { ColumnType } from '../recommendations/types';
+export declare function parseNumeric(v: string): number;
+export declare function compareValues(a: string, b: string, type: ColumnType): number;
+export declare function resolveColumns(config: Record<string, string>): string[];

package/dist/transforms/table.d.ts

@@ -0,0 +1,22 @@
+import { ColumnType } from '../recommendations/types';
+import { ChartData } from '../charts/types';
+import { TransformResult } from './types';
+export declare function isDateValue(value: string): boolean;
+/**
+ * Strip comparison/approximation prefixes (<, >, ≤, ≥, ~) from numeric values.
+ * Returns the cleaned string (e.g. "<1" → "1", "~50" → "50").
+ * Non-numeric strings are returned unchanged.
+ */
+export declare function cleanNumericValue(value: string): string;
+export declare function isNumberValue(value: string): boolean;
+export declare function detectColumnTypes(columns: string[], rows: string[][]): ColumnType[];
+/** Read a `data { … }` body into the table the pipeline operates on. */
+export declare function parseBpcData(raw: string): TransformResult;
+/** Write a table back as a `data { … }` body. */
+export declare function serializeTableData(cols: string[], rows: string[][]): string;
+/**
+ * Rebuild a table from parsed chart data, for the steps that run on top of an
+ * already-resolved chart (a scene's own transforms). Missing cells come back
+ * empty so a hole stays a hole instead of reading as the string "undefined".
+ */
+export declare function chartDataToTable(data: ChartData): TransformResult;

package/dist/transforms/transformValue.d.ts

@@ -0,0 +1 @@
+export declare function transformValue(value: string, operation: string, config: Record<string, string>): string;

package/dist/transforms/types.d.ts

@@ -0,0 +1,13 @@
+import { ColumnType } from '../recommendations/types';
+import { TransformType } from '../enums';
+/** The value flowing through the pipeline: one tabular snapshot. */
+export interface TransformResult {
+    columns: string[];
+    rows: string[][];
+    columnTypes: ColumnType[];
+}
+/** One step in the pipeline. Config keys are the ones the `apply*` functions read. */
+export interface TransformStep {
+    type: TransformType;
+    config: Record<string, string>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blueprint-chart/lib",
-  "version": "1.8.2",
+  "version": "2.0.0",
   "description": "DSL-driven charting library built on D3. Define charts as text, render them anywhere.",
   "keywords": [
     "chart",

package/src/charts/chart.scss

@@ -30,6 +30,12 @@
 .bc-frame {
   --bc-frame-font-family: system-ui, -apple-system, sans-serif;
   --bc-frame-padding: 0;
+  // Per-side properties so a multi-value `padding` shorthand never lands in a
+  // single-value shorthand slot, which would invalidate the whole declaration.
+  --bc-frame-padding-top: var(--bc-frame-padding);
+  --bc-frame-padding-right: var(--bc-frame-padding);
+  --bc-frame-padding-bottom: var(--bc-frame-padding);
+  --bc-frame-padding-left: var(--bc-frame-padding);
   --bc-frame-bg: var(--bs-card-bg, #fff);
 
   font-family: var(--bc-frame-font-family);
@@ -47,6 +53,19 @@
   fill: var(--bc-frame-bg, var(--bs-card-bg, #fff));
 }
 
+// `theme = "dark"` emits this class on the frame, so it carries the same
+// surface the document-level dark mode does, without depending on an ambient
+// data-bs-theme. Keep in sync with DARK_THEME in render/frame-svg.ts, which
+// bakes the same colours into a rasterised export.
+.bc-frame.bc-theme-dark {
+  --bc-frame-bg: #1c1c1c;
+  --bc-text-color: rgba(255, 255, 255, 0.9);
+  --bc-axis-color: rgba(255, 255, 255, 0.6);
+  --bc-grid-color: #333;
+
+  color: rgba(255, 255, 255, 0.9);
+}
+
 // During a cross-type scene transition, `snapshotForFadeOut()` in motion.ts
 // renames `.bc-frame` -> `.bc-frame--fade-snapshot` on the overlay clone so
 // selectors targeting `.bc-frame` don't double-match the live + fading
@@ -124,7 +143,7 @@
 // -- Header elements --------------------------------------------------------
 
 .bc-frame-header {
-  padding: var(--bc-frame-padding) var(--bc-frame-padding) var(--bc-frame-header-padding-bottom, 0.5rem);
+  padding: var(--bc-frame-padding-top) var(--bc-frame-padding-right) var(--bc-frame-header-padding-bottom, 0.5rem) var(--bc-frame-padding-left);
   background: var(--bc-frame-header-bg, transparent);
   border-bottom: var(--bc-frame-header-border-bottom, none);
   margin-bottom: var(--bc-frame-header-margin-bottom, 0);
@@ -139,6 +158,7 @@
   font-size: var(--bc-frame-title-font-size);
   font-weight: var(--bc-frame-title-font-weight);
   margin: 0;
+  white-space: pre-line;
 }
 
 .bc-frame-description {
@@ -148,12 +168,13 @@
   color: var(--bc-frame-description-color);
   font-size: var(--bc-frame-description-font-size);
   margin: 0.25rem 0 0;
+  white-space: pre-line;
 }
 
 // -- Body -------------------------------------------------------------------
 
 .bc-frame-body {
-  padding: 0 var(--bc-frame-padding);
+  padding: 0 var(--bc-frame-padding-right) 0 var(--bc-frame-padding-left);
 }
 
 // -- Note -------------------------------------------------------------------
@@ -166,7 +187,7 @@
   color: var(--bc-frame-note-color);
   font-size: var(--bc-frame-note-font-size);
   margin: 0;
-  padding: 0 var(--bc-frame-padding) var(--bc-frame-padding);
+  padding: 0 var(--bc-frame-padding-right) var(--bc-frame-padding-bottom) var(--bc-frame-padding-left);
 }
 
 // -- Footer -----------------------------------------------------------------
@@ -175,7 +196,7 @@
   --bc-frame-footer-gap: 0.25rem 1rem;
 
   gap: var(--bc-frame-footer-gap);
-  padding: var(--bc-frame-footer-padding-top, var(--bc-frame-padding)) var(--bc-frame-padding) var(--bc-frame-padding);
+  padding: var(--bc-frame-footer-padding-top, var(--bc-frame-padding-top)) var(--bc-frame-padding-right) var(--bc-frame-padding-bottom) var(--bc-frame-padding-left);
   background: var(--bc-frame-footer-bg, transparent);
   border-top: var(--bc-frame-footer-border-top, none);
 }
@@ -212,6 +233,10 @@
   font-size: var(--bc-frame-meta-font-size);
 }
 
+.bc-frame-byline {
+  white-space: pre-line;
+}
+
 .bc-frame-source-prefix {
   // Inherits color/size from .bc-frame-source.
 }

package/dist/runtime-BnrDRLyH.js

@@ -1,84 +0,0 @@
-//#region src/runtime/chart-css.ts
-var e = "blueprint-chart-resize", t = "blueprint-chart-error";
-function n(e) {
-	return typeof e == "object" && e && e.type === "blueprint-chart-resize" && typeof e.height == "number" ? e.height : null;
-}
-function r(e) {
-	return typeof e == "object" && !!e && e.type === "blueprint-chart-error";
-}
-//#endregion
-//#region src/runtime/runtime.ts
-var i = a();
-function a() {
-	try {
-		if (typeof globalThis < "u") {
-			let e = globalThis.BLUEPRINT_CHART_RUNTIME_URL;
-			if (typeof e == "string" && e) return e;
-		}
-		return typeof document > "u" ? "" : document.currentScript?.src ?? "";
-	} catch {
-		return "";
-	}
-}
-var o = /* @__PURE__ */ new Map(), s = null;
-function c() {
-	s || (s = (e) => {
-		for (let [t, n] of o) if (e.source === t.contentWindow) {
-			n(e);
-			return;
-		}
-	}, window.addEventListener("message", s));
-}
-function l() {
-	c(), document.querySelectorAll("script[type=\"application/blueprint-chart\"]").forEach(u);
-}
-function u(e) {
-	let t = e.textContent?.trim();
-	if (!t) return;
-	let a = document.createElement("iframe");
-	a.className = "blueprint-chart-iframe", a.style.cssText = "border: none; width: 100%; display: block;", a.setAttribute("sandbox", "allow-scripts"), a.setAttribute("title", "Blueprint Chart"), e.parentNode?.insertBefore(a, e), a.srcdoc = d(t, i), o.set(a, (e) => {
-		let t = n(e.data);
-		if (t !== null) {
-			a.style.height = `${t}px`;
-			return;
-		}
-		r(e.data) && console.warn("Blueprint Chart: could not render embed.", e.data.message);
-	});
-}
-function d(n, r, i) {
-	let a = r ? `<script src="${p(r)}"><\/script>` : "", o = i === "dark" ? "<html data-bs-theme=\"dark\">" : "<html>", s = r ? [
-		"try {",
-		"  window.BlueprintChart.renderBpc(document.getElementById(\"chart\"), __BPC_SRC__);",
-		"}",
-		"catch (e) {",
-		`  parent.postMessage({ type: "${t}", message: String(e) }, "*");`,
-		"}"
-	] : [`parent.postMessage({ type: "${t}", message: "Blueprint Chart runtime URL unavailable" }, "*");`];
-	return [
-		"<!DOCTYPE html>",
-		`${o}<head>`,
-		"<style>\n/* Blueprint Chart — Runtime Embed Styles\n   CSS custom properties with baked-in defaults for standalone iframe usage. */\n\n.bc-frame {\n  --bc-frame-font-family: system-ui, -apple-system, sans-serif;\n  --bc-frame-padding: 0;\n  --bc-frame-bg: #fff;\n  --bc-text-color: #333;\n  font-family: var(--bc-frame-font-family);\n  background: var(--bc-frame-bg);\n  /* currentColor marks (e.g. above-bar value labels) follow the theme text\n     colour, not the ambient document colour. */\n  color: var(--bc-text-color, #333);\n}\n\n/* Keeps the SVG's baked-in background rect (applyCanvasBackground) in sync\n   with the frame background; transparentBackground sets the var to\n   transparent at runtime. */\n.bc-frame .bc-canvas-bg {\n  fill: var(--bc-frame-bg, #fff);\n}\n\n.bc-frame-header {\n  padding: var(--bc-frame-padding) var(--bc-frame-padding) 0;\n  background: var(--bc-frame-header-bg, transparent);\n  border-bottom: var(--bc-frame-header-border-bottom, none);\n  margin-bottom: var(--bc-frame-header-margin-bottom, 0);\n}\n\n.bc-frame-body {\n  padding: 0 var(--bc-frame-padding);\n}\n\n.bc-frame-title {\n  --bc-frame-title-color: var(--bc-text-color, #333);\n  --bc-frame-title-font-size: 1.25rem;\n  color: var(--bc-frame-title-color);\n  font-size: var(--bc-frame-title-font-size);\n  font-weight: bold;\n  margin: 0;\n}\n\n.bc-frame-description {\n  --bc-frame-description-color: var(--bc-text-color, #555);\n  --bc-frame-description-font-size: 0.875rem;\n  color: var(--bc-frame-description-color);\n  font-size: var(--bc-frame-description-font-size);\n  margin: 0.25rem 0 0;\n}\n\n.bc-frame-footer {\n  margin-top: 0.5rem;\n  gap: 0.25rem 1rem;\n  padding: var(--bc-frame-footer-padding-top, 0) var(--bc-frame-padding) var(--bc-frame-padding);\n  background: var(--bc-frame-footer-bg, transparent);\n  border-top: var(--bc-frame-footer-border-top, none);\n}\n\n.bc-frame-footer-left {\n  display: flex;\n  align-items: baseline;\n  flex-wrap: wrap;\n  gap: 0.25rem 0.75rem;\n}\n\n.bc-frame-footer-left > :not(:first-child)::before {\n  content: \"\\00B7\";\n  margin-right: 0.5rem;\n  color: var(--bc-text-color, #888);\n}\n\n.bc-frame-footer-right {\n  display: flex;\n  align-items: center;\n}\n\n.bc-frame-note {\n  --bc-frame-note-color: var(--bc-text-color, #888);\n  --bc-frame-note-font-size: 0.75rem;\n  font-style: italic;\n  color: var(--bc-frame-note-color);\n  font-size: var(--bc-frame-note-font-size);\n  margin: 0;\n  padding: 0 var(--bc-frame-padding);\n}\n\n.bc-frame-byline,\n.bc-frame-source {\n  --bc-frame-meta-color: var(--bc-text-color, #888);\n  --bc-frame-meta-font-size: 0.75rem;\n  color: var(--bc-frame-meta-color);\n  font-size: var(--bc-frame-meta-font-size);\n}\n\n.bc-frame-credit {\n  --bc-frame-credit-color: var(--bc-text-color, #666);\n  --bc-frame-credit-font-size: 0.75rem;\n  color: var(--bc-frame-credit-color);\n  font-size: var(--bc-frame-credit-font-size);\n  font-weight: 600;\n  display: inline-flex;\n  align-items: center;\n  text-decoration: none;\n}\n\n.bc-frame-source-link {\n  color: inherit;\n  text-decoration: underline;\n}\n\n.bc-axis .domain {\n  stroke: var(--bc-axis-color, #333);\n}\n\n.bc-axis .tick text {\n  fill: var(--bc-axis-color, #333);\n  font-size: 10px;\n}\n\n.bc-axis .tick line {\n  stroke: var(--bc-axis-color, #333);\n}\n\n.bc-grid-line {\n  stroke: var(--bc-grid-color, #e0e0e0);\n  stroke-width: 1;\n}\n\n.bc-zero-baseline {\n  stroke: #666;\n  stroke-width: 1;\n}\n\n.bc-bar {\n  /* fill is set via D3 .attr() from data-bound colors — do not override */\n}\n\n.bc-line {\n  fill: none;\n  stroke-width: 2;\n}\n\n.bc-value-label {\n  font-size: 11px;\n  /* fill is set via D3 .attr() — do not override */\n}\n\n.bc-direct-label {\n  font-size: 12px;\n  font-weight: 600;\n}\n\n.bc-tooltip {\n  position: absolute;\n  pointer-events: none;\n  background: var(--bc-tooltip-bg, #fff);\n  color: var(--bc-tooltip-color, #212529);\n  border: 1px solid var(--bc-tooltip-border-color, #dee2e6);\n  border-radius: 4px;\n  padding: 6px 10px;\n  font-size: 13px;\n  box-shadow: 0 2px 8px rgba(0,0,0,0.12);\n  z-index: 9999;\n  display: none;\n}\n\n.bc-crosshair {\n  stroke: #999;\n  stroke-width: 1;\n  pointer-events: none;\n}\n\n.bc-arc-label-line {\n  fill: none;\n  stroke: #999;\n  stroke-width: 1;\n}\n\n.bc-theme-blueprint-framed {\n  --bc-frame-header-border-bottom: 1px solid #e0e0e0;\n  --bc-frame-header-margin-bottom: 0.5rem;\n  --bc-frame-footer-bg: #f8f8f8;\n  --bc-frame-footer-border-top: 1px solid #e0e0e0;\n  --bc-frame-footer-padding-top: 0.625rem;\n}\n\n[data-bs-theme=\"dark\"] .bc-frame.bc-theme-blueprint-bold {\n  --bc-frame-bg: #000000;\n  --bc-text-color: rgba(255, 255, 255, 0.95);\n  --bc-axis-color: rgba(255, 255, 255, 0.7);\n  --bc-grid-color: rgba(255, 255, 255, 0.12);\n}\n\n.blueprint-chart-error {\n  color: red;\n  padding: 1em;\n  border: 1px solid red;\n}\n\nbody {\n  margin: 0;\n  overflow: hidden;\n}\n\n/* Dark theme: activated by data-bs-theme=\"dark\" on the document (matching the\n   editor's convention). The chart owns these colors; the dark frame background\n   also drives the renderer's resolveBackgroundColor, so data-mark colors and\n   contrast labels adapt at render time. Scoped to .bc-frame so these override\n   the frame's own light --bc-frame-bg / --bc-text-color declarations (which are\n   set on .bc-frame and would otherwise shadow a document-level override). */\n[data-bs-theme=\"dark\"] body {\n  /* color themes above-bar value labels (fill: currentColor). */\n  background: #1c1c1c;\n  color: rgba(255, 255, 255, 0.9);\n}\n\n[data-bs-theme=\"dark\"] .bc-frame {\n  --bc-frame-bg: #1c1c1c;\n  --bc-text-color: rgba(255, 255, 255, 0.9);\n  --bc-axis-color: rgba(255, 255, 255, 0.6);\n  --bc-grid-color: #333;\n\n  color: rgba(255, 255, 255, 0.9);\n}\n</style>",
-		"</head><body>",
-		"<div id=\"chart\" class=\"blueprint-chart-container\"></div>",
-		a,
-		"<script>",
-		`var __BPC_SRC__ = ${f(n)};`,
-		"function notifySize() {",
-		"  var h = document.documentElement.scrollHeight;",
-		`  parent.postMessage({ type: "${e}", height: h }, "*");`,
-		"}",
-		...s,
-		"notifySize();",
-		"new ResizeObserver(notifySize).observe(document.body);",
-		"<\/script>",
-		"</body></html>"
-	].filter(Boolean).join("\n");
-}
-function f(e) {
-	return JSON.stringify(e).replace(/</g, "\\u003c").replace(/\u2028/g, "\\u2028").replace(/\u2029/g, "\\u2029");
-}
-function p(e) {
-	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
-}
-//#endregion
-export { r as a, e as i, l as n, n as o, t as r, d as t };