velo-text 1.0.0-beta.1

package/dist/editor-web/controller/size-picker.js

@@ -0,0 +1,177 @@
+import { placeOverlay } from "./place-overlay.js";
+/** Word-style hover grid. `cols`/`rows` in onPick are 1-based selected size. */
+export function openSizePicker(anchor, opts) {
+    const doc = anchor.ownerDocument;
+    closeSizePickers(doc);
+    const pop = doc.createElement("div");
+    pop.className = "pde-size-picker";
+    pop.setAttribute("role", "dialog");
+    const title = doc.createElement("div");
+    title.className = "pde-size-picker-label";
+    title.textContent = opts.label(1, 1);
+    const grid = doc.createElement("div");
+    grid.className = "pde-size-picker-grid";
+    grid.style.gridTemplateColumns = `repeat(${opts.cols}, 18px)`;
+    const cells = [];
+    let hoverC = 1;
+    let hoverR = 1;
+    const paint = (c, r) => {
+        hoverC = c;
+        hoverR = r;
+        title.textContent = opts.label(c, r);
+        cells.forEach((btn) => {
+            const cc = Number(btn.dataset.c);
+            const rr = Number(btn.dataset.r);
+            btn.classList.toggle("is-on", cc <= c && rr <= r);
+        });
+    };
+    for (let r = 1; r <= opts.rows; r++) {
+        for (let c = 1; c <= opts.cols; c++) {
+            const b = doc.createElement("button");
+            b.type = "button";
+            b.className = "pde-size-cell";
+            b.dataset.c = String(c);
+            b.dataset.r = String(r);
+            b.setAttribute("aria-label", opts.label(c, r));
+            b.onmouseenter = () => paint(c, r);
+            b.onclick = (ev) => {
+                ev.preventDefault();
+                opts.onPick(c, r);
+                pop.remove();
+            };
+            cells.push(b);
+            grid.appendChild(b);
+        }
+    }
+    pop.appendChild(title);
+    pop.appendChild(grid);
+    if (opts.footer) {
+        const foot = doc.createElement("button");
+        foot.type = "button";
+        foot.className = "pde-size-picker-foot";
+        foot.textContent = opts.footer.label;
+        foot.onclick = () => {
+            pop.remove();
+            opts.footer.onClick();
+        };
+        pop.appendChild(foot);
+    }
+    paint(1, 1);
+    doc.body.appendChild(pop);
+    placeOverlay(anchor, pop);
+    const onDoc = (ev) => {
+        const t = ev.target;
+        if (pop.contains(t) || anchor.contains(t))
+            return;
+        pop.remove();
+        doc.removeEventListener("mousedown", onDoc, true);
+    };
+    doc.addEventListener("mousedown", onDoc, true);
+    return () => {
+        pop.remove();
+        doc.removeEventListener("mousedown", onDoc, true);
+    };
+}
+/** Up to 3 rows; each row is 2–4 columns (or skipped). */
+export function openMosaicPicker(anchor, opts) {
+    const doc = anchor.ownerDocument;
+    closeSizePickers(doc);
+    const pop = doc.createElement("div");
+    pop.className = "pde-size-picker pde-mosaic-picker";
+    const title = doc.createElement("div");
+    title.className = "pde-size-picker-label";
+    title.textContent = "Column layout";
+    pop.appendChild(title);
+    for (const preset of opts.presets) {
+        const b = doc.createElement("button");
+        b.type = "button";
+        b.className = "pde-mosaic-preset";
+        b.innerHTML = `<span class="pde-preset-bars">${preset.pcts.map((p) => `<i style="flex:${p}"></i>`).join("")}</span><span>${preset.label}</span>`;
+        b.onclick = () => {
+            opts.onPreset(preset.pcts);
+            pop.remove();
+        };
+        pop.appendChild(b);
+    }
+    const sub = doc.createElement("div");
+    sub.className = "pde-menu-title";
+    sub.textContent = "Mosaic (up to 3 rows)";
+    pop.appendChild(sub);
+    const counts = [0, 0, 0];
+    const status = doc.createElement("div");
+    status.className = "pde-size-picker-label";
+    const paintStatus = () => {
+        status.textContent = counts.map((n, i) => `Row ${i + 1}: ${n >= 2 ? n : "skip"}`).join(" · ");
+    };
+    for (let row = 0; row < 3; row++) {
+        const line = doc.createElement("div");
+        line.className = "pde-mosaic-row";
+        const lab = doc.createElement("span");
+        lab.textContent = `R${row + 1}`;
+        line.appendChild(lab);
+        const cells = [];
+        const paint = (n) => {
+            counts[row] = n;
+            cells.forEach((btn, i) => btn.classList.toggle("is-on", i < n));
+            paintStatus();
+        };
+        for (let n = 1; n <= 4; n++) {
+            const b = doc.createElement("button");
+            b.type = "button";
+            b.className = "pde-size-cell";
+            b.setAttribute("aria-label", `Row ${row + 1}: ${n === 1 ? "skip" : `${n} columns`}`);
+            b.onmouseenter = () => {
+                cells.forEach((btn, i) => btn.classList.toggle("is-on", i < (n === 1 ? 0 : n)));
+            };
+            b.onmouseleave = () => {
+                cells.forEach((btn, i) => btn.classList.toggle("is-on", i < counts[row]));
+            };
+            b.onclick = (ev) => {
+                ev.preventDefault();
+                paint(n === 1 ? 0 : n);
+            };
+            cells.push(b);
+            line.appendChild(b);
+        }
+        pop.appendChild(line);
+    }
+    paintStatus();
+    pop.appendChild(status);
+    const insert = doc.createElement("button");
+    insert.type = "button";
+    insert.className = "pde-size-picker-foot";
+    insert.textContent = "Insert mosaic";
+    insert.onclick = () => {
+        const rows = counts.filter((n) => n >= 2);
+        if (!rows.length)
+            return;
+        opts.onMosaic(rows);
+        pop.remove();
+    };
+    pop.appendChild(insert);
+    doc.body.appendChild(pop);
+    placeOverlay(anchor, pop);
+    const onDoc = (ev) => {
+        const t = ev.target;
+        if (pop.contains(t) || anchor.contains(t))
+            return;
+        pop.remove();
+        doc.removeEventListener("mousedown", onDoc, true);
+    };
+    doc.addEventListener("mousedown", onDoc, true);
+    return () => {
+        pop.remove();
+        doc.removeEventListener("mousedown", onDoc, true);
+    };
+}
+export function closeSizePickers(doc) {
+    for (const el of Array.from(doc.querySelectorAll(".pde-size-picker")))
+        el.remove();
+}
+export function clampTableSize(cols, rows) {
+    return {
+        cols: Math.max(1, Math.min(4, Math.round(cols) || 1)),
+        rows: Math.max(1, Math.min(10, Math.round(rows) || 1)),
+    };
+}
+//# sourceMappingURL=size-picker.js.map

