@jolly-pixel/ui 1.0.1

package/dist/interaction/drag/DragSession.js

@@ -0,0 +1,273 @@
+// Import Internal Dependencies
+import { createDragOverlay } from "./dragOverlay.js";
+import { resolveDropIndex } from "./dropIndex.js";
+import { ensureDocumentStyles } from "../ensureDocumentStyles.js";
+import { kFallback } from "../../theme/styles/fallbacks.js";
+import { resolveThemeToken } from "../../theme/resolveThemeToken.js";
+// CONSTANTS
+const kThreshold = 4;
+const kDeadBand = 6;
+const kDraggingClass = "jolly-pane-dragging";
+const kInsertionThickness = 2;
+const kEnterDepth = 48;
+const kChipOffset = 12;
+const kChipHeight = 22;
+/**
+ * Runs one pointer drag of a pane or folder.
+ *
+ * Nothing is mutated while the pointer moves: the session resolves an armed
+ * zone and an insertion index, paints them, and reports the final position
+ * once through `onCommit`. A release below the movement threshold is a click,
+ * so it reports no placement; `onEnd` still runs, and runs exactly once.
+ */
+export function startDragSession(options) {
+    const { source, event, handle = source, zones, probe, ghostLabel, visuals = true, ghost = true, ghostElement, threshold = kThreshold, deadBand = kDeadBand, onStart, onPreview, onCommit, onCancel, onEnd } = options;
+    const pointerId = event.pointerId;
+    const originX = event.clientX;
+    const originY = event.clientY;
+    let started = false;
+    let settled = false;
+    let overlay = null;
+    let armed = [];
+    let current = null;
+    let ghostX = -kChipOffset;
+    let ghostY = -kChipOffset;
+    let result = {
+        zone: null,
+        index: 0,
+        x: originX,
+        y: originY
+    };
+    function begin() {
+        started = true;
+        armed = zones();
+        if (visuals) {
+            const rect = source.getBoundingClientRect();
+            const element = ghost ? ghostElement?.() ?? null : null;
+            // Nothing has moved yet, so the source still sits where it was grabbed
+            // and the offset taken at pointerdown still holds.
+            if (element !== null) {
+                ghostX = originX - rect.x;
+                ghostY = originY - rect.y;
+            }
+            overlay = createDragOverlay({
+                accent: resolveThemeToken(source, "--jolly-accent-fill", String(kFallback.focusRing)),
+                label: ghostLabel,
+                ghost,
+                element,
+                scope: source,
+                width: element === null ? Math.max(rect.width, 120) : rect.width,
+                height: kChipHeight
+            });
+            overlay.showZones(armed.map((zone) => zone.rect));
+        }
+        ensureSessionStyles();
+        document.documentElement.classList.add(kDraggingClass);
+        onStart?.();
+    }
+    function update(clientX, clientY) {
+        const zone = armed.find((candidate) => contains(candidate.rect, clientX, clientY)) ?? entered(armed, probe?.(clientX, clientY) ?? null);
+        overlay?.armZone(zone === null ? null : armed.indexOf(zone));
+        if (zone === null) {
+            current = null;
+            overlay?.hideInsertion();
+        }
+        else {
+            const sameZone = result.zone !== null && result.zone.id === zone.id;
+            current = resolveDropIndex({
+                position: zone.axis === "y" ? clientY : clientX,
+                candidates: zone.candidates,
+                current: sameZone ? current : null,
+                deadBand
+            });
+            if (movesNothing(zone, current)) {
+                overlay?.hideInsertion();
+            }
+            else {
+                overlay?.showInsertion(zone.line(current));
+            }
+        }
+        overlay?.moveGhost(clientX - ghostX, clientY - ghostY);
+        result = {
+            zone,
+            index: current ?? 0,
+            x: clientX,
+            y: clientY
+        };
+        onPreview?.(result);
+    }
+    function teardown() {
+        handle.removeEventListener("pointermove", onPointerMove);
+        handle.removeEventListener("pointerup", onPointerUp);
+        handle.removeEventListener("pointercancel", onPointerCancel);
+        document.removeEventListener("keydown", onKeyDown, true);
+        if (handle.hasPointerCapture(pointerId)) {
+            handle.releasePointerCapture(pointerId);
+        }
+        overlay?.destroy();
+        overlay = null;
+        document.documentElement.classList.remove(kDraggingClass);
+    }
+    /**
+     * Ends the session exactly once, whatever released it.
+     *
+     * A drag that never passed the threshold reports no placement, but still
+     * settles: `onEnd` is the caller's only guarantee that the session is over.
+     */
+    function settle(commit) {
+        if (settled) {
+            return;
+        }
+        settled = true;
+        const notify = started;
+        teardown();
+        if (notify) {
+            if (commit) {
+                onCommit(result);
+            }
+            else {
+                onCancel?.();
+            }
+        }
+        onEnd?.();
+    }
+    function onPointerMove(moveEvent) {
+        if (moveEvent.pointerId !== pointerId) {
+            return;
+        }
+        if (!started) {
+            const travelled = Math.hypot(moveEvent.clientX - originX, moveEvent.clientY - originY);
+            if (travelled < threshold) {
+                return;
+            }
+            begin();
+        }
+        update(moveEvent.clientX, moveEvent.clientY);
+    }
+    function onPointerUp(upEvent) {
+        if (upEvent.pointerId !== pointerId) {
+            return;
+        }
+        settle(true);
+    }
+    function onPointerCancel(cancelEvent) {
+        if (cancelEvent.pointerId !== pointerId) {
+            return;
+        }
+        settle(false);
+    }
+    function onKeyDown(keyEvent) {
+        if (keyEvent.key !== "Escape") {
+            return;
+        }
+        keyEvent.preventDefault();
+        keyEvent.stopPropagation();
+        settle(false);
+    }
+    handle.setPointerCapture(pointerId);
+    handle.addEventListener("pointermove", onPointerMove);
+    handle.addEventListener("pointerup", onPointerUp);
+    handle.addEventListener("pointercancel", onPointerCancel);
+    document.addEventListener("keydown", onKeyDown, true);
+    return {
+        cancel() {
+            settle(false);
+        }
+    };
+}
+/**
+ * Builds the insertion line for a vertical stack of children.
+ */
+export function verticalInsertionLine(bounds, candidates, index) {
+    const position = index === 0 ?
+        (candidates[0]?.start ?? bounds.y) :
+        edgeOf(candidates[index - 1], bounds.y + bounds.height);
+    return {
+        x: bounds.x,
+        y: position - (kInsertionThickness / 2),
+        width: bounds.width,
+        height: kInsertionThickness
+    };
+}
+/**
+ * Builds the insertion line for a horizontal stack of children.
+ */
+export function horizontalInsertionLine(bounds, candidates, index) {
+    const position = index === 0 ?
+        (candidates[0]?.start ?? bounds.x) :
+        edgeOf(candidates[index - 1], bounds.x + bounds.width);
+    return {
+        x: position - (kInsertionThickness / 2),
+        y: bounds.y,
+        width: kInsertionThickness,
+        height: bounds.height
+    };
+}
+function edgeOf(candidate, fallback) {
+    return candidate === undefined ?
+        fallback :
+        candidate.start + candidate.size;
+}
+function contains(rect, x, y) {
+    return x >= rect.x &&
+        x <= rect.x + rect.width &&
+        y >= rect.y &&
+        y <= rect.y + rect.height;
+}
+/**
+ * Zone the dragged box has sunk furthest into, or `null` for none.
+ *
+ * Depth is measured across the zone, on the axis its children do not stack
+ * along, so a window docks by moving toward the dock rather than by covering
+ * its whole length. A zone thinner than the required depth arms on full
+ * coverage instead, which is the case of an emptied dock reduced to a band.
+ */
+function entered(zones, box) {
+    if (box === null) {
+        return null;
+    }
+    let best = null;
+    let deepest = 0;
+    for (const zone of zones) {
+        const across = zone.axis === "y" ?
+            overlap(box.x, box.width, zone.rect.x, zone.rect.width) :
+            overlap(box.y, box.height, zone.rect.y, zone.rect.height);
+        const along = zone.axis === "y" ?
+            overlap(box.y, box.height, zone.rect.y, zone.rect.height) :
+            overlap(box.x, box.width, zone.rect.x, zone.rect.width);
+        const needed = Math.min(kEnterDepth, zone.axis === "y" ? zone.rect.width : zone.rect.height);
+        if (along > 0 && across >= needed && across > deepest) {
+            deepest = across;
+            best = zone;
+        }
+    }
+    return best;
+}
+/**
+ * Overlap of two extents on one axis, in pixels.
+ */
+function overlap(start, size, otherStart, otherSize) {
+    return Math.max(0, Math.min(start + size, otherStart + otherSize) - Math.max(start, otherStart));
+}
+/**
+ * True when inserting at `index` would leave the dragged element exactly where
+ * it already sits, which is every index a lone child can resolve to.
+ */
+function movesNothing(zone, index) {
+    const source = zone.source ?? null;
+    return source !== null &&
+        (index === source || index === source + 1);
+}
+/**
+ * Lazily installs the document-level cursor lock used during a drag.
+ */
+function ensureSessionStyles() {
+    ensureDocumentStyles("jolly-drag-session-styles", `
+    html.${kDraggingClass},
+    html.${kDraggingClass} * {
+      cursor: grabbing !important;
+      user-select: none !important;
+    }
+  `);
+}
+//# sourceMappingURL=DragSession.js.map

