@ixfx/components 0.2.3 → 0.2.4

package/dist/timeline/timeline-draw.js

@@ -0,0 +1,330 @@
+// ── Grid resolution ───────────────────────────────────────────────────
+const NICE_STEPS = [1, 2, 5, 10];
+/**
+ * Dispatch to adaptive or fixed grid mode.
+ */
+export const resolveGrid = (viewRange, userScale, viewportWidth, mode = `adaptive`, fixedMinorStep, ppu) => {
+    if (mode === `fixed` && fixedMinorStep !== undefined && ppu !== undefined) {
+        return resolveFixedGrid(fixedMinorStep, ppu);
+    }
+    return resolveAdaptiveGrid(viewRange, userScale, viewportWidth);
+};
+/**
+ * Compute a nice major/minor grid resolution for the current view.
+ * Uses a 1-2-5-10 "nice number" algorithm.
+ */
+const resolveAdaptiveGrid = (viewRange, userScale, viewportWidth) => {
+    const span = viewRange.max - viewRange.min;
+    if (span <= 0 || viewportWidth <= 0) {
+        return { majorStep: 100, minorDivisions: 4, minorStep: 25 };
+    }
+    // Target ~60-120px between major gridlines
+    const densityMultiplier = scaleMultiplier(userScale);
+    const targetPx = 80 * densityMultiplier;
+    const targetMajors = Math.max(2, Math.floor(viewportWidth / targetPx));
+    const rawStep = span / targetMajors;
+    // Find nearest "nice" step
+    const magnitude = Math.pow(10, Math.floor(Math.log10(rawStep)));
+    let bestStep = magnitude;
+    for (const n of NICE_STEPS) {
+        const candidate = n * magnitude;
+        if (candidate >= rawStep * 0.8) {
+            bestStep = candidate;
+            break;
+        }
+    }
+    // Minor divisions: 4 for most, 5 for steps of 5/10
+    const normalised = bestStep / magnitude;
+    const minorDivisions = normalised === 5 || normalised === 10 ? 5 : 4;
+    const minorStep = bestStep / minorDivisions;
+    return { majorStep: bestStep, minorDivisions, minorStep };
+};
+/**
+ * Fixed grid: user specifies a base minor step in logical units.
+ * If the minor step at current zoom would produce lines < 5px apart,
+ * double the effective step until they're >= 5px.
+ * Major = 4× effective minor.
+ */
+const resolveFixedGrid = (baseMinorStep, ppu) => {
+    const MIN_PX_BETWEEN = 5;
+    let effectiveMinor = baseMinorStep;
+    // Double until minor gridlines are at least MIN_PX_BETWEEN apart
+    while (effectiveMinor * ppu < MIN_PX_BETWEEN && effectiveMinor < 1e12) {
+        effectiveMinor *= 2;
+    }
+    const minorDivisions = 4;
+    const majorStep = effectiveMinor * minorDivisions;
+    return { majorStep, minorDivisions, minorStep: effectiveMinor };
+};
+const scaleMultiplier = (scale) => {
+    switch (scale) {
+        case `x-wide`: return 2.0;
+        case `wide`: return 1.5;
+        case `normal`: return 1.0;
+        case `slim`: return 0.7;
+        case `x-slim`: return 0.5;
+        default: return 1.0;
+    }
+};
+// ── Draw: major/minor grid ────────────────────────────────────────────
+export const drawMajorMinorGrid = (ctx, region, resolution, altMajorBg, vars, ppu) => {
+    const { majorStep, minorStep } = resolution;
+    if (majorStep <= 0)
+        return;
+    const regionEnd = region.x + region.width;
+    // Draw alternating major background tints
+    if (altMajorBg) {
+        const altColor = vars[`--timeline-alt-major-bg`] ?? `rgba(255,255,255,0.03)`;
+        ctx.fillStyle = altColor;
+        const firstMajor = Math.floor(region.x / majorStep);
+        for (let i = firstMajor; i * majorStep < regionEnd; i++) {
+            if (i % 2 !== 0) {
+                const x = i * majorStep * ppu;
+                ctx.fillRect(x, region.y, majorStep * ppu, region.height);
+            }
+        }
+    }
+    // Minor gridlines
+    if (minorStep > 0) {
+        ctx.strokeStyle = vars[`--timeline-grid-minor-color`] ?? `rgba(255,255,255,0.05)`;
+        ctx.lineWidth = parseFloat(vars[`--timeline-grid-minor-width`] ?? `0.5`);
+        ctx.beginPath();
+        const firstMinor = Math.floor(region.x / minorStep) * minorStep;
+        for (let val = firstMinor; val < regionEnd; val += minorStep) {
+            // Skip positions that are major gridlines
+            if (Math.abs(val % majorStep) < minorStep * 0.01)
+                continue;
+            const px = val * ppu;
+            ctx.moveTo(px, region.y);
+            ctx.lineTo(px, region.y + region.height);
+        }
+        ctx.stroke();
+    }
+    // Major gridlines
+    ctx.strokeStyle = vars[`--timeline-grid-major-color`] ?? `rgba(255,255,255,0.12)`;
+    ctx.lineWidth = parseFloat(vars[`--timeline-grid-major-width`] ?? `1`);
+    ctx.beginPath();
+    const firstMajor = Math.floor(region.x / majorStep) * majorStep;
+    for (let val = firstMajor; val < regionEnd; val += majorStep) {
+        const px = val * ppu;
+        ctx.moveTo(px, region.y);
+        ctx.lineTo(px, region.y + region.height);
+    }
+    ctx.stroke();
+};
+// ── Draw: axis labels ─────────────────────────────────────────────────
+/**
+ * Draw the axis header band. With 2D virtualization the axis is "sticky" —
+ * it is always drawn at the current vertical scroll position (`scrollTop`)
+ * so it appears fixed at the viewport top.
+ */
+export const drawAxis = (ctx, region, resolution, axisHeight, formatLabel, vars, ppu, scrollTop = 0) => {
+    const { majorStep } = resolution;
+    if (majorStep <= 0 || axisHeight <= 0)
+        return;
+    // Axis band occupies [scrollTop, scrollTop + axisHeight] in logical Y
+    const axisTop = scrollTop;
+    const axisBottom = scrollTop + axisHeight;
+    // Only draw if this tile's region overlaps the axis band
+    if (region.y + region.height < axisTop || region.y > axisBottom)
+        return;
+    const regionEnd = region.x + region.width;
+    // How far major gridlines extend into the axis band (from the bottom)
+    const tickHeight = 6;
+    const bgHeight = axisHeight - tickHeight;
+    // 1. Solid background covers upper portion; leaves bottom strip for gridline ticks.
+    const bgColor = vars[`--timeline-bg`] ?? `#111`;
+    ctx.fillStyle = bgColor;
+    const bgLeft = region.x * ppu;
+    ctx.fillRect(bgLeft, axisTop, region.width * ppu, bgHeight);
+    // 2. Major gridline ticks extending into the axis band
+    ctx.strokeStyle = vars[`--timeline-grid-major-color`] ?? `rgba(255,255,255,0.12)`;
+    ctx.lineWidth = parseFloat(vars[`--timeline-grid-major-width`] ?? `1`);
+    ctx.beginPath();
+    const firstMajor = Math.ceil(region.x / majorStep) * majorStep;
+    for (let val = firstMajor; val < regionEnd; val += majorStep) {
+        const px = val * ppu;
+        ctx.moveTo(px, axisTop + bgHeight);
+        ctx.lineTo(px, axisBottom);
+    }
+    ctx.stroke();
+    // 3. Bottom border
+    ctx.strokeStyle = vars[`--timeline-grid-major-color`] ?? `rgba(255,255,255,0.12)`;
+    ctx.lineWidth = 1;
+    ctx.beginPath();
+    ctx.moveTo(bgLeft, axisBottom);
+    ctx.lineTo(bgLeft + region.width * ppu, axisBottom);
+    ctx.stroke();
+    // 4. Labels to the right of each major gridline
+    const labelColor = vars[`--timeline-axis-label-color`] ?? `rgba(255,255,255,0.5)`;
+    ctx.fillStyle = labelColor;
+    ctx.font = `11px system-ui, sans-serif`;
+    ctx.textBaseline = `middle`;
+    ctx.textAlign = `left`;
+    const labelPadding = 4;
+    for (let val = firstMajor; val < regionEnd; val += majorStep) {
+        const px = val * ppu;
+        ctx.fillText(formatLabel(val), px + labelPadding, axisTop + bgHeight / 2);
+    }
+    // Reset textAlign for subsequent draw calls
+    ctx.textAlign = `start`;
+};
+export const drawTrackBackgrounds = (ctx, region, trackLayout, tracks, vars, ppu) => {
+    const bgDefault = vars[`--timeline-track-bg`] ?? `#1a1a1a`;
+    const bgAlt = vars[`--timeline-track-bg-alt`] ?? `#1e1e1e`;
+    for (let i = 0; i < trackLayout.length; i++) {
+        const layout = trackLayout[i];
+        // Skip if entirely outside the drawn region vertically
+        if (layout.y + layout.height < region.y)
+            continue;
+        if (layout.y > region.y + region.height)
+            break;
+        const track = tracks.find(t => t.key === layout.trackKey);
+        const bg = track?.color ? track.color + `22` : (i % 2 === 0 ? bgDefault : bgAlt);
+        ctx.fillStyle = bg;
+        ctx.fillRect(region.x * ppu, layout.y, region.width * ppu, layout.height);
+        // Subtle separator line between tracks
+        ctx.strokeStyle = vars[`--timeline-grid-major-color`] ?? `rgba(255,255,255,0.12)`;
+        ctx.lineWidth = 0.5;
+        ctx.beginPath();
+        ctx.moveTo(region.x * ppu, layout.y + layout.height);
+        ctx.lineTo((region.x + region.width) * ppu, layout.y + layout.height);
+        ctx.stroke();
+    }
+};
+// ── Draw: event rectangles ────────────────────────────────────────────
+export const drawEventRects = (ctx, region, events, trackLayout, selectedIds, tickledId, drag, vars, ppu) => {
+    const eventBg = vars[`--timeline-event-bg`] ?? `#3498db`;
+    const eventSelectedBg = vars[`--timeline-event-selected-bg`] ?? `#5dade2`;
+    const eventTickledBg = vars[`--timeline-event-tickled-bg`] ?? `#444`;
+    const eventLabelColor = vars[`--timeline-event-label-color`] ?? `#fff`;
+    const radius = parseFloat(vars[`--timeline-event-radius`] ?? `4`);
+    const regionEnd = region.x + region.width;
+    const padding = 3; // vertical padding inside track
+    for (const evt of events) {
+        // Skip events outside horizontal view
+        if (evt.end < region.x || evt.start > regionEnd)
+            continue;
+        const layout = trackLayout.find(l => l.trackKey === evt.trackKey);
+        if (!layout)
+            continue;
+        // Skip events outside vertical region
+        if (layout.y + layout.height < region.y)
+            continue;
+        if (layout.y > region.y + region.height)
+            continue;
+        // Compute provisional position during drag
+        let isDragging = false;
+        if (drag.kind === `event-move` && drag.eventId === evt.id) {
+            isDragging = true;
+        }
+        else if (drag.kind === `event-start` && drag.eventId === evt.id) {
+            isDragging = true;
+        }
+        else if (drag.kind === `event-end` && drag.eventId === evt.id) {
+            isDragging = true;
+        }
+        const x = evt.start * ppu;
+        const w = (evt.end - evt.start) * ppu;
+        const y = layout.y + padding;
+        const h = layout.height - padding * 2;
+        if (w < 1)
+            continue;
+        // Choose fill color
+        const isSelected = selectedIds.has(evt.id);
+        const isTickled = tickledId === evt.id;
+        let fill;
+        if (isSelected) {
+            fill = eventSelectedBg;
+        }
+        else if (isTickled) {
+            fill = eventTickledBg;
+        }
+        else {
+            fill = evt.color ?? eventBg;
+        }
+        // Draw rounded rect
+        ctx.fillStyle = fill;
+        ctx.beginPath();
+        drawRoundRect(ctx, x, y, w, h, Math.min(radius, w / 2, h / 2));
+        ctx.fill();
+        // Drag outline
+        if (isDragging) {
+            ctx.strokeStyle = `#fff`;
+            ctx.lineWidth = 1.5;
+            ctx.beginPath();
+            drawRoundRect(ctx, x, y, w, h, Math.min(radius, w / 2, h / 2));
+            ctx.stroke();
+        }
+        // Selection outline
+        if (isSelected && !isDragging) {
+            ctx.strokeStyle = eventSelectedBg;
+            ctx.lineWidth = 1;
+            ctx.beginPath();
+            drawRoundRect(ctx, x, y, w, h, Math.min(radius, w / 2, h / 2));
+            ctx.stroke();
+        }
+        // Label (only if wide enough in pixels)
+        if (w >= 40 && evt.label) {
+            ctx.fillStyle = eventLabelColor;
+            ctx.font = `11px system-ui, sans-serif`;
+            ctx.textBaseline = `middle`;
+            ctx.save();
+            ctx.beginPath();
+            ctx.rect(x + 4, y, w - 8, h);
+            ctx.clip();
+            ctx.fillText(evt.label, x + 6, y + h / 2);
+            ctx.restore();
+        }
+    }
+};
+// ── Draw: marquee selection rectangle ─────────────────────────────────
+export const drawMarquee = (ctx, drag, ppu) => {
+    if (drag.kind !== `marquee`)
+        return;
+    const x1 = Math.min(drag.startLogicalX, drag.currentLogicalX) * ppu;
+    const x2 = Math.max(drag.startLogicalX, drag.currentLogicalX) * ppu;
+    const y1 = Math.min(drag.startY, drag.currentY);
+    const y2 = Math.max(drag.startY, drag.currentY);
+    ctx.fillStyle = `rgba(100, 150, 255, 0.15)`;
+    ctx.fillRect(x1, y1, x2 - x1, y2 - y1);
+    ctx.strokeStyle = `rgba(100, 150, 255, 0.6)`;
+    ctx.lineWidth = 1;
+    ctx.strokeRect(x1, y1, x2 - x1, y2 - y1);
+};
+// ── Helpers ───────────────────────────────────────────────────────────
+const drawRoundRect = (ctx, x, y, w, h, r) => {
+    r = Math.max(0, r);
+    ctx.moveTo(x + r, y);
+    ctx.arcTo(x + w, y, x + w, y + h, r);
+    ctx.arcTo(x + w, y + h, x, y + h, r);
+    ctx.arcTo(x, y + h, x, y, r);
+    ctx.arcTo(x, y, x + w, y, r);
+    ctx.closePath();
+};
+// ── CSS variable resolution helper ────────────────────────────────────
+const TIMELINE_CSS_VARS = [
+    `--timeline-bg`,
+    `--timeline-track-bg`,
+    `--timeline-track-bg-alt`,
+    `--timeline-alt-major-bg`,
+    `--timeline-grid-major-color`,
+    `--timeline-grid-minor-color`,
+    `--timeline-grid-major-width`,
+    `--timeline-grid-minor-width`,
+    `--timeline-event-bg`,
+    `--timeline-event-selected-bg`,
+    `--timeline-event-tickled-bg`,
+    `--timeline-event-label-color`,
+    `--timeline-event-radius`,
+    `--timeline-axis-label-color`,
+];
+export const resolveCssVars = (host) => {
+    const computed = getComputedStyle(host);
+    const vars = {};
+    for (const v of TIMELINE_CSS_VARS) {
+        vars[v] = computed.getPropertyValue(v).trim();
+    }
+    return vars;
+};
+//# sourceMappingURL=timeline-draw.js.map

