npm - @outsidedata/dolex - Versions diffs - 0.1.0 - Mend

@outsidedata/dolex 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1598) hide show

package/dist/src/renderers/html/builders/dashboard.js ADDED Viewed

@@ -0,0 +1,420 @@
+/**
+ * Self-contained HTML builder for dashboard visualizations.
+ *
+ * Produces a single HTML document with:
+ * - Header bar with title + global filter controls
+ * - CSS grid body with N chart panels
+ * - Each chart rendered via buildChartHtml() embedded as srcdoc iframe
+ * - Global filters operate client-side on pre-fetched data
+ * - Cross-filter interaction bus between views
+ */
+import { buildChartHtml } from '../index.js';
+/**
+ * Build a self-contained HTML document for a dashboard.
+ *
+ * @param dashboardSpec - The dashboard specification
+ * @param viewData - Pre-resolved data + specs for each view
+ * @returns Complete HTML document string
+ */
+export function buildDashboardHtml(dashboardSpec, viewData) {
+    const layout = dashboardSpec.layout || { columns: 2 };
+    const cols = layout.columns;
+    const gap = 12;
+    const theme = dashboardSpec.theme || 'dark';
+    const isDark = theme === 'dark';
+    // Build chart HTML for each view
+    const viewHtmlEntries = [];
+    for (const vd of viewData) {
+        let chartHtml = buildChartHtml(vd.spec);
+        // Strip min-height so chart fills its panel
+        chartHtml = chartHtml.replace(/min-height:\s*500px/g, 'height: 100%');
+        viewHtmlEntries.push({
+            viewId: vd.viewId,
+            chartHtml,
+            title: dashboardSpec.views.find(v => v.id === vd.viewId)?.title || vd.viewId,
+        });
+    }
+    // Grid template: auto-fill rows based on view count and column count
+    const rows = Math.ceil(viewHtmlEntries.length / cols);
+    // Build view size CSS overrides
+    const viewSizeCss = buildViewSizeCss(dashboardSpec, viewHtmlEntries);
+    // Safely encode data for embedding in script
+    const safeJson = (v) => JSON.stringify(v).replace(/<\//g, '<\\/');
+    const MAX_EMBED_ROWS = 10_000;
+    const viewDataJson = safeJson(viewData.map(vd => ({
+        viewId: vd.viewId,
+        data: vd.data && vd.data.length > MAX_EMBED_ROWS ? vd.data.slice(0, MAX_EMBED_ROWS) : vd.data,
+        spec: vd.spec,
+    })));
+    const filtersJson = safeJson(dashboardSpec.globalFilters || []);
+    const interactionsJson = safeJson(dashboardSpec.interactions || []);
+    // Build chart HTML map for embedding
+    const chartHtmlMapJson = safeJson(Object.fromEntries(viewHtmlEntries.map(e => [e.viewId, e.chartHtml])));
+    // Colors
+    const bg = isDark ? '#0f1117' : '#ffffff';
+    const headerBg = isDark ? '#161822' : '#f8f9fa';
+    const panelBg = isDark ? '#161822' : '#ffffff';
+    const borderColor = isDark ? '#2d3041' : '#e2e8f0';
+    const textColor = isDark ? '#d1d5db' : '#1a202c';
+    const mutedText = isDark ? '#9ca3af' : '#718096';
+    const filterBg = isDark ? '#1e2028' : '#f1f5f9';
+    const filterBorder = isDark ? '#374151' : '#cbd5e0';
+    const panelHtml = viewHtmlEntries.map((entry, i) => `
+      <div class="panel" id="panel-${entry.viewId}" data-view-id="${escapeAttr(entry.viewId)}"${viewSizeCss[i] || ''}>
+        <div class="panel-header">${escapeHtml(entry.title)}</div>
+        <div class="panel-body">
+          <iframe class="chart-frame" data-view-id="${escapeAttr(entry.viewId)}"></iframe>
+        </div>
+      </div>`).join('\n');
+    return `<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8"/>
+<meta name="viewport" content="width=device-width,initial-scale=1"/>
+<title>${escapeHtml(dashboardSpec.title || 'Dashboard')}</title>
+<style>
+*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
+html, body {
+  width: 100%; height: 100%; overflow: auto;
+  background: ${bg}; color: ${textColor};
+  font-family: Inter, system-ui, -apple-system, sans-serif;
+}
+#dashboard-root {
+  width: 100%; min-height: 100%;
+  display: flex; flex-direction: column;
+}
+#dashboard-header {
+  padding: 16px 20px;
+  background: ${headerBg};
+  border-bottom: 1px solid ${borderColor};
+  flex-shrink: 0;
+}
+#dashboard-title {
+  font-size: 18px; font-weight: 700;
+  margin-bottom: 4px;
+}
+#dashboard-description {
+  font-size: 13px; color: ${mutedText};
+  margin-bottom: 0;
+}
+#filter-bar {
+  display: flex; gap: 12px; flex-wrap: wrap;
+  padding: 12px 20px;
+  background: ${headerBg};
+  border-bottom: 1px solid ${borderColor};
+  flex-shrink: 0;
+}
+#filter-bar:empty { display: none; }
+.filter-group {
+  display: flex; flex-direction: column; gap: 4px;
+}
+.filter-label {
+  font-size: 11px; font-weight: 600; color: ${mutedText};
+  text-transform: uppercase; letter-spacing: 0.5px;
+}
+.filter-control {
+  padding: 6px 10px; border-radius: 6px;
+  background: ${filterBg}; border: 1px solid ${filterBorder};
+  color: ${textColor}; font-size: 13px;
+  font-family: Inter, system-ui, sans-serif;
+  min-width: 140px;
+}
+.filter-control:focus {
+  outline: none; border-color: #6366f1;
+  box-shadow: 0 0 0 2px rgba(99,102,241,0.2);
+}
+#dashboard-grid {
+  display: grid;
+  grid-template-columns: repeat(${cols}, 1fr);
+  gap: ${gap}px;
+  padding: ${gap}px;
+  flex: 1;
+}
+.panel {
+  display: flex; flex-direction: column;
+  min-height: 320px;
+  overflow: hidden;
+}
+.panel-header {
+  display: none;
+}
+.panel-body {
+  flex: 1; min-height: 0; overflow: hidden;
+}
+.chart-frame {
+  width: 100%; height: 100%; border: none;
+}
+</style>
+</head>
+<body>
+<div id="dashboard-root">
+  <div id="dashboard-header">
+    <div id="dashboard-title">${escapeHtml(dashboardSpec.title || 'Dashboard')}</div>
+    ${dashboardSpec.description ? `<div id="dashboard-description">${escapeHtml(dashboardSpec.description)}</div>` : ''}
+  </div>
+  <div id="filter-bar"></div>
+  <div id="dashboard-grid">
+    ${panelHtml}
+  </div>
+</div>
+<script>
+(function() {
+  var viewData = ${viewDataJson};
+  var chartHtmlMap = ${chartHtmlMapJson};
+  var filters = ${filtersJson};
+  var interactions = ${interactionsJson};
+  // ── State ─────────────────────────────────────────────────────────────────
+  var filterState = {};
+  filters.forEach(function(f) {
+    if (f.currentValue != null) filterState[f.field] = f.currentValue;
+  });
+  // ── Render Filter Controls ────────────────────────────────────────────────
+  var filterBar = document.getElementById('filter-bar');
+  filters.forEach(function(f) {
+    var group = document.createElement('div');
+    group.className = 'filter-group';
+    var label = document.createElement('label');
+    label.className = 'filter-label';
+    label.textContent = f.label || f.field;
+    group.appendChild(label);
+    if (f.type === 'select') {
+      var sel = document.createElement('select');
+      sel.className = 'filter-control';
+      sel.setAttribute('data-field', f.field);
+      // "All" option
+      var allOpt = document.createElement('option');
+      allOpt.value = '__all__';
+      allOpt.textContent = 'All';
+      sel.appendChild(allOpt);
+      // Get values from spec or derive from data
+      var vals = f.values || deriveValues(f.field);
+      vals.forEach(function(v) {
+        var opt = document.createElement('option');
+        opt.value = String(v);
+        opt.textContent = String(v);
+        if (f.currentValue != null && String(f.currentValue) === String(v)) {
+          opt.selected = true;
+        }
+        sel.appendChild(opt);
+      });
+      sel.addEventListener('change', function() {
+        var val = sel.value;
+        if (val === '__all__') {
+          delete filterState[f.field];
+        } else {
+          filterState[f.field] = val;
+        }
+        applyFilters();
+      });
+      group.appendChild(sel);
+    } else if (f.type === 'multi-select') {
+      var sel = document.createElement('select');
+      sel.className = 'filter-control';
+      sel.setAttribute('data-field', f.field);
+      sel.multiple = true;
+      sel.style.minHeight = '60px';
+      var vals = f.values || deriveValues(f.field);
+      vals.forEach(function(v) {
+        var opt = document.createElement('option');
+        opt.value = String(v);
+        opt.textContent = String(v);
+        sel.appendChild(opt);
+      });
+      sel.addEventListener('change', function() {
+        var selected = [];
+        for (var i = 0; i < sel.options.length; i++) {
+          if (sel.options[i].selected) selected.push(sel.options[i].value);
+        }
+        if (selected.length === 0) {
+          delete filterState[f.field];
+        } else {
+          filterState[f.field] = selected;
+        }
+        applyFilters();
+      });
+      group.appendChild(sel);
+    } else if (f.type === 'range') {
+      var range = document.createElement('input');
+      range.type = 'range';
+      range.className = 'filter-control';
+      range.setAttribute('data-field', f.field);
+      var numVals = (f.values || deriveNumericRange(f.field));
+      if (numVals.length >= 2) {
+        range.min = String(numVals[0]);
+        range.max = String(numVals[numVals.length - 1]);
+        range.value = String(f.currentValue || numVals[numVals.length - 1]);
+      }
+      range.addEventListener('input', function() {
+        filterState[f.field] = Number(range.value);
+        applyFilters();
+      });
+      group.appendChild(range);
+    }
+    filterBar.appendChild(group);
+  });
+  // ── Derive filter values from all view data ───────────────────────────────
+  function deriveValues(field) {
+    var seen = {};
+    var vals = [];
+    viewData.forEach(function(vd) {
+      vd.data.forEach(function(row) {
+        var v = row[field];
+        if (v != null && !seen[String(v)]) {
+          seen[String(v)] = true;
+          vals.push(v);
+        }
+      });
+    });
+    return vals.sort();
+  }
+  function deriveNumericRange(field) {
+    var min = Infinity, max = -Infinity;
+    viewData.forEach(function(vd) {
+      vd.data.forEach(function(row) {
+        var v = Number(row[field]);
+        if (!isNaN(v)) {
+          if (v < min) min = v;
+          if (v > max) max = v;
+        }
+      });
+    });
+    return [min, max];
+  }
+  // ── Apply global filters to all views ─────────────────────────────────────
+  function applyFilters() {
+    viewData.forEach(function(vd) {
+      var filtered = filterData(vd.data);
+      var updatedSpec = JSON.parse(JSON.stringify(vd.spec));
+      updatedSpec.data = filtered;
+      rerenderView(vd.viewId, updatedSpec);
+    });
+  }
+  function filterData(data) {
+    var fields = Object.keys(filterState);
+    if (fields.length === 0 || data.length === 0) return data;
+    // Only filter on fields that exist in this view's data
+    var dataKeys = Object.keys(data[0]);
+    var applicableFields = fields.filter(function(f) { return dataKeys.indexOf(f) !== -1; });
+    if (applicableFields.length === 0) return data;
+    return data.filter(function(row) {
+      return applicableFields.every(function(field) {
+        var val = filterState[field];
+        var rowVal = row[field];
+        if (rowVal == null) return false;
+        if (Array.isArray(val)) {
+          return val.indexOf(String(rowVal)) !== -1;
+        }
+        if (typeof val === 'number') {
+          return Number(rowVal) <= val;
+        }
+        return String(rowVal) === String(val);
+      });
+    });
+  }
+  // ── Cross-filter interaction bus ──────────────────────────────────────────
+  var crossfilterFields = [];
+  var highlightCallbacks = [];
+  var clearCallbacks = [];
+  (interactions || []).forEach(function(ix) {
+    if (ix.field) crossfilterFields.push(ix.field);
+  });
+  var bus = {
+    fields: crossfilterFields,
+    highlight: function(row, sourceViewId) {
+      highlightCallbacks.forEach(function(cb) { cb(row, sourceViewId); });
+    },
+    clearHighlight: function(sourceViewId) {
+      clearCallbacks.forEach(function(cb) { cb(sourceViewId); });
+    },
+    onHighlight: function(cb) { highlightCallbacks.push(cb); },
+    onClearHighlight: function(cb) { clearCallbacks.push(cb); },
+  };
+  // ── Render views ──────────────────────────────────────────────────────────
+  function renderAllViews() {
+    viewData.forEach(function(vd) {
+      var iframe = document.querySelector('iframe[data-view-id="' + vd.viewId + '"]');
+      if (!iframe) return;
+      iframe.srcdoc = chartHtmlMap[vd.viewId] || '';
+    });
+  }
+  function rerenderView(viewId, updatedSpec) {
+    var iframe = document.querySelector('iframe[data-view-id="' + viewId + '"]');
+    if (!iframe) return;
+    var originalHtml = chartHtmlMap[viewId];
+    if (!originalHtml) return;
+    // The chart HTML embeds: window.__SPEC__ = {JSON}; then a script close tag.
+    // We find the marker, replace the JSON blob, then re-attach the closing tag.
+    try {
+      var marker = 'window.__SPEC__ = ';
+      var start = originalHtml.indexOf(marker);
+      if (start === -1) { iframe.srcdoc = originalHtml; return; }
+      var jsonStart = start + marker.length;
+      var scriptClose = '<' + '/script>';
+      var scriptEnd = originalHtml.indexOf(scriptClose, jsonStart);
+      if (scriptEnd === -1) { iframe.srcdoc = originalHtml; return; }
+      var newSpecJson = JSON.stringify(updatedSpec).replace(/<\\//g, '<\\\\/');
+      var html = originalHtml.substring(0, jsonStart) + newSpecJson + ';\\n' + originalHtml.substring(scriptEnd);
+      iframe.srcdoc = html;
+    } catch (e) {
+      iframe.srcdoc = originalHtml;
+    }
+  }
+  // Initial render
+  renderAllViews();
+})();
+<\/script>
+</body>
+</html>`;
+}
+function buildViewSizeCss(spec, entries) {
+    const sizes = spec.layout?.viewSizes || {};
+    return entries.map(e => {
+        const s = sizes[e.viewId];
+        if (!s)
+            return '';
+        const parts = [];
+        if (s.colSpan)
+            parts.push(`grid-column: span ${s.colSpan}`);
+        if (s.rowSpan)
+            parts.push(`grid-row: span ${s.rowSpan}`);
+        return parts.length > 0 ? ` style="${parts.join(';')}"` : '';
+    });
+}
+function escapeHtml(str) {
+    return str
+        .replace(/&/g, '&amp;')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;')
+        .replace(/"/g, '&quot;')
+        .replace(/'/g, '&#39;');
+}
+function escapeAttr(str) {
+    return str
+        .replace(/&/g, '&amp;')
+        .replace(/"/g, '&quot;')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;');
+}
+//# sourceMappingURL=dashboard.js.map

package/dist/src/renderers/html/builders/dashboard.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"dashboard.js","sourceRoot":"","sources":["../../../../../src/renderers/html/builders/dashboard.ts"],"names":[],"mappings":"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"}

package/dist/src/renderers/html/builders/density-plot.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import type { VisualizationSpec } from '../../../types.js';
+export declare function buildDensityPlotHtml(spec: VisualizationSpec): string;
+//# sourceMappingURL=density-plot.d.ts.map

package/dist/src/renderers/html/builders/density-plot.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"density-plot.d.ts","sourceRoot":"","sources":["../../../../../src/renderers/html/builders/density-plot.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAI3D,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,iBAAiB,GAAG,MAAM,CAEpE"}

package/dist/src/renderers/html/builders/density-plot.js ADDED Viewed

@@ -0,0 +1,6 @@
+import { buildHtmlFromBundle } from '../template.js';
+import { densityPlotBundle } from '../_generated/bundles.js';
+export function buildDensityPlotHtml(spec) {
+    return buildHtmlFromBundle(spec, densityPlotBundle);
+}
+//# sourceMappingURL=density-plot.js.map

package/dist/src/renderers/html/builders/density-plot.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"density-plot.js","sourceRoot":"","sources":["../../../../../src/renderers/html/builders/density-plot.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE7D,MAAM,UAAU,oBAAoB,CAAC,IAAuB;IAC1D,OAAO,mBAAmB,CAAC,IAAI,EAAE,iBAAiB,CAAC,CAAC;AACtD,CAAC"}

package/dist/src/renderers/html/builders/diverging-bar.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import type { VisualizationSpec } from '../../../types.js';
+export declare function buildDivergingBarHtml(spec: VisualizationSpec): string;
+//# sourceMappingURL=diverging-bar.d.ts.map

package/dist/src/renderers/html/builders/diverging-bar.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"diverging-bar.d.ts","sourceRoot":"","sources":["../../../../../src/renderers/html/builders/diverging-bar.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAI3D,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,iBAAiB,GAAG,MAAM,CAErE"}

package/dist/src/renderers/html/builders/diverging-bar.js ADDED Viewed

@@ -0,0 +1,6 @@
+import { buildHtmlFromBundle } from '../template.js';
+import { divergingBarBundle } from '../_generated/bundles.js';
+export function buildDivergingBarHtml(spec) {
+    return buildHtmlFromBundle(spec, divergingBarBundle);
+}
+//# sourceMappingURL=diverging-bar.js.map

package/dist/src/renderers/html/builders/diverging-bar.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"diverging-bar.js","sourceRoot":"","sources":["../../../../../src/renderers/html/builders/diverging-bar.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAE9D,MAAM,UAAU,qBAAqB,CAAC,IAAuB;IAC3D,OAAO,mBAAmB,CAAC,IAAI,EAAE,kBAAkB,CAAC,CAAC;AACvD,CAAC"}

package/dist/src/renderers/html/builders/donut.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import type { VisualizationSpec } from '../../../types.js';
+export declare function buildDonutHtml(spec: VisualizationSpec): string;
+//# sourceMappingURL=donut.d.ts.map

package/dist/src/renderers/html/builders/donut.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"donut.d.ts","sourceRoot":"","sources":["../../../../../src/renderers/html/builders/donut.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAI3D,wBAAgB,cAAc,CAAC,IAAI,EAAE,iBAAiB,GAAG,MAAM,CAE9D"}

package/dist/src/renderers/html/builders/donut.js ADDED Viewed

@@ -0,0 +1,6 @@
+import { buildHtmlFromBundle } from '../template.js';
+import { donutBundle } from '../_generated/bundles.js';
+export function buildDonutHtml(spec) {
+    return buildHtmlFromBundle(spec, donutBundle);
+}
+//# sourceMappingURL=donut.js.map

package/dist/src/renderers/html/builders/donut.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"donut.js","sourceRoot":"","sources":["../../../../../src/renderers/html/builders/donut.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEvD,MAAM,UAAU,cAAc,CAAC,IAAuB;IACpD,OAAO,mBAAmB,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAChD,CAAC"}

package/dist/src/renderers/html/builders/funnel.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import type { VisualizationSpec } from '../../../types.js';
+export declare function buildFunnelHtml(spec: VisualizationSpec): string;
+//# sourceMappingURL=funnel.d.ts.map

package/dist/src/renderers/html/builders/funnel.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"funnel.d.ts","sourceRoot":"","sources":["../../../../../src/renderers/html/builders/funnel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAI3D,wBAAgB,eAAe,CAAC,IAAI,EAAE,iBAAiB,GAAG,MAAM,CAE/D"}

package/dist/src/renderers/html/builders/funnel.js ADDED Viewed

@@ -0,0 +1,6 @@
+import { buildHtmlFromBundle } from '../template.js';
+import { funnelBundle } from '../_generated/bundles.js';
+export function buildFunnelHtml(spec) {
+    return buildHtmlFromBundle(spec, funnelBundle);
+}
+//# sourceMappingURL=funnel.js.map

package/dist/src/renderers/html/builders/funnel.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"funnel.js","sourceRoot":"","sources":["../../../../../src/renderers/html/builders/funnel.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,MAAM,UAAU,eAAe,CAAC,IAAuB;IACrD,OAAO,mBAAmB,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC;AACjD,CAAC"}

package/dist/src/renderers/html/builders/grouped-bar.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import type { VisualizationSpec } from '../../../types.js';
+export declare function buildGroupedBarHtml(spec: VisualizationSpec): string;
+//# sourceMappingURL=grouped-bar.d.ts.map

package/dist/src/renderers/html/builders/grouped-bar.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"grouped-bar.d.ts","sourceRoot":"","sources":["../../../../../src/renderers/html/builders/grouped-bar.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAI3D,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,iBAAiB,GAAG,MAAM,CAEnE"}

package/dist/src/renderers/html/builders/grouped-bar.js ADDED Viewed

@@ -0,0 +1,6 @@
+import { buildHtmlFromBundle } from '../template.js';
+import { groupedBarBundle } from '../_generated/bundles.js';
+export function buildGroupedBarHtml(spec) {
+    return buildHtmlFromBundle(spec, groupedBarBundle);
+}
+//# sourceMappingURL=grouped-bar.js.map

package/dist/src/renderers/html/builders/grouped-bar.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"grouped-bar.js","sourceRoot":"","sources":["../../../../../src/renderers/html/builders/grouped-bar.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,MAAM,UAAU,mBAAmB,CAAC,IAAuB;IACzD,OAAO,mBAAmB,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC;AACrD,CAAC"}

package/dist/src/renderers/html/builders/heatmap.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import type { VisualizationSpec } from '../../../types.js';
+export declare function buildHeatmapHtml(spec: VisualizationSpec): string;
+//# sourceMappingURL=heatmap.d.ts.map

package/dist/src/renderers/html/builders/heatmap.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"heatmap.d.ts","sourceRoot":"","sources":["../../../../../src/renderers/html/builders/heatmap.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAI3D,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,iBAAiB,GAAG,MAAM,CAEhE"}

package/dist/src/renderers/html/builders/heatmap.js ADDED Viewed

@@ -0,0 +1,6 @@
+import { buildHtmlFromBundle } from '../template.js';
+import { heatmapBundle } from '../_generated/bundles.js';
+export function buildHeatmapHtml(spec) {
+    return buildHtmlFromBundle(spec, heatmapBundle);
+}
+//# sourceMappingURL=heatmap.js.map

package/dist/src/renderers/html/builders/heatmap.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"heatmap.js","sourceRoot":"","sources":["../../../../../src/renderers/html/builders/heatmap.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzD,MAAM,UAAU,gBAAgB,CAAC,IAAuB;IACtD,OAAO,mBAAmB,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC;AAClD,CAAC"}

package/dist/src/renderers/html/builders/histogram.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import type { VisualizationSpec } from '../../../types.js';
+export declare function buildHistogramHtml(spec: VisualizationSpec): string;
+//# sourceMappingURL=histogram.d.ts.map

package/dist/src/renderers/html/builders/histogram.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"histogram.d.ts","sourceRoot":"","sources":["../../../../../src/renderers/html/builders/histogram.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAI3D,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,iBAAiB,GAAG,MAAM,CAElE"}

package/dist/src/renderers/html/builders/histogram.js ADDED Viewed

@@ -0,0 +1,6 @@
+import { buildHtmlFromBundle } from '../template.js';
+import { histogramBundle } from '../_generated/bundles.js';
+export function buildHistogramHtml(spec) {
+    return buildHtmlFromBundle(spec, histogramBundle);
+}
+//# sourceMappingURL=histogram.js.map

package/dist/src/renderers/html/builders/histogram.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"histogram.js","sourceRoot":"","sources":["../../../../../src/renderers/html/builders/histogram.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE3D,MAAM,UAAU,kBAAkB,CAAC,IAAuB;IACxD,OAAO,mBAAmB,CAAC,IAAI,EAAE,eAAe,CAAC,CAAC;AACpD,CAAC"}

package/dist/src/renderers/html/builders/horizon-chart.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import type { VisualizationSpec } from '../../../types.js';
+export declare function buildHorizonChartHtml(spec: VisualizationSpec): string;
+//# sourceMappingURL=horizon-chart.d.ts.map

package/dist/src/renderers/html/builders/horizon-chart.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"horizon-chart.d.ts","sourceRoot":"","sources":["../../../../../src/renderers/html/builders/horizon-chart.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAI3D,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,iBAAiB,GAAG,MAAM,CAErE"}

package/dist/src/renderers/html/builders/horizon-chart.js ADDED Viewed

@@ -0,0 +1,6 @@
+import { buildHtmlFromBundle } from '../template.js';
+import { horizonChartBundle } from '../_generated/bundles.js';
+export function buildHorizonChartHtml(spec) {
+    return buildHtmlFromBundle(spec, horizonChartBundle);
+}
+//# sourceMappingURL=horizon-chart.js.map

package/dist/src/renderers/html/builders/horizon-chart.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"horizon-chart.js","sourceRoot":"","sources":["../../../../../src/renderers/html/builders/horizon-chart.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAE9D,MAAM,UAAU,qBAAqB,CAAC,IAAuB;IAC3D,OAAO,mBAAmB,CAAC,IAAI,EAAE,kBAAkB,CAAC,CAAC;AACvD,CAAC"}

package/dist/src/renderers/html/builders/icicle.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import type { VisualizationSpec } from '../../../types.js';
+export declare function buildIcicleHtml(spec: VisualizationSpec): string;
+//# sourceMappingURL=icicle.d.ts.map

package/dist/src/renderers/html/builders/icicle.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"icicle.d.ts","sourceRoot":"","sources":["../../../../../src/renderers/html/builders/icicle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAI3D,wBAAgB,eAAe,CAAC,IAAI,EAAE,iBAAiB,GAAG,MAAM,CAE/D"}

package/dist/src/renderers/html/builders/icicle.js ADDED Viewed

@@ -0,0 +1,6 @@
+import { buildHtmlFromBundle } from '../template.js';
+import { icicleBundle } from '../_generated/bundles.js';
+export function buildIcicleHtml(spec) {
+    return buildHtmlFromBundle(spec, icicleBundle);
+}
+//# sourceMappingURL=icicle.js.map

package/dist/src/renderers/html/builders/icicle.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"icicle.js","sourceRoot":"","sources":["../../../../../src/renderers/html/builders/icicle.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,MAAM,UAAU,eAAe,CAAC,IAAuB;IACrD,OAAO,mBAAmB,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC;AACjD,CAAC"}

package/dist/src/renderers/html/builders/line.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import type { VisualizationSpec } from '../../../types.js';
+export declare function buildLineHtml(spec: VisualizationSpec): string;
+//# sourceMappingURL=line.d.ts.map

package/dist/src/renderers/html/builders/line.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"line.d.ts","sourceRoot":"","sources":["../../../../../src/renderers/html/builders/line.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAI3D,wBAAgB,aAAa,CAAC,IAAI,EAAE,iBAAiB,GAAG,MAAM,CAE7D"}

package/dist/src/renderers/html/builders/line.js ADDED Viewed

@@ -0,0 +1,6 @@
+import { buildHtmlFromBundle } from '../template.js';
+import { lineBundle } from '../_generated/bundles.js';
+export function buildLineHtml(spec) {
+    return buildHtmlFromBundle(spec, lineBundle);
+}
+//# sourceMappingURL=line.js.map

package/dist/src/renderers/html/builders/line.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"line.js","sourceRoot":"","sources":["../../../../../src/renderers/html/builders/line.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,MAAM,UAAU,aAAa,CAAC,IAAuB;IACnD,OAAO,mBAAmB,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;AAC/C,CAAC"}

package/dist/src/renderers/html/builders/lollipop.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import type { VisualizationSpec } from '../../../types.js';
+export declare function buildLollipopHtml(spec: VisualizationSpec): string;
+//# sourceMappingURL=lollipop.d.ts.map

package/dist/src/renderers/html/builders/lollipop.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"lollipop.d.ts","sourceRoot":"","sources":["../../../../../src/renderers/html/builders/lollipop.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAI3D,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,iBAAiB,GAAG,MAAM,CAEjE"}