@blueprint-chart/lib 2.17.0 → 2.18.0

package/dist/runtime.js

@@ -1,5 +1,5 @@
-import { t as e } from "./render-bpc-CPj5h-p4.js";
-import { n as t } from "./runtime-CT02Shsd.js";
+import { t as e } from "./render-bpc-jhkrsEsh.js";
+import { n as t } from "./runtime-BTUG9Tha.js";
 //#region src/runtime/scenes.ts
 function n(e, t, n) {
 	let r = 0, i = !1, a = document.createElement("nav");
@@ -41,9 +41,125 @@ function n(e, t, n) {
 		}
 	};
 }
-var r = n;
+var r = n, i = 3e3, a = ".bc-scene-player__dots__dot, .bc-scene-player__segments__segment", o = "<svg width=\"8\" height=\"12\" viewBox=\"0 0 8 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5.5 1.5L1.5 6l4 4.5\" /></svg>", s = "<svg width=\"8\" height=\"12\" viewBox=\"0 0 8 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2.5 1.5L6.5 6l-4 4.5\" /></svg>", c = "<svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6.5 2L3.5 5l3 3\" /></svg>", l = "<svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3.5 2L6.5 5l-3 3\" /></svg>";
+function u(e, t) {
+	return `<svg width="${e}" height="${e}" viewBox="0 0 12 12" fill="currentColor">${t ? "<rect x=\"1.5\" y=\"1\" width=\"3\" height=\"10\" rx=\"0.8\" /><rect x=\"7.5\" y=\"1\" width=\"3\" height=\"10\" rx=\"0.8\" />" : "<path d=\"M2.5 1v10l8-5z\" />"}</svg>`;
+}
+function d(e) {
+	return e ? " disabled" : "";
+}
+function f(e, t) {
+	return `<button type="button" class="bc-scene-player__play-btn" aria-label="${t ? "Pause" : "Play"}">${u(e, t)}</button>`;
+}
+function p(e, t, n, r) {
+	return `<button type="button" class="bc-scene-player__nav-btn"${d(r)} aria-label="${t}" data-action="${e}">${n}</button>`;
+}
+function m(e, { current: t, total: n }) {
+	let r = [];
+	for (let i = 1; i <= n; i++) {
+		let a = i === t ? ` ${e}--active` : "", o = i < t ? ` ${e}--completed` : "", s = i === t ? " aria-current=\"step\"" : "";
+		r.push(`<button type="button" class="${e}${a}${o}" aria-label="Scene ${i} of ${n}"${s}></button>`);
+	}
+	return r.join("");
+}
+function h(e) {
+	let t = e.current <= 1, n = e.current >= e.total, r = t ? " bc-scene-player__btn-group__btn--disabled" : "", i = n ? " bc-scene-player__btn-group__btn--disabled" : "";
+	return `<div class="bc-scene-player bc-scene-player--buttons bc-scene-player--${e.position}" data-scene-player><div class="bc-scene-player__btn-group"><button type="button" class="bc-scene-player__btn-group__btn${r}"${d(t)} aria-label="Previous scene" data-action="previous">${o} Back</button><button type="button" class="bc-scene-player__btn-group__btn bc-scene-player__btn-group__btn--next${i}"${d(n)} aria-label="Next scene" data-action="next">Next ${s}</button></div><span class="bc-scene-player__counter">${e.current} / ${e.total}</span></div>`;
+}
+function g(e) {
+	return `<div class="bc-scene-player bc-scene-player--dot-stepper bc-scene-player--${e.position}" data-scene-player>` + p("previous", "Previous scene", c, e.current <= 1) + f(11, e.playing) + `<div class="bc-scene-player__dots">${m("bc-scene-player__dots__dot", e)}</div>` + p("next", "Next scene", l, e.current >= e.total) + "</div>";
+}
+function _(e) {
+	return `<div class="bc-scene-player bc-scene-player--minimal-arrows bc-scene-player--${e.position}" data-scene-player><span class="bc-scene-player__counter">${e.current}/${e.total}</span>` + p("previous", "Previous scene", c, e.current <= 1) + f(9, e.playing) + p("next", "Next scene", l, e.current >= e.total) + "</div>";
+}
+function v(e) {
+	return "<div class=\"bc-scene-player bc-scene-player--progress-bar\" data-scene-player>" + f(10, e.playing) + `<div class="bc-scene-player__segments">${m("bc-scene-player__segments__segment", e)}</div><span class="bc-scene-player__counter">${e.current}/${e.total}</span></div>`;
+}
+var y = {
+	buttons: h,
+	"dot-stepper": g,
+	"minimal-arrows": _,
+	"progress-bar": v
+};
+function b(e, t) {
+	return y[e](t);
+}
+function x(e) {
+	let t = document.createElement("template");
+	return t.innerHTML = e, t.content.firstElementChild;
+}
+function S(e, t) {
+	for (let { name: n } of Array.from(e.attributes)) t.hasAttribute(n) || e.removeAttribute(n);
+	for (let { name: n, value: r } of Array.from(t.attributes)) e.getAttribute(n) !== r && e.setAttribute(n, r);
+}
+function C(e, t) {
+	let n = e.childNodes, r = t.childNodes;
+	return n.length === r.length && Array.from(n).every((e, t) => e.nodeName === r[t].nodeName);
+}
+function w(e, t) {
+	if (S(e, t), !C(e, t)) {
+		e.replaceChildren(...Array.from(t.childNodes));
+		return;
+	}
+	e.childNodes.forEach((e, n) => {
+		let r = t.childNodes[n];
+		e instanceof Element ? w(e, r) : e.nodeValue !== r.nodeValue && (e.nodeValue = r.nodeValue);
+	});
+}
+function T(e, t, n) {
+	let r = {
+		current: 1,
+		total: t.total,
+		playing: !1,
+		position: t.position
+	}, o = x(b(t.type, r)), s;
+	function c() {
+		let e = x(b(t.type, r));
+		w(o, e);
+	}
+	function l(e) {
+		if (e < 1 || e > r.total || e === r.current) return;
+		let t = d();
+		r.current = e, n(e), v(), c(), u(t);
+	}
+	function u(e) {
+		if (!e) return;
+		let t = o.querySelector("button:not(:disabled)");
+		(e.matches(":disabled") ? t : e)?.focus();
+	}
+	function d() {
+		let e = document.activeElement;
+		return e instanceof HTMLElement && o.contains(e) ? e : null;
+	}
+	function f() {
+		r.playing ? h() : p();
+	}
+	function p() {
+		r.playing || (r.playing = !0, c(), l(1), s = setInterval(m, i));
+	}
+	function m() {
+		r.current < r.total ? l(r.current + 1) : h();
+	}
+	function h() {
+		r.playing = !1, clearInterval(s), c();
+	}
+	function g(e) {
+		return Array.from(e.parentElement?.children ?? []).indexOf(e) + 1;
+	}
+	function _(e) {
+		let t = e.target.closest("button");
+		if (!t) return;
+		let n = t.dataset.action;
+		t.classList.contains("bc-scene-player__play-btn") ? f() : n === "previous" ? l(r.current - 1) : n === "next" ? l(r.current + 1) : t.matches(a) && l(g(t));
+	}
+	function v() {
+		let t = e.querySelector(".bc-frame-footer");
+		t && o.parentElement !== t && t.appendChild(o);
+	}
+	o.addEventListener("click", _), v(), new MutationObserver(v).observe(e, { childList: !0 });
+}
 //#endregion
 //#region src/runtime/index.ts
 document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", t) : t();
 //#endregion
