entangle-ui 0.9.0 → 0.10.0

package/dist/esm/components/editor/Timeline/timelineEdits.js

@@ -0,0 +1,323 @@
+import '../../controls/CurveEditor/CurveEditor.js';
+import { evaluateCurve } from '../../controls/CurveEditor/curveUtils.js';
+import '../../controls/CurveEditor/curvePresets.js';
+import { autoValueRange, snapFrame, yToValue, valueInset } from './timelineCoords.js';
+import { selectionKeySet, selectionKey } from './timelineSelection.js';
+import { clamp } from '../../../utils/mathUtils.js';
+
+let idCounter = 0;
+/** Generate a stable, unique keyframe id. */
+function generateKeyframeId() {
+    idCounter += 1;
+    return `kf_${Date.now().toString(36)}_${idCounter}`;
+}
+/** Build a keyframe at `(frame, value)` with flat tangents. */
+function makeKeyframe(frame, value = 0) {
+    return {
+        id: generateKeyframeId(),
+        x: frame,
+        y: value,
+        handleIn: { x: 0, y: 0 },
+        handleOut: { x: 0, y: 0 },
+        tangentMode: 'auto',
+    };
+}
+/**
+ * Pick the value (y) for a new keyframe inserted at a pointer position.
+ * In a graph / expanded row, the click's pixel-y is converted back to a value
+ * on the track's value axis (clamped to `valueRange`), so the new keyframe
+ * lands exactly under the cursor. In a dope-sheet row (no visible y axis) the
+ * new keyframe sits **on the existing curve** at the clicked frame so it
+ * doesn't disturb the shape; with no existing keyframes it falls back to the
+ * midpoint of the range.
+ */
+function valueAtPointer(args) {
+    const { pointerY, frame, track, geometry, rulerHeight, scrollTop } = args;
+    const range = geometry?.range ?? autoValueRange(track.keyframes);
+    if (geometry?.graph) {
+        const screenTop = rulerHeight + geometry.top - scrollTop;
+        return clamp(yToValue(pointerY, range, screenTop, geometry.height), range[0], range[1]);
+    }
+    if (track.keyframes.length > 0) {
+        return evaluateCurve({
+            keyframes: track.keyframes,
+            domainY: [range[0], range[1]],
+        }, frame);
+    }
+    return (range[0] + range[1]) / 2;
+}
+/**
+ * Move the selected keyframes by `deltaFrames` from the supplied (original)
+ * track positions, snapping + clamping each to `[min, max]`. Pass the tracks
+ * captured at drag-start so repeated calls don't accumulate drift.
+ */
+function moveSelectedKeyframes(tracks, selection, deltaFrames, snap, min, max) {
+    const keys = selectionKeySet(selection);
+    return tracks.map(track => {
+        if (track.locked)
+            return track;
+        let changed = false;
+        const keyframes = track.keyframes.map(kf => {
+            if (kf.id === undefined ||
+                !keys.has(selectionKey({ trackId: track.id, keyframeId: kf.id })))
+                return kf;
+            changed = true;
+            return { ...kf, x: clamp(snapFrame(kf.x + deltaFrames, snap), min, max) };
+        });
+        // `changed` is mutated inside the map callback above; TS narrows it to the
+        // `false` literal because it can't track that mutation across the closure.
+        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+        if (!changed)
+            return track;
+        keyframes.sort((a, b) => a.x - b.x);
+        return { ...track, keyframes };
+    });
+}
+/**
+ * Graph-mode move: shifts selected keyframes by `deltaFrames` (x, snapped +
+ * clamped) and by a pixel delta on the value axis, converted per track using
+ * its row height + value range. Pass drag-start tracks so the range mapping
+ * stays stable across the drag.
+ */
+function moveSelectedKeyframesGraph(tracks, selection, deltaFrames, deltaYPixels, trackHeight, expandedHeight, snap, min, max) {
+    const keys = selectionKeySet(selection);
+    return tracks.map(track => {
+        if (track.locked)
+            return track;
+        const keyMatches = track.keyframes.some(kf => kf.id !== undefined &&
+            keys.has(selectionKey({ trackId: track.id, keyframeId: kf.id })));
+        if (!keyMatches)
+            return track;
+        const rowH = track.height ?? (track.expanded ? expandedHeight : trackHeight);
+        const range = track.valueRange ?? autoValueRange(track.keyframes);
+        const inset = valueInset(rowH);
+        const usable = Math.max(1e-6, rowH - inset * 2);
+        const valueDelta = -(deltaYPixels / usable) * (range[1] - range[0]);
+        const keyframes = track.keyframes.map(kf => {
+            if (kf.id === undefined ||
+                !keys.has(selectionKey({ trackId: track.id, keyframeId: kf.id })))
+                return kf;
+            return {
+                ...kf,
+                x: clamp(snapFrame(kf.x + deltaFrames, snap), min, max),
+                y: clamp(kf.y + valueDelta, range[0], range[1]),
+            };
+        });
+        keyframes.sort((a, b) => a.x - b.x);
+        return { ...track, keyframes };
+    });
+}
+/** Remove the selected keyframes from their tracks. */
+function removeSelectedKeyframes(tracks, selection) {
+    const keys = selectionKeySet(selection);
+    return tracks.map(track => {
+        const keyframes = track.keyframes.filter(kf => kf.id === undefined ||
+            !keys.has(selectionKey({ trackId: track.id, keyframeId: kf.id })));
+        return keyframes.length === track.keyframes.length
+            ? track
+            : { ...track, keyframes };
+    });
+}
+/** Insert a keyframe into a track, keeping the track's keyframes sorted by x. */
+function addKeyframe(tracks, trackId, keyframe) {
+    return tracks.map(track => {
+        if (track.id !== trackId)
+            return track;
+        const keyframes = [...track.keyframes, keyframe].sort((a, b) => a.x - b.x);
+        return { ...track, keyframes };
+    });
+}
+/**
+ * Apply a dragged tangent handle offset (domain units) to one keyframe,
+ * honoring its tangent mode. `auto` / `linear` / `step` are promoted to
+ * `aligned` on first drag; `aligned` keeps the opposite handle collinear at
+ * its current length; `mirrored` makes it the exact opposite; `free` moves
+ * only the dragged handle.
+ */
+function applyTangent(kf, which, offset) {
+    const mode = kf.tangentMode === 'auto' ||
+        kf.tangentMode === 'linear' ||
+        kf.tangentMode === 'step'
+        ? 'aligned'
+        : kf.tangentMode;
+    let handleIn = which === 'in' ? offset : kf.handleIn;
+    let handleOut = which === 'out' ? offset : kf.handleOut;
+    if (mode === 'aligned' || mode === 'mirrored') {
+        const draggedLen = Math.hypot(offset.x, offset.y);
+        const other = which === 'in' ? kf.handleOut : kf.handleIn;
+        const otherLen = mode === 'mirrored' ? draggedLen : Math.hypot(other.x, other.y);
+        if (draggedLen > 1e-6) {
+            const opposite = {
+                x: (-offset.x / draggedLen) * otherLen,
+                y: (-offset.y / draggedLen) * otherLen,
+            };
+            if (which === 'in')
+                handleOut = opposite;
+            else
+                handleIn = opposite;
+        }
+    }
+    return { ...kf, handleIn, handleOut, tangentMode: mode };
+}
+/**
+ * Set the tangent mode on every selected keyframe. The mode interpretation
+ * (how handles are read during draw / drag) happens elsewhere — this writes
+ * the `tangentMode` field and leaves handle values alone, so flipping back
+ * preserves them.
+ */
+function setSelectedTangentMode(tracks, selection, mode) {
+    const keys = selectionKeySet(selection);
+    return tracks.map(track => {
+        if (track.locked)
+            return track;
+        let changed = false;
+        const keyframes = track.keyframes.map(kf => {
+            if (kf.id === undefined ||
+                !keys.has(selectionKey({ trackId: track.id, keyframeId: kf.id })))
+                return kf;
+            if (kf.tangentMode === mode)
+                return kf;
+            changed = true;
+            return { ...kf, tangentMode: mode };
+        });
+        // `changed` is mutated inside the map callback; TS can't track that across
+        // the closure and narrows it to the `false` literal.
+        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+        return changed ? { ...track, keyframes } : track;
+    });
+}
+/**
+ * The tangent mode that's currently in effect for the selection — or
+ * `'mixed'` when selected keyframes disagree, or `null` when nothing
+ * applicable is selected. Lets a UI render the right toggle state.
+ */
+function selectedTangentMode(tracks, selection) {
+    if (selection.length === 0)
+        return null;
+    const byId = new Map(tracks.map(t => [t.id, t]));
+    let mode = null;
+    for (const ref of selection) {
+        const t = byId.get(ref.trackId);
+        if (!t)
+            continue;
+        const kf = t.keyframes.find(k => k.id === ref.keyframeId);
+        if (!kf)
+            continue;
+        if (mode === null)
+            mode = kf.tangentMode;
+        else if (mode !== kf.tangentMode)
+            return 'mixed';
+    }
+    return mode;
+}
+/** Set one keyframe's in/out tangent handle to a new offset (domain units). */
+function setKeyframeTangent(tracks, ref, which, offset) {
+    return tracks.map(track => {
+        if (track.id !== ref.trackId || track.locked)
+            return track;
+        let changed = false;
+        const keyframes = track.keyframes.map(kf => {
+            if (kf.id !== ref.keyframeId)
+                return kf;
+            changed = true;
+            return applyTangent(kf, which, offset);
+        });
+        // `changed` is mutated inside the map callback; TS can't track that across
+        // the closure and narrows it to the `false` literal.
+        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+        return changed ? { ...track, keyframes } : track;
+    });
+}
+/** Capture the selected keyframes into a clipboard payload (relative offsets). */
+function copySelectedKeyframes(tracks, selection) {
+    const keys = selectionKeySet(selection);
+    const picked = [];
+    for (const track of tracks) {
+        for (const kf of track.keyframes) {
+            if (kf.id !== undefined &&
+                keys.has(selectionKey({ trackId: track.id, keyframeId: kf.id }))) {
+                picked.push({ trackId: track.id, keyframe: kf });
+            }
+        }
+    }
+    if (picked.length === 0)
+        return { entries: [] };
+    // Avoid `Math.min(...spread)` — stack overflows at large selections.
+    let base = Infinity;
+    for (const p of picked)
+        if (p.keyframe.x < base)
+            base = p.keyframe.x;
+    return {
+        entries: picked.map(p => ({
+            trackId: p.trackId,
+            dx: p.keyframe.x - base,
+            keyframe: p.keyframe,
+        })),
+    };
+}
+/**
+ * Paste a clipboard payload at `atFrame`, preserving relative offsets and
+ * assigning fresh ids. Skips locked / missing tracks. Returns the new tracks
+ * plus refs to the pasted keyframes (for selecting them).
+ */
+function pasteKeyframes(tracks, clipboard, atFrame) {
+    const validTracks = new Set(tracks.filter(t => !t.locked).map(t => t.id));
+    const additions = new Map();
+    const refs = [];
+    for (const entry of clipboard.entries) {
+        if (!validTracks.has(entry.trackId))
+            continue;
+        const keyframe = {
+            ...entry.keyframe,
+            id: generateKeyframeId(),
+            x: atFrame + entry.dx,
+        };
+        refs.push({ trackId: entry.trackId, keyframeId: keyframe.id });
+        const list = additions.get(entry.trackId) ?? [];
+        list.push(keyframe);
+        additions.set(entry.trackId, list);
+    }
+    const next = tracks.map(track => {
+        const adds = additions.get(track.id);
+        if (!adds)
+            return track;
+        const keyframes = [...track.keyframes, ...adds].sort((a, b) => a.x - b.x);
+        return { ...track, keyframes };
+    });
+    return { tracks: next, refs };
+}
+/** Move a track from one full-array index to another. */
+function moveTrack(tracks, fromIndex, toIndex) {
+    const next = tracks.slice();
+    const [moved] = next.splice(fromIndex, 1);
+    if (!moved)
+        return next;
+    next.splice(Math.max(0, Math.min(next.length, toIndex)), 0, moved);
+    return next;
+}
+/**
+ * Reorder from a header drag: move the dragged track to a gap among the
+ * visible rows (`dropVisibleIndex` in `[0, visibleCount]`). Maps visible gaps
+ * back to full-array indices and corrects for forward moves.
+ */
+function reorderTracksByDrop(tracks, draggingId, dropVisibleIndex) {
+    const fromFull = tracks.findIndex(t => t.id === draggingId);
+    if (fromFull < 0)
+        return tracks.slice();
+    const visible = tracks.filter(t => !t.hidden);
+    let gapFull;
+    if (dropVisibleIndex >= visible.length) {
+        gapFull = tracks.length;
+    }
+    else {
+        const target = visible[dropVisibleIndex];
+        gapFull = target
+            ? tracks.findIndex(t => t.id === target.id)
+            : tracks.length;
+    }
+    const toIndex = fromFull < gapFull ? gapFull - 1 : gapFull;
+    return moveTrack(tracks, fromFull, toIndex);
+}
+
+export { addKeyframe, copySelectedKeyframes, generateKeyframeId, makeKeyframe, moveSelectedKeyframes, moveSelectedKeyframesGraph, moveTrack, pasteKeyframes, removeSelectedKeyframes, reorderTracksByDrop, selectedTangentMode, setKeyframeTangent, setSelectedTangentMode, valueAtPointer };
+//# sourceMappingURL=timelineEdits.js.map