package/dist/editor-web/controller/size-picker.js.map

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

package/dist/editor-web/controller/table-resize.d.ts

@@ -0,0 +1,14 @@
+import type { TableNode } from "../../core/model/types.js";
+import type { EditorState } from "./types.js";
+export declare function wrapperRel(s: EditorState, el: Element): {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+};
+/** Keep an absolutely positioned overlay inside the editor wrapper and the viewport. */
+export declare function clampToWrapper(s: EditorState, el: HTMLElement, pad?: number): void;
+export declare function findTableNode(s: EditorState, table: HTMLElement): TableNode | null;
+export declare function bindTableResize(s: EditorState): void;
+export declare function showTableResize(s: EditorState, table: HTMLTableElement): HTMLElement;
+//# sourceMappingURL=table-resize.d.ts.map

package/dist/editor-web/controller/table-resize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-resize.d.ts","sourceRoot":"","sources":["../../../src/editor-web/controller/table-resize.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAE3D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAM9C,wBAAgB,UAAU,CAAC,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,OAAO,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAIpH;AAED,wFAAwF;AACxF,wBAAgB,cAAc,CAAC,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,WAAW,EAAE,GAAG,SAAI,GAAG,IAAI,CAkB7E;AAED,wBAAgB,aAAa,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,GAAG,SAAS,GAAG,IAAI,CAKlF;AAsCD,wBAAgB,eAAe,CAAC,CAAC,EAAE,WAAW,GAAG,IAAI,CAqDpD;AAqBD,wBAAgB,eAAe,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,gBAAgB,GAAG,WAAW,CAqBpF"}