-export { n as createSceneController, r as createStepController, t as initBlueprint, e as renderBpc };
+export { n as createSceneController, r as createStepController, t as initBlueprint, T as mountScenePlayer, e as renderBpc };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blueprint-chart/lib",
-  "version": "2.17.0",
+  "version": "2.18.0",
   "description": "DSL-driven charting library built on D3. Define charts as text, render them anywhere.",
   "keywords": [
     "chart",
@@ -48,12 +48,14 @@
       "default": "./dist/runtime.js"
     },
     "./charts.scss": "./src/charts/chart.scss",
+    "./player.css": "./src/runtime/player.css",
     "./src/charts/chart.scss": "./src/charts/chart.scss",
     "./embed-runtime.js": "./dist/lib/lib.iife.js"
   },
   "files": [
     "dist",
     "src/charts/chart.scss",
+    "src/runtime/player.css",
     "README.md",
     "LICENSE"
   ],

package/src/runtime/player.css

@@ -0,0 +1,278 @@
+/* Blueprint Chart — Scene player styles, shared by the editor and the embed.
+   Light colors live in var() fallbacks; only dark mode defines the tokens. */
+
+[data-bs-theme="dark"] .bc-frame:not([data-bs-theme="dark"] [data-bs-theme="light"] *),
+.bc-frame.bc-theme-dark {
+  --bc-scene-player-text: #e6e6e6;
+  --bc-scene-player-muted: #a8a5a0;
+  --bc-scene-player-border: #6b6966;
+  --bc-scene-player-border-hover: #a8a5a0;
+  --bc-scene-player-background-hover: rgba(255, 255, 255, 0.06);
+  --bc-scene-player-track: #6b6966;
+  --bc-scene-player-accent: #4a7fd0;
+  --bc-scene-player-accent-hover: #5b8fdc;
+}
+
+.bc-scene-player--buttons {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  padding: 0.25rem 0 0;
+  width: 100%;
+}
+
+.bc-scene-player--buttons.bc-scene-player--left {
+  justify-content: flex-start;
+  gap: 16px;
+}
+
+.bc-scene-player--buttons.bc-scene-player--left .bc-scene-player__counter {
+  margin-left: auto;
+}
+
+.bc-scene-player--buttons.bc-scene-player--center {
+  justify-content: center;
+  gap: 16px;
+}
+
+.bc-scene-player--buttons.bc-scene-player--right {
+  justify-content: flex-end;
+  gap: 16px;
+}
+
+.bc-scene-player--dot-stepper,
+.bc-scene-player--minimal-arrows {
+  display: flex;
+  align-items: center;
+  padding: 0.25rem 0 0;
+  width: 100%;
+}
+
+.bc-scene-player--dot-stepper {
+  gap: 0.375rem;
+}
+
+.bc-scene-player--minimal-arrows {
+  gap: 4px;
+}
+
+.bc-scene-player--dot-stepper.bc-scene-player--left,
+.bc-scene-player--minimal-arrows.bc-scene-player--left {
+  justify-content: flex-start;
+}
+
+.bc-scene-player--dot-stepper.bc-scene-player--center,
+.bc-scene-player--minimal-arrows.bc-scene-player--center {
+  justify-content: center;
+}
+
+.bc-scene-player--dot-stepper.bc-scene-player--right,
+.bc-scene-player--minimal-arrows.bc-scene-player--right {
+  justify-content: flex-end;
+}
+
+.bc-scene-player--progress-bar {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  padding: 0.25rem 0 0;
+  width: 100%;
+}
+
+.bc-scene-player__btn-group {
+  display: flex;
+  gap: 6px;
+}
+
+.bc-scene-player__btn-group__btn {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  padding: 6px 14px;
+  border-radius: 6px;
+  border: 1px solid var(--bc-scene-player-border, currentColor);
+  background: none;
+  color: var(--bc-scene-player-muted);
+  font-size: var(--bs-font-size-sm, 0.875rem);
+  font-weight: 500;
+  cursor: pointer;
+  transition: border-color var(--bc-duration-base, 150ms), color var(--bc-duration-base, 150ms);
+  line-height: 1.4;
+}
+
+.bc-scene-player__btn-group__btn:hover:not(:disabled) {
+  border-color: var(--bc-scene-player-border-hover);
+  background: var(--bc-scene-player-background-hover, rgba(0, 0, 0, 0.04));
+  color: var(--bc-scene-player-text);
+}
+
+.bc-scene-player__btn-group__btn--next {
+  color: var(--bc-scene-player-text);
+  font-weight: 600;
+}
+
+.bc-scene-player__btn-group__btn--disabled {
+  opacity: 0.35;
+  cursor: default;
+}
+
+.bc-scene-player__nav-btn {
+  width: 24px;
+  height: 24px;
+  border-radius: 4px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: none;
+  border: 1px solid var(--bc-scene-player-border, #e2e0db);
+  color: var(--bc-scene-player-muted, #9b9893);
+  cursor: pointer;
+  flex-shrink: 0;
+  padding: 0;
+}
+
+.bc-scene-player__nav-btn:hover:not(:disabled) {
+  border-color: var(--bc-scene-player-border-hover, #6b6966);
+  color: var(--bc-scene-player-text, #1a1a1a);
+}
+
+.bc-scene-player__nav-btn:disabled {
+  opacity: 0.3;
+  cursor: default;
+}
+
+.bc-scene-player__play-btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--bc-scene-player-accent, #2c5aa0);
+  border: none;
+  color: #fff;
+  cursor: pointer;
+  flex-shrink: 0;
+  padding: 0;
+  transition: background var(--bc-duration-base, 150ms) ease;
+}
+
+.bc-scene-player__play-btn:hover {
+  background: var(--bc-scene-player-accent-hover, #1e4888);
+}
+
+.bc-scene-player--dot-stepper .bc-scene-player__play-btn {
+  width: 30px;
+  height: 30px;
+  border-radius: 50%;
+}
+
+.bc-scene-player--minimal-arrows .bc-scene-player__play-btn {
+  width: 26px;
+  height: 26px;
+  border-radius: 7px;
+}
+
+.bc-scene-player--progress-bar .bc-scene-player__play-btn {
+  width: 28px;
+  height: 28px;
+  border-radius: 50%;
+}
+
+.bc-scene-player__dots {
+  display: flex;
+  gap: 6px;
+  align-items: center;
+}
+
+.bc-scene-player__dots__dot {
+  width: 8px;
+  height: 8px;
+  border-radius: 4px;
+  border: none;
+  padding: 0;
+  cursor: pointer;
+  background: var(--bc-scene-player-track, #e2e0db);
+  opacity: 0.4;
+  transition: width var(--bc-duration-slow, 250ms) ease, background var(--bc-duration-slow, 250ms) ease, opacity var(--bc-duration-slow, 250ms) ease;
+}
+
+.bc-scene-player__dots__dot--completed {
+  background: var(--bc-scene-player-accent, #2c5aa0);
+  opacity: 1;
+}
+
+.bc-scene-player__dots__dot--active {
+  width: 20px;
+  background: var(--bc-scene-player-accent, #2c5aa0);
+  opacity: 1;
+}
+
+.bc-scene-player__dots__dot:hover {
+  opacity: 0.8;
+}
+
+.bc-scene-player__segments {
+  flex: 1;
+  display: flex;
+  gap: 3px;
+  align-items: center;
+}
+
+.bc-scene-player__segments__segment {
+  flex: 1;
+  height: 4px;
+  border-radius: 2px;
+  border: none;
+  padding: 0;
+  cursor: pointer;
+  background: var(--bc-scene-player-track, #e2e0db);
+  opacity: 0.45;
+  transition: height var(--bc-duration-slow, 250ms) ease, background var(--bc-duration-slow, 250ms) ease, opacity var(--bc-duration-slow, 250ms) ease;
+}
+
+.bc-scene-player__segments__segment--completed {
+  background: var(--bc-scene-player-accent, #2c5aa0);
+  opacity: 1;
+}
+
+.bc-scene-player__segments__segment--active {
+  height: 6px;
+  background: var(--bc-scene-player-accent, #2c5aa0);
+  opacity: 1;
+}
+
+.bc-scene-player__segments__segment:hover {
+  opacity: 0.8;
+}
+
+.bc-scene-player__counter {
+  font-weight: 500;
+  color: var(--bc-scene-player-muted, #9b9893);
+  white-space: nowrap;
+  font-variant-numeric: tabular-nums;
+}
+
+.bc-scene-player--buttons .bc-scene-player__counter {
+  font-size: var(--bs-font-size-sm, 0.875rem);
+}
+
+.bc-scene-player--minimal-arrows .bc-scene-player__counter {
+  font-size: var(--bs-font-size-xs, 0.75rem);
+  margin-right: 4px;
+}
+
+.bc-scene-player--minimal-arrows .bc-scene-player__counter--end {
+  margin-right: 0;
+  margin-left: 4px;
+}
+
+.bc-scene-player--progress-bar .bc-scene-player__counter {
+  font-size: var(--bs-font-size-xs, 0.75rem);
+  flex-shrink: 0;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .bc-scene-player,
+  .bc-scene-player * {
+    transition: none;
+  }
+}

package/dist/runtime-CT02Shsd.js

@@ -1,118 +0,0 @@
-//#region src/charts/themes/index.ts
-var e = [
-	{
-		name: "blueprint",
-		label: "Blueprint",
-		description: "The default Blueprint Chart theme"
-	},
-	{
-		name: "blueprint-framed",
-		label: "Blueprint Framed",
-		description: "Adds borders and a tinted footer"
-	},
-	{
-		name: "blueprint-bold",
-		label: "Blueprint Bold",
-		description: "Charts on the blueprint canvas with the full brand palette"
-	}
-];
-function t() {
-	return e;
-}
-function n() {
-	return typeof window > "u" || typeof window.matchMedia != "function" ? null : window.matchMedia("(prefers-color-scheme: dark)");
-}
-//#endregion
-//#region src/runtime/chart-css.ts
-var r = "\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/* Constrained-height mode (`heightMode` fixed or aspect-ratio). post-render.ts\n   adds .bc-frame--constrained and layout-constraints.ts pins the container\n   height with overflow: hidden; without these rules the frame renders at its\n   natural height and is guillotined. Mirrors chart.scss — keep the two in\n   sync. */\n/* An axis label moved inside the plot sits directly on the marks; painting the\n   stroke first keeps it readable over a filled band. */\n.bc-axis-label-inside {\n  paint-order: stroke;\n  stroke: var(--bc-frame-bg, #fff);\n  stroke-width: 3px;\n  stroke-linejoin: round;\n}\n\n.bc-frame--constrained {\n  flex: 1;\n  position: relative;\n  min-height: 0;\n  overflow: hidden;\n}\n\n.bc-frame--constrained .bc-frame-header {\n  position: relative;\n  z-index: 1;\n  background: var(--bc-frame-header-bg, var(--bc-frame-bg, #fff));\n}\n\n.bc-frame--constrained .bc-frame-body {\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  overflow: hidden;\n}\n\n.bc-frame--constrained .bc-frame-note {\n  position: absolute;\n  bottom: var(--bc-footer-h, 0);\n  left: 0;\n  right: 0;\n  z-index: 1;\n}\n\n.bc-frame--constrained .bc-frame-footer {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\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-get-the-data {\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  max-width: var(--bc-tooltip-max-width, 240px);\n  overflow-wrap: break-word;\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:not([data-bs-theme=\"dark\"] [data-bs-theme=\"light\"] *) {\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", i = "blueprint-chart-resize", a = "blueprint-chart-error";
-function o(e) {
-	return typeof e == "object" && e && e.type === "blueprint-chart-resize" && typeof e.height == "number" ? e.height : null;
-}
-function s(e) {
-	return typeof e == "object" && !!e && e.type === "blueprint-chart-error";
-}
-//#endregion
-//#region src/runtime/runtime.ts
-var c = l();
-function l() {
-	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 u = /* @__PURE__ */ new Map(), d = null, f = [];
-function p() {
-	d || (d = (e) => {
-		for (let [t, n] of u) if (e.source === t.contentWindow) {
-			n(e);
-			return;
-		}
-	}, window.addEventListener("message", d));
-}
-function m() {
-	p(), document.querySelectorAll("script[type=\"application/blueprint-chart\"]").forEach(h);
-}
-function h(e) {
-	let t = e.textContent?.trim();
-	if (!t) return;
-	let r = document.createElement("iframe");
-	r.className = "blueprint-chart-iframe", r.style.cssText = "border: none; width: 100%; display: block;", r.setAttribute("sandbox", "allow-scripts"), r.setAttribute("title", "Blueprint Chart"), e.parentNode?.insertBefore(r, e);
-	let i = e.closest("[data-bs-theme]")?.getAttribute("data-bs-theme");
-	if (i === "light" || i === "dark") r.srcdoc = g(t, c, i);
-	else {
-		let e = n(), i = () => {
-			r.srcdoc = g(t, c, e?.matches ? "dark" : "light");
-		};
-		i(), e && (e.addEventListener("change", i), f.push(() => e.removeEventListener("change", i)));
-	}
-	u.set(r, (e) => {
-		let t = o(e.data);
-		if (t !== null) {
-			r.style.height = `${t}px`;
-			return;
-		}
-		s(e.data) && console.warn("Blueprint Chart: could not render embed.", e.data.message);
-	});
-}
-function g(e, t, n) {
-	let o = t ? `<script src="${v(t)}"><\/script>` : "", s = n === "dark" ? "<html data-bs-theme=\"dark\">" : "<html>", c = t ? [
-		"try {",
-		"  window.BlueprintChart.renderBpc(document.getElementById(\"chart\"), __BPC_SRC__);",
-		"}",
-		"catch (e) {",
-		`  parent.postMessage({ type: "${a}", message: String(e) }, "*");`,
-		"}"
-	] : [`parent.postMessage({ type: "${a}", message: "Blueprint Chart runtime URL unavailable" }, "*");`];
-	return [
-		"<!DOCTYPE html>",
-		`${s}<head>`,
-		`<style>${r}</style>`,
-		"</head><body>",
-		"<div id=\"chart\" class=\"blueprint-chart-container\"></div>",
-		o,
-		"<script>",
-		`var __BPC_SRC__ = ${_(e)};`,
-		"function notifySize() {",
-		"  var h = document.documentElement.scrollHeight;",
-		`  parent.postMessage({ type: "${i}", height: h }, "*");`,
-		"}",
-		...c,
-		"notifySize();",
-		"new ResizeObserver(notifySize).observe(document.body);",
-		"<\/script>",
-		"</body></html>"
-	].filter(Boolean).join("\n");
-}
-function _(e) {
-	return JSON.stringify(e).replace(/</g, "\\u003c").replace(/\u2028/g, "\\u2028").replace(/\u2029/g, "\\u2029");
-}
-function v(e) {
-	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
-}
-//#endregion
-export { s as a, t as c, i, m as n, o, a as r, n as s, g as t };