package/dist/interaction/drag/DragSession.js.map

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

package/dist/interaction/drag/dragGhost.d.ts

@@ -0,0 +1,47 @@
+import type { StorageAdapter } from "../../storage/StorageAdapter.ts";
+/**
+ * A container a drag can clone its ghost from.
+ */
+export interface GhostSource extends HTMLElement {
+    storage: StorageAdapter;
+    /** Client rect of the chrome the ghost keeps. */
+    headerRect(): DOMRect;
+}
+/**
+ * Theme token names a scope host declares.
+ *
+ * Read from the stylesheet that declares them rather than hand-listed, so the
+ * two cannot drift: a token added to the theme is carried onto a ghost without
+ * anyone remembering to list it here. Computed once and kept.
+ */
+export declare function themeTokenNames(): readonly string[];
+/**
+ * Copies the resolved theme onto an element standing outside every scope host.
+ *
+ * A ghost renders in `document.body`, where none of the tokens are declared,
+ * and would otherwise paint itself out of the usage-site fallbacks alone. One
+ * level of copying is enough because the computed value of a custom property
+ * already has its own `var()` references substituted. `color-scheme` comes
+ * along because the tokens are built on `light-dark()`, which resolves against
+ * the scheme in force rather than where it was declared.
+ */
+export declare function copyTheme(source: HTMLElement, target: HTMLElement): void;
+/**
+ * Clones a container down to the chrome a drag needs to show.
+ *
+ * The clone is a real element: once connected it renders its own shadow DOM,
+ * so the ghost matches the source without replicating any of its styling. It
+ * drops the light DOM, whose controls hold state a shallow clone cannot carry
+ * and whose contents are not what the gesture is about. Storage is swapped for
+ * a scratch adapter because a container restores its open state on connect and
+ * would otherwise reopen itself a microtask after being built.
+ *
+ * The clone is squeezed to its header rather than folded shut. Folding would
+ * turn a chevron the other way and report a state the container being carried
+ * is not in; clipping leaves every control reading exactly as its source does.
+ *
+ * Callers reassign whatever the source held as an unreflected property, `label`
+ * and `title` above all, since only attributes survive a clone.
+ */
+export declare function headerGhost<T extends GhostSource>(source: T): T;
+//# sourceMappingURL=dragGhost.d.ts.map

