@blueprint-chart/lib 0.1.3 → 0.1.4

package/dist/lib/lib.iife.js

@@ -0,0 +1,186 @@
+var BlueprintChart=(function(l){"use strict";const p=`
+/* Blueprint Chart — Runtime Embed Styles
+   CSS custom properties with baked-in defaults for standalone iframe usage. */
+
+.bc-frame {
+  --bc-frame-font-family: system-ui, -apple-system, sans-serif;
+  --bc-frame-padding: 0;
+  --bc-text-color: #333;
+  font-family: var(--bc-frame-font-family);
+}
+
+.bc-frame-header {
+  padding: var(--bc-frame-padding) var(--bc-frame-padding) 0;
+  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);
+}
+
+.bc-frame-body {
+  padding: 0 var(--bc-frame-padding);
+}
+
+.bc-frame-title {
+  --bc-frame-title-color: var(--bc-text-color, #333);
+  --bc-frame-title-font-size: 1.25rem;
+  color: var(--bc-frame-title-color);
+  font-size: var(--bc-frame-title-font-size);
+  font-weight: bold;
+  margin: 0;
+}
+
+.bc-frame-description {
+  --bc-frame-description-color: var(--bc-text-color, #555);
+  --bc-frame-description-font-size: 0.875rem;
+  color: var(--bc-frame-description-color);
+  font-size: var(--bc-frame-description-font-size);
+  margin: 0.25rem 0 0;
+}
+
+.bc-frame-footer {
+  margin-top: 0.5rem;
+  gap: 0.25rem 1rem;
+  padding: var(--bc-frame-footer-padding-top, 0) var(--bc-frame-padding) var(--bc-frame-padding);
+  background: var(--bc-frame-footer-bg, transparent);
+  border-top: var(--bc-frame-footer-border-top, none);
+}
+
+.bc-frame-footer-left {
+  display: flex;
+  align-items: baseline;
+  flex-wrap: wrap;
+  gap: 0.25rem 0.75rem;
+}
+
+.bc-frame-footer-left > :not(:first-child)::before {
+  content: "\\00B7";
+  margin-right: 0.5rem;
+  color: var(--bc-text-color, #888);
+}
+
+.bc-frame-footer-right {
+  display: flex;
+  align-items: center;
+}
+
+.bc-frame-note {
+  --bc-frame-note-color: var(--bc-text-color, #888);
+  --bc-frame-note-font-size: 0.75rem;
+  font-style: italic;
+  color: var(--bc-frame-note-color);
+  font-size: var(--bc-frame-note-font-size);
+  margin: 0;
+  padding: 0 var(--bc-frame-padding);
+}
+
+.bc-frame-byline,
+.bc-frame-source {
+  --bc-frame-meta-color: var(--bc-text-color, #888);
+  --bc-frame-meta-font-size: 0.75rem;
+  color: var(--bc-frame-meta-color);
+  font-size: var(--bc-frame-meta-font-size);
+}
+
+.bc-frame-credit {
+  --bc-frame-credit-color: var(--bc-text-color, #666);
+  --bc-frame-credit-font-size: 0.75rem;
+  color: var(--bc-frame-credit-color);
+  font-size: var(--bc-frame-credit-font-size);
+  font-weight: 600;
+  display: inline-flex;
+  align-items: center;
+}
+
+.bc-frame-source-link {
+  color: inherit;
+  text-decoration: underline;
+}
+
+.bc-axis .domain {
+  stroke: var(--bc-axis-color, #333);
+}
+
+.bc-axis .tick text {
+  fill: var(--bc-axis-color, #333);
+  font-size: 10px;
+}
+
+.bc-axis .tick line {
+  stroke: var(--bc-axis-color, #333);
+}
+
+.bc-grid-line {
+  stroke: var(--bc-grid-color, #e0e0e0);
+  stroke-width: 1;
+}
+
+.bc-zero-baseline {
+  stroke: #666;
+  stroke-width: 1;
+}
+
+.bc-bar {
+  /* fill is set via D3 .attr() from data-bound colors — do not override */
+}
+
+.bc-line {
+  fill: none;
+  stroke-width: 2;
+}
+
+.bc-value-label {
+  font-size: 11px;
+  /* fill is set via D3 .attr() — do not override */
+}
+
+.bc-direct-label {
+  font-size: 12px;
+  font-weight: 600;
+}
+
+.bc-tooltip {
+  position: absolute;
+  pointer-events: none;
+  background: var(--bc-tooltip-bg, #fff);
+  color: var(--bc-tooltip-color, #212529);
+  border: 1px solid var(--bc-tooltip-border-color, #dee2e6);
+  border-radius: 4px;
+  padding: 6px 10px;
+  font-size: 13px;
+  box-shadow: 0 2px 8px rgba(0,0,0,0.12);
+  z-index: 9999;
+  display: none;
+}
+
+.bc-crosshair {
+  stroke: #999;
+  stroke-width: 1;
+  pointer-events: none;
+}
+
+.bc-arc-label-line {
+  fill: none;
+  stroke: #999;
+  stroke-width: 1;
+}
+
+.bc-theme-blueprint-framed {
+  --bc-frame-header-border-bottom: 1px solid #e0e0e0;
+  --bc-frame-header-margin-bottom: 0.5rem;
+  --bc-frame-footer-bg: #f8f8f8;
+  --bc-frame-footer-border-top: 1px solid #e0e0e0;
+  --bc-frame-footer-padding-top: 0.625rem;
+}
+
+.blueprint-chart-error {
+  color: red;
+  padding: 1em;
+  border: 1px solid red;
+}
+
+body {
+  margin: 0;
+  overflow: hidden;
+}
+`;function s(){document.querySelectorAll('script[type="application/blueprint-chart"]').forEach(u)}function u(t){var a,c;const e=(a=t.textContent)==null?void 0:a.trim();if(!e)return;const 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"),(c=t.parentNode)==null||c.insertBefore(r,t),r.srcdoc=g(e);const o=n=>{var i;((i=n.data)==null?void 0:i.type)==="blueprint-chart-resize"&&n.source===r.contentWindow&&(r.style.height=`${n.data.height}px`)};window.addEventListener("message",o)}function g(t){const e=h(t);return["<!DOCTYPE html>","<html><head>",`<style>${p}</style>`,"</head><body>",`<div id="chart" class="blueprint-chart-container blueprint-chart-placeholder">${e}</div>`,"<script>","function notifySize() {","  var h = document.documentElement.scrollHeight;",'  parent.postMessage({ type: "blueprint-chart-resize", height: h }, "*");',"}","notifySize();","new ResizeObserver(notifySize).observe(document.body);","<\/script>","</body></html>"].join(`
+`)}function h(t){return t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;")}function f(t,e,r){let o=0;const a=document.createElement("nav");a.className="blueprint-chart-scenes";const c=document.createElement("button");c.className="blueprint-chart-scenes-prev",c.textContent="Previous";const n=document.createElement("button");n.className="blueprint-chart-scenes-next",n.textContent="Next";const i=document.createElement("span");i.className="blueprint-chart-scenes-counter",a.appendChild(c),a.appendChild(i),a.appendChild(n),t.appendChild(a);function m(){i.textContent=`${o+1} / ${e.length}`}function d(x){const b=(x%e.length+e.length)%e.length;o=b,m(),r(e[b],b)}return c.addEventListener("click",()=>d(o-1)),n.addEventListener("click",()=>d(o+1)),m(),{get currentScene(){return o},get totalScenes(){return e.length},next(){d(o+1)},previous(){d(o-1)},goTo:d,destroy(){a.remove()}}}const v=f;return document.readyState==="loading"?document.addEventListener("DOMContentLoaded",s):s(),l.createSceneController=f,l.createStepController=v,l.initBlueprint=s,Object.defineProperty(l,Symbol.toStringTag,{value:"Module"}),l})({});

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

@@ -0,0 +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-text-color: #333;\n  font-family: var(--bc-frame-font-family);\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}\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.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";

package/dist/runtime/index.d.ts

@@ -0,0 +1,4 @@
+import { initBlueprint } from './runtime';
+export { initBlueprint };
+export { createSceneController, createStepController } from './scenes';
+export type { SceneDefinition, SceneController, StepDefinition, StepController } from './scenes';

package/dist/runtime/runtime.d.ts

@@ -0,0 +1 @@
+export declare function initBlueprint(): void;

package/dist/runtime/scenes.d.ts

@@ -0,0 +1,19 @@
+export interface SceneDefinition {
+    name: string;
+    data?: Record<string, unknown>;
+}
+/** @deprecated Use SceneDefinition instead */
+export type StepDefinition = SceneDefinition;
+export interface SceneController {
+    currentScene: number;
+    totalScenes: number;
+    next(): void;
+    previous(): void;
+    goTo(index: number): void;
+    destroy(): void;
+}
+/** @deprecated Use SceneController instead */
+export type StepController = SceneController;
+export declare function createSceneController(container: HTMLElement, scenes: SceneDefinition[], onSceneChange: (scene: SceneDefinition, index: number) => void): SceneController;
+/** @deprecated Use createSceneController instead */
+export declare const createStepController: typeof createSceneController;

package/dist/runtime/steps.d.ts

@@ -0,0 +1,3 @@
+/** @deprecated Use scenes.ts instead */
+export { createSceneController as createStepController, createSceneController } from './scenes';
+export type { SceneDefinition as StepDefinition, SceneController as StepController, SceneDefinition, SceneController } from './scenes';

package/dist/samples.d.ts

@@ -0,0 +1,10 @@
+export interface ChartSample {
+    id: string;
+    title: string;
+    description: string;
+    chartType: string;
+    tsvData: string;
+    serializedData: string;
+    dsl: string;
+}
+export declare const samples: ChartSample[];

package/package.json

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