@fieldia/designer 0.0.0-stage → 0.11.0

package/src/lib/outline-drag.d.ts

@@ -0,0 +1,30 @@
+import type { Designer } from './designer';
+import type { OutlineRow } from './outline-rows';
+/**
+ * Dragging rows of the outline, as the approved mockup drags them, at hand
+ * speed: what is carried stays where it is, dimmed, while one line shows
+ * where it would go — drawn as far in as the depth it lands at — or the row
+ * it would go into is washed (outline-drop.ts decides which). Moving the
+ * pointer across as well as down changes the depth, a row's indent at a
+ * time. A chip by the pointer says where in words, or why not. Let go, the
+ * rows move there as one edit (`moveParts`) and the move is said aloud;
+ * Escape, or letting go where nothing takes them, changes nothing. Held
+ * near the top or the bottom of the rail, the rail scrolls under them.
+ *
+ * What is carried: the rows picked, when the press is on one of them;
+ * otherwise the row pressed.
+ */
+export interface OutlineDragOptions {
+    tree: HTMLElement;
+    designer: Designer;
+    /** The rows on show, in order, and their elements. */
+    rows(): readonly OutlineRow[];
+    viewOf(id: string): HTMLElement | undefined;
+    folded(): ReadonlySet<string>;
+    rtl(): boolean;
+    say(words: string): void;
+    rectOf(element: Element): DOMRect;
+}
+export declare function outlineDrag(options: OutlineDragOptions): {
+    destroy(): void;
+};

package/src/lib/outline-drag.js