package/dist/interaction/drag/dragGhost.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dragGhost.d.ts","sourceRoot":"","sources":["../../../src/interaction/drag/dragGhost.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAMtE;;GAEG;AACH,MAAM,WAAW,WAAY,SAAQ,WAAW;IAC9C,OAAO,EAAE,cAAc,CAAC;IACxB,iDAAiD;IACjD,UAAU,IAAI,OAAO,CAAC;CACvB;AAID;;;;;;GAMG;AACH,wBAAgB,eAAe,IAAI,SAAS,MAAM,EAAE,CAMnD;AAED;;;;;;;;;GASG;AACH,wBAAgB,SAAS,CACvB,MAAM,EAAE,WAAW,EACnB,MAAM,EAAE,WAAW,GAClB,IAAI,CAqBN;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,WAAW,EAC/C,MAAM,EAAE,CAAC,GACR,CAAC,CAkBH"}

package/dist/interaction/drag/dragGhost.js

@@ -0,0 +1,77 @@
+// Import Internal Dependencies
+import { MemoryStorageAdapter } from "../../storage/MemoryStorageAdapter.js";
+import { themeStyles } from "../../theme/styles/themeStyles.js";
+// CONSTANTS
+const kTokenPattern = /--jolly-[a-z0-9-]+(?=\s*:)/g;
+let cachedNames = null;
+/**
+ * Theme token names a scope host declares.
+ *
+ * Read from the stylesheet that declares them rather than hand-listed, so the
+ * two cannot drift: a token added to the theme is carried onto a ghost without
+ * anyone remembering to list it here. Computed once and kept.
+ */
+export function themeTokenNames() {
+    cachedNames ??= [
+        ...new Set(themeStyles.cssText.match(kTokenPattern) ?? [])
+    ];
+    return cachedNames;
+}
+/**
+ * Copies the resolved theme onto an element standing outside every scope host.
+ *
+ * A ghost renders in `document.body`, where none of the tokens are declared,
+ * and would otherwise paint itself out of the usage-site fallbacks alone. One
+ * level of copying is enough because the computed value of a custom property
+ * already has its own `var()` references substituted. `color-scheme` comes
+ * along because the tokens are built on `light-dark()`, which resolves against
+ * the scheme in force rather than where it was declared.
+ */
+export function copyTheme(source, target) {
+    const computed = getComputedStyle(source);
+    for (const name of themeTokenNames()) {
+        const value = computed.getPropertyValue(name);
+        if (value !== "") {
+            target.style.setProperty(name, value);
+        }
+    }
+    target.style.setProperty("color-scheme", computed.colorScheme);
+    target.style.setProperty("font-family", computed.fontFamily);
+    target.style.setProperty("font-size", computed.fontSize);
+}
+/**
+ * Clones a container down to the chrome a drag needs to show.
+ *
+ * The clone is a real element: once connected it renders its own shadow DOM,
+ * so the ghost matches the source without replicating any of its styling. It
+ * drops the light DOM, whose controls hold state a shallow clone cannot carry
+ * and whose contents are not what the gesture is about. Storage is swapped for
+ * a scratch adapter because a container restores its open state on connect and
+ * would otherwise reopen itself a microtask after being built.
+ *
+ * The clone is squeezed to its header rather than folded shut. Folding would
+ * turn a chevron the other way and report a state the container being carried
+ * is not in; clipping leaves every control reading exactly as its source does.
+ *
+ * Callers reassign whatever the source held as an unreflected property, `label`
+ * and `title` above all, since only attributes survive a clone.
+ */
+export function headerGhost(source) {
+    const ghost = source.cloneNode(false);
+    Object.assign(ghost.style, {
+        height: `${source.headerRect().height}px`,
+        overflow: "hidden"
+    });
+    // A throwaway replica answers for nothing: leaving the identity on it would
+    // put a second element under the same key and id into the document, where
+    // "getElementById" and every key-based query would find it.
+    ghost.removeAttribute("key");
+    ghost.removeAttribute("id");
+    // The source dims itself in place. A ghost that did the same would read as a
+    // second dropped element rather than the one being carried.
+    ghost.removeAttribute("dragging");
+    ghost.storage = new MemoryStorageAdapter();
+    ghost.inert = true;
+    return ghost;
+}
+//# sourceMappingURL=dragGhost.js.map

