@blueprint-chart/lib 0.1.2 → 0.1.3

package/dist/lib/lib.iife.js

@@ -1,186 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1,4 +0,0 @@
-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

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

package/dist/runtime/scenes.d.ts

@@ -1,19 +0,0 @@
-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

@@ -1,3 +0,0 @@
-/** @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

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