@@ -0,0 +1,223 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.outlineDrag = outlineDrag;
+const drop_echo_1 = require("./drop-echo");
+const outline_drop_1 = require("./outline-drop");
+/** How far the pointer moves before a press becomes a drag. */
+const SLOP = 5;
+/** A row's indent: moving the pointer this far across changes the depth by one. */
+const INDENT = 14;
+/** How near the rail's top or bottom a carried row scrolls it, and how long it rests there first. */
+const EDGE = 32;
+const EDGE_DELAY = 200;
+function outlineDrag(options) {
+    const { tree, designer, rectOf } = options;
+    const doc = tree.ownerDocument;
+    let drag = null;
+    let pointer = { x: 0, y: 0 };
+    let edgeTimer;
+    const w = designer.words.outline;
+    const nameOf = (ids) => (ids.length === 1 ? (options.rows().find((r) => r.id === ids[0])?.label ?? w.part) : w.parts(ids.length));
+    function onDown(event) {
+        if (event.button !== 0 || drag)
+            return;
+        const target = event.target;
+        const view = target.closest?.('[role="treeitem"]');
+        if (!view || target.closest('[data-twist]'))
+            return;
+        const id = view.dataset['pick'];
+        const rows = options.rows();
+        const row = rows.find((r) => r.id === id);
+        if (!row?.movable)
+            return;
+        const picked = designer.getState().picked;
+        const movable = new Set(rows.filter((r) => r.movable).map((r) => r.id));
+        const ids = picked.includes(id) ? picked.filter((p) => movable.has(p)) : [id];
+        drag = { ids, level: row.level, start: { x: event.clientX, y: event.clientY }, started: false, spot: null, refused: null, words: '', chip: null, line: null };
+    }
+    function lift(current) {
+        current.started = true;
+        tree.classList.add('fd-outline-dragging');
+        doc.getSelection()?.removeAllRanges();
+        for (const id of current.ids)
+            options.viewOf(id)?.classList.add('fd-outline-carried');
+        const chip = doc.createElement('div');
+        chip.className = 'fd-outline-chip';
+        chip.setAttribute('aria-hidden', 'true');
+        const name = doc.createElement('span');
+        name.className = 'fd-outline-chip-name';
+        name.textContent = nameOf(current.ids);
+        const where = doc.createElement('span');
+        where.className = 'fd-outline-chip-where';
+        chip.append(name, where);
+        const line = doc.createElement('div');
+        line.className = 'fd-outline-line';
+        line.setAttribute('aria-hidden', 'true');
+        line.hidden = true;
+        tree.append(line);
+        (tree.closest('.fd-designer') ?? doc.body).append(chip);
+        Object.assign(current, { chip, line });
+    }
+    /** Where the pointer would put what is carried, drawn as the line or the washed row, and said on the chip. */
+    function follow(current, x, y) {
+        const chip = current.chip;
+        const line = current.line;
+        // Right to left, the chip goes to the pointer's left, so it stays in the window.
+        chip.style.left = options.rtl() ? `${Math.max(4, x - 14 - rectOf(chip).width)}px` : `${x + 14}px`;
+        chip.style.top = `${y + 12}px`;
+        for (const washed of tree.querySelectorAll('.fd-outline-into'))
+            washed.classList.remove('fd-outline-into');
+        const rows = options.rows();
+        const box = rectOf(tree);
+        const inside = x >= box.left - INDENT && x <= box.right + INDENT;
+        let over = -1;
+        let fraction = 0;
+        if (inside && rows.length) {
+            const rects = rows.map((r) => rectOf(options.viewOf(r.id)));
+            over = rects.findIndex((r) => y >= r.top && y < r.bottom);
+            if (over === -1) {
+                over = y < rects[0].top ? 0 : rows.length - 1;
+                fraction = y < rects[0].top ? 0 : 1;
+            }
+            else
+                fraction = (y - rects[over].top) / Math.max(1, rects[over].height);
+        }
+        const across = (options.rtl() ? current.start.x - x : x - current.start.x) / INDENT;
+        const takes = (parent) => designer.moveRefusal(current.ids, parent) === null;
+        const spot = over === -1 ? null : (0, outline_drop_1.dropSpot)(rows, designer.getPage().layout.id, over, fraction, current.level + Math.round(across), options.folded(), takes);
+        current.spot = spot;
+        current.refused = spot ? designer.moveRefusal(current.ids, spot.parent) : null;
+        current.words = !spot ? w.notHere : (current.refused ?? designer.describeMove(current.ids, spot.parent, spot.index));
+        chip.querySelector('.fd-outline-chip-where').textContent = current.words;
+        chip.classList.toggle('fd-outline-refused', !spot || !!current.refused);
+        line.hidden = !spot || !!spot.into;
+        line.classList.toggle('fd-outline-line-refused', !!current.refused);
+        // gap lane: the canvas draws where it lands too.
+        (0, drop_echo_1.echo)(tree, { source: 'outline', spot: current.refused ? null : spot, name: nameOf(current.ids), words: current.words });
+        if (!spot)
+            return;
+        if (spot.into) {
+            options.viewOf(spot.into)?.classList.add('fd-outline-into');
+            return;
+        }
+        const below = rows[spot.gap];
+        const edge = below ? rectOf(options.viewOf(below.id)).top : rectOf(options.viewOf(rows[rows.length - 1].id)).bottom;
+        line.style.top = `${Math.round(edge - box.top)}px`;
+        line.style.setProperty('--fd-drop-level', String(spot.level));
+    }
+    /** The box round the outline that scrolls: the rail on a wide screen; else the window. */
+    function scroller() {
+        for (let box = tree.parentElement; box; box = box.parentElement) {
+            if (/(auto|scroll)/.test(doc.defaultView?.getComputedStyle(box).overflowY ?? '') && box.scrollHeight > box.clientHeight)
+                return box;
+        }
+        return null;
+    }
+    /** How fast to scroll at the pointer: back near the top, on near the bottom, faster the nearer; 0 elsewhere. */
+    function speedAt(y) {
+        const box = scroller();
+        const view = doc.defaultView;
+        const top = Math.max(box ? rectOf(box).top : 0, 0);
+        const bottom = Math.min(box ? rectOf(box).bottom : Infinity, view?.innerHeight ?? Infinity);
+        if (y < top + EDGE)
+            return -Math.ceil((top + EDGE - y) / 4);
+        if (y > bottom - EDGE)
+            return Math.ceil((y - (bottom - EDGE)) / 4);
+        return 0;
+    }
+    function edgeScroll() {
+        edgeTimer = undefined;
+        if (!drag?.started)
+            return;
+        const speed = speedAt(pointer.y);
+        if (!speed)
+            return;
+        const box = scroller();
+        if (box)
+            box.scrollTop += speed;
+        else
+            doc.defaultView?.scrollBy(0, speed);
+        follow(drag, pointer.x, pointer.y);
+        edgeTimer = setTimeout(edgeScroll, 16);
+    }
+    function onMove(event) {
+        if (!drag)
+            return;
+        const { clientX: x, clientY: y } = event;
+        if (!drag.started) {
+            if (Math.hypot(x - drag.start.x, y - drag.start.y) < SLOP)
+                return;
+            lift(drag);
+        }
+        event.preventDefault();
+        pointer = { x, y };
+        follow(drag, x, y);
+        if (!speedAt(y)) {
+            clearTimeout(edgeTimer);
+            edgeTimer = undefined;
+        }
+        else if (!edgeTimer)
+            edgeTimer = setTimeout(edgeScroll, EDGE_DELAY);
+    }
+    /** The click a real drag ends with is not a click on the row under it. */
+    function swallowNextClick() {
+        const swallow = (event) => {
+            event.stopPropagation();
+            event.preventDefault();
+            stop();
+        };
+        const stop = () => {
+            doc.removeEventListener('click', swallow, true);
+            doc.removeEventListener('pointerdown', stop, true);
+        };
+        doc.addEventListener('click', swallow, true);
+        doc.addEventListener('pointerdown', stop, true);
+        setTimeout(stop, 0);
+    }
+    function end(commit) {
+        const current = drag;
+        drag = null;
+        clearTimeout(edgeTimer);
+        edgeTimer = undefined;
+        if (!current?.started)
+            return;
+        current.chip?.remove();
+        current.line?.remove();
+        (0, drop_echo_1.echo)(tree, { source: 'outline', spot: null });
+        tree.classList.remove('fd-outline-dragging');
+        for (const marked of tree.querySelectorAll('.fd-outline-into, .fd-outline-carried'))
+            marked.classList.remove('fd-outline-into', 'fd-outline-carried');
+        swallowNextClick();
+        if (!commit || !current.spot)
+            return;
+        if (current.refused)
+            return options.say(current.refused);
+        const moved = designer.moveParts(current.ids, current.spot.parent, current.spot.index);
+        options.say(moved ? designer.words.canvas.named(nameOf(current.ids), current.words) : (designer.getState().issues[0] ?? w.notMoved));
+    }
+    const onUp = () => end(true);
+    const onCancel = () => end(false);
+    const onKey = (event) => {
+        if (event.key !== 'Escape' || !drag?.started)
+            return;
+        event.preventDefault();
+        event.stopPropagation();
+        end(false);
+    };
+    tree.addEventListener('pointerdown', onDown);
+    doc.addEventListener('pointermove', onMove);
+    doc.addEventListener('pointerup', onUp);
+    doc.addEventListener('pointercancel', onCancel);
+    doc.addEventListener('keydown', onKey, true);
+    return {
+        destroy() {
+            end(false);
+            tree.removeEventListener('pointerdown', onDown);
+            doc.removeEventListener('pointermove', onMove);
+            doc.removeEventListener('pointerup', onUp);
+            doc.removeEventListener('pointercancel', onCancel);
+            doc.removeEventListener('keydown', onKey, true);
+        },
+    };
+}
+//# sourceMappingURL=outline-drag.js.map