package/dist/interaction/drag/dragGhost.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dragGhost.js","sourceRoot":"","sources":["../../../src/interaction/drag/dragGhost.ts"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,OAAO,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAE7E,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAEhE,YAAY;AACZ,MAAM,aAAa,GAAG,6BAA6B,CAAC;AAWpD,IAAI,WAAW,GAA6B,IAAI,CAAC;AAEjD;;;;;;GAMG;AACH,MAAM,UAAU,eAAe;IAC7B,WAAW,KAAK;QACd,GAAG,IAAI,GAAG,CAAC,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;KAC3D,CAAC;IAEF,OAAO,WAAW,CAAC;AACrB,CAAC;AAED;;;;;;;;;GASG;AACH,MAAM,UAAU,SAAS,CACvB,MAAmB,EACnB,MAAmB;IAEnB,MAAM,QAAQ,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAC1C,KAAK,MAAM,IAAI,IAAI,eAAe,EAAE,EAAE,CAAC;QACrC,MAAM,KAAK,GAAG,QAAQ,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;QAC9C,IAAI,KAAK,KAAK,EAAE,EAAE,CAAC;YACjB,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACxC,CAAC;IACH,CAAC;IAED,MAAM,CAAC,KAAK,CAAC,WAAW,CACtB,cAAc,EACd,QAAQ,CAAC,WAAW,CACrB,CAAC;IACF,MAAM,CAAC,KAAK,CAAC,WAAW,CACtB,aAAa,EACb,QAAQ,CAAC,UAAU,CACpB,CAAC;IACF,MAAM,CAAC,KAAK,CAAC,WAAW,CACtB,WAAW,EACX,QAAQ,CAAC,QAAQ,CAClB,CAAC;AACJ,CAAC;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,UAAU,WAAW,CACzB,MAAS;IAET,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,KAAK,CAAM,CAAC;IAC3C,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,EAAE;QACzB,MAAM,EAAE,GAAG,MAAM,CAAC,UAAU,EAAE,CAAC,MAAM,IAAI;QACzC,QAAQ,EAAE,QAAQ;KACnB,CAAC,CAAC;IACH,4EAA4E;IAC5E,0EAA0E;IAC1E,4DAA4D;IAC5D,KAAK,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;IAC7B,KAAK,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;IAC5B,6EAA6E;IAC7E,4DAA4D;IAC5D,KAAK,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;IAClC,KAAK,CAAC,OAAO,GAAG,IAAI,oBAAoB,EAAE,CAAC;IAC3C,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC;IAEnB,OAAO,KAAK,CAAC;AACf,CAAC"}

