velo-text 1.0.0-beta.1

package/dist/editor-web/ux/image-drop.js

@@ -0,0 +1,198 @@
+import { sniffImage } from "../../assets/sniff/index.js";
+import { createImageBlock } from "../../core/model/factories.js";
+import { hideImageMeta, placeImageMeta, syncImageResizeOverlay } from "../controller/image-resize.js";
+import { commitInsert, dropHostFromPoint, locFromHostEl, moveBlockToHost } from "../controller/nesting.js";
+const BLOCK_MIME = "application/x-pde-block";
+export function attachImageDrop(s, cmds) {
+    let hint = null;
+    let msg = null;
+    let movingId = "";
+    function hideMeta() { hideImageMeta(s); }
+    function clearHost() {
+        for (const el of s.container.querySelectorAll(".pde-drop-host"))
+            el.classList.remove("pde-drop-host");
+    }
+    function hostFrom(e) {
+        const t = e.target;
+        const fromPoint = Number.isFinite(e.clientX) ? dropHostFromPoint(s, e.clientX, e.clientY) : null;
+        if (fromPoint)
+            return fromPoint;
+        const cell = t?.closest?.("td, th, .pde-column");
+        if (cell && s.container.contains(cell))
+            return cell;
+        const table = t?.closest?.("table");
+        if (table && s.container.contains(table))
+            return table.querySelector("td, th");
+        const cols = t?.closest?.(".pde-columns");
+        if (cols && s.container.contains(cols))
+            return cols.querySelector(".pde-column");
+        return null;
+    }
+    function showHint(on) {
+        if (!on) {
+            hint?.remove();
+            hint = null;
+            return;
+        }
+        if (hint)
+            return;
+        hint = s.ownerDoc.createElement("div");
+        hint.className = "pde-drop-hint";
+        hint.textContent = "Drop image";
+        s.wrapper.appendChild(hint);
+    }
+    function toast(text) {
+        msg?.remove();
+        msg = s.ownerDoc.createElement("div");
+        msg.className = "pde-drop-msg";
+        msg.setAttribute("role", "status");
+        msg.textContent = text;
+        s.wrapper.appendChild(msg);
+        s.ownerDoc.defaultView?.setTimeout(() => { msg?.remove(); msg = null; }, 2400);
+    }
+    async function ingest(file, at) {
+        const bytes = new Uint8Array(await file.arrayBuffer());
+        const sniff = sniffImage(bytes, file.type);
+        if (!sniff.valid) {
+            toast(sniff.reason ?? "Type not allowed");
+            return;
+        }
+        const host = s.opts.onImageFile;
+        if (!host) {
+            toast("Host must handle image files");
+            return;
+        }
+        try {
+            const res = await host(file);
+            if (res.error) {
+                toast(res.error);
+                return;
+            }
+            const loc = locFromHostEl(s, at);
+            if (loc)
+                commitInsert(s, createImageBlock(s.idGen, res.assetId, { alt: "image", widthUm: res.widthUm, heightUm: res.heightUm }), loc);
+            else
+                cmds.insertImage(res.assetId, res.widthUm, res.heightUm);
+        }
+        catch {
+            toast("Could not add image");
+        }
+    }
+    const onDragStart = (e) => {
+        const fig = e.target.closest?.("figure[data-node-type='image']");
+        if (!fig || !s.container.contains(fig))
+            return;
+        movingId = fig.getAttribute("data-node-id") ?? "";
+        e.dataTransfer?.setData(BLOCK_MIME, movingId);
+        e.dataTransfer?.setData("text/plain", movingId);
+        if (e.dataTransfer) {
+            e.dataTransfer.effectAllowed = "move";
+            try {
+                e.dataTransfer.setDragImage(fig, 16, 16);
+            }
+            catch { /* jsdom */ }
+        }
+    };
+    const onDragOver = (e) => {
+        const types = [...(e.dataTransfer?.types ?? [])];
+        const host = hostFrom(e);
+        const moving = Boolean(movingId) || types.includes(BLOCK_MIME) || types.includes("text/plain");
+        if (types.includes("Files") || moving || host) {
+            e.preventDefault();
+            if (e.dataTransfer)
+                e.dataTransfer.dropEffect = moving ? "move" : "copy";
+        }
+        if (types.includes("Files"))
+            showHint(true);
+        clearHost();
+        host?.classList.add("pde-drop-host");
+        host?.closest("table, .pde-columns")?.classList.add("pde-drop-host");
+    };
+    const onDragLeave = () => { showHint(false); };
+    const onDragEnd = () => { movingId = ""; showHint(false); clearHost(); };
+    const onDrop = (e) => {
+        e.preventDefault();
+        showHint(false);
+        const at = hostFrom(e);
+        clearHost();
+        const blockId = movingId || e.dataTransfer?.getData(BLOCK_MIME) || e.dataTransfer?.getData("text/plain") || "";
+        movingId = "";
+        if (blockId && at && moveBlockToHost(s, blockId, at))
+            return;
+        const file = e.dataTransfer?.files?.[0];
+        if (file)
+            void ingest(file, at);
+    };
+    for (const el of [s.container, s.wrapper]) {
+        el.addEventListener("dragstart", onDragStart);
+        el.addEventListener("dragover", onDragOver);
+        el.addEventListener("dragleave", onDragLeave);
+        el.addEventListener("drop", onDrop);
+    }
+    s.container.addEventListener("dragend", onDragEnd);
+    const onDocDown = (e) => {
+        const n = e.target;
+        const t = (n && n.nodeType === 1 ? n : n?.parentElement);
+        if (t?.closest?.(".pde-img-meta, .pde-image-resize, figure[data-node-type='image']"))
+            return;
+        hideMeta();
+    };
+    const onKey = (e) => { if (e.key === "Escape")
+        hideMeta(); };
+    s.ownerDoc.addEventListener("pointerdown", onDocDown, true);
+    s.ownerDoc.addEventListener("keydown", onKey);
+    s.addBoth("click", ((e) => {
+        const t = e.target;
+        if (t.closest?.(".pde-img-meta"))
+            return;
+        const fig = t.closest?.("figure[data-node-type='image']");
+        if (!fig || !s.container.contains(fig)) {
+            hideMeta();
+            return;
+        }
+        hideMeta();
+        const box = s.ownerDoc.createElement("div");
+        box.className = "pde-img-meta";
+        box.dataset.imgOwner = fig.getAttribute("data-node-id") ?? "";
+        const alt = fig.getAttribute("data-alt") ?? "";
+        const title = fig.getAttribute("data-title") ?? "";
+        box.innerHTML = `<label>Alt text<input data-alt value="${esc(alt)}" placeholder="Describe the image" /></label>
+      <label>Caption<input data-cap value="${esc(title)}" placeholder="Optional" /></label>`;
+        const apply = () => {
+            const a = box.querySelector("[data-alt]").value;
+            const c = box.querySelector("[data-cap]").value;
+            fig.setAttribute("data-alt", a);
+            fig.querySelector("img")?.setAttribute("alt", a);
+            if (c)
+                fig.setAttribute("data-title", c);
+            else
+                fig.removeAttribute("data-title");
+            s.syncFromDom(false);
+        };
+        box.querySelectorAll("input").forEach((inp) => inp.addEventListener("change", apply));
+        s.ui.appendChild(box);
+        placeImageMeta(s, box, fig);
+        syncImageResizeOverlay(s);
+    }));
+    return {
+        destroy() {
+            showHint(false);
+            msg?.remove();
+            hideMeta();
+            clearHost();
+            s.ownerDoc.removeEventListener("pointerdown", onDocDown, true);
+            s.ownerDoc.removeEventListener("keydown", onKey);
+            for (const el of [s.container, s.wrapper]) {
+                el.removeEventListener("dragstart", onDragStart);
+                el.removeEventListener("dragover", onDragOver);
+                el.removeEventListener("dragleave", onDragLeave);
+                el.removeEventListener("drop", onDrop);
+            }
+            s.container.removeEventListener("dragend", onDragEnd);
+        },
+    };
+}
+function esc(v) {
+    return v.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;");
+}
+//# sourceMappingURL=image-drop.js.map