package/dist/esm/components/editor/Timeline/timelineEdits.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timelineEdits.js","sources":["../../../../../../src/components/editor/Timeline/timelineEdits.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/esm/components/editor/Timeline/timelineHitTest.js

@@ -0,0 +1,153 @@
+import { valueToY, frameToX } from './timelineCoords.js';
+
+const KEYFRAME_PICK_X = 6;
+const PLAYHEAD_PICK_X = 4;
+const HANDLE_PICK_X = 6;
+const LOOP_EDGE_PICK_X = 5;
+const LOOP_BRACKET_PICK_X = 9;
+/**
+ * Resolve what's under a pointer: ruler / loop handles, a group header, a
+ * keyframe, a graph tangent handle, an empty track row, or outside. Works in
+ * content space (scroll-adjusted), iterating the pre-computed rows.
+ */
+function hitTestTimeline(input) {
+    const { point, view, size, rows, scrollTop, rulerHeight } = input;
+    const toX = (f) => frameToX(f, view, size.width);
+    const playheadX = input.showPlayhead ? toX(input.frame) : null;
+    // The playhead line is grabbable along its whole height. The head (ruler
+    // band) gets a wider pick zone so the triangle is easy to grab.
+    const nearPlayheadHead = playheadX !== null && Math.abs(point.x - playheadX) <= PLAYHEAD_PICK_X + 4;
+    const nearPlayheadBody = playheadX !== null && Math.abs(point.x - playheadX) <= PLAYHEAD_PICK_X;
+    const loopStripHeight = input.loopStripHeight ?? 0;
+    const chromeHeight = rulerHeight + loopStripHeight;
+    const edgePick = input.loopHandles === 'brackets' ? LOOP_BRACKET_PICK_X : LOOP_EDGE_PICK_X;
+    // Chrome zone (ruler + optional loop strip): both bands share loop-edge /
+    // loop-body picking; the ruler band falls back to `ruler` (scrub), the
+    // strip band falls back to `loop-strip` (plain-drag loop create).
+    if (point.y < chromeHeight) {
+        const inRuler = point.y < rulerHeight;
+        const loop = input.loopRegion;
+        if (loop) {
+            const lx = toX(loop.startFrame);
+            const rx = toX(loop.endFrame);
+            // Loop edges are deliberate small targets → they win over the playhead.
+            if (Math.abs(point.x - lx) <= edgePick)
+                return { kind: 'loop-start' };
+            if (Math.abs(point.x - rx) <= edgePick)
+                return { kind: 'loop-end' };
+            // The playhead line beats the (wide) loop body so it stays grabbable
+            // even when it sits inside the loop region.
+            if (nearPlayheadHead)
+                return { kind: 'playhead' };
+            if (point.x > lx && point.x < rx)
+                return { kind: 'loop-body' };
+        }
+        else if (nearPlayheadHead) {
+            return { kind: 'playhead' };
+        }
+        return inRuler ? { kind: 'ruler' } : { kind: 'loop-strip' };
+    }
+    const contentY = point.y - chromeHeight + scrollTop;
+    const nearPlayhead = nearPlayheadBody;
+    for (const row of rows) {
+        if (contentY < row.top || contentY >= row.top + row.height)
+            continue;
+        // The playhead line is grabbable over group-header rows too (it spans the
+        // full height), but only on its thin pick band so the rest of the header
+        // still toggles collapse.
+        if (row.kind === 'group') {
+            if (nearPlayhead)
+                return { kind: 'playhead' };
+            return { kind: 'group', groupId: row.group.id };
+        }
+        const track = row.track;
+        const { top, height: rowH } = row;
+        const range = row.graph ? row.range : null;
+        const centerY = top + rowH / 2;
+        if (range && input.isSelected) {
+            const pickRadiusSq = HANDLE_PICK_X * HANDLE_PICK_X;
+            for (const kf of track.keyframes) {
+                if (kf.id === undefined || !input.isSelected(track.id, kf.id))
+                    continue;
+                if (kf.tangentMode === 'linear' || kf.tangentMode === 'step')
+                    continue;
+                const inX = toX(kf.x + kf.handleIn.x);
+                const inY = valueToY(kf.y + kf.handleIn.y, range, top, rowH);
+                const inDx = point.x - inX;
+                const inDy = contentY - inY;
+                if (inDx * inDx + inDy * inDy <= pickRadiusSq) {
+                    return {
+                        kind: 'tangent',
+                        trackId: track.id,
+                        keyframeId: kf.id,
+                        which: 'in',
+                    };
+                }
+                const outX = toX(kf.x + kf.handleOut.x);
+                const outY = valueToY(kf.y + kf.handleOut.y, range, top, rowH);
+                const outDx = point.x - outX;
+                const outDy = contentY - outY;
+                if (outDx * outDx + outDy * outDy <= pickRadiusSq) {
+                    return {
+                        kind: 'tangent',
+                        trackId: track.id,
+                        keyframeId: kf.id,
+                        which: 'out',
+                    };
+                }
+            }
+        }
+        for (const kf of track.keyframes) {
+            if (kf.id === undefined)
+                continue;
+            const x = toX(kf.x);
+            if (Math.abs(point.x - x) > KEYFRAME_PICK_X)
+                continue;
+            const py = range ? valueToY(kf.y, range, top, rowH) : centerY;
+            const yTol = range ? KEYFRAME_PICK_X : rowH / 2;
+            if (Math.abs(contentY - py) <= yTol) {
+                return { kind: 'keyframe', trackId: track.id, keyframeId: kf.id };
+            }
+        }
+        if (nearPlayhead)
+            return { kind: 'playhead' };
+        return { kind: 'empty', trackId: track.id };
+    }
+    if (nearPlayhead)
+        return { kind: 'playhead' };
+    return { kind: 'outside' };
+}
+/**
+ * All keyframes whose center falls inside a content-space marquee rectangle.
+ * Used for box selection.
+ */
+function keyframesInRect(rect, view, size, rows) {
+    const x0 = Math.min(rect.x, rect.x + rect.width);
+    const x1 = Math.max(rect.x, rect.x + rect.width);
+    const y0 = Math.min(rect.y, rect.y + rect.height);
+    const y1 = Math.max(rect.y, rect.y + rect.height);
+    const toX = (f) => frameToX(f, view, size.width);
+    const result = [];
+    for (const row of rows) {
+        if (row.kind !== 'track')
+            continue;
+        const { track, top, height } = row;
+        const range = row.graph ? row.range : null;
+        const centerY = top + height / 2;
+        for (const kf of track.keyframes) {
+            if (kf.id === undefined)
+                continue;
+            const x = toX(kf.x);
+            if (x < x0 || x > x1)
+                continue;
+            const py = range ? valueToY(kf.y, range, top, height) : centerY;
+            if (py >= y0 && py <= y1) {
+                result.push({ trackId: track.id, keyframeId: kf.id });
+            }
+        }
+    }
+    return result;
+}
+
+export { hitTestTimeline, keyframesInRect };
+//# sourceMappingURL=timelineHitTest.js.map