package/src/lib/outline-drag.js.map

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

package/src/lib/outline-drag.mjs

@@ -0,0 +1,220 @@
+import { echo } from './drop-echo.mjs';
+import { dropSpot } from './outline-drop.mjs';
+/** How far the pointer moves before a press becomes a drag. */
+const SLOP = 5;
+/** A row's indent: moving the pointer this far across changes the depth by one. */
+const INDENT = 14;
+/** How near the rail's top or bottom a carried row scrolls it, and how long it rests there first. */
+const EDGE = 32;
+const EDGE_DELAY = 200;
+export function outlineDrag(options) {
+    const { tree, designer, rectOf } = options;
+    const doc = tree.ownerDocument;
+    let drag = null;
+    let pointer = { x: 0, y: 0 };
+    let edgeTimer;
+    const w = designer.words.outline;
+    const nameOf = (ids) => (ids.length === 1 ? (options.rows().find((r) => r.id === ids[0])?.label ?? w.part) : w.parts(ids.length));
+    function onDown(event) {
+        if (event.button !== 0 || drag)
+            return;
+        const target = event.target;
+        const view = target.closest?.('[role="treeitem"]');
+        if (!view || target.closest('[data-twist]'))
+            return;
+        const id = view.dataset['pick'];
+        const rows = options.rows();
+        const row = rows.find((r) => r.id === id);
+        if (!row?.movable)
+            return;
+        const picked = designer.getState().picked;
+        const movable = new Set(rows.filter((r) => r.movable).map((r) => r.id));
+        const ids = picked.includes(id) ? picked.filter((p) => movable.has(p)) : [id];
+        drag = { ids, level: row.level, start: { x: event.clientX, y: event.clientY }, started: false, spot: null, refused: null, words: '', chip: null, line: null };
+    }
+    function lift(current) {
+        current.started = true;
+        tree.classList.add('fd-outline-dragging');
+        doc.getSelection()?.removeAllRanges();
+        for (const id of current.ids)
+            options.viewOf(id)?.classList.add('fd-outline-carried');
+        const chip = doc.createElement('div');
+        chip.className = 'fd-outline-chip';
+        chip.setAttribute('aria-hidden', 'true');
+        const name = doc.createElement('span');
+        name.className = 'fd-outline-chip-name';
+        name.textContent = nameOf(current.ids);
+        const where = doc.createElement('span');
+        where.className = 'fd-outline-chip-where';
+        chip.append(name, where);
+        const line = doc.createElement('div');
+        line.className = 'fd-outline-line';
+        line.setAttribute('aria-hidden', 'true');
+        line.hidden = true;
+        tree.append(line);
+        (tree.closest('.fd-designer') ?? doc.body).append(chip);
+        Object.assign(current, { chip, line });
+    }
+    /** Where the pointer would put what is carried, drawn as the line or the washed row, and said on the chip. */
+    function follow(current, x, y) {
+        const chip = current.chip;
+        const line = current.line;
+        // Right to left, the chip goes to the pointer's left, so it stays in the window.
+        chip.style.left = options.rtl() ? `${Math.max(4, x - 14 - rectOf(chip).width)}px` : `${x + 14}px`;
+        chip.style.top = `${y + 12}px`;
+        for (const washed of tree.querySelectorAll('.fd-outline-into'))
+            washed.classList.remove('fd-outline-into');
+        const rows = options.rows();
+        const box = rectOf(tree);
+        const inside = x >= box.left - INDENT && x <= box.right + INDENT;
+        let over = -1;
+        let fraction = 0;
+        if (inside && rows.length) {
+            const rects = rows.map((r) => rectOf(options.viewOf(r.id)));
+            over = rects.findIndex((r) => y >= r.top && y < r.bottom);
+            if (over === -1) {
+                over = y < rects[0].top ? 0 : rows.length - 1;
+                fraction = y < rects[0].top ? 0 : 1;
+            }
+            else
+                fraction = (y - rects[over].top) / Math.max(1, rects[over].height);
+        }
+        const across = (options.rtl() ? current.start.x - x : x - current.start.x) / INDENT;
+        const takes = (parent) => designer.moveRefusal(current.ids, parent) === null;
+        const spot = over === -1 ? null : dropSpot(rows, designer.getPage().layout.id, over, fraction, current.level + Math.round(across), options.folded(), takes);
+        current.spot = spot;
+        current.refused = spot ? designer.moveRefusal(current.ids, spot.parent) : null;
+        current.words = !spot ? w.notHere : (current.refused ?? designer.describeMove(current.ids, spot.parent, spot.index));
+        chip.querySelector('.fd-outline-chip-where').textContent = current.words;
+        chip.classList.toggle('fd-outline-refused', !spot || !!current.refused);
+        line.hidden = !spot || !!spot.into;
+        line.classList.toggle('fd-outline-line-refused', !!current.refused);
+        // gap lane: the canvas draws where it lands too.
+        echo(tree, { source: 'outline', spot: current.refused ? null : spot, name: nameOf(current.ids), words: current.words });
+        if (!spot)
+            return;
+        if (spot.into) {
+            options.viewOf(spot.into)?.classList.add('fd-outline-into');
+            return;
+        }
+        const below = rows[spot.gap];
+        const edge = below ? rectOf(options.viewOf(below.id)).top : rectOf(options.viewOf(rows[rows.length - 1].id)).bottom;
+        line.style.top = `${Math.round(edge - box.top)}px`;
+        line.style.setProperty('--fd-drop-level', String(spot.level));
+    }
+    /** The box round the outline that scrolls: the rail on a wide screen; else the window. */
+    function scroller() {
+        for (let box = tree.parentElement; box; box = box.parentElement) {
+            if (/(auto|scroll)/.test(doc.defaultView?.getComputedStyle(box).overflowY ?? '') && box.scrollHeight > box.clientHeight)
+                return box;
+        }
+        return null;
+    }
+    /** How fast to scroll at the pointer: back near the top, on near the bottom, faster the nearer; 0 elsewhere. */
+    function speedAt(y) {
+        const box = scroller();
+        const view = doc.defaultView;
+        const top = Math.max(box ? rectOf(box).top : 0, 0);
+        const bottom = Math.min(box ? rectOf(box).bottom : Infinity, view?.innerHeight ?? Infinity);
+        if (y < top + EDGE)
+            return -Math.ceil((top + EDGE - y) / 4);
+        if (y > bottom - EDGE)
+            return Math.ceil((y - (bottom - EDGE)) / 4);
+        return 0;
+    }
+    function edgeScroll() {
+        edgeTimer = undefined;
+        if (!drag?.started)
+            return;
+        const speed = speedAt(pointer.y);
+        if (!speed)
+            return;
+        const box = scroller();
+        if (box)
+            box.scrollTop += speed;
+        else
+            doc.defaultView?.scrollBy(0, speed);
+        follow(drag, pointer.x, pointer.y);
+        edgeTimer = setTimeout(edgeScroll, 16);
+    }
+    function onMove(event) {
+        if (!drag)
+            return;
+        const { clientX: x, clientY: y } = event;
+        if (!drag.started) {
+            if (Math.hypot(x - drag.start.x, y - drag.start.y) < SLOP)
+                return;
+            lift(drag);
+        }
+        event.preventDefault();
+        pointer = { x, y };
+        follow(drag, x, y);
+        if (!speedAt(y)) {
+            clearTimeout(edgeTimer);
+            edgeTimer = undefined;
+        }
+        else if (!edgeTimer)
+            edgeTimer = setTimeout(edgeScroll, EDGE_DELAY);
+    }
+    /** The click a real drag ends with is not a click on the row under it. */
+    function swallowNextClick() {
+        const swallow = (event) => {
+            event.stopPropagation();
+            event.preventDefault();
+            stop();
+        };
+        const stop = () => {
+            doc.removeEventListener('click', swallow, true);
+            doc.removeEventListener('pointerdown', stop, true);
+        };
+        doc.addEventListener('click', swallow, true);
+        doc.addEventListener('pointerdown', stop, true);
+        setTimeout(stop, 0);
+    }
+    function end(commit) {
+        const current = drag;
+        drag = null;
+        clearTimeout(edgeTimer);
+        edgeTimer = undefined;
+        if (!current?.started)
+            return;
+        current.chip?.remove();
+        current.line?.remove();
+        echo(tree, { source: 'outline', spot: null });
+        tree.classList.remove('fd-outline-dragging');
+        for (const marked of tree.querySelectorAll('.fd-outline-into, .fd-outline-carried'))
+            marked.classList.remove('fd-outline-into', 'fd-outline-carried');
+        swallowNextClick();
+        if (!commit || !current.spot)
+            return;
+        if (current.refused)
+            return options.say(current.refused);
+        const moved = designer.moveParts(current.ids, current.spot.parent, current.spot.index);
+        options.say(moved ? designer.words.canvas.named(nameOf(current.ids), current.words) : (designer.getState().issues[0] ?? w.notMoved));
+    }
+    const onUp = () => end(true);
+    const onCancel = () => end(false);
+    const onKey = (event) => {
+        if (event.key !== 'Escape' || !drag?.started)
+            return;
+        event.preventDefault();
+        event.stopPropagation();
+        end(false);
+    };
+    tree.addEventListener('pointerdown', onDown);
+    doc.addEventListener('pointermove', onMove);
+    doc.addEventListener('pointerup', onUp);
+    doc.addEventListener('pointercancel', onCancel);
+    doc.addEventListener('keydown', onKey, true);
+    return {
+        destroy() {
+            end(false);
+            tree.removeEventListener('pointerdown', onDown);
+            doc.removeEventListener('pointermove', onMove);
+            doc.removeEventListener('pointerup', onUp);
+            doc.removeEventListener('pointercancel', onCancel);
+            doc.removeEventListener('keydown', onKey, true);
+        },
+    };
+}
+//# sourceMappingURL=outline-drag.mjs.map

