photon-grid-core 0.0.3 → 1.0.0

package/chart/chart-config/chart-controls.js

@@ -0,0 +1,229 @@
+/**
+ * Small, theme-token-styled form-control primitives used to build the chart
+ * configuration tool panel. Each factory returns a ready-to-mount element and
+ * wires a single `onChange` callback. No control writes inline styles — all
+ * appearance comes from `chart-controls.css.ts`.
+ */
+const ICON_CHEVRON = `<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>`;
+const ICON_DRAG = `<svg width="10" height="16" viewBox="0 0 10 16" fill="currentColor"><circle cx="2.5" cy="3" r="1.4"/><circle cx="7.5" cy="3" r="1.4"/><circle cx="2.5" cy="8" r="1.4"/><circle cx="7.5" cy="8" r="1.4"/><circle cx="2.5" cy="13" r="1.4"/><circle cx="7.5" cy="13" r="1.4"/></svg>`;
+const ICON_X = `<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>`;
+/** Wraps a control in a labelled row. */
+function labelledRow(labelText, control) {
+    const row = document.createElement('label');
+    row.className = 'pg-chart-ctrl__row';
+    const label = document.createElement('span');
+    label.className = 'pg-chart-ctrl__label';
+    label.textContent = labelText;
+    row.appendChild(label);
+    row.appendChild(control);
+    return row;
+}
+/** A `<select>` dropdown. */
+export function createDropdown(options, value, onChange, label) {
+    const select = document.createElement('select');
+    select.className = 'pg-chart-ctrl__select';
+    for (const opt of options) {
+        const o = document.createElement('option');
+        o.value = opt.value;
+        o.textContent = opt.label;
+        if (opt.value === value)
+            o.selected = true;
+        select.appendChild(o);
+    }
+    select.addEventListener('change', () => onChange(select.value));
+    return label ? labelledRow(label, select) : select;
+}
+/** A switch-style boolean toggle. */
+export function createToggle(checked, onChange, label) {
+    const row = document.createElement('div');
+    row.className = 'pg-chart-ctrl__row';
+    const span = document.createElement('span');
+    span.className = 'pg-chart-ctrl__label';
+    span.textContent = label;
+    const track = document.createElement('button');
+    track.type = 'button';
+    track.className = 'pg-chart-ctrl__toggle';
+    track.setAttribute('role', 'switch');
+    track.setAttribute('aria-checked', String(checked));
+    track.classList.toggle('pg-chart-ctrl__toggle--on', checked);
+    const knob = document.createElement('span');
+    knob.className = 'pg-chart-ctrl__toggle-knob';
+    track.appendChild(knob);
+    track.addEventListener('click', () => {
+        const next = !track.classList.contains('pg-chart-ctrl__toggle--on');
+        track.classList.toggle('pg-chart-ctrl__toggle--on', next);
+        track.setAttribute('aria-checked', String(next));
+        onChange(next);
+    });
+    row.appendChild(span);
+    row.appendChild(track);
+    return row;
+}
+/** A color swatch backed by a native color input. */
+export function createColorInput(value, onChange, label) {
+    const input = document.createElement('input');
+    input.type = 'color';
+    input.className = 'pg-chart-ctrl__color';
+    if (value)
+        input.value = value;
+    input.addEventListener('input', () => onChange(input.value));
+    return labelledRow(label, input);
+}
+/** A numeric input with optional bounds and step. */
+export function createNumberInput(value, onChange, label, min, max, step) {
+    const input = document.createElement('input');
+    input.type = 'number';
+    input.className = 'pg-chart-ctrl__input';
+    input.value = String(value);
+    if (min !== undefined)
+        input.min = String(min);
+    if (max !== undefined)
+        input.max = String(max);
+    if (step !== undefined)
+        input.step = String(step);
+    input.addEventListener('input', () => {
+        const n = Number(input.value);
+        if (!Number.isNaN(n))
+            onChange(n);
+    });
+    return labelledRow(label, input);
+}
+/** A single-line text input. */
+export function createTextInput(value, onChange, label, placeholder = '') {
+    const input = document.createElement('input');
+    input.type = 'text';
+    input.className = 'pg-chart-ctrl__input';
+    input.value = value;
+    input.placeholder = placeholder;
+    input.addEventListener('input', () => onChange(input.value));
+    return labelledRow(label, input);
+}
+/** A segmented button group (single selection). */
+export function createSegmented(options, value, onChange, label) {
+    const group = document.createElement('div');
+    group.className = 'pg-chart-ctrl__segmented';
+    for (const opt of options) {
+        const btn = document.createElement('button');
+        btn.type = 'button';
+        btn.className = 'pg-chart-ctrl__segment';
+        btn.textContent = opt.label;
+        btn.classList.toggle('pg-chart-ctrl__segment--active', opt.value === value);
+        btn.addEventListener('click', () => {
+            for (const child of Array.from(group.children)) {
+                child.classList.remove('pg-chart-ctrl__segment--active');
+            }
+            btn.classList.add('pg-chart-ctrl__segment--active');
+            onChange(opt.value);
+        });
+        group.appendChild(btn);
+    }
+    return label ? labelledRow(label, group) : group;
+}
+/**
+ * A collapsible section with a header toggle. Returns the outer `section` and
+ * the `body` element callers append content to.
+ */
+export function createCollapsibleSection(title, expanded = false) {
+    const section = document.createElement('div');
+    section.className = 'pg-chart-ctrl__section';
+    const header = document.createElement('button');
+    header.type = 'button';
+    header.className = 'pg-chart-ctrl__section-header';
+    const chevron = document.createElement('span');
+    chevron.className = 'pg-chart-ctrl__section-chevron';
+    chevron.innerHTML = ICON_CHEVRON;
+    const titleEl = document.createElement('span');
+    titleEl.textContent = title;
+    header.appendChild(chevron);
+    header.appendChild(titleEl);
+    const body = document.createElement('div');
+    body.className = 'pg-chart-ctrl__section-body';
+    section.classList.toggle('pg-chart-ctrl__section--open', expanded);
+    header.addEventListener('click', () => {
+        section.classList.toggle('pg-chart-ctrl__section--open');
+    });
+    section.appendChild(header);
+    section.appendChild(body);
+    return { section, body };
+}
+/**
+ * A drag-to-reorder list with per-item remove buttons. Reordering uses a pointer
+ * drag (mousedown/move/up), not HTML5 DnD, to match the chart panel's own drag
+ * handling and avoid ghost-image quirks.
+ *
+ * @param items - Items in current order.
+ * @param onReorder - Called with the new id order after a drag.
+ * @param onRemove - Called with an item id when its remove button is clicked.
+ */
+export function createReorderableList(items, onReorder, onRemove) {
+    const list = document.createElement('div');
+    list.className = 'pg-chart-ctrl__list';
+    const order = items.map((it) => it.id);
+    items.forEach((item) => {
+        const row = document.createElement('div');
+        row.className = 'pg-chart-ctrl__list-item';
+        row.dataset['id'] = item.id;
+        const handle = document.createElement('span');
+        handle.className = 'pg-chart-ctrl__list-handle';
+        handle.innerHTML = ICON_DRAG;
+        if (item.color) {
+            const swatch = document.createElement('span');
+            swatch.className = 'pg-chart-ctrl__list-swatch';
+            swatch.style.setProperty('--pg-chart-swatch', item.color);
+            row.appendChild(handle);
+            row.appendChild(swatch);
+        }
+        else {
+            row.appendChild(handle);
+        }
+        const label = document.createElement('span');
+        label.className = 'pg-chart-ctrl__list-label';
+        label.textContent = item.label;
+        row.appendChild(label);
+        const remove = document.createElement('button');
+        remove.type = 'button';
+        remove.className = 'pg-chart-ctrl__list-remove';
+        remove.innerHTML = ICON_X;
+        remove.addEventListener('click', () => onRemove(item.id));
+        row.appendChild(remove);
+        attachRowDrag(row, list, order, onReorder);
+        list.appendChild(row);
+    });
+    return list;
+}
+/** Wires pointer-based reordering for a single list row. */
+function attachRowDrag(row, list, order, onReorder) {
+    const handle = row.querySelector('.pg-chart-ctrl__list-handle');
+    if (!handle)
+        return;
+    handle.addEventListener('mousedown', (e) => {
+        e.preventDefault();
+        row.classList.add('pg-chart-ctrl__list-item--dragging');
+        const onMove = (mv) => {
+            const rows = Array.from(list.querySelectorAll('.pg-chart-ctrl__list-item'));
+            const after = rows.find((r) => {
+                if (r === row)
+                    return false;
+                const box = r.getBoundingClientRect();
+                return mv.clientY < box.top + box.height / 2;
+            });
+            if (after)
+                list.insertBefore(row, after);
+            else
+                list.appendChild(row);
+        };
+        const onUp = () => {
+            row.classList.remove('pg-chart-ctrl__list-item--dragging');
+            document.removeEventListener('mousemove', onMove);
+            document.removeEventListener('mouseup', onUp);
+            const newOrder = Array.from(list.querySelectorAll('.pg-chart-ctrl__list-item'))
+                .map((r) => r.dataset['id'] ?? '')
+                .filter((id) => id.length > 0);
+            order.splice(0, order.length, ...newOrder);
+            onReorder(newOrder);
+        };
+        document.addEventListener('mousemove', onMove);
+        document.addEventListener('mouseup', onUp);
+    });
+}
+//# sourceMappingURL=chart-controls.js.map