package/dist/esm/components/editor/Timeline/timelineHitTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timelineHitTest.js","sources":["../../../../../../src/components/editor/Timeline/timelineHitTest.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/esm/components/editor/Timeline/timelineLayout.js

@@ -0,0 +1,39 @@
+import { autoValueRange } from './timelineCoords.js';
+
+/**
+ * Flatten tracks into the rendered row list: a group header before the first
+ * visible member of each group (collapsing hides its members), then each
+ * non-hidden track at its (variable) height — taller when graph-expanded.
+ * With no groups and no expanded tracks the layout is the uniform grid
+ * `index * trackHeight`.
+ */
+function computeRows(tracks, opts) {
+    const groupById = new Map(opts.groups.map(g => [g.id, g]));
+    const seen = new Set();
+    const rows = [];
+    const trackTops = new Map();
+    let top = 0;
+    for (const track of tracks) {
+        if (track.hidden)
+            continue;
+        const group = track.groupId ? groupById.get(track.groupId) : undefined;
+        if (group && !seen.has(group.id)) {
+            seen.add(group.id);
+            rows.push({ kind: 'group', group, top, height: opts.groupHeaderHeight });
+            top += opts.groupHeaderHeight;
+        }
+        if (group?.collapsed)
+            continue;
+        const graph = opts.globalGraph || !!track.expanded;
+        const height = track.height ?? (track.expanded ? opts.expandedHeight : opts.trackHeight);
+        const range = track.valueRange ?? autoValueRange(track.keyframes);
+        const geom = { top, height, graph, range };
+        rows.push({ kind: 'track', track, top, height, graph, range });
+        trackTops.set(track.id, geom);
+        top += height;
+    }
+    return { rows, trackTops, contentHeight: top };
+}
+
+export { computeRows };
+//# sourceMappingURL=timelineLayout.js.map