package/src/lib/outline-drag.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"outline-drag.mjs","sourceRoot":"","sources":["../../../../../libs/designer/src/lib/outline-drag.ts"],"names":[],"mappings":"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"}

package/src/lib/outline-drop.d.mts

@@ -0,0 +1,27 @@
+import type { OutlineRow } from './outline-rows.mjs';
+/**
+ * Where a row let go over the outline lands, as the approved mockup has it:
+ * the top of a row puts it before that row, the bottom after, the middle of
+ * a group, a tab or a page into it, at its end. Between rows of different
+ * depths — under the last part of a group — how far in the pointer is says
+ * which depth it lands at, as Designable's tree does: the drop line is drawn
+ * that far in. Of the depths the gap allows, the one nearest the pointer's
+ * that takes the part is chosen. No DOM: the outline measures, this decides.
+ */
+export interface DropSpot {
+    /** What it goes into, and before the part now at `index` there (the parts moved counted where they are). */
+    parent: string;
+    index: number;
+    /** How deep it lands: how far in the line is drawn. */
+    level: number;
+    /** The gap the line is drawn in: before the row at `gap` on show (or after the last); -1 when it goes into a row. */
+    gap: number;
+    /** The row it goes into, washed rather than lined. */
+    into?: string;
+}
+/**
+ * Where a part goes, let go over the row at `over` of the rows on show, at
+ * `fraction` of its height, the pointer `wanted` levels in. `root` is the
+ * page's own list; `takes` says whether a parent takes what is moved.
+ */
+export declare function dropSpot(rows: readonly OutlineRow[], root: string, over: number, fraction: number, wanted: number, folded: ReadonlySet<string>, takes: (parent: string) => boolean): DropSpot | null;