package/dist/editor-web/ux/image-drop.js.map

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

package/dist/editor-web/ux/link-ui.d.ts

@@ -0,0 +1,6 @@
+import type { bindCommands } from "../controller/commands.js";
+import type { EditorState } from "../controller/types.js";
+export declare function attachLinkUi(s: EditorState, cmds: ReturnType<typeof bindCommands>): {
+    destroy: () => void;
+};
+//# sourceMappingURL=link-ui.d.ts.map

package/dist/editor-web/ux/link-ui.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-ui.d.ts","sourceRoot":"","sources":["../../../src/editor-web/ux/link-ui.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAG1D,wBAAgB,YAAY,CAAC,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,GAAG;IAAE,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,CAsC3G"}

package/dist/editor-web/ux/link-ui.js

@@ -0,0 +1,50 @@
+import { clampToWrapper } from "../controller/table-resize.js";
+export function attachLinkUi(s, cmds) {
+    let pop = null;
+    function hide() { pop?.remove(); pop = null; }
+    s.addBoth("click", ((e) => {
+        const a = e.target.closest?.("a");
+        if (!a || !s.container.contains(a)) {
+            hide();
+            return;
+        }
+        e.preventDefault();
+        hide();
+        const r = a.getBoundingClientRect();
+        const w = s.wrapper.getBoundingClientRect();
+        pop = s.ownerDoc.createElement("div");
+        pop.className = "pde-link-pop";
+        pop.innerHTML = `<input data-href aria-label="URL" value="${esc(a.getAttribute("href") ?? "")}" />
+      <button type="button" data-ok>Save</button>
+      <button type="button" data-off>Unlink</button>`;
+        pop.style.left = `${r.left - w.left}px`;
+        pop.style.top = `${r.bottom - w.top + 4}px`;
+        pop.querySelector("[data-ok]").addEventListener("click", () => {
+            const href = pop.querySelector("[data-href]").value.trim();
+            if (!/^https?:|^mailto:|^#/i.test(href))
+                return;
+            a.setAttribute("href", href);
+            s.syncFromDom(false);
+            hide();
+        });
+        pop.querySelector("[data-off]").addEventListener("click", () => {
+            cmds.clearFormat();
+            try {
+                s.ownerDoc.execCommand("unlink");
+            }
+            catch { /* ignore */ }
+            s.syncFromDom(false);
+            hide();
+        });
+        s.wrapper.appendChild(pop);
+        clampToWrapper(s, pop);
+    }));
+    const onKey = (e) => { if (e.key === "Escape")
+        hide(); };
+    s.container.addEventListener("keydown", onKey);
+    return { destroy() { hide(); s.container.removeEventListener("keydown", onKey); } };
+}
+function esc(v) {
+    return v.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;");
+}
+//# sourceMappingURL=link-ui.js.map

package/dist/editor-web/ux/link-ui.js.map

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

package/dist/editor-web/ux/outline.d.ts

@@ -0,0 +1,9 @@
+import type { PortableDocument } from "../../core/model/types.js";
+export interface OutlineEntry {
+    id: string;
+    level: 1 | 2 | 3;
+    text: string;
+}
+export declare function collectOutline(doc: PortableDocument): OutlineEntry[];
+export declare function focusBlockEl(container: HTMLElement, id: string): boolean;
+//# sourceMappingURL=outline.d.ts.map

package/dist/editor-web/ux/outline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"outline.d.ts","sourceRoot":"","sources":["../../../src/editor-web/ux/outline.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAyB,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAEzF,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;CACd;AAuBD,wBAAgB,cAAc,CAAC,GAAG,EAAE,gBAAgB,GAAG,YAAY,EAAE,CAIpE;AAED,wBAAgB,YAAY,CAAC,SAAS,EAAE,WAAW,EAAE,EAAE,EAAE,MAAM,GAAG,OAAO,CAaxE"}

package/dist/editor-web/ux/outline.js

@@ -0,0 +1,48 @@
+function inlineText(nodes) {
+    return nodes.map((n) => {
+        if (n.type === "text")
+            return n.text;
+        if (n.type === "variable")
+            return n.source;
+        if (n.type === "link")
+            return inlineText(n.children);
+        return "";
+    }).join("");
+}
+function walk(blocks, out) {
+    for (const b of blocks) {
+        if (b.type === "heading" && b.level <= 3) {
+            out.push({ id: b.id, level: b.level, text: inlineText(b.children).trim() || "Untitled" });
+        }
+        else if (b.type === "table") {
+            for (const row of b.rows)
+                for (const cell of row.cells)
+                    walk(cell.blocks, out);
+        }
+        else if (b.type === "columns") {
+            for (const col of b.columns)
+                walk(col.blocks, out);
+        }
+    }
+}
+export function collectOutline(doc) {
+    const out = [];
+    walk(doc.root.children, out);
+    return out;
+}
+export function focusBlockEl(container, id) {
+    const el = container.querySelector(`[data-node-id="${id.replace(/"/g, "")}"]`);
+    if (!el)
+        return false;
+    el.scrollIntoView?.({ block: "center" });
+    const sel = container.ownerDocument.getSelection();
+    const range = container.ownerDocument.createRange();
+    range.selectNodeContents(el);
+    range.collapse(true);
+    sel?.removeAllRanges();
+    sel?.addRange(range);
+    el.focus?.();
+    container.focus();
+    return true;
+}
+//# sourceMappingURL=outline.js.map

package/dist/editor-web/ux/outline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"outline.js","sourceRoot":"","sources":["../../../src/editor-web/ux/outline.ts"],"names":[],"mappings":"AAQA,SAAS,UAAU,CAAC,KAAmB;IACrC,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;QACrB,IAAI,CAAC,CAAC,IAAI,KAAK,MAAM;YAAE,OAAO,CAAC,CAAC,IAAI,CAAC;QACrC,IAAI,CAAC,CAAC,IAAI,KAAK,UAAU;YAAE,OAAO,CAAC,CAAC,MAAM,CAAC;QAC3C,IAAI,CAAC,CAAC,IAAI,KAAK,MAAM;YAAE,OAAO,UAAU,CAAC,CAAC,CAAC,QAAwB,CAAC,CAAC;QACrE,OAAO,EAAE,CAAC;IACZ,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACd,CAAC;AAED,SAAS,IAAI,CAAC,MAAmB,EAAE,GAAmB;IACpD,KAAK,MAAM,CAAC,IAAI,MAAM,EAAE,CAAC;QACvB,IAAI,CAAC,CAAC,IAAI,KAAK,SAAS,IAAI,CAAC,CAAC,KAAK,IAAI,CAAC,EAAE,CAAC;YACzC,GAAG,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,KAAkB,EAAE,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,IAAI,EAAE,IAAI,UAAU,EAAE,CAAC,CAAC;QACzG,CAAC;aAAM,IAAI,CAAC,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YAC9B,KAAK,MAAM,GAAG,IAAI,CAAC,CAAC,IAAI;gBAAE,KAAK,MAAM,IAAI,IAAI,GAAG,CAAC,KAAK;oBAAE,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QACjF,CAAC;aAAM,IAAI,CAAC,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;YAChC,KAAK,MAAM,GAAG,IAAI,CAAC,CAAC,OAAO;gBAAE,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QACrD,CAAC;IACH,CAAC;AACH,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,GAAqB;IAClD,MAAM,GAAG,GAAmB,EAAE,CAAC;IAC/B,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;IAC7B,OAAO,GAAG,CAAC;AACb,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,SAAsB,EAAE,EAAU;IAC7D,MAAM,EAAE,GAAG,SAAS,CAAC,aAAa,CAAC,kBAAkB,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAuB,CAAC;IACrG,IAAI,CAAC,EAAE;QAAE,OAAO,KAAK,CAAC;IACtB,EAAE,CAAC,cAAc,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;IACzC,MAAM,GAAG,GAAG,SAAS,CAAC,aAAa,CAAC,YAAY,EAAE,CAAC;IACnD,MAAM,KAAK,GAAG,SAAS,CAAC,aAAa,CAAC,WAAW,EAAE,CAAC;IACpD,KAAK,CAAC,kBAAkB,CAAC,EAAE,CAAC,CAAC;IAC7B,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IACrB,GAAG,EAAE,eAAe,EAAE,CAAC;IACvB,GAAG,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;IACrB,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC;IACb,SAAS,CAAC,KAAK,EAAE,CAAC;IAClB,OAAO,IAAI,CAAC;AACd,CAAC"}