package/chart/chart-config/chart-controls.js.map

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

package/chart/chart-config/chart-tool-panel.d.ts

@@ -0,0 +1,86 @@
+import type { ChartModel, ChartModelPatch } from '../model/chart-model';
+import type { ChartToolPanelName } from '../../types/grid.types';
+/** A column offered to the Set Up tab for category / series roles. */
+export interface ChartColumnOption {
+    readonly colId: string;
+    readonly header: string;
+    readonly isMeasure: boolean;
+    readonly isDimension: boolean;
+}
+/**
+ * Controller behind a {@link ChartToolPanel}. Supplies the current model and the
+ * available columns, and applies model patches produced by the controls.
+ */
+export interface ChartToolPanelHost {
+    getModel(): ChartModel;
+    updateModel(patch: ChartModelPatch): void;
+    getColumnOptions(): ChartColumnOption[];
+    getPanels(): ChartToolPanelName[];
+    getDefaultPanel(): ChartToolPanelName;
+}
+/**
+ * The docked chart configuration panel. Renders the Chart / Set Up / Customize
+ * tabs from the current {@link ChartModel} and forwards every edit back to the
+ * host as a model patch. Purely presentational — it holds no chart state.
+ */
+export declare class ChartToolPanel {
+    private readonly containerEl;
+    private readonly host;
+    /** Notified with the drawer's width on open and 0 on close, so the host can
+     * reflow the chart beside the drawer instead of behind it. */
+    private readonly onReserveChange?;
+    private rootEl;
+    private tabsEl;
+    private bodyEl;
+    private activeTab;
+    /** Live renderers backing the Chart-tab preview thumbnails; disposed on rebuild. */
+    private thumbRenderers;
+    /** Pending slide-in RAF handle, so an immediate destroy can cancel it. */
+    private openRaf;
+    /** Pending slide-out timer, cleared if the panel is reopened or destroyed. */
+    private closeTimer;
+    constructor(containerEl: HTMLElement, host: ChartToolPanelHost, 
+    /** Notified with the drawer's width on open and 0 on close, so the host can
+     * reflow the chart beside the drawer instead of behind it. */
+    onReserveChange?: ((px: number) => void) | undefined);
+    /** Whether the panel is currently mounted. */
+    isOpen(): boolean;
+    /** Mounts the drawer (optionally on a specific tab), rendering and sliding it in. */
+    open(tab?: ChartToolPanelName): void;
+    /**
+     * Slides the drawer out (left → right) and unmounts it once the transition
+     * ends. The instance is retained so a later {@link open} rebuilds cleanly.
+     */
+    close(): void;
+    /** Immediately unmounts and disposes the drawer with no exit animation. */
+    destroy(): void;
+    /** Removes the DOM and releases the preview renderers. */
+    private teardown;
+    /** Adds the open modifier on the next frame so the slide-in transition runs. */
+    private slideIn;
+    /** Rebuilds the tab strip and active tab body from the current model. */
+    render(): void;
+    private build;
+    private renderTabs;
+    private renderBody;
+    private renderChartTab;
+    /**
+     * Builds one gallery cell: a real, full-bleed mini-chart of {@link PREVIEW_DATA}
+     * rendered in the entry's type. Clicking applies the type to the model, which
+     * updates the live chart in real time. The canvas is queued in `pending` for
+     * rendering after DOM insertion (so it has a measured size and theme tokens).
+     */
+    private buildGalleryItem;
+    /**
+     * Draws a static, full-bleed preview of a chart type into a thumbnail canvas.
+     * The backing store is sized to the canvas's measured display size × DPR for a
+     * crisp, undistorted image; `compact` collapses the axis gutters so the chart
+     * fills the cell edge-to-edge.
+     */
+    private renderThumbnail;
+    /** Disposes every preview renderer created for the Chart tab. */
+    private disposeThumbnails;
+    private renderSetupTab;
+    private renderCustomizeTab;
+}
+//# sourceMappingURL=chart-tool-panel.d.ts.map