package/src/lib/outline-drop.d.ts

@@ -0,0 +1,27 @@
+import type { OutlineRow } from './outline-rows';
+/**
+ * Where a row let go over the outline lands, as the approved mockup has it:
+ * the top of a row puts it before that row, the bottom after, the middle of
+ * a group, a tab or a page into it, at its end. Between rows of different
+ * depths — under the last part of a group — how far in the pointer is says
+ * which depth it lands at, as Designable's tree does: the drop line is drawn
+ * that far in. Of the depths the gap allows, the one nearest the pointer's
+ * that takes the part is chosen. No DOM: the outline measures, this decides.
+ */
+export interface DropSpot {
+    /** What it goes into, and before the part now at `index` there (the parts moved counted where they are). */
+    parent: string;
+    index: number;
+    /** How deep it lands: how far in the line is drawn. */
+    level: number;
+    /** The gap the line is drawn in: before the row at `gap` on show (or after the last); -1 when it goes into a row. */
+    gap: number;
+    /** The row it goes into, washed rather than lined. */
+    into?: string;
+}
+/**
+ * Where a part goes, let go over the row at `over` of the rows on show, at
+ * `fraction` of its height, the pointer `wanted` levels in. `root` is the
+ * page's own list; `takes` says whether a parent takes what is moved.
+ */
+export declare function dropSpot(rows: readonly OutlineRow[], root: string, over: number, fraction: number, wanted: number, folded: ReadonlySet<string>, takes: (parent: string) => boolean): DropSpot | null;

