@duckcodeailabs/dql-runtime 0.1.0

package/dist/filter-manager.js

@@ -0,0 +1,140 @@
+export class FilterManager {
+    filterState = {};
+    fetcher;
+    onApply;
+    constructor(fetcher, onApply) {
+        this.fetcher = fetcher;
+        this.onApply = onApply;
+    }
+    getState() {
+        return { ...this.filterState };
+    }
+    async init(filters) {
+        if (!filters || filters.length === 0)
+            return;
+        for (const filter of filters) {
+            if (filter.sql) {
+                await this.loadFilterOptions(filter);
+            }
+            if (filter.defaultValue) {
+                this.filterState[filter.param] = filter.defaultValue;
+                this.setUIValue(filter.id, filter.defaultValue);
+            }
+        }
+        this.setupEventHandlers(filters);
+    }
+    async loadFilterOptions(filter) {
+        try {
+            const result = await this.fetcher.fetch(filter.id, filter.sql, []);
+            if (!result.rows || result.rows.length === 0)
+                return;
+            const selectEl = document.getElementById(filter.id);
+            if (!selectEl || selectEl.tagName !== 'SELECT')
+                return;
+            const colName = result.columns && result.columns.length > 0
+                ? result.columns[0].name
+                : Object.keys(result.rows[0] || {})[0];
+            if (!colName)
+                return;
+            for (const row of result.rows) {
+                const val = row[colName];
+                if (val === null || val === undefined)
+                    continue;
+                const option = document.createElement('option');
+                option.value = String(val);
+                option.textContent = String(val);
+                selectEl.appendChild(option);
+            }
+        }
+        catch (err) {
+            console.warn('[DQL] Failed to load filter options for ' + filter.id, err);
+        }
+    }
+    setUIValue(filterId, value) {
+        const el = document.getElementById(filterId);
+        if (!el)
+            return;
+        el.value = String(value);
+    }
+    setupEventHandlers(filters) {
+        const applyBtn = document.getElementById('dql-filter-apply');
+        const resetBtn = document.getElementById('dql-filter-reset');
+        if (applyBtn) {
+            applyBtn.addEventListener('click', () => {
+                this.collectState(filters);
+                this.onApply();
+            });
+        }
+        if (resetBtn) {
+            resetBtn.addEventListener('click', () => {
+                this.resetState(filters);
+                this.onApply();
+            });
+        }
+        // Auto-apply for select/date filters
+        const autoApplyEls = document.querySelectorAll('.dql-filter-select, .dql-filter-date');
+        autoApplyEls.forEach((el) => {
+            el.addEventListener('change', () => {
+                this.collectState(filters);
+                this.onApply();
+            });
+        });
+        // Debounced auto-apply for text inputs
+        const debounceTimers = {};
+        const textInputs = document.querySelectorAll('.dql-filter-input[type="text"]');
+        textInputs.forEach((el) => {
+            el.addEventListener('input', () => {
+                const id = el.id;
+                if (debounceTimers[id])
+                    clearTimeout(debounceTimers[id]);
+                debounceTimers[id] = setTimeout(() => {
+                    this.collectState(filters);
+                    this.onApply();
+                }, 300);
+            });
+        });
+    }
+    collectState(filters) {
+        this.filterState = {};
+        for (const filter of filters) {
+            const el = document.getElementById(filter.id);
+            if (!el)
+                continue;
+            const value = el.value;
+            if (value && value !== '') {
+                this.filterState[filter.param] = value;
+            }
+        }
+    }
+    resetState(filters) {
+        this.filterState = {};
+        for (const filter of filters) {
+            const el = document.getElementById(filter.id);
+            if (!el)
+                continue;
+            if (filter.defaultValue) {
+                el.value = String(filter.defaultValue);
+                this.filterState[filter.param] = filter.defaultValue;
+            }
+            else {
+                el.value = '';
+            }
+        }
+    }
+    applyToSQL(sql) {
+        const urlParams = new URLSearchParams(window.location.search);
+        const merged = { ...this.filterState };
+        urlParams.forEach((value, key) => {
+            if (key !== '_from' && key !== '_fromTitle' && !merged[key]) {
+                merged[key] = value;
+            }
+        });
+        let result = sql;
+        for (const [paramName, paramValue] of Object.entries(merged)) {
+            const placeholder = '{' + paramName + '}';
+            result = result.split(placeholder).join(String(paramValue).replace(/'/g, "''"));
+        }
+        return result;
+    }
+}
+//# sourceMappingURL=filter-manager.js.map

package/dist/filter-manager.js.map

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

package/dist/hot-reload-client.d.ts

@@ -0,0 +1,2 @@
+export declare function initHotReload(wsUrl?: string): void;
+//# sourceMappingURL=hot-reload-client.d.ts.map

package/dist/hot-reload-client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hot-reload-client.d.ts","sourceRoot":"","sources":["../src/hot-reload-client.ts"],"names":[],"mappings":"AAAA,wBAAgB,aAAa,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CA8BlD"}

package/dist/hot-reload-client.js

@@ -0,0 +1,27 @@
+export function initHotReload(wsUrl) {
+    if (typeof WebSocket === 'undefined')
+        return;
+    const url = wsUrl ?? `${location.protocol === 'https:' ? 'wss:' : 'ws:'}//${location.host}/__dql_hmr`;
+    let reconnectAttempts = 0;
+    function connect() {
+        const ws = new WebSocket(url);
+        ws.onopen = () => {
+            console.log('[DQL] Hot-reload connected');
+            reconnectAttempts = 0;
+        };
+        ws.onmessage = (event) => {
+            const msg = JSON.parse(event.data);
+            if (msg.type === 'reload') {
+                location.reload();
+            }
+        };
+        ws.onclose = () => {
+            if (reconnectAttempts < 10) {
+                reconnectAttempts++;
+                setTimeout(connect, Math.min(1000 * 2 ** reconnectAttempts, 10000));
+            }
+        };
+    }
+    connect();
+}
+//# sourceMappingURL=hot-reload-client.js.map

package/dist/hot-reload-client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hot-reload-client.js","sourceRoot":"","sources":["../src/hot-reload-client.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,aAAa,CAAC,KAAc;IAC1C,IAAI,OAAO,SAAS,KAAK,WAAW;QAAE,OAAO;IAE7C,MAAM,GAAG,GAAG,KAAK,IAAI,GAAG,QAAQ,CAAC,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,KAAK,QAAQ,CAAC,IAAI,YAAY,CAAC;IACtG,IAAI,iBAAiB,GAAG,CAAC,CAAC;IAE1B,SAAS,OAAO;QACd,MAAM,EAAE,GAAG,IAAI,SAAS,CAAC,GAAG,CAAC,CAAC;QAE9B,EAAE,CAAC,MAAM,GAAG,GAAG,EAAE;YACf,OAAO,CAAC,GAAG,CAAC,4BAA4B,CAAC,CAAC;YAC1C,iBAAiB,GAAG,CAAC,CAAC;QACxB,CAAC,CAAC;QAEF,EAAE,CAAC,SAAS,GAAG,CAAC,KAAK,EAAE,EAAE;YACvB,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;YACnC,IAAI,GAAG,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;gBAC1B,QAAQ,CAAC,MAAM,EAAE,CAAC;YACpB,CAAC;QACH,CAAC,CAAC;QAEF,EAAE,CAAC,OAAO,GAAG,GAAG,EAAE;YAChB,IAAI,iBAAiB,GAAG,EAAE,EAAE,CAAC;gBAC3B,iBAAiB,EAAE,CAAC;gBACpB,UAAU,CAAC,OAAO,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,IAAI,iBAAiB,EAAE,KAAK,CAAC,CAAC,CAAC;YACtE,CAAC;QACH,CAAC,CAAC;IACJ,CAAC;IAED,OAAO,EAAE,CAAC;AACZ,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,13 @@
+export { DataFetcher } from './data-fetcher.js';
+export { VegaRenderer } from './vega-renderer.js';
+export { DashboardLayout } from './dashboard-layout.js';
+export { KPIRenderer } from './kpi-renderer.js';
+export { TableRenderer } from './table-renderer.js';
+export { InteractionManager } from './interactions.js';
+export type { InteractionConfig, InteractionState, InteractionManagerOptions } from './interactions.js';
+export { FilterManager } from './filter-manager.js';
+export type { FilterConfig } from './filter-manager.js';
+export { initBreadcrumb } from './breadcrumb.js';
+export { initHotReload } from './hot-reload-client.js';
+export { escapeHTML, interpolateDatum, cleanDatum, getClickedLabel } from './utils.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACvD,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AACxG,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,YAAY,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC"}

package/dist/index.js

@@ -0,0 +1,13 @@
+// @dql/runtime - DQL Browser Runtime
+// Data fetching, Vega rendering, hot-reload client
+export { DataFetcher } from './data-fetcher.js';
+export { VegaRenderer } from './vega-renderer.js';
+export { DashboardLayout } from './dashboard-layout.js';
+export { KPIRenderer } from './kpi-renderer.js';
+export { TableRenderer } from './table-renderer.js';
+export { InteractionManager } from './interactions.js';
+export { FilterManager } from './filter-manager.js';
+export { initBreadcrumb } from './breadcrumb.js';
+export { initHotReload } from './hot-reload-client.js';
+export { escapeHTML, interpolateDatum, cleanDatum, getClickedLabel } from './utils.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,mDAAmD;AAEnD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAEvD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC"}

package/dist/interactions.d.ts

@@ -0,0 +1,49 @@
+import { DataFetcher } from './data-fetcher.js';
+export interface InteractionConfig {
+    drillDown?: string;
+    linkTo?: string;
+    onClick?: string;
+    filterBy?: string | string[];
+}
+interface DrillFrame {
+    chartId: string;
+    label: string;
+    templateSQL: string;
+    datum: Record<string, unknown>;
+    predicates: Record<string, unknown[]>;
+    connectionId?: string;
+}
+export interface InteractionState {
+    crossFilters: Record<string, Record<string, unknown[]>>;
+    drillStack: DrillFrame[];
+}
+export interface InteractionManagerOptions {
+    onStateChange?: (state: InteractionState) => void;
+}
+export declare class InteractionManager {
+    private vegaViews;
+    private fetcher;
+    private crossFilterState;
+    private drillStack;
+    private onStateChange?;
+    constructor(fetcher: DataFetcher, options?: InteractionManagerOptions);
+    registerView(chartId: string, view: any): void;
+    getView(chartId: string): any;
+    getState(): InteractionState;
+    getCrossFilters(): Record<string, Record<string, unknown[]>>;
+    getDrillStack(): DrillFrame[];
+    setupChartInteractions(chartId: string, view: any, interaction: InteractionConfig, _data: unknown[]): void;
+    drillUp(): Promise<void>;
+    private handleDrillDown;
+    private fetchDrillDown;
+    private renderDrillTable;
+    private handleLinkTo;
+    private handleOnClick;
+    private setupFilterByInteraction;
+    private applyCrossChartFilter;
+    private buildPredicates;
+    private resolveChartConnection;
+    private emitStateChange;
+}
+export {};
+//# sourceMappingURL=interactions.d.ts.map

package/dist/interactions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interactions.d.ts","sourceRoot":"","sources":["../src/interactions.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAC9B;AAED,UAAU,UAAU;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC;IACtC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,gBAAgB;IAC/B,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC;IACxD,UAAU,EAAE,UAAU,EAAE,CAAC;CAC1B;AAED,MAAM,WAAW,yBAAyB;IACxC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;CACnD;AAED,qBAAa,kBAAkB;IAC7B,OAAO,CAAC,SAAS,CAA2B;IAC5C,OAAO,CAAC,OAAO,CAAc;IAC7B,OAAO,CAAC,gBAAgB,CAAiD;IACzE,OAAO,CAAC,UAAU,CAAoB;IACtC,OAAO,CAAC,aAAa,CAAC,CAAoC;gBAE9C,OAAO,EAAE,WAAW,EAAE,OAAO,GAAE,yBAA8B;IAKzE,YAAY,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,GAAG,IAAI;IAI9C,OAAO,CAAC,OAAO,EAAE,MAAM,GAAG,GAAG;IAI7B,QAAQ,IAAI,gBAAgB;IAO5B,eAAe,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC;IAI5D,aAAa,IAAI,UAAU,EAAE;IAI7B,sBAAsB,CACpB,OAAO,EAAE,MAAM,EACf,IAAI,EAAE,GAAG,EACT,WAAW,EAAE,iBAAiB,EAC9B,KAAK,EAAE,OAAO,EAAE,GACf,IAAI;IAqBD,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC;YA6BhB,eAAe;YA2Cf,cAAc;IAqB5B,OAAO,CAAC,gBAAgB;IA6BxB,OAAO,CAAC,YAAY;IAcpB,OAAO,CAAC,aAAa;IA0BrB,OAAO,CAAC,wBAAwB;IAsBhC,OAAO,CAAC,qBAAqB;IAkB7B,OAAO,CAAC,eAAe;IAUvB,OAAO,CAAC,sBAAsB;IAO9B,OAAO,CAAC,eAAe;CAKxB"}

package/dist/interactions.js

@@ -0,0 +1,251 @@
+import { escapeHTML, cleanDatum, getClickedLabel } from './utils.js';
+export class InteractionManager {
+    vegaViews = {};
+    fetcher;
+    crossFilterState = {};
+    drillStack = [];
+    onStateChange;
+    constructor(fetcher, options = {}) {
+        this.fetcher = fetcher;
+        this.onStateChange = options.onStateChange;
+    }
+    registerView(chartId, view) {
+        this.vegaViews[chartId] = view;
+    }
+    getView(chartId) {
+        return this.vegaViews[chartId];
+    }
+    getState() {
+        return {
+            crossFilters: this.getCrossFilters(),
+            drillStack: this.getDrillStack(),
+        };
+    }
+    getCrossFilters() {
+        return JSON.parse(JSON.stringify(this.crossFilterState));
+    }
+    getDrillStack() {
+        return JSON.parse(JSON.stringify(this.drillStack));
+    }
+    setupChartInteractions(chartId, view, interaction, _data) {
+        view.addEventListener('click', (_event, item) => {
+            if (!item || !item.datum)
+                return;
+            const datum = item.datum;
+            if (interaction.drillDown) {
+                this.handleDrillDown(chartId, interaction.drillDown, datum);
+            }
+            if (interaction.linkTo) {
+                this.handleLinkTo(interaction.linkTo, datum);
+            }
+            if (interaction.onClick) {
+                this.handleOnClick(interaction.onClick, datum, chartId);
+            }
+        });
+        if (interaction.filterBy) {
+            this.setupFilterByInteraction(chartId, view, interaction.filterBy);
+        }
+    }
+    async drillUp() {
+        if (this.drillStack.length === 0)
+            return;
+        this.drillStack.pop();
+        this.emitStateChange();
+        const modal = document.getElementById('dql-drill-modal');
+        const bodyEl = document.getElementById('dql-drill-body');
+        if (!modal || !bodyEl)
+            return;
+        if (this.drillStack.length === 0) {
+            modal.classList.remove('active');
+            return;
+        }
+        const top = this.drillStack[this.drillStack.length - 1];
+        bodyEl.innerHTML = '<div class="dql-loading">Loading details...</div>';
+        const result = await this.fetchDrillDown(top);
+        if (result.error) {
+            bodyEl.innerHTML = `<div class="dql-error">${escapeHTML(result.error)}</div>`;
+            return;
+        }
+        if (!result.rows || result.rows.length === 0) {
+            bodyEl.innerHTML = '<div class="dql-loading">No data found</div>';
+            return;
+        }
+        bodyEl.innerHTML = this.renderDrillTable(result.columns, result.rows);
+    }
+    async handleDrillDown(chartId, drillDownSQL, datum) {
+        const clean = cleanDatum(datum);
+        const frame = {
+            chartId,
+            label: String(getClickedLabel(clean) || chartId),
+            templateSQL: drillDownSQL,
+            datum: clean,
+            predicates: this.buildPredicates(clean),
+            connectionId: this.resolveChartConnection(chartId),
+        };
+        this.drillStack.push(frame);
+        this.emitStateChange();
+        const modal = document.getElementById('dql-drill-modal');
+        const titleEl = document.getElementById('dql-drill-title');
+        const stackEl = document.getElementById('dql-drill-stack');
+        const bodyEl = document.getElementById('dql-drill-body');
+        if (!modal || !bodyEl)
+            return;
+        if (titleEl)
+            titleEl.textContent = 'Detail View - ' + frame.label;
+        if (stackEl) {
+            stackEl.textContent = this.drillStack.map((entry) => entry.label).join(' > ');
+        }
+        bodyEl.innerHTML = '<div class="dql-loading">Loading details...</div>';
+        modal.classList.add('active');
+        const result = await this.fetchDrillDown(frame);
+        if (result.error) {
+            bodyEl.innerHTML = `<div class="dql-error">${escapeHTML(result.error)}</div>`;
+            return;
+        }
+        if (!result.rows || result.rows.length === 0) {
+            bodyEl.innerHTML = '<div class="dql-loading">No data found</div>';
+            return;
+        }
+        bodyEl.innerHTML = this.renderDrillTable(result.columns, result.rows);
+    }
+    async fetchDrillDown(frame) {
+        try {
+            const apiEndpoint = globalThis.DQL_CONFIG?.apiEndpoint ?? '/api/query';
+            const response = await globalThis.fetch(apiEndpoint.replace('/query', '/drill'), {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({
+                    chartId: frame.chartId,
+                    templateSQL: frame.templateSQL,
+                    datum: frame.datum,
+                    connectionId: frame.connectionId,
+                }),
+            });
+            if (!response.ok)
+                throw new Error('Drill-down query failed: ' + response.statusText);
+            return response.json();
+        }
+        catch (error) {
+            return { columns: [], rows: [], error: error.message };
+        }
+    }
+    renderDrillTable(columns, rows) {
+        const colNames = columns ? columns.map((c) => c.name) : Object.keys(rows[0] || {});
+        let html = '<table class="dql-drill-table"><thead><tr>';
+        for (const col of colNames) {
+            html += `<th>${escapeHTML(col)}</th>`;
+        }
+        html += '</tr></thead><tbody>';
+        const maxRows = Math.min(rows.length, 100);
+        for (let r = 0; r < maxRows; r++) {
+            html += '<tr>';
+            for (const col of colNames) {
+                const val = rows[r][col];
+                html += `<td>${escapeHTML(val === null || val === undefined ? '' : String(val))}</td>`;
+            }
+            html += '</tr>';
+        }
+        html += '</tbody></table>';
+        if (rows.length > 100) {
+            html += `<p style="margin-top:12px;color:#888;">Showing first 100 of ${rows.length} rows</p>`;
+        }
+        return html;
+    }
+    handleLinkTo(linkTo, datum) {
+        let url = linkTo.replace(/\{(\w+)\}/g, (_m, key) => {
+            const val = datum[key];
+            return val === null || val === undefined ? '' : String(val);
+        });
+        const config = globalThis.DQL_CONFIG;
+        const sep = url.indexOf('?') >= 0 ? '&' : '?';
+        url += sep + '_from=' + encodeURIComponent(location.pathname) +
+            '&_fromTitle=' + encodeURIComponent(config?.title ?? '');
+        window.location.href = url;
+    }
+    handleOnClick(action, datum, chartId) {
+        const event = new CustomEvent('dql:click', {
+            detail: { chartId, action, datum },
+            bubbles: true,
+        });
+        document.dispatchEvent(event);
+        const config = globalThis.DQL_CONFIG;
+        if (action === 'drill_down') {
+            const interaction = config?.interactions?.[chartId];
+            if (interaction?.drillDown) {
+                this.handleDrillDown(chartId, interaction.drillDown, datum);
+            }
+        }
+        else if (action === 'navigate' || action === 'link') {
+            const interaction = config?.interactions?.[chartId];
+            if (interaction?.linkTo) {
+                this.handleLinkTo(interaction.linkTo, datum);
+            }
+        }
+        else if (action.startsWith('set_param:') || action.startsWith('set_params:')) {
+            document.dispatchEvent(new CustomEvent('dql:param-action', {
+                detail: { chartId, action, datum },
+                bubbles: true,
+            }));
+        }
+    }
+    setupFilterByInteraction(chartId, view, filterBy) {
+        const fields = Array.isArray(filterBy) ? filterBy : [filterBy];
+        view.addSignalListener('dql_filter', (_name, value) => {
+            const selectedValues = {};
+            if (value && value.vlPoint && value.vlPoint.or) {
+                for (const point of value.vlPoint.or) {
+                    for (const field of fields) {
+                        if (point[field] !== undefined && point[field] !== null && point[field] !== '') {
+                            if (!selectedValues[field])
+                                selectedValues[field] = [];
+                            if (!selectedValues[field].includes(point[field])) {
+                                selectedValues[field].push(point[field]);
+                            }
+                        }
+                    }
+                }
+            }
+            this.applyCrossChartFilter(chartId, selectedValues);
+        });
+    }
+    applyCrossChartFilter(sourceChartId, selectedValues) {
+        if (Object.keys(selectedValues).length === 0) {
+            delete this.crossFilterState[sourceChartId];
+        }
+        else {
+            this.crossFilterState[sourceChartId] = selectedValues;
+        }
+        this.emitStateChange();
+        document.dispatchEvent(new CustomEvent('dql:cross-filter', {
+            detail: {
+                sourceChartId,
+                selectedValues,
+                state: this.getCrossFilters(),
+            },
+            bubbles: true,
+        }));
+    }
+    buildPredicates(datum) {
+        const predicates = {};
+        for (const [key, value] of Object.entries(datum)) {
+            if (!/^[A-Za-z_][A-Za-z0-9_]*$/.test(key))
+                continue;
+            if (value === null || value === undefined || value === '')
+                continue;
+            predicates[key] = [value];
+        }
+        return predicates;
+    }
+    resolveChartConnection(chartId) {
+        const config = globalThis.DQL_CONFIG;
+        const charts = Array.isArray(config?.charts) ? config.charts : [];
+        const chart = charts.find((entry) => entry.id === chartId);
+        return chart?.connection;
+    }
+    emitStateChange() {
+        if (this.onStateChange) {
+            this.onStateChange(this.getState());
+        }
+    }
+}
+//# sourceMappingURL=interactions.js.map

package/dist/interactions.js.map

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

package/dist/kpi-renderer.d.ts

@@ -0,0 +1,4 @@
+export declare class KPIRenderer {
+    render(containerId: string, data: Record<string, unknown>[], metrics: string[]): void;
+}
+//# sourceMappingURL=kpi-renderer.d.ts.map

package/dist/kpi-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"kpi-renderer.d.ts","sourceRoot":"","sources":["../src/kpi-renderer.ts"],"names":[],"mappings":"AAAA,qBAAa,WAAW;IACtB,MAAM,CAAC,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI;CAetF"}

package/dist/kpi-renderer.js

@@ -0,0 +1,17 @@
+export class KPIRenderer {
+    render(containerId, data, metrics) {
+        const container = document.getElementById(containerId);
+        if (!container || data.length === 0)
+            return;
+        const row = data[0];
+        const cards = metrics
+            .map((metric) => {
+            const value = row[metric];
+            const label = metric.replace(/_/g, ' ').replace(/\b\w/g, (c) => c.toUpperCase());
+            return `<div class="dql-kpi-card"><div class="dql-kpi-label">${label}</div><div class="dql-kpi-value">${value ?? '-'}</div></div>`;
+        })
+            .join('');
+        container.innerHTML = `<div class="dql-kpi-grid">${cards}</div>`;
+    }
+}
+//# sourceMappingURL=kpi-renderer.js.map

package/dist/kpi-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kpi-renderer.js","sourceRoot":"","sources":["../src/kpi-renderer.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,WAAW;IACtB,MAAM,CAAC,WAAmB,EAAE,IAA+B,EAAE,OAAiB;QAC5E,MAAM,SAAS,GAAG,QAAQ,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;QACvD,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO;QAE5C,MAAM,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;QACpB,MAAM,KAAK,GAAG,OAAO;aAClB,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;YACd,MAAM,KAAK,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC;YAC1B,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC;YACjF,OAAO,wDAAwD,KAAK,oCAAoC,KAAK,IAAI,GAAG,cAAc,CAAC;QACrI,CAAC,CAAC;aACD,IAAI,CAAC,EAAE,CAAC,CAAC;QAEZ,SAAS,CAAC,SAAS,GAAG,6BAA6B,KAAK,QAAQ,CAAC;IACnE,CAAC;CACF"}

package/dist/table-renderer.d.ts

@@ -0,0 +1,4 @@
+export declare class TableRenderer {
+    render(containerId: string, data: Record<string, unknown>[], pageSize?: number): void;
+}
+//# sourceMappingURL=table-renderer.d.ts.map

package/dist/table-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-renderer.d.ts","sourceRoot":"","sources":["../src/table-renderer.ts"],"names":[],"mappings":"AAEA,qBAAa,aAAa;IACxB,MAAM,CAAC,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAAE,QAAQ,GAAE,MAAW,GAAG,IAAI;CAmC1F"}

package/dist/table-renderer.js

@@ -0,0 +1,39 @@
+import { escapeHTML } from './utils.js';
+export class TableRenderer {
+    render(containerId, data, pageSize = 25) {
+        const container = document.getElementById(containerId);
+        if (!container || !data || data.length === 0) {
+            if (container)
+                container.innerHTML = '<div class="dql-loading">No data</div>';
+            return;
+        }
+        const colNames = Object.keys(data[0]);
+        let html = '<table class="dql-drill-table" style="width:100%"><thead><tr>';
+        for (const col of colNames) {
+            const label = col.replace(/_/g, ' ');
+            html += `<th style="cursor:pointer;" data-col="${col}">${escapeHTML(label)}</th>`;
+        }
+        html += '</tr></thead><tbody>';
+        const maxRows = Math.min(data.length, pageSize);
+        for (let r = 0; r < maxRows; r++) {
+            html += '<tr>';
+            for (const col of colNames) {
+                let val = data[r][col];
+                if (val === null || val === undefined)
+                    val = '';
+                else if (typeof val === 'number')
+                    val = val.toLocaleString();
+                else
+                    val = String(val);
+                html += `<td>${escapeHTML(String(val))}</td>`;
+            }
+            html += '</tr>';
+        }
+        html += '</tbody></table>';
+        if (data.length > pageSize) {
+            html += `<p style="margin-top:12px;font-size:13px;opacity:0.7;">Showing ${maxRows} of ${data.length} rows</p>`;
+        }
+        container.innerHTML = html;
+    }
+}
+//# sourceMappingURL=table-renderer.js.map

package/dist/table-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-renderer.js","sourceRoot":"","sources":["../src/table-renderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAExC,MAAM,OAAO,aAAa;IACxB,MAAM,CAAC,WAAmB,EAAE,IAA+B,EAAE,WAAmB,EAAE;QAChF,MAAM,SAAS,GAAG,QAAQ,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;QACvD,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC7C,IAAI,SAAS;gBAAE,SAAS,CAAC,SAAS,GAAG,wCAAwC,CAAC;YAC9E,OAAO;QACT,CAAC;QAED,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;QAEtC,IAAI,IAAI,GAAG,+DAA+D,CAAC;QAC3E,KAAK,MAAM,GAAG,IAAI,QAAQ,EAAE,CAAC;YAC3B,MAAM,KAAK,GAAG,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;YACrC,IAAI,IAAI,yCAAyC,GAAG,KAAK,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC;QACpF,CAAC;QACD,IAAI,IAAI,sBAAsB,CAAC;QAE/B,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QAChD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,EAAE,CAAC,EAAE,EAAE,CAAC;YACjC,IAAI,IAAI,MAAM,CAAC;YACf,KAAK,MAAM,GAAG,IAAI,QAAQ,EAAE,CAAC;gBAC3B,IAAI,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;gBACvB,IAAI,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,SAAS;oBAAE,GAAG,GAAG,EAAE,CAAC;qBAC3C,IAAI,OAAO,GAAG,KAAK,QAAQ;oBAAE,GAAG,GAAG,GAAG,CAAC,cAAc,EAAE,CAAC;;oBACxD,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;gBACvB,IAAI,IAAI,OAAO,UAAU,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC;YAChD,CAAC;YACD,IAAI,IAAI,OAAO,CAAC;QAClB,CAAC;QAED,IAAI,IAAI,kBAAkB,CAAC;QAC3B,IAAI,IAAI,CAAC,MAAM,GAAG,QAAQ,EAAE,CAAC;YAC3B,IAAI,IAAI,kEAAkE,OAAO,OAAO,IAAI,CAAC,MAAM,WAAW,CAAC;QACjH,CAAC;QACD,SAAS,CAAC,SAAS,GAAG,IAAI,CAAC;IAC7B,CAAC;CACF"}

package/dist/utils.d.ts

@@ -0,0 +1,5 @@
+export declare function escapeHTML(str: unknown): string;
+export declare function interpolateDatum(template: string, datum: Record<string, unknown>): string;
+export declare function cleanDatum(datum: Record<string, unknown>): Record<string, unknown>;
+export declare function getClickedLabel(datum: Record<string, unknown>): string | null;
+//# sourceMappingURL=utils.d.ts.map