package/chart/chart-config/chart-tool-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-tool-panel.d.ts","sourceRoot":"","sources":["../../../src/chart/chart-config/chart-tool-panel.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAA6B,MAAM,sBAAsB,CAAC;AACnG,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAejE,sEAAsE;AACtE,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,WAAW,EAAE,OAAO,CAAC;CAC/B;AAED;;;GAGG;AACH,MAAM,WAAW,kBAAkB;IACjC,QAAQ,IAAI,UAAU,CAAC;IACvB,WAAW,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI,CAAC;IAC1C,gBAAgB,IAAI,iBAAiB,EAAE,CAAC;IACxC,SAAS,IAAI,kBAAkB,EAAE,CAAC;IAClC,eAAe,IAAI,kBAAkB,CAAC;CACvC;AAqGD;;;;GAIG;AACH,qBAAa,cAAc;IAavB,OAAO,CAAC,QAAQ,CAAC,WAAW;IAC5B,OAAO,CAAC,QAAQ,CAAC,IAAI;IACrB;kEAC8D;IAC9D,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAC;IAhBnC,OAAO,CAAC,MAAM,CAA4B;IAC1C,OAAO,CAAC,MAAM,CAA4B;IAC1C,OAAO,CAAC,MAAM,CAA4B;IAC1C,OAAO,CAAC,SAAS,CAAqB;IACtC,oFAAoF;IACpF,OAAO,CAAC,cAAc,CAAuB;IAC7C,0EAA0E;IAC1E,OAAO,CAAC,OAAO,CAAuB;IACtC,8EAA8E;IAC9E,OAAO,CAAC,UAAU,CAAuB;gBAGtB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,kBAAkB;IACzC;kEAC8D;IAC7C,eAAe,CAAC,GAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,aAAA;IAKzD,8CAA8C;IAC9C,MAAM,IAAI,OAAO;IAIjB,qFAAqF;IACrF,IAAI,CAAC,GAAG,CAAC,EAAE,kBAAkB,GAAG,IAAI;IAcpC;;;OAGG;IACH,KAAK,IAAI,IAAI;IAeb,2EAA2E;IAC3E,OAAO,IAAI,IAAI;IAaf,0DAA0D;IAC1D,OAAO,CAAC,QAAQ;IAQhB,gFAAgF;IAChF,OAAO,CAAC,OAAO;IAUf,yEAAyE;IACzE,MAAM,IAAI,IAAI;IAMd,OAAO,CAAC,KAAK;IA6Bb,OAAO,CAAC,UAAU;IAgBlB,OAAO,CAAC,UAAU;IAgBlB,OAAO,CAAC,cAAc;IAuBtB;;;;;OAKG;IACH,OAAO,CAAC,gBAAgB;IAwBxB;;;;;OAKG;IACH,OAAO,CAAC,eAAe;IAkBvB,iEAAiE;IACjE,OAAO,CAAC,iBAAiB;IAOzB,OAAO,CAAC,cAAc;IAyEtB,OAAO,CAAC,kBAAkB;CAgE3B"}