package/dist/editor-web/controller/table-resize.js

@@ -0,0 +1,178 @@
+import { umToPx } from "../../export/layout/units.js";
+import { findParentList } from "./nesting.js";
+const PX_UM = 25400 / 96;
+const MIN_COL_UM = 12_000;
+const DRAG_PX = 4;
+export function wrapperRel(s, el) {
+    const w = s.wrapper.getBoundingClientRect();
+    const r = el.getBoundingClientRect();
+    return { left: r.left - w.left, top: r.top - w.top, width: r.width, height: r.height };
+}
+/** Keep an absolutely positioned overlay inside the editor wrapper and the viewport. */
+export function clampToWrapper(s, el, pad = 4) {
+    const wr = s.wrapper.getBoundingClientRect();
+    const r = el.getBoundingClientRect();
+    const win = s.ownerDoc.defaultView;
+    const maxRight = Math.min(wr.right, win?.innerWidth ?? wr.right) - pad;
+    const maxBottom = Math.min(wr.bottom, win?.innerHeight ?? wr.bottom) - pad;
+    const minLeft = Math.max(wr.left, 0) + pad;
+    const minTop = Math.max(wr.top, 0) + pad;
+    const originLeft = Number.parseFloat(el.style.left) || 0;
+    const originTop = Number.parseFloat(el.style.top) || 0;
+    let left = originLeft;
+    let top = originTop;
+    if (r.right > maxRight)
+        left -= r.right - maxRight;
+    if (r.left + (left - originLeft) < minLeft)
+        left += minLeft - (r.left + left - originLeft);
+    if (r.bottom > maxBottom)
+        top -= r.bottom - maxBottom;
+    if (r.top + (top - originTop) < minTop)
+        top += minTop - (r.top + top - originTop);
+    el.style.left = `${Math.max(pad, left)}px`;
+    el.style.top = `${Math.max(pad, top)}px`;
+}
+export function findTableNode(s, table) {
+    const id = table.getAttribute("data-node-id") ?? "";
+    const found = findParentList(s.getDoc(), id);
+    const n = found?.list[found.index];
+    return n?.type === "table" ? n : null;
+}
+function firstRowCells(table) {
+    const row = table.querySelector("tr");
+    return row ? Array.from(row.children) : [];
+}
+function placeColHandles(s, table, layer) {
+    const t = wrapperRel(s, table);
+    const cells = firstRowCells(table);
+    const tableId = table.getAttribute("data-node-id") ?? "";
+    for (const old of Array.from(layer.querySelectorAll(".pde-col-handle")))
+        old.remove();
+    for (let i = 0; i < cells.length - 1; i++) {
+        const r = wrapperRel(s, cells[i]);
+        const h = s.ownerDoc.createElement("span");
+        h.className = "pde-col-handle";
+        h.dataset.colIndex = String(i);
+        h.dataset.tableId = tableId;
+        h.title = "Drag to resize column";
+        h.tabIndex = 0;
+        h.style.left = `${r.left + r.width - 4}px`;
+        h.style.top = `${t.top - 2}px`;
+        h.style.height = `${t.height + 4}px`;
+        layer.appendChild(h);
+    }
+}
+function applyColPair(table, node, i) {
+    const cols = table.querySelectorAll("colgroup col");
+    for (const idx of [i, i + 1]) {
+        const col = node.columns[idx];
+        const el = cols[idx];
+        if (!col || !el)
+            continue;
+        el.style.width = `${Math.round(umToPx(col.widthUm))}px`;
+        el.setAttribute("data-col-width-um", String(col.widthUm));
+    }
+}
+export function bindTableResize(s) {
+    s.addBoth("pointerdown", ((e) => {
+        const h = e.target.closest?.(".pde-col-handle, .pde-row-handle");
+        if (!h)
+            return;
+        e.preventDefault();
+        e.stopPropagation();
+        const table = s.container.querySelector(`table[data-node-id="${h.dataset.tableId}"]`);
+        if (!table)
+            return;
+        const tblNode = findTableNode(s, table);
+        if (!tblNode)
+            return;
+        const startX = e.clientX;
+        const startY = e.clientY;
+        const layer = h.parentElement;
+        if (h.dataset.colIndex != null) {
+            const colIdx = Number(h.dataset.colIndex);
+            const left = tblNode.columns[colIdx];
+            const right = tblNode.columns[colIdx + 1];
+            if (!left || !right)
+                return;
+            const cells = firstRowCells(table);
+            const lw = cells[colIdx]?.getBoundingClientRect().width ?? 0;
+            const rw = cells[colIdx + 1]?.getBoundingClientRect().width ?? 0;
+            const startL = lw > 1 ? Math.round(lw * PX_UM) : left.widthUm;
+            const startR = rw > 1 ? Math.round(rw * PX_UM) : right.widthUm;
+            finishDrag(s, startX, startY, (ev) => {
+                const d = Math.round((ev.clientX - startX) * PX_UM);
+                const nextL = Math.max(MIN_COL_UM, startL + d);
+                const nextR = Math.max(MIN_COL_UM, startR - d);
+                const used = nextL - startL;
+                left.widthUm = nextL;
+                right.widthUm = startR - used;
+                if (right.widthUm < MIN_COL_UM) {
+                    right.widthUm = MIN_COL_UM;
+                    left.widthUm = startL + startR - MIN_COL_UM;
+                }
+                applyColPair(table, tblNode, colIdx);
+                if (layer)
+                    placeColHandles(s, table, layer);
+            });
+            return;
+        }
+        const rowIdx = Number(h.dataset.rowIndex);
+        const row = tblNode.rows[rowIdx];
+        const tr = table.querySelectorAll("tbody tr")[rowIdx];
+        if (!row)
+            return;
+        const measured = tr?.getBoundingClientRect().height ?? 0;
+        const startH = measured > 1 ? Math.round(measured * PX_UM) : (row.heightUm ?? Math.round(32 * PX_UM));
+        finishDrag(s, startX, startY, (ev) => {
+            row.heightUm = Math.max(8000, startH + Math.round((ev.clientY - startY) * PX_UM));
+            if (tr) {
+                tr.style.height = `${Math.round(umToPx(row.heightUm))}px`;
+                tr.setAttribute("data-height-um", String(row.heightUm));
+            }
+        });
+    }));
+}
+function finishDrag(s, startX, startY, onMove) {
+    let armed = false;
+    const move = (ev) => {
+        if (!armed) {
+            if (Math.hypot(ev.clientX - startX, ev.clientY - startY) < DRAG_PX)
+                return;
+            armed = true;
+            s.pushSnapshot();
+        }
+        onMove(ev);
+    };
+    const onUp = () => {
+        s.ownerDoc.removeEventListener("pointermove", move);
+        s.ownerDoc.removeEventListener("pointerup", onUp);
+        if (armed)
+            s.opts.onChange?.(s.getDoc());
+    };
+    s.ownerDoc.addEventListener("pointermove", move);
+    s.ownerDoc.addEventListener("pointerup", onUp);
+}
+export function showTableResize(s, table) {
+    const layer = s.ownerDoc.createElement("div");
+    layer.className = "pde-table-resize";
+    layer.dataset.tableId = table.getAttribute("data-node-id") ?? "";
+    placeColHandles(s, table, layer);
+    const rows = table.querySelectorAll("tbody tr");
+    for (let i = 0; i < rows.length; i++) {
+        const rr = wrapperRel(s, rows[i]);
+        const h = s.ownerDoc.createElement("span");
+        h.className = "pde-row-handle";
+        h.dataset.rowIndex = String(i);
+        h.dataset.tableId = layer.dataset.tableId;
+        h.title = "Drag to resize row";
+        h.tabIndex = 0;
+        h.style.left = `${rr.left}px`;
+        h.style.width = `${rr.width}px`;
+        h.style.top = `${rr.top + rr.height - 3}px`;
+        layer.appendChild(h);
+    }
+    s.ui.append(layer);
+    return layer;
+}
+//# sourceMappingURL=table-resize.js.map