package/dist/interaction/drag/dragOverlay.d.ts

@@ -0,0 +1,44 @@
+import type { Rect } from "../../geometry/Rect.ts";
+export interface DragOverlayOptions {
+    accent: string;
+    label: string;
+    /** Trails the cursor with a label chip. */
+    ghost?: boolean;
+    /**
+     * Carried in place of the label chip, normally a header-only clone of the
+     * dragged container. Styled by the overlay only where it has to be: position,
+     * width and lift. Everything it paints is its own.
+     */
+    element?: HTMLElement | null;
+    /**
+     * Element to read the theme from, normally the drag source. Without one the
+     * overlay declares no tokens and `element` falls back to its usage-site
+     * defaults.
+     */
+    scope?: HTMLElement;
+    /** Ghost width, normally the source rect. The chip also uses `height`. */
+    width: number;
+    height: number;
+}
+export interface DragOverlay {
+    /** Paints the bands that arm a container while a drag is running. */
+    showZones(zones: readonly Rect[]): void;
+    /**
+     * Raises the zone the pointer has armed, by index into the last `showZones`,
+     * or lowers them all for `null`.
+     */
+    armZone(index: number | null): void;
+    showInsertion(rect: Rect): void;
+    hideInsertion(): void;
+    moveGhost(x: number, y: number): void;
+    destroy(): void;
+}
+/**
+ * Creates the document-level visuals for a pane or folder drag.
+ *
+ * Lives in `document.body` and therefore outside any theme scope host. The
+ * bands and the insertion line take colours already resolved by the caller;
+ * `scope` is what lets a cloned `element` resolve the rest for itself.
+ */
+export declare function createDragOverlay(options: DragOverlayOptions): DragOverlay;
+//# sourceMappingURL=dragOverlay.d.ts.map