package/dist/esm/components/editor/Timeline/timelineLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timelineLayout.js","sources":["../../../../../../src/components/editor/Timeline/timelineLayout.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAkDA;;;;;;AAMG;AACG,SAAU,WAAW,CACzB,MAAoC,EACpC,IAAsB,EAAA;IAEtB,MAAM,SAAS,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;AAC1D,IAAA,MAAM,IAAI,GAAG,IAAI,GAAG,EAAU;IAC9B,MAAM,IAAI,GAAkB,EAAE;AAC9B,IAAA,MAAM,SAAS,GAAG,IAAI,GAAG,EAAyB;IAClD,IAAI,GAAG,GAAG,CAAC;AAEX,IAAA,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE;QAC1B,IAAI,KAAK,CAAC,MAAM;YAAE;QAClB,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,GAAG,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,SAAS;AACtE,QAAA,IAAI,KAAK,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE;AAChC,YAAA,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC;AAClB,YAAA,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,iBAAiB,EAAE,CAAC;AACxE,YAAA,GAAG,IAAI,IAAI,CAAC,iBAAiB;QAC/B;QACA,IAAI,KAAK,EAAE,SAAS;YAAE;QACtB,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,IAAI,CAAC,CAAC,KAAK,CAAC,QAAQ;QAClD,MAAM,MAAM,GACV,KAAK,CAAC,MAAM,KAAK,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,WAAW,CAAC;AAC3E,QAAA,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,IAAI,cAAc,CAAC,KAAK,CAAC,SAAS,CAAC;QACjE,MAAM,IAAI,GAAkB,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE;AACzD,QAAA,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;QAC9D,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,EAAE,IAAI,CAAC;QAC7B,GAAG,IAAI,MAAM;IACf;IAEA,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,EAAE;AAChD;;;;"}

package/dist/esm/components/editor/Timeline/timelineSelection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timelineSelection.js","sources":["../../../../../../src/components/editor/Timeline/timelineSelection.ts"],"sourcesContent":[null],"names":[],"mappings":"AAEA,MAAM,SAAS,GAAG,GAAG;AAErB;AACM,SAAU,YAAY,CAAC,GAAwB,EAAA;IACnD,OAAO,CAAA,EAAG,GAAG,CAAC,OAAO,CAAA,EAAG,SAAS,CAAA,EAAG,GAAG,CAAC,UAAU,CAAA,CAAE;AACtD;AAEA;AACM,SAAU,eAAe,CAAC,SAA4B,EAAA;AAC1D,IAAA,MAAM,GAAG,GAAG,IAAI,GAAG,EAAU;IAC7B,KAAK,MAAM,GAAG,IAAI,SAAS;QAAE,GAAG,CAAC,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;AACvD,IAAA,OAAO,GAAG;AACZ;AAEA;AACM,SAAU,OAAO,CACrB,CAAsB,EACtB,CAAsB,EAAA;AAEtB,IAAA,OAAO,CAAC,CAAC,OAAO,KAAK,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,UAAU,KAAK,CAAC,CAAC,UAAU;AACjE;;;;"}