package/dist/editor-web/ux/page-preview.d.ts

@@ -0,0 +1,6 @@
+import type { EditorState } from "../controller/types.js";
+export declare function applyPagePreview(s: EditorState, on: boolean): string[];
+export declare function clearKeepTogether(container: HTMLElement): void;
+/** Push a block to the next page when it would be split by a page band. */
+export declare function keepBlocksOnPage(container: HTMLElement, pageH: number, mTop: number, mBot: number, gap: number): void;
+//# sourceMappingURL=page-preview.d.ts.map

package/dist/editor-web/ux/page-preview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-preview.d.ts","sourceRoot":"","sources":["../../../src/editor-web/ux/page-preview.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAI1D,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,OAAO,GAAG,MAAM,EAAE,CAoCtE;AAED,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI,CAQ9D;AAED,2EAA2E;AAC3E,wBAAgB,gBAAgB,CAC9B,SAAS,EAAE,WAAW,EACtB,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,MAAM,GACV,IAAI,CAmCN"}

package/dist/editor-web/ux/page-preview.js

@@ -0,0 +1,90 @@
+import { buildLayout } from "../../export/layout/index.js";
+import { umToPx } from "../../export/layout/units.js";
+const PAGE_GAP_PX = 24;
+export function applyPagePreview(s, on) {
+    const page = s.getDoc().page;
+    s.wrapper.classList.toggle("pde-page-preview", on);
+    if (!on) {
+        s.wrapper.style.removeProperty("--pde-page-w");
+        s.wrapper.style.removeProperty("--pde-page-h");
+        s.wrapper.style.removeProperty("--pde-page-gap");
+        s.wrapper.style.removeProperty("--pde-m-t");
+        s.wrapper.style.removeProperty("--pde-m-r");
+        s.wrapper.style.removeProperty("--pde-m-b");
+        s.wrapper.style.removeProperty("--pde-m-l");
+        s.wrapper.querySelector(".pde-page-diag")?.remove();
+        clearKeepTogether(s.container);
+        return [];
+    }
+    const pageH = Math.round(umToPx(page.heightUm));
+    const mTop = Math.round(umToPx(page.marginUm.top));
+    const mBot = Math.round(umToPx(page.marginUm.bottom));
+    s.wrapper.style.setProperty("--pde-page-w", `${Math.round(umToPx(page.widthUm))}px`);
+    s.wrapper.style.setProperty("--pde-page-h", `${pageH}px`);
+    s.wrapper.style.setProperty("--pde-page-gap", `${PAGE_GAP_PX}px`);
+    s.wrapper.style.setProperty("--pde-m-t", `${mTop}px`);
+    s.wrapper.style.setProperty("--pde-m-r", `${Math.round(umToPx(page.marginUm.right))}px`);
+    s.wrapper.style.setProperty("--pde-m-b", `${mBot}px`);
+    s.wrapper.style.setProperty("--pde-m-l", `${Math.round(umToPx(page.marginUm.left))}px`);
+    keepBlocksOnPage(s.container, pageH, mTop, mBot, PAGE_GAP_PX);
+    const layout = buildLayout(s.getDoc());
+    const texts = layout.diagnostics.map((d) => d.message);
+    s.wrapper.querySelector(".pde-page-diag")?.remove();
+    if (texts.length) {
+        const el = s.ownerDoc.createElement("div");
+        el.className = "pde-page-diag";
+        el.textContent = texts.join(" · ");
+        s.wrapper.appendChild(el);
+    }
+    return texts;
+}
+export function clearKeepTogether(container) {
+    for (const node of Array.from(container.children)) {
+        const el = node;
+        if (el.dataset.pdeKeep) {
+            el.style.marginTop = "";
+            delete el.dataset.pdeKeep;
+        }
+    }
+}
+/** Push a block to the next page when it would be split by a page band. */
+export function keepBlocksOnPage(container, pageH, mTop, mBot, gap) {
+    if (pageH <= 0)
+        return;
+    const cycle = pageH + gap;
+    const usable = Math.max(24, pageH - mTop - mBot);
+    clearKeepTogether(container);
+    for (const node of Array.from(container.children)) {
+        const el = node;
+        if (el.dataset.pdeUi)
+            continue;
+        const top = el.offsetTop;
+        const h = el.offsetHeight;
+        if (h <= 0)
+            continue;
+        const inCycle = ((top % cycle) + cycle) % cycle;
+        const isBreak = el.getAttribute("data-node-type") === "page-break";
+        if (isBreak) {
+            const rest = pageH - inCycle;
+            const push = Math.max(0, rest + gap);
+            if (push > 1) {
+                el.style.marginTop = `${Math.round(push)}px`;
+                el.dataset.pdeKeep = "1";
+            }
+            continue;
+        }
+        if (inCycle >= pageH) {
+            const push = cycle - inCycle + mTop;
+            el.style.marginTop = `${Math.round(push)}px`;
+            el.dataset.pdeKeep = "1";
+            continue;
+        }
+        const room = pageH - mBot - inCycle;
+        if (h > room && h <= usable && inCycle > mTop) {
+            const push = room + mBot + gap + mTop;
+            el.style.marginTop = `${Math.round(push)}px`;
+            el.dataset.pdeKeep = "1";
+        }
+    }
+}
+//# sourceMappingURL=page-preview.js.map

