juxscript 1.1.393 → 1.1.396

package/dist/components/barChart.js

@@ -0,0 +1,520 @@
+import { pageState } from '../state/pageState.js';
+import generateId from '../utils/idgen.js';
+// --- Design tokens ---
+const FONT_FAMILY = `-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif`;
+const TOKENS = {
+    muted: 'hsl(215, 16%, 47%)',
+    border: 'hsl(220, 13%, 91%)',
+    grid: 'hsl(220, 13%, 93%)',
+    bg: '#ffffff',
+    title: 'hsl(222, 47%, 11%)',
+    hoverBg: 'rgba(0,0,0,0.04)',
+    activeBg: 'rgba(0,0,0,0.08)',
+    linkColor: 'hsl(217, 91%, 60%)',
+};
+const RATIOS = {
+    '16:9': 16 / 9,
+    '4:3': 4 / 3,
+    '3:2': 3 / 2,
+    '1:1': 1,
+    '2:1': 2,
+    '21:9': 21 / 9,
+};
+// --- Bar animation styles (injected once) ---
+let animInjected = false;
+function injectBarAnimations() {
+    if (animInjected)
+        return;
+    animInjected = true;
+    const el = document.createElement('style');
+    el.id = 'jux-bar-anims';
+    el.textContent = `
+        @keyframes jux-bar-grow-h {
+            from { transform: scaleX(0); opacity: 0; }
+            to { transform: scaleX(1); opacity: 0.85; }
+        }
+        @keyframes jux-bar-grow-v {
+            from { transform: scaleY(0); opacity: 0; }
+            to { transform: scaleY(1); opacity: 0.85; }
+        }
+        @keyframes jux-bar-fade-in {
+            from { opacity: 0; }
+            to { opacity: 1; }
+        }
+        .jux-bar-h {
+            transform-origin: left center;
+            animation: jux-bar-grow-h 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) both;
+        }
+        .jux-bar-v {
+            transform-origin: center bottom;
+            animation: jux-bar-grow-v 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) both;
+        }
+        .jux-bar-label {
+            animation: jux-bar-fade-in 0.3s ease-out both;
+        }
+        .jux-bar-clickable {
+            cursor: pointer;
+            transition: background-color 0.15s ease, transform 0.1s ease;
+        }
+        .jux-bar-clickable:hover {
+            background-color: rgba(0,0,0,0.04);
+        }
+        .jux-bar-clickable:active {
+            background-color: rgba(0,0,0,0.08);
+            transform: scale(0.98);
+        }
+        .jux-bar-selected {
+            outline: 2px solid hsl(217, 91%, 60%);
+            outline-offset: 2px;
+        }
+    `;
+    document.head.appendChild(el);
+}
+function resolvePalette(colors) {
+    if (Array.isArray(colors))
+        return colors;
+    // Fallback palettes
+    const palettes = {
+        green: ['hsl(142, 71%, 45%)', 'hsl(142, 71%, 35%)', 'hsl(142, 71%, 55%)', 'hsl(142, 71%, 25%)', 'hsl(142, 71%, 65%)', 'hsl(142, 71%, 40%)'],
+        blue: ['hsl(217, 91%, 60%)', 'hsl(217, 91%, 50%)', 'hsl(217, 91%, 70%)', 'hsl(217, 91%, 40%)', 'hsl(217, 91%, 75%)', 'hsl(217, 91%, 55%)'],
+        warm: ['hsl(25, 95%, 53%)', 'hsl(15, 95%, 53%)', 'hsl(35, 95%, 53%)', 'hsl(5, 95%, 53%)', 'hsl(45, 95%, 53%)', 'hsl(20, 95%, 53%)'],
+        cool: ['hsl(199, 89%, 48%)', 'hsl(210, 89%, 48%)', 'hsl(188, 89%, 48%)', 'hsl(220, 89%, 48%)', 'hsl(195, 89%, 48%)', 'hsl(205, 89%, 48%)'],
+    };
+    return palettes[colors] || palettes['green'];
+}
+function computeLayout(values, opts) {
+    const { orientation, width, aspectRatio, labelWidth: labelWidthOverride, barThickness: barThicknessOverride } = opts;
+    const rows = values.length;
+    const maxVal = Math.max(...values.map(v => v.x));
+    const ratio = typeof aspectRatio === 'string' ? (RATIOS[aspectRatio] || 16 / 9) : (aspectRatio || 16 / 9);
+    const scale = width / 500;
+    const padding = Math.round(20 * scale);
+    const gap = Math.max(2, Math.round(6 * scale));
+    const barRadius = Math.max(3, Math.round(6 * scale));
+    const titleSize = Math.max(14, Math.round(18 * scale));
+    const subtitleSize = Math.max(11, Math.round(13 * scale));
+    const labelSize = Math.max(9, Math.round(12 * scale));
+    const tickSize = Math.max(8, Math.round(10 * scale));
+    let cardWidth, cardHeight, barThickness, labelWidth, maxBarLength, yAxisWidth;
+    const headerEstimate = padding + Math.round(titleSize * 1.4) + Math.round(subtitleSize * 1.4);
+    if (orientation === 'vertical') {
+        cardWidth = width;
+        barThickness = barThicknessOverride || Math.max(16, Math.round(28 * scale));
+        yAxisWidth = Math.round(36 * scale);
+        labelWidth = 0;
+        const labelRowHeight = Math.round(labelSize * 2) + Math.round(6 * scale);
+        const ratioHeight = Math.round(width / ratio);
+        maxBarLength = Math.max(ratioHeight - headerEstimate - labelRowHeight - padding * 2, 100);
+        cardHeight = headerEstimate + maxBarLength + labelRowHeight + padding * 2;
+        const barsNeeded = rows * (barThickness + gap);
+        if (barsNeeded + yAxisWidth + padding * 2 > cardWidth) {
+            barThickness = Math.max(8, Math.floor((cardWidth - yAxisWidth - padding * 2) / rows - gap));
+        }
+    }
+    else {
+        cardWidth = width;
+        barThickness = barThicknessOverride || Math.max(16, Math.round(28 * scale));
+        labelWidth = labelWidthOverride || Math.max(40, Math.round(70 * scale));
+        yAxisWidth = 0;
+        maxBarLength = cardWidth - labelWidth - padding * 3;
+        const rowHeight = barThickness + gap + gap + 1;
+        const tickRowHeight = Math.round(tickSize * 2);
+        const minContentHeight = headerEstimate + rows * rowHeight + tickRowHeight + padding * 2;
+        const ratioHeight = Math.round(width / ratio);
+        cardHeight = Math.max(ratioHeight, minContentHeight);
+    }
+    return { rows, maxVal, cardWidth, cardHeight, barThickness, labelWidth, maxBarLength, yAxisWidth, padding, gap, barRadius, titleSize, subtitleSize, labelSize, tickSize, scale };
+}
+function formatTick(val) {
+    if (val >= 1000)
+        return `${(val / 1000).toFixed(1)}k`;
+    return String(Math.round(val));
+}
+function mkDiv(id, css, className) {
+    const el = document.createElement('div');
+    el.id = id;
+    if (css)
+        el.setAttribute('style', css);
+    if (className)
+        el.className = className;
+    return el;
+}
+class BarChart {
+    constructor(id, values, options = {}) {
+        this._listeners = { click: [], select: [], drill: [] };
+        this._selectedIndex = -1;
+        this._lastClickDetail = null;
+        this._resizeObserver = null;
+        this._onChange = null;
+        this.id = id || generateId('bar');
+        this._values = values;
+        this._opts = {
+            orientation: options.orientation || 'horizontal',
+            colors: options.colors || 'green',
+            title: options.title || '',
+            subtitle: options.subtitle || '',
+            aspectRatio: options.aspectRatio || '16:9',
+            showValues: options.showValues ?? false,
+            ticks: options.ticks ?? 4,
+            animate: options.animate ?? true,
+            stagger: options.stagger ?? 80,
+            responsive: options.responsive ?? true,
+            maintainAspectRatio: options.maintainAspectRatio ?? true,
+            selectable: options.selectable ?? false,
+            ...options,
+        };
+        if (this._opts.animate)
+            injectBarAnimations();
+        this._palette = resolvePalette(this._opts.colors || 'green');
+        this._isInteractive = !!(this._opts.onClick ||
+            this._opts.stateKey ||
+            values.some(v => v.drill || v.href) ||
+            this._opts.selectable);
+        this._wrapperEl = mkDiv(`${id}-wrapper`, `width: 100%; position: relative; box-sizing: border-box;`);
+        // Hidden button element for pageState click detection
+        this._stateEl = document.createElement('button');
+        this._stateEl.id = id;
+        this._stateEl.style.cssText = 'position:absolute;width:0;height:0;overflow:hidden;opacity:0;pointer-events:none;';
+        this._wrapperEl.appendChild(this._stateEl);
+    }
+    // ═══════════════════════════════════════════════════════════
+    // PAGESTATE INTEGRATION
+    // ═══════════════════════════════════════════════════════════
+    getValue() { return this._lastClickDetail; }
+    setValue(val) { /* no-op for charts */ return this; }
+    getElement() { return this._stateEl; }
+    getSelectedIndex() { return this._selectedIndex; }
+    getOrientation() { return this._opts.orientation; }
+    getTitle() { return this._opts.title; }
+    getSubtitle() { return this._opts.subtitle; }
+    getSelectable() { return this._opts.selectable; }
+    setSelectedIndex(idx) { return this.select(idx); }
+    setTitle(val) { this._opts.title = val; return this; }
+    setSubtitle(val) { this._opts.subtitle = val; return this; }
+    setContent(val) { this._opts.title = val; return this; }
+    title(val) { this._opts.title = val; return this; }
+    subtitle(val) { this._opts.subtitle = val; return this; }
+    onChange(fn) {
+        this._onChange = fn;
+        return this;
+    }
+    get state() {
+        return pageState[this.id];
+    }
+    get element() {
+        return this._wrapperEl;
+    }
+    // ═══════════════════════════════════════════════════════════
+    // CLICK HANDLING
+    // ═══════════════════════════════════════════════════════════
+    _makeClickEvent(i) {
+        const v = this._values[i];
+        return {
+            chartId: this.id,
+            index: i,
+            label: v.label || `#${i + 1}`,
+            value: v.x,
+            drillKey: v.drill || null,
+            href: v.href || null,
+            item: v,
+            orientation: this._opts.orientation,
+        };
+    }
+    _handleBarClick(i) {
+        const detail = this._makeClickEvent(i);
+        if (this._opts.selectable) {
+            const prev = this._selectedIndex;
+            this._selectedIndex = (this._selectedIndex === i) ? -1 : i;
+            this._updateSelection(prev, this._selectedIndex);
+            detail.selected = this._selectedIndex === i;
+            this._emit('select', detail);
+        }
+        this._lastClickDetail = detail;
+        if (this._opts.onClick)
+            this._opts.onClick(detail);
+        if (this._onChange)
+            this._onChange(detail);
+        this._emit('click', detail);
+        if (this._opts.stateKey) {
+            pageState[this.id][this._opts.stateKey] = detail;
+            this._emit('drill', detail);
+        }
+        // Trigger click on hidden state element so pageState proxy detects it
+        this._stateEl.click();
+        if (detail.href) {
+            this._wrapperEl.dispatchEvent(new CustomEvent('jux:navigate', {
+                bubbles: true,
+                detail,
+            }));
+        }
+        this._wrapperEl.dispatchEvent(new CustomEvent('jux:bar-click', {
+            bubbles: true,
+            detail,
+        }));
+    }
+    _emit(type, detail) {
+        (this._listeners[type] || []).forEach(fn => fn(detail));
+    }
+    _updateSelection(prevIdx, newIdx) {
+        if (prevIdx >= 0) {
+            const prevEl = document.getElementById(`${this.id}-bar-${prevIdx}`);
+            if (prevEl)
+                prevEl.classList.remove('jux-bar-selected');
+        }
+        if (newIdx >= 0) {
+            const newEl = document.getElementById(`${this.id}-bar-${newIdx}`);
+            if (newEl)
+                newEl.classList.add('jux-bar-selected');
+        }
+    }
+    _wireInteractivity(containerEl, barEl, index) {
+        containerEl.classList.add('jux-bar-clickable');
+        containerEl.setAttribute('role', 'button');
+        containerEl.setAttribute('tabindex', '0');
+        containerEl.setAttribute('aria-label', `${this._values[index].label || `Item ${index + 1}`}: ${this._values[index].x}`);
+        containerEl.addEventListener('click', () => this._handleBarClick(index));
+        containerEl.addEventListener('keydown', (e) => {
+            if (e.key === 'Enter' || e.key === ' ') {
+                e.preventDefault();
+                this._handleBarClick(index);
+            }
+        });
+        containerEl.addEventListener('mouseenter', () => { barEl.style.opacity = '1'; });
+        containerEl.addEventListener('mouseleave', () => {
+            if (this._selectedIndex !== index)
+                barEl.style.opacity = '0.85';
+        });
+    }
+    // ═══════════════════════════════════════════════════════════
+    // BUILD CHART
+    // ═══════════════════════════════════════════════════════════
+    _buildChart(resolvedWidth) {
+        // Preserve stateEl
+        this._wrapperEl.innerHTML = '';
+        this._wrapperEl.appendChild(this._stateEl);
+        const { orientation, aspectRatio, title, subtitle, showValues, ticks, animate, stagger, maintainAspectRatio, labelWidth: labelWidthOverride, barThickness: barThicknessOverride } = this._opts;
+        const values = this._values;
+        const palette = this._palette;
+        const id = this.id;
+        const ratio = typeof aspectRatio === 'string' ? (RATIOS[aspectRatio] || 16 / 9) : (aspectRatio || 16 / 9);
+        const effectiveWidth = resolvedWidth;
+        const prelimL = computeLayout(values, { orientation, width: effectiveWidth, aspectRatio, labelWidth: labelWidthOverride, barThickness: barThicknessOverride });
+        const ratioHeight = Math.round(effectiveWidth / ratio);
+        let minContentHeight;
+        const headerEstimate = prelimL.padding + Math.round(prelimL.titleSize * 1.4) + Math.round(prelimL.subtitleSize * 1.4);
+        if (orientation === 'vertical') {
+            const labelRowHeight = Math.round(prelimL.labelSize * 2) + Math.round(6 * prelimL.scale);
+            const minBarArea = Math.max(100, values.length * 20);
+            minContentHeight = headerEstimate + minBarArea + labelRowHeight + prelimL.padding * 2;
+        }
+        else {
+            const rowHeight = prelimL.barThickness + prelimL.gap + prelimL.gap + 1;
+            const tickRowHeight = Math.round(prelimL.tickSize * 2);
+            minContentHeight = headerEstimate + values.length * rowHeight + tickRowHeight + prelimL.padding * 2;
+        }
+        const effectiveHeight = maintainAspectRatio
+            ? Math.max(ratioHeight, minContentHeight)
+            : Math.max(this._wrapperEl.clientHeight || ratioHeight, minContentHeight);
+        this._wrapperEl.style.height = `${effectiveHeight}px`;
+        const L = computeLayout(values, { orientation, width: effectiveWidth, aspectRatio, labelWidth: labelWidthOverride, barThickness: barThicknessOverride });
+        L.cardWidth = effectiveWidth;
+        L.cardHeight = effectiveHeight;
+        const finalHeaderEstimate = L.padding + Math.round(L.titleSize * 1.4) + Math.round(L.subtitleSize * 1.4);
+        if (orientation === 'vertical') {
+            const labelRowHeight = Math.round(L.labelSize * 2) + Math.round(6 * L.scale);
+            L.maxBarLength = Math.max(100, effectiveHeight - finalHeaderEstimate - labelRowHeight - L.padding * 2);
+        }
+        else {
+            L.maxBarLength = effectiveWidth - L.labelWidth - L.padding * 3;
+        }
+        const cardEl = mkDiv(`${id}-card`, `background: ${TOKENS.bg}; border: 1px solid ${TOKENS.border}; border-radius: ${Math.round(12 * L.scale)}px; padding: ${L.padding}px; font-family: ${FONT_FAMILY}; box-shadow: 0 1px 3px rgba(0,0,0,0.04); width: 100%; height: 100%; box-sizing: border-box; overflow: hidden;`);
+        this._wrapperEl.appendChild(cardEl);
+        if (title) {
+            const titleEl = mkDiv(`${id}-title`, `font-size: ${L.titleSize}px; font-weight: 600; color: ${TOKENS.title}; letter-spacing: -0.025em; margin-bottom: 2px; line-height: 1.3;`);
+            titleEl.textContent = title;
+            cardEl.appendChild(titleEl);
+        }
+        if (subtitle) {
+            const subEl = mkDiv(`${id}-sub`, `font-size: ${L.subtitleSize}px; color: ${TOKENS.muted}; margin-bottom: ${L.padding}px; line-height: 1.3;`);
+            subEl.textContent = subtitle;
+            cardEl.appendChild(subEl);
+        }
+        if (orientation === 'vertical') {
+            this._buildVertical(cardEl, L, id, values, palette, ticks, animate, stagger, showValues);
+        }
+        else {
+            this._buildHorizontal(cardEl, L, id, values, palette, ticks, animate, stagger, showValues);
+        }
+    }
+    _buildVertical(cardEl, L, id, values, palette, ticks, animate, stagger, showValues) {
+        const areaEl = mkDiv(`${id}-area`, `display: flex; flex-direction: row; align-items: flex-end; height: ${L.maxBarLength}px;`);
+        cardEl.appendChild(areaEl);
+        const yaxisEl = mkDiv(`${id}-yaxis`, `width: ${L.yAxisWidth}px; height: ${L.maxBarLength}px; position: relative; flex-shrink: 0;`);
+        areaEl.appendChild(yaxisEl);
+        for (let t = 0; t <= ticks; t++) {
+            const val = Math.round((L.maxVal / ticks) * t);
+            const bottom = Math.round((val / L.maxVal) * L.maxBarLength);
+            const tickEl = mkDiv(`${id}-ytick-${t}`, `position: absolute; bottom: ${bottom}px; right: 4px; font-size: ${L.tickSize}px; color: ${TOKENS.muted}; line-height: 1; transform: translateY(50%);`);
+            tickEl.textContent = formatTick(val);
+            yaxisEl.appendChild(tickEl);
+        }
+        const barsEl = mkDiv(`${id}-bars`, `display: flex; flex-direction: row; align-items: flex-end; gap: ${L.gap}px; flex: 1; height: ${L.maxBarLength}px; border-bottom: 1px solid ${TOKENS.grid}; border-left: 1px solid ${TOKENS.grid}; padding: 0 ${L.gap}px; position: relative;`);
+        areaEl.appendChild(barsEl);
+        for (let t = 1; t <= ticks; t++) {
+            const val = Math.round((L.maxVal / ticks) * t);
+            const bottom = Math.round((val / L.maxVal) * L.maxBarLength);
+            barsEl.appendChild(mkDiv(`${id}-hgrid-${t}`, `position: absolute; left: 0; right: 0; bottom: ${bottom}px; height: 1px; background: ${TOKENS.grid};`));
+        }
+        values.forEach((v, i) => {
+            const color = palette[i % palette.length];
+            const barHeight = Math.max(2, Math.round((v.x / L.maxVal) * L.maxBarLength));
+            const delay = animate ? `animation-delay: ${i * stagger}ms;` : '';
+            const barClass = animate ? 'jux-bar-v' : '';
+            const colEl = mkDiv(`${id}-col-${i}`, `display: flex; flex-direction: column; align-items: center; justify-content: flex-end; flex: 1; min-width: 0; height: 100%; border-radius: 4px; padding: 2px;`);
+            barsEl.appendChild(colEl);
+            if (showValues) {
+                const valDelay = animate ? `animation-delay: ${i * stagger + 200}ms;` : '';
+                const valClass = animate ? 'jux-bar-label' : '';
+                const valEl = mkDiv(`${id}-val-${i}`, `font-size: ${L.tickSize}px; color: ${TOKENS.muted}; margin-bottom: 2px; text-align: center; ${valDelay}`, valClass);
+                valEl.textContent = String(v.x);
+                colEl.appendChild(valEl);
+            }
+            const barEl = mkDiv(`${id}-bar-${i}`, `width: 100%; max-width: ${L.barThickness}px; height: ${barHeight}px; background-color: ${color}; border-radius: ${L.barRadius}px ${L.barRadius}px 0 0; opacity: 0.85; transition: opacity 0.15s ease; ${delay}`, barClass);
+            colEl.appendChild(barEl);
+            if (this._isInteractive)
+                this._wireInteractivity(colEl, barEl, i);
+        });
+        const xlabelsEl = mkDiv(`${id}-xlabels`, `display: flex; flex-direction: row; gap: ${L.gap}px; padding-left: ${L.yAxisWidth}px; padding-top: ${Math.round(6 * L.scale)}px;`);
+        cardEl.appendChild(xlabelsEl);
+        values.forEach((v, i) => {
+            const label = v.label || `#${i + 1}`;
+            const lblDelay = animate ? `animation-delay: ${i * stagger}ms;` : '';
+            const lblClass = animate ? 'jux-bar-label' : '';
+            const lblEl = mkDiv(`${id}-lbl-${i}`, `flex: 1; text-align: center; font-size: ${L.tickSize}px; color: ${TOKENS.muted}; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 2px; ${lblDelay}`, lblClass);
+            lblEl.textContent = label;
+            xlabelsEl.appendChild(lblEl);
+        });
+    }
+    _buildHorizontal(cardEl, L, id, values, palette, ticks, animate, stagger, showValues) {
+        const areaEl = mkDiv(`${id}-area`, `display: flex; flex-direction: column; gap: 0; width: 100%;`);
+        cardEl.appendChild(areaEl);
+        values.forEach((v, i) => {
+            const label = v.label || `#${i + 1}`;
+            const barWidth = Math.max(2, Math.round((v.x / L.maxVal) * L.maxBarLength));
+            const color = palette[i % palette.length];
+            const delay = animate ? `animation-delay: ${i * stagger}ms;` : '';
+            const barClass = animate ? 'jux-bar-h' : '';
+            const rowEl = mkDiv(`${id}-row-${i}`, `display: flex; flex-direction: row; align-items: center; height: ${L.barThickness}px; margin-bottom: ${L.gap}px; border-bottom: 1px solid ${TOKENS.grid}; padding-bottom: ${L.gap}px; border-radius: 4px; padding: 2px;`);
+            areaEl.appendChild(rowEl);
+            const isLink = v.drill || v.href;
+            const lblDelay = animate ? `animation-delay: ${i * stagger}ms;` : '';
+            const lblClass = animate ? 'jux-bar-label' : '';
+            const lblEl = mkDiv(`${id}-lbl-${i}`, `width: ${L.labelWidth}px; flex-shrink: 0; text-align: right; padding-right: ${Math.round(10 * L.scale)}px; font-size: ${L.labelSize}px; color: ${TOKENS.muted}; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; box-sizing: border-box; ${lblDelay}`, lblClass);
+            lblEl.textContent = label;
+            rowEl.appendChild(lblEl);
+            const barEl = mkDiv(`${id}-bar-${i}`, `width: ${barWidth}px; height: ${L.barThickness}px; background-color: ${color}; border-radius: ${L.barRadius}px; opacity: 0.85; transition: opacity 0.15s ease; ${delay}`, barClass);
+            rowEl.appendChild(barEl);
+            if (showValues) {
+                const valDelay = animate ? `animation-delay: ${i * stagger + 200}ms;` : '';
+                const valClass = animate ? 'jux-bar-label' : '';
+                const valEl = mkDiv(`${id}-val-${i}`, `font-size: ${L.tickSize}px; color: ${TOKENS.muted}; margin-left: ${Math.round(6 * L.scale)}px; ${valDelay}`, valClass);
+                valEl.textContent = String(v.x);
+                rowEl.appendChild(valEl);
+            }
+            if (this._isInteractive)
+                this._wireInteractivity(rowEl, barEl, i);
+        });
+        const xaxisEl = mkDiv(`${id}-xaxis`, `display: flex; flex-direction: row; justify-content: space-between; padding-left: ${L.labelWidth}px; padding-top: ${Math.round(4 * L.scale)}px;`);
+        cardEl.appendChild(xaxisEl);
+        for (let t = 0; t <= ticks; t++) {
+            const val = Math.round((L.maxVal / ticks) * t);
+            const tickEl = mkDiv(`${id}-xtick-${t}`, `font-size: ${L.tickSize}px; color: ${TOKENS.muted};`);
+            tickEl.textContent = formatTick(val);
+            xaxisEl.appendChild(tickEl);
+        }
+    }
+    // ═══════════════════════════════════════════════════════════
+    // PUBLIC API
+    // ═══════════════════════════════════════════════════════════
+    render(target) {
+        let parent = null;
+        if (target && typeof target === 'object' && 'element' in target) {
+            parent = target.element;
+        }
+        else if (target instanceof HTMLElement) {
+            parent = target;
+        }
+        else if (typeof target === 'string') {
+            parent = document.getElementById(target) || document.querySelector(target);
+        }
+        else {
+            parent = document.getElementById('app');
+        }
+        if (!parent)
+            return this;
+        parent.appendChild(this._wrapperEl);
+        const containerWidth = this._opts.responsive
+            ? (this._wrapperEl.clientWidth || parent.clientWidth || this._opts.width || 500)
+            : (this._opts.width || 500);
+        this._buildChart(containerWidth);
+        if (this._opts.responsive && typeof ResizeObserver !== 'undefined') {
+            let resizeTimer;
+            const ro = new ResizeObserver(() => {
+                clearTimeout(resizeTimer);
+                resizeTimer = setTimeout(() => {
+                    const newWidth = this._wrapperEl.clientWidth;
+                    if (newWidth > 0)
+                        this._buildChart(newWidth);
+                }, 100);
+            });
+            ro.observe(this._wrapperEl);
+            this._resizeObserver = ro;
+        }
+        return this;
+    }
+    into(target) {
+        return this.render(target);
+    }
+    on(event, fn) {
+        if (!this._listeners[event])
+            this._listeners[event] = [];
+        this._listeners[event].push(fn);
+        return this;
+    }
+    off(event, fn) {
+        if (this._listeners[event]) {
+            this._listeners[event] = this._listeners[event].filter(f => f !== fn);
+        }
+        return this;
+    }
+    select(index) {
+        if (!this._opts.selectable)
+            return this;
+        const prev = this._selectedIndex;
+        this._selectedIndex = index;
+        this._updateSelection(prev, index);
+        return this;
+    }
+    clearSelection() {
+        const prev = this._selectedIndex;
+        this._selectedIndex = -1;
+        this._updateSelection(prev, -1);
+        return this;
+    }
+    destroy() {
+        if (this._resizeObserver)
+            this._resizeObserver.disconnect();
+        this._wrapperEl.remove();
+    }
+}
+// ═══════════════════════════════════════════════════════════
+// FACTORY
+// ═══════════════════════════════════════════════════════════
+export function barChart(id, values, options = {}) {
+    const chart = new BarChart(id, values, options);
+    pageState.__register(chart);
+    return chart;
+}
+export { BarChart, RATIOS, TOKENS };
+export default barChart;
+//# sourceMappingURL=barChart.js.map

