basic drag-and-drop, fixed end of scan behavior

2026-02-19 15:25:49 -05:00
parent d9ebd38382
commit 193f65bd98
12 changed files with 1043 additions and 31 deletions
@@ -0,0 +1,34 @@
+/**
+ * Creates a custom drag image element showing a track count badge.
+ * The element is appended to the document body (required by the
+ * setDragImage API) and removed after the drag ends.
+ */
+export function createDragImage(count: number): HTMLElement {
+    const el = document.createElement('div');
+
+    el.textContent = `${count} track${count !== 1 ? 's' : ''}`;
+    el.style.cssText = [
+        'position: fixed',
+        'top: -1000px',
+        'left: -1000px',
+        'padding: 6px 14px',
+        'border-radius: 6px',
+        'background: #ffd43b',
+        'color: #000',
+        'font-size: 13px',
+        'font-weight: 600',
+        'font-family: inherit',
+        'white-space: nowrap',
+        'pointer-events: none',
+        'z-index: 9999',
+    ].join(';');
+
+    document.body.appendChild(el);
+
+    return el;
+}
+
+/** Remove a drag image element created by createDragImage. */
+export function removeDragImage(el: HTMLElement): void {
+    el.remove();
+}