package/dist/editor-web/ux/page-preview.js.map

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

package/dist/editor-web/ux/selection-bubble.d.ts

@@ -0,0 +1,6 @@
+import type { bindCommands } from "../controller/commands.js";
+import type { EditorState } from "../controller/types.js";
+export declare function attachSelectionBubble(s: EditorState, cmds: ReturnType<typeof bindCommands>): {
+    destroy: () => void;
+};
+//# sourceMappingURL=selection-bubble.d.ts.map

package/dist/editor-web/ux/selection-bubble.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection-bubble.d.ts","sourceRoot":"","sources":["../../../src/editor-web/ux/selection-bubble.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAG1D,wBAAgB,qBAAqB,CAAC,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,GAAG;IAAE,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,CAsEpH"}

package/dist/editor-web/ux/selection-bubble.js

@@ -0,0 +1,79 @@
+import { getIconSvg } from "../../assets/icons/index.js";
+import { clampToWrapper } from "../controller/table-resize.js";
+export function attachSelectionBubble(s, cmds) {
+    let bubble = null;
+    function hide() { bubble?.remove(); bubble = null; }
+    function show() {
+        const sel = s.selection();
+        if (!sel || sel.isCollapsed || !sel.rangeCount) {
+            hide();
+            return;
+        }
+        const range = sel.getRangeAt(0);
+        if (!s.container.contains(range.commonAncestorContainer)) {
+            hide();
+            return;
+        }
+        hide();
+        const r = typeof range.getBoundingClientRect === "function"
+            ? range.getBoundingClientRect()
+            : { left: 8, top: 24, bottom: 24 };
+        const w = s.wrapper.getBoundingClientRect();
+        bubble = s.ownerDoc.createElement("div");
+        bubble.className = "pde-sel-bubble";
+        bubble.setAttribute("role", "toolbar");
+        bubble.setAttribute("aria-label", "Selection formatting");
+        const actions = [
+            ["bold", "Bold", () => cmds.toggleMark("bold")],
+            ["italic", "Italic", () => cmds.toggleMark("italic")],
+            ["underline", "Underline", () => cmds.toggleMark("underline")],
+            ["alignLeft", "Align left", () => cmds.setAlign("left")],
+            ["alignCenter", "Align center", () => cmds.setAlign("center")],
+            ["alignRight", "Align right", () => cmds.setAlign("right")],
+            ["alignJustify", "Justify", () => cmds.setAlign("justify")],
+            ["link", "Link", () => {
+                    const href = s.ownerDoc.defaultView?.prompt?.("Link (https://, mailto:, #)", "https://") ?? "";
+                    if (href)
+                        cmds.insertLink(href);
+                }],
+            ["eraser", "Clear formatting", () => cmds.clearFormat()],
+        ];
+        for (const [icon, label, run] of actions) {
+            const b = s.ownerDoc.createElement("button");
+            b.type = "button";
+            b.innerHTML = getIconSvg(icon, { size: 16 });
+            b.setAttribute("aria-label", label);
+            b.title = label;
+            b.onmousedown = (ev) => ev.preventDefault();
+            b.onclick = () => { run(); hide(); };
+            bubble.appendChild(b);
+        }
+        bubble.style.left = `${Math.max(8, r.left - w.left)}px`;
+        bubble.style.top = `${Math.max(0, r.top - w.top - 40)}px`;
+        s.wrapper.appendChild(bubble);
+        clampToWrapper(s, bubble);
+    }
+    const onSel = () => {
+        if (s.destroyed)
+            return;
+        show();
+    };
+    const onKey = (e) => {
+        if (e.key === "Escape")
+            hide();
+    };
+    s.ownerDoc.addEventListener("selectionchange", onSel);
+    s.container.addEventListener("keyup", onSel);
+    s.container.addEventListener("mouseup", onSel);
+    s.container.addEventListener("keydown", onKey);
+    return {
+        destroy() {
+            hide();
+            s.ownerDoc.removeEventListener("selectionchange", onSel);
+            s.container.removeEventListener("keyup", onSel);
+            s.container.removeEventListener("mouseup", onSel);
+            s.container.removeEventListener("keydown", onKey);
+        },
+    };
+}
+//# sourceMappingURL=selection-bubble.js.map