package/dist/components/barChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"barChart.js","sourceRoot":"","sources":["../../lib/components/barChart.ts"],"names":[],"mappings":"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"}

package/dist/components/c.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"c.d.ts","sourceRoot":"","sources":["../../lib/components/c.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"c.d.ts","sourceRoot":"","sources":["../../lib/components/c.ts"],"names":[],"mappings":"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"}

package/dist/components/c.js

@@ -1,4 +1,8 @@
 import generateId from "../utils/idgen.js";
+function sanitizeCSSValue(value) {
+    // Fix calc('...') or calc("...") → calc(...)
+    return value.replace(/calc\(\s*['"]([^'"]*)['"]\s*\)/g, 'calc($1)');
+}
 class C {
     constructor(width, height, padding, radius, margin, border, overflow, options = {}) {
         this.id = options.id || generateId('c');
@@ -8,17 +12,17 @@ class C {
         this._element.style.boxSizing = 'border-box';
         this._element.style.float = 'left';
         if (width)
-            this._element.style.width = width;
+            this._element.style.width = sanitizeCSSValue(width);
         if (height)
-            this._element.style.height = height;
+            this._element.style.height = sanitizeCSSValue(height);
         if (padding)
-            this._element.style.padding = padding;
+            this._element.style.padding = sanitizeCSSValue(padding);
         if (radius)
-            this._element.style.borderRadius = radius;
+            this._element.style.borderRadius = sanitizeCSSValue(radius);
         if (margin)
-            this._element.style.margin = margin;
+            this._element.style.margin = sanitizeCSSValue(margin);
         if (border)
-            this._element.style.border = border;
+            this._element.style.border = sanitizeCSSValue(border);
         if (overflow)
             this._element.style.overflow = overflow;
         if (this.opts.class)
@@ -56,13 +60,13 @@ class C {
         this._element.setAttribute('style', existing + ';' + css);
         return this;
     }
-    padding(value) { this.opts.padding = value; this._element.style.padding = value; return this; }
-    radius(value) { this.opts.radius = value; this._element.style.borderRadius = value; return this; }
-    margin(value) { this.opts.margin = value; this._element.style.margin = value; return this; }
-    border(value) { this.opts.border = value; this._element.style.border = value; return this; }
+    padding(value) { this.opts.padding = value; this._element.style.padding = sanitizeCSSValue(value); return this; }
+    radius(value) { this.opts.radius = value; this._element.style.borderRadius = sanitizeCSSValue(value); return this; }
+    margin(value) { this.opts.margin = value; this._element.style.margin = sanitizeCSSValue(value); return this; }
+    border(value) { this.opts.border = value; this._element.style.border = sanitizeCSSValue(value); return this; }
     overflow(value) { this.opts.overflow = value; this._element.style.overflow = value; return this; }
-    width(value) { this._element.style.width = value; return this; }
-    height(value) { this._element.style.height = value; return this; }
+    width(value) { this._element.style.width = sanitizeCSSValue(value); return this; }
+    height(value) { this._element.style.height = sanitizeCSSValue(value); return this; }
     target_set(value) { this.opts.target = value; return this; }
     // ═══════════════════════════════════════════════════════════
     // GETTERS / SETTERS (delegators)