package/dist/interaction/drag/dragOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dragOverlay.d.ts","sourceRoot":"","sources":["../../../src/interaction/drag/dragOverlay.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AA8CnD,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,2CAA2C;IAC3C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;OAIG;IACH,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B;;;;OAIG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,0EAA0E;IAC1E,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,WAAW;IAC1B,qEAAqE;IACrE,SAAS,CACP,KAAK,EAAE,SAAS,IAAI,EAAE,GACrB,IAAI,CAAC;IACR;;;OAGG;IACH,OAAO,CACL,KAAK,EAAE,MAAM,GAAG,IAAI,GACnB,IAAI,CAAC;IACR,aAAa,CACX,IAAI,EAAE,IAAI,GACT,IAAI,CAAC;IACR,aAAa,IAAI,IAAI,CAAC;IACtB,SAAS,CACP,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,GACR,IAAI,CAAC;IACR,OAAO,IAAI,IAAI,CAAC;CACjB;AA+BD;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,kBAAkB,GAC1B,WAAW,CAuHb"}

package/dist/interaction/drag/dragOverlay.js

@@ -0,0 +1,169 @@
+// Import Internal Dependencies
+import { copyTheme } from "./dragGhost.js";
+// CONSTANTS
+const kOverlayClass = "jolly-drag-overlay";
+const kInsertionClass = "jolly-drag-insertion";
+const kGhostClass = "jolly-drag-ghost";
+const kZoneClass = "jolly-drag-zone";
+const kArmedClass = "jolly-drag-zone-armed";
+const kTopLayer = "2147483646";
+const kZoneFade = 120;
+/*
+ * A zone is a wash and nothing else: no border, no radius. It covers a whole
+ * dock, and an outline around something that large reads as a box drawn over
+ * the layout rather than as the layout offering to take something.
+ *
+ * The wash is the accent, which is the colour a dock already tints itself with
+ * when it is being resized, but at a fainter stop: a zone covers a whole dock
+ * rather than a handle. The armed zone is the same wash one step up, which is
+ * the whole of the difference between a dock on offer and the one about to
+ * take the drop.
+ */
+const kIdleZone = {
+    background: "var(--jolly-dock-zone-bg, rgb(47 111 216 / 0.06))"
+};
+const kArmedZone = {
+    background: "var(--jolly-dock-zone-bg-armed, rgb(47 111 216 / 0.1))"
+};
+/*
+ * The insertion line is neutral for the same reason the zones are: it lands as
+ * often on an accent-filled pane header as on a plain row, and an accent line
+ * on accent chrome is no line at all. Muted ink rather than full ink keeps it
+ * from reading as a hard rule ruled through the layout, and the ring in the
+ * surface behind it is what carries it over any fill it happens to cross.
+ */
+const kInsertion = {
+    background: "var(--jolly-text-muted, rgb(90 98 112))",
+    borderRadius: "999px",
+    boxShadow: [
+        "0 0 0 1px var(--jolly-surface, rgb(255 255 255 / 0.9))",
+        "0 1px 4px rgb(0 0 0 / 0.28)"
+    ].join(", ")
+};
+/**
+ * Builds the fallback ghost, for a caller that supplies no element of its own.
+ *
+ * A flat accent block with the label on it: enough to show that something is
+ * being carried, and no imitation of any particular container.
+ */
+function labelChip(options) {
+    const chip = document.createElement("div");
+    chip.textContent = options.label;
+    Object.assign(chip.style, {
+        display: "flex",
+        alignItems: "center",
+        height: `${options.height}px`,
+        padding: "0 8px",
+        border: `1px solid ${options.accent}`,
+        borderRadius: "3px",
+        background: options.accent,
+        color: "white",
+        font: "inherit",
+        letterSpacing: "0.08em",
+        overflow: "hidden",
+        whiteSpace: "nowrap"
+    });
+    return chip;
+}
+/**
+ * Creates the document-level visuals for a pane or folder drag.
+ *
+ * Lives in `document.body` and therefore outside any theme scope host. The
+ * bands and the insertion line take colours already resolved by the caller;
+ * `scope` is what lets a cloned `element` resolve the rest for itself.
+ */
+export function createDragOverlay(options) {
+    const root = document.createElement("div");
+    root.className = kOverlayClass;
+    Object.assign(root.style, {
+        position: "fixed",
+        inset: "0",
+        pointerEvents: "none",
+        zIndex: kTopLayer
+    });
+    if (options.scope !== undefined) {
+        copyTheme(options.scope, root);
+    }
+    const insertion = document.createElement("div");
+    insertion.className = kInsertionClass;
+    Object.assign(insertion.style, {
+        position: "fixed",
+        display: "none",
+        ...kInsertion
+    });
+    const ghost = options.element ?? labelChip(options);
+    ghost.classList.add(kGhostClass);
+    Object.assign(ghost.style, {
+        position: "fixed",
+        boxSizing: "border-box",
+        width: `${options.width}px`,
+        opacity: "0.85",
+        pointerEvents: "none"
+    });
+    if (options.ghost === false) {
+        ghost.style.display = "none";
+    }
+    else if (options.element !== undefined &&
+        options.element !== null) {
+        // Only a replica needs lifting off the page: the chip is already a solid
+        // block of accent, and reads as carried without one.
+        ghost.style.boxShadow = "var(--jolly-shadow-floating, 0 4px 16px rgb(0 0 0 / 0.3))";
+    }
+    root.append(insertion, ghost);
+    document.body.append(root);
+    const bands = [];
+    return {
+        showZones(zones) {
+            for (const band of bands) {
+                band.remove();
+            }
+            bands.length = 0;
+            for (const zone of zones) {
+                const band = document.createElement("div");
+                band.className = kZoneClass;
+                Object.assign(band.style, {
+                    position: "fixed",
+                    left: `${zone.x}px`,
+                    top: `${zone.y}px`,
+                    width: `${zone.width}px`,
+                    height: `${zone.height}px`,
+                    transition: `background-color ${kZoneFade}ms var(--jolly-easing, ease)`,
+                    ...kIdleZone
+                });
+                // Zones appear the instant a drag begins, all of them at once. Fading
+                // them in is what keeps that from reading as the layout flinching.
+                band.animate([{ opacity: 0 }, { opacity: 1 }], { duration: kZoneFade, easing: "ease-out" });
+                bands.push(band);
+                root.prepend(band);
+            }
+        },
+        armZone(index) {
+            for (let position = 0; position < bands.length; position++) {
+                const band = bands[position];
+                const armed = position === index;
+                band.classList.toggle(kArmedClass, armed);
+                Object.assign(band.style, armed ? kArmedZone : kIdleZone);
+            }
+        },
+        showInsertion(rect) {
+            Object.assign(insertion.style, {
+                display: "block",
+                left: `${rect.x}px`,
+                top: `${rect.y}px`,
+                width: `${rect.width}px`,
+                height: `${rect.height}px`
+            });
+        },
+        hideInsertion() {
+            insertion.style.display = "none";
+        },
+        moveGhost(x, y) {
+            ghost.style.left = `${x}px`;
+            ghost.style.top = `${y}px`;
+        },
+        destroy() {
+            root.remove();
+        }
+    };
+}
+//# sourceMappingURL=dragOverlay.js.map

package/dist/interaction/drag/dragOverlay.js.map

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