package/dist/editor-web/ux/selection-bubble.js.map

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

package/dist/editor-web/ux/shortcuts-sheet.d.ts

@@ -0,0 +1,6 @@
+import type { EditorState } from "../controller/types.js";
+export declare function attachShortcutSheet(s: EditorState): {
+    open: () => void;
+    destroy: () => void;
+};
+//# sourceMappingURL=shortcuts-sheet.d.ts.map

package/dist/editor-web/ux/shortcuts-sheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shortcuts-sheet.d.ts","sourceRoot":"","sources":["../../../src/editor-web/ux/shortcuts-sheet.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAY1D,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,WAAW,GAAG;IAAE,IAAI,EAAE,MAAM,IAAI,CAAC;IAAC,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,CA4C7F"}

package/dist/editor-web/ux/shortcuts-sheet.js

@@ -0,0 +1,58 @@
+const ROWS = [
+    ["Mod+Shift+P", "Command palette"],
+    ["/", "Slash menu (empty paragraph)"],
+    ["Mod+F / Mod+H", "Find / replace"],
+    ["Mod+B / I / U", "Bold / italic / underline"],
+    ["Mod+Z / Mod+Y", "Undo / redo"],
+    ["?", "This shortcut list"],
+    ["Esc", "Close overlays"],
+];
+export function attachShortcutSheet(s) {
+    let sheet = null;
+    function destroy() { sheet?.remove(); sheet = null; }
+    function open() {
+        destroy();
+        sheet = s.ownerDoc.createElement("div");
+        sheet.className = "pde-keys";
+        sheet.setAttribute("role", "dialog");
+        sheet.setAttribute("aria-label", "Keyboard shortcuts");
+        const table = s.ownerDoc.createElement("table");
+        for (const [k, v] of ROWS) {
+            const tr = s.ownerDoc.createElement("tr");
+            const td1 = s.ownerDoc.createElement("th");
+            const td2 = s.ownerDoc.createElement("td");
+            td1.textContent = k;
+            td2.textContent = v;
+            tr.append(td1, td2);
+            table.appendChild(tr);
+        }
+        const close = s.ownerDoc.createElement("button");
+        close.type = "button";
+        close.textContent = "Close";
+        close.onclick = () => destroy();
+        sheet.append(table, close);
+        s.wrapper.appendChild(sheet);
+    }
+    const onKey = (e) => {
+        const t = e.target;
+        if (t.closest?.("input, textarea"))
+            return;
+        if (e.key === "?" && !e.ctrlKey && !e.metaKey) {
+            e.preventDefault();
+            open();
+        }
+        if (e.key === "Escape")
+            destroy();
+    };
+    s.container.addEventListener("keydown", onKey);
+    s.ownerDoc.addEventListener("keydown", onKey);
+    return {
+        open,
+        destroy() {
+            destroy();
+            s.container.removeEventListener("keydown", onKey);
+            s.ownerDoc.removeEventListener("keydown", onKey);
+        },
+    };
+}
+//# sourceMappingURL=shortcuts-sheet.js.map