package/src/lib/outline-drop.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.dropSpot = dropSpot;
+/** The share of a row's height, from the top and from the bottom, that puts a part before or after a row that holds parts. */
+const EDGE = 0.3;
+/**
+ * Where a part goes, let go over the row at `over` of the rows on show, at
+ * `fraction` of its height, the pointer `wanted` levels in. `root` is the
+ * page's own list; `takes` says whether a parent takes what is moved.
+ */
+function dropSpot(rows, root, over, fraction, wanted, folded, takes) {
+    const row = rows[over];
+    if (!row)
+        return null;
+    if (row.holds && fraction >= EDGE && fraction <= 1 - EDGE && takes(row.id)) {
+        return { parent: row.id, index: row.children, level: row.level + 1, gap: -1, into: row.id };
+    }
+    // Its top half puts it before the row, its bottom half after.
+    return inGap(rows, root, over + (fraction >= 0.5 ? 1 : 0), wanted, folded, takes);
+}
+/** A part let go in the gap before the row at `gap`, at the depth nearest `wanted` that takes it. */
+function inGap(rows, root, gap, wanted, folded, takes) {
+    const prev = rows[gap - 1];
+    const next = rows[gap];
+    // Under a row that holds parts, open (or holding none yet), it can go in as its first part.
+    const deepest = prev ? prev.level + (prev.holds && (prev.children === 0 || !folded.has(prev.id)) ? 1 : 0) : 0;
+    const shallowest = Math.min(next ? next.level : 0, deepest);
+    const asked = Math.max(shallowest, Math.min(deepest, wanted));
+    const spot = (level) => {
+        let parent = root;
+        for (let at = gap - 1; level > 0 && at >= 0; at--) {
+            if (rows[at].level === level - 1) {
+                parent = rows[at].id;
+                break;
+            }
+        }
+        const own = level === 0 ? null : parent;
+        const index = rows.slice(0, Math.max(0, gap)).filter((r) => r.parent === own && r.movable).length;
+        return { parent, index, level, gap };
+    };
+    // The depth asked for, then the ones next to it, nearer first.
+    for (let step = 0; step <= deepest - shallowest; step++) {
+        for (const level of [asked - step, asked + step]) {
+            if (level < shallowest || level > deepest)
+                continue;
+            const found = spot(level);
+            if (takes(found.parent))
+                return found;
+        }
+    }
+    return spot(asked);
+}
+//# sourceMappingURL=outline-drop.js.map

package/src/lib/outline-drop.js.map

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