package/dist/timeline/timeline-draw.js.map

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

package/dist/timeline/timeline-element.d.ts

@@ -0,0 +1,140 @@
+import type { PropertyValues } from 'lit';
+import type { Rect } from './timeline-draw.js';
+import type { DragSnappingFn, DragTarget, GridMode, GridResolution, TimelineElementEventMap, TimelineEvent, TimelineTrack, TrackHeightMode, TrackLayout, UserScale, ViewRange } from './types.js';
+import { LitElement } from 'lit';
+import './timeline-track-tabs.js';
+import '@clinth/vcanvas';
+type VCanvasElement = HTMLElement & {
+    logicalWidth: number;
+    logicalHeight: number;
+    logicalScrollLeft: number;
+    logicalScrollTop: number;
+    viewportWidth: number;
+    viewportHeight: number;
+    drawCallback: ((ctx: CanvasRenderingContext2D, region: Rect, signal: AbortSignal) => void) | null;
+    invalidateAll: () => void;
+    invalidateRegion: (x: number, y: number, w: number, h: number) => void;
+    convertFromViewportToCanvas: (x: number, y: number) => {
+        x: number;
+        y: number;
+    };
+    convertFromCanvasToViewport: (x: number, y: number) => {
+        x: number;
+        y: number;
+    };
+};
+export declare class IxfxTimelineElement extends LitElement {
+    #private;
+    static styles: import("lit").CSSResult[];
+    tracks: TimelineTrack[];
+    events: TimelineEvent[];
+    min: number;
+    max: number;
+    trackHeight: TrackHeightMode;
+    userScale: UserScale;
+    reorderable: boolean;
+    metaEnabled: boolean;
+    altMajorBg: boolean;
+    defaultTrackHeight: number;
+    gridMode: GridMode;
+    minorStep: number;
+    onDragging: DragSnappingFn | null;
+    /** Set by TimelineController — formats logical value to label string */
+    formatLabel: (v: number) => string;
+    /**
+     * _ppu (pixels per unit) is the PRIMARY horizontal zoom state.
+     * _viewRange.min is the PRIMARY horizontal pan state.
+     * _viewRange.max is DERIVED: min + viewportWidth / _ppu.
+     */
+    _ppu: number;
+    _viewRange: ViewRange;
+    /**
+     * Vertical zoom/pan state. Analogous to horizontal:
+     * - _vViewRange is in "base height units" (pre-scale track pixels).
+     * - _vScale = viewportHeight / (b - a). When range spans all base height, all tracks fit.
+     * - _vScrollOffset = _vViewRange.min * _vScale — the pixel offset applied to content.
+     */
+    _vViewRange: ViewRange;
+    _vScale: number;
+    _selectedIds: Set<string>;
+    _tickledId: string | undefined;
+    _drag: DragTarget;
+    _metaHeight: number;
+    _trackHeightOverrides: Map<string, number>;
+    _trackLayout: TrackLayout[];
+    _internalEvents: TimelineEvent[];
+    _internalTracks: TimelineTrack[];
+    /** Pixels per logical unit — the zoom level */
+    get pxPerUnit(): number;
+    /** Height of the axis header band in pixels */
+    get axisHeight(): number;
+    /** Width of the track tab area in pixels (from --timeline-tab-width CSS var) */
+    get tabWidth(): number;
+    /** Set the zoom level (pixels per logical unit) */
+    setPpu(ppu: number): void;
+    /**
+     * Set the view range. ppu is back-computed from the span.
+     * Use for programmatic view changes (e.g. TimelineController).
+     */
+    setViewRange(range: ViewRange): void;
+    /**
+     * Set zoom + pan atomically. Used by axis-zoom interaction.
+     * viewMin is the left edge in timeline units; ppu is the new zoom level.
+     */
+    setZoomPan(viewMin: number, ppu: number): void;
+    /**
+     * Set vertical zoom + pan atomically. Used by v-axis-zoom interaction.
+     * vMin/vMax define the vertical view range in base-height units.
+     */
+    setVerticalZoomPan(vMin: number, vMax: number): void;
+    selectAll(): void;
+    deselectAll(): void;
+    getTrackEvents(trackKey: string): TimelineEvent[];
+    get selectedIds(): readonly string[];
+    set selectedIds(ids: readonly string[]);
+    selectTrack(key: string, shiftKey?: boolean): void;
+    /** Resets all track height overrides to the default height and resets vertical zoom. */
+    resetTrackHeights(): void;
+    /** Default no-op snapping - no modification of drag values */
+    static defaultDragSnapping: DragSnappingFn;
+    /** Grid-snapping - snaps start/end to nearest minor gridline */
+    static gridSnapping: DragSnappingFn;
+    /**
+     * Called by timeline-interactions during drag.
+     * Applies onDragging callback if set, then fires 'dragging' event.
+     * Returns constrained values.
+     */
+    processDrag(eventId: string, rawLogicalX: number, rawY: number, currentStart: number, currentEnd: number, currentTrackKey: string, originTrackKey: string, gridResolution: GridResolution): {
+        start: number;
+        end: number;
+        trackKey: string;
+    };
+    /** Returns the vcanvas element (for timeline-interactions) */
+    getVCanvas(): VCanvasElement | null;
+    /** Returns the currently hovered (tickled) event, or null if none. */
+    get tickledEvent(): TimelineEvent | null;
+    protected firstUpdated(): void;
+    disconnectedCallback(): void;
+    /**
+     * willUpdate runs before render — safe to set @state() properties here
+     * without triggering an additional update cycle. All state derivation
+     * (internal copies, track layout, vertical zoom) happens here.
+     */
+    protected willUpdate(changedProps: PropertyValues): void;
+    /**
+     * updated runs after render — for DOM side-effects only (syncing vcanvas,
+     * scrolling, invalidating canvas, dispatching events).
+     */
+    protected updated(changedProps: PropertyValues): void;
+    protected render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ixfx-timeline': IxfxTimelineElement;
+    }
+}
+export interface IxfxTimelineElement {
+    addEventListener: (<K extends keyof TimelineElementEventMap>(type: K, listener: (this: IxfxTimelineElement, event: TimelineElementEventMap[K]) => void, options?: boolean | AddEventListenerOptions) => void) & ((type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions) => void);
+}
+export {};
+//# sourceMappingURL=timeline-element.d.ts.map

package/dist/timeline/timeline-element.d.ts.map

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