package/dist/editor-web/controller/table-resize.js.map

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

package/dist/editor-web/controller/table-ui.d.ts

@@ -0,0 +1,5 @@
+import type { EditorState } from "./types.js";
+export declare function attachTableUi(s: EditorState): {
+    hideTableUi: () => void;
+};
+//# sourceMappingURL=table-ui.d.ts.map

package/dist/editor-web/controller/table-ui.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-ui.d.ts","sourceRoot":"","sources":["../../../src/editor-web/controller/table-ui.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAI9C,wBAAgB,aAAa,CAAC,CAAC,EAAE,WAAW,GAAG;IAAE,WAAW,EAAE,MAAM,IAAI,CAAA;CAAE,CA2JzE"}

package/dist/editor-web/controller/table-ui.js

@@ -0,0 +1,214 @@
+import { getIconSvg } from "../../assets/icons/index.js";
+import { normalizeDocument } from "../../core/normalize/normalize.js";
+import { applyDensity, applyPreset, clearTableStyle, shadeCell, toggleLook } from "../../core/model/table-look.js";
+import { bindTableResize, findTableNode, showTableResize, wrapperRel, clampToWrapper } from "./table-resize.js";
+import { findParentList } from "./nesting.js";
+export function attachTableUi(s) {
+    let tableMenuEl = null;
+    let resizeEl = null;
+    let gearEl = null;
+    function hideResize() { resizeEl?.remove(); resizeEl = null; }
+    function hideMenu() { tableMenuEl?.remove(); tableMenuEl = null; }
+    function hideGear() { gearEl?.remove(); gearEl = null; }
+    function hideTableUi() { hideMenu(); hideResize(); hideGear(); }
+    function tableOp(mutate) {
+        s.pushSnapshot();
+        mutate();
+        s.setDoc(normalizeDocument(s.getDoc()));
+        s.render();
+        s.opts.onChange?.(s.getDoc());
+    }
+    function showChrome(table) {
+        hideResize();
+        hideGear();
+        resizeEl = showTableResize(s, table);
+        const t = wrapperRel(s, table);
+        gearEl = s.ownerDoc.createElement("button");
+        gearEl.type = "button";
+        gearEl.className = "pde-table-btn";
+        gearEl.title = "Table actions";
+        gearEl.innerHTML = getIconSvg("table", { size: 14 });
+        gearEl.style.left = `${Math.max(4, t.left + t.width - 28)}px`;
+        gearEl.style.top = `${t.top}px`;
+        gearEl.onclick = (ev) => {
+            ev.preventDefault();
+            ev.stopPropagation();
+            showTableMenu(table, t.left + t.width - 28, t.top + 28);
+        };
+        s.ui.append(gearEl);
+        clampToWrapper(s, gearEl);
+    }
+    function showTableMenu(table, x, y) {
+        hideMenu();
+        const tblNode = findTableNode(s, table);
+        if (!tblNode)
+            return;
+        tableMenuEl = s.ownerDoc.createElement("div");
+        tableMenuEl.className = "pde-block-menu pde-table-menu";
+        tableMenuEl.style.left = `${x}px`;
+        tableMenuEl.style.top = `${y}px`;
+        const curRow = s.currentBlockEl()?.closest("tr");
+        const curCell = s.currentBlockEl()?.closest("td, th");
+        const rowIndex = curRow ? Array.from(curRow.parentElement.children).indexOf(curRow) : 0;
+        const cellIndex = curCell ? Array.from(curCell.parentElement.children).indexOf(curCell) : 0;
+        const addBtn = (host, icon, label, fn, danger = false) => {
+            const b = s.ownerDoc.createElement("button");
+            b.type = "button";
+            if (danger)
+                b.classList.add("pde-menu-danger");
+            b.innerHTML = `${getIconSvg(icon, { size: 16 })}<span>${label}</span>`;
+            b.onclick = () => { fn(); hideMenu(); };
+            host.appendChild(b);
+        };
+        const addSub = (icon, label, fill) => {
+            const wrap = s.ownerDoc.createElement("div");
+            wrap.className = "pde-submenu-wrap";
+            const b = s.ownerDoc.createElement("button");
+            b.type = "button";
+            b.className = "pde-submenu-trigger";
+            b.innerHTML = `${getIconSvg(icon, { size: 16 })}<span>${label}</span>${getIconSvg("chevronDown", { size: 14 })}`;
+            const sub = s.ownerDoc.createElement("div");
+            sub.className = "pde-submenu";
+            sub.hidden = true;
+            fill(sub);
+            b.onclick = (ev) => {
+                ev.preventDefault();
+                ev.stopPropagation();
+                for (const other of tableMenuEl.querySelectorAll(".pde-submenu")) {
+                    if (other !== sub)
+                        other.hidden = true;
+                }
+                sub.hidden = !sub.hidden;
+                clampToWrapper(s, tableMenuEl);
+            };
+            wrap.append(b, sub);
+            tableMenuEl.appendChild(wrap);
+        };
+        addBtn(tableMenuEl, "rows3", "Insert row above", () => tableOp(() => cloneRow(s, tblNode, rowIndex, rowIndex)));
+        addBtn(tableMenuEl, "rows3", "Insert row below", () => tableOp(() => cloneRow(s, tblNode, rowIndex, rowIndex + 1)));
+        addBtn(tableMenuEl, "trash", "Delete row", () => tableOp(() => { if (tblNode.rows.length > 1)
+            tblNode.rows.splice(rowIndex, 1); }), true);
+        addBtn(tableMenuEl, "columns3", "Insert column left", () => tableOp(() => insertCol(s, tblNode, cellIndex)));
+        addBtn(tableMenuEl, "columns3", "Insert column right", () => tableOp(() => insertCol(s, tblNode, cellIndex + 1)));
+        addBtn(tableMenuEl, "trash", "Delete column", () => tableOp(() => {
+            if (tblNode.columns.length > 1) {
+                tblNode.columns.splice(cellIndex, 1);
+                for (const row of tblNode.rows)
+                    row.cells.splice(cellIndex, 1);
+            }
+        }), true);
+        addBtn(tableMenuEl, "columns3", "Merge cell right", () => tableOp(() => mergeRight(tblNode, rowIndex, cellIndex)));
+        addBtn(tableMenuEl, "split", "Split merged cell", () => tableOp(() => splitCell(s, tblNode, rowIndex, cellIndex)));
+        addSub("rows3", "Row height", (sub) => {
+            addBtn(sub, "rows3", "Compact", () => tableOp(() => applyDensity(tblNode, "compact")));
+            addBtn(sub, "rows3", "Normal", () => tableOp(() => applyDensity(tblNode, "normal")));
+            addBtn(sub, "rows3", "Large", () => tableOp(() => applyDensity(tblNode, "large")));
+        });
+        addSub("table", "Style options", (sub) => {
+            const looks = [
+                ["headerRow", "Header row"],
+                ["totalRow", "Total row"],
+                ["bandedRows", "Banded rows"],
+                ["firstColumn", "First column"],
+                ["lastColumn", "Last column"],
+                ["bandedColumns", "Banded columns"],
+            ];
+            for (const [key, label] of looks)
+                addBtn(sub, "table", label, () => tableOp(() => toggleLook(tblNode, key)));
+        });
+        addSub("table", "Word-like styles", (sub) => {
+            const presets = [
+                ["plain", "Plain"],
+                ["grid", "Grid"],
+                ["grid-banded", "Grid banded"],
+                ["list", "List"],
+                ["list-header", "List header"],
+                ["accent", "Accent"],
+            ];
+            for (const [id, label] of presets)
+                addBtn(sub, "table", label, () => tableOp(() => applyPreset(tblNode, id)));
+        });
+        addBtn(tableMenuEl, "background", "Shade cell…", () => tableOp(() => {
+            const cell = tblNode.rows[rowIndex]?.cells[cellIndex];
+            if (!cell)
+                return;
+            const color = s.ownerDoc.defaultView?.prompt("Cell fill (#hex or empty to clear)", String(cell.style?.background ?? "#dbeafe"));
+            shadeCell(cell, color?.trim() || undefined);
+        }));
+        addBtn(tableMenuEl, "eraser", "Clear table styles", () => tableOp(() => clearTableStyle(tblNode)));
+        addBtn(tableMenuEl, "trash", "Delete table", () => tableOp(() => {
+            const found = findParentList(s.getDoc(), tblNode.id ?? "");
+            if (found)
+                found.list.splice(found.index, 1);
+        }), true);
+        s.ui.append(tableMenuEl);
+        clampToWrapper(s, tableMenuEl);
+    }
+    s.addBoth("click", ((e) => {
+        const el = e.target;
+        if (el?.closest?.(".pde-col-handle, .pde-row-handle, .pde-table-btn, .pde-table-menu"))
+            return;
+        const table = el?.closest?.("table.pde-table");
+        if (!table || !s.container.contains(table)) {
+            hideTableUi();
+            return;
+        }
+        showChrome(table);
+    }));
+    const prevRender = s.render;
+    s.render = () => {
+        prevRender();
+        for (const table of Array.from(s.container.querySelectorAll("table.pde-table"))) {
+            table.addEventListener("click", () => showChrome(table));
+        }
+    };
+    bindTableResize(s);
+    return { hideTableUi };
+}
+function cloneRow(s, tbl, srcIdx, atIdx) {
+    const src = tbl.rows[srcIdx];
+    if (!src)
+        return;
+    const copy = JSON.parse(JSON.stringify(src));
+    copy.id = s.idGen.next();
+    for (const c of copy.cells)
+        c.id = s.idGen.next();
+    tbl.rows.splice(Math.max(0, Math.min(atIdx, tbl.rows.length)), 0, copy);
+}
+function mergeRight(tbl, rowIndex, cellIndex) {
+    const row = tbl.rows[rowIndex];
+    const cell = row?.cells[cellIndex];
+    const next = row?.cells[cellIndex + 1];
+    if (!cell || !next)
+        return;
+    cell.colSpan = (cell.colSpan || 1) + (next.colSpan || 1);
+    if (next.blocks)
+        cell.blocks = [...(cell.blocks ?? []), ...next.blocks];
+    row.cells.splice(cellIndex + 1, 1);
+}
+function splitCell(s, tbl, rowIndex, cellIndex) {
+    const row = tbl.rows[rowIndex];
+    const cell = row?.cells[cellIndex];
+    if (!cell || (cell.colSpan || 1) <= 1)
+        return;
+    const extra = cell.colSpan - 1;
+    cell.colSpan = 1;
+    for (let i = 0; i < extra; i++) {
+        row.cells.splice(cellIndex + 1 + i, 0, {
+            id: s.idGen.next(),
+            colSpan: 1,
+            blocks: [{ type: "paragraph", id: s.idGen.next(), children: [] }],
+        });
+    }
+}
+function insertCol(s, tbl, atIdx) {
+    tbl.columns.splice(Math.max(0, atIdx), 0, { id: s.idGen.next(), widthUm: 40000 });
+    for (const row of tbl.rows) {
+        row.cells.splice(Math.max(0, atIdx), 0, {
+            id: s.idGen.next(),
+            colSpan: 1,
+            blocks: [{ type: "paragraph", id: s.idGen.next(), children: [] }],
+        });
+    }
+}
+//# sourceMappingURL=table-ui.js.map