@h-k-dev/angular-email-editor 0.0.4 → 0.0.5

package/fesm2022/h-k-dev-angular-email-editor.mjs

@@ -2231,11 +2231,12 @@ function tokens(value) {
  * engine handles both — so merged cells are a real feature here, and imported
  * mail keeps its shape instead of being flattened.
  */
-// The serialized table is intentionally borderless — grid lines are an
-// editor-only editing aid (see the `.ProseMirror table` rules in the app's
-// global styles), not part of the email a recipient receives. Padding is a
-// fixed, responsive value (horizontal padding eats a phone's width, so it
-// stays modest).
+// The table element itself carries no border or padding — those are per cell
+// (`border` and `padding` attrs, which is what tells the three `TableKind`s
+// apart). The faint grid shown while editing is an editor-only aid (the
+// layout-guide rules in the app's global styles), not part of the email.
+// Preset padding is a fixed, modest value (horizontal padding eats a phone's
+// width).
 // `table-layout: fixed` is the difference between a table you can type in and
 // one that jumps: without it, column widths are computed from *content*, so
 // every keystroke re-lays out the whole grid and the column you are typing in
@@ -2253,19 +2254,23 @@ function tokens(value) {
     40% of the container, in every client and in the editor alike). The
     offset serializes as `margin-left` — inline margins on tables are what
     Outlook's own Word composer emits, so its engine reads them, and a client
-    that strips them degrades the table gracefully to left-aligned. */
-const tableStyle = (width, offset) => `width: ${formatPct(width)};` +
+    that strips them degrades the table gracefully to left-aligned.
+    `spacing` (px, or null for none) is the room above and below the table —
+    `margin-top`/`margin-bottom`, block only, never the sides: real space
+    between the table and the lines of text around it, which a client that
+    strips it degrades to a table flush against its neighbours. */
+const tableStyle = (width, offset, spacing = null) => `width: ${formatPct(width)};` +
     (offset > 0 ? ` margin-left: ${formatPct(offset)};` : '') +
+    (spacing ? ` margin-top: ${spacing}px; margin-bottom: ${spacing}px;` : '') +
     ' table-layout: fixed; border-collapse: collapse;';
 // Fixed layout means a long unbroken word can no longer widen its column, so it
 // would spill out of the cell instead. The editor never showed that (the
 // editable root sets `word-wrap` for its own reasons, and it inherits), which
 // is exactly why it has to be said out loud here — otherwise the overflow shows
 // up only in the recipient's client.
-// No padding here: the email carries only *authored* padding (the `padding`
-// attr, parsed off user markup). The comfortable default spacing seen while
-// composing is editorial — an `.aee-editor` CSS rule the serializer never
-// sees — so it can also reserve the room the block affordances live in.
+// No padding here: the email carries only the cell's own `padding` attr
+// (authored, or a bordered/borderless preset's), and the editor draws exactly
+// that — it adds no cell spacing of its own.
 const cellStyle = (valign) => `vertical-align: ${valign}; overflow-wrap: break-word;`;
 /** A cell's horizontal alignment off parsed markup: the inline style first,
     then the legacy `align` attribute — the pair real mail is written with,
@@ -2310,13 +2315,15 @@ function parsePadding(dom) {
     `<td>` is the bulletproof border in email — Outlook's Word engine renders
     it), with `border-collapse` on the table keeping the grid single-lined. */
 const TABLE_BORDER_COLOR = 'rgb(208, 215, 229)';
-/** The bordered table's *real* cell padding — Excel-style breathing room, so
-    the rendered email is readable inside its grid. Deliberately the same
-    value as the editor's editorial default spacing (the app's `.aee-editor
-    table td` rule): a bordered and a plain table feel identical while
-    composing; only what the recipient gets differs — the preset ships its
-    padding, the plain table ships none unless authored. */
+/** The *real* cell padding a bordered or borderless table ships —
+    Excel-style breathing room, so the rendered email is readable. A layout
+    table ships none unless authored, and is drawn flush in the editor too. */
 const TABLE_CELL_PADDING = '8px 12px';
+/** The room a bordered or borderless table keeps above and below itself, in
+    px — real (`margin-top`/`margin-bottom` on the table, see `tableStyle`),
+    so the email sets the table off from the text around it exactly as the
+    editor does. Block only: the sides stay on the text column. */
+const TABLE_BLOCK_SPACING = 16;
 /** Canonical percentage: one decimal at most, no trailing zero (25%, 33.3%). */
 const formatPct = (n) => `${Math.round(n * 10) / 10}%`;
 /** No column below 10%: at 320px that is ~32px — the width where a column
@@ -2341,7 +2348,18 @@ function pctOf(raw) {
 function parseTableBox(dom) {
     const width = Math.min(Math.max(pctOf(dom.style?.width || dom.getAttribute('width') || '') ?? 100, MIN_TABLE_PCT), 100);
     const offset = Math.min(Math.max(pctOf(dom.style?.marginLeft || '') ?? 0, 0), 100 - width);
-    return { width, offset };
+    return { width, offset, spacing: parseBlockSpacing(dom) };
+}
+/** The room above and below a table off parsed markup: px, the same above as
+    below — the one shape `tableStyle` writes. Anything else (one side only,
+    em, %, `auto`) is not a look this schema sells, and repairs to none. */
+function parseBlockSpacing(dom) {
+    const top = (dom.style?.marginTop || '').trim();
+    if (top !== (dom.style?.marginBottom || '').trim())
+        return null;
+    const match = /^(\d+(?:\.\d+)?)px$/.exec(top);
+    const spacing = match ? Number.parseFloat(match[1]) : 0;
+    return spacing > 0 ? spacing : null;
 }
 /** A `colspan`/`rowspan` off parsed markup: 1 when absent, malformed, zero or
     negative — real mail carries all of those, and the grid must stay sane. */
@@ -2454,12 +2472,14 @@ const TableCell = defineNode({
             // Same attr name the library's commands expect, different unit on
             // purpose; pixel widths never parse in (see the node docs).
             colwidth: { default: null },
-            // Authored padding only (px, via `parsePadding`); `null` — the default —
-            // serializes none, and the editor's comfortable spacing is CSS-only.
+            // Real padding (px, via `parsePadding`): authored, or the bordered and
+            // borderless presets' `TABLE_CELL_PADDING`. `null` — the default, and a
+            // layout table's — serializes none, and the editor draws none. Cells added to a uniformly padded table inherit
+            // it (see `unifyCellPresets`).
             padding: { default: null },
             // The cell's grid-line colour (`border: 1px solid <color>`), or null
-            // for the borderless default. Set for every cell of a `/bordered-table`
-            // insert; kept uniform by the repair plugin (see `unifyCellBorders`).
+            // for no line. Set for every cell of a bordered insert (`/table`); kept
+            // uniform by the repair plugin (see `unifyCellPresets`).
             border: { default: null },
             // A fill colour on the cell (the most bulletproof background in email —
             // `background-color` on `<td>` renders even in Outlook). From the curated
@@ -2510,7 +2530,9 @@ const Table = defineNode({
         allowGapCursor: false,
         // Width and left offset in percent of the container; the defaults
         // (100, 0) serialize identically to the pre-attr canonical form.
-        attrs: { width: { default: 100 }, offset: { default: 0 } },
+        // `spacing`: px of room above and below (`TABLE_BLOCK_SPACING` for the
+        // bordered and borderless kinds), null — the default — for none.
+        attrs: { width: { default: 100 }, offset: { default: 0 }, spacing: { default: null } },
         parseDOM: [{ tag: 'table', getAttrs: (dom) => parseTableBox(dom) }],
         // <tbody> wrapper matches what mail clients expect and what the HTML
         // parser re-injects, so serialize → parse → serialize is a fixpoint.
@@ -2521,14 +2543,15 @@ const Table = defineNode({
             'table',
             {
                 role: 'presentation',
-                style: tableStyle(node.attrs['width'], node.attrs['offset']),
+                style: tableStyle(node.attrs['width'], node.attrs['offset'], node.attrs['spacing']),
             },
             ['tbody', 0],
         ],
     },
     commands: ({ schema }) => ({
-        /** The default shape is the one /table inserts — three rows by two. */
-        insertTable: (rows = 3, cols = 2) => insertTableFocused(schema, rows, cols),
+        /** The default shape and kind are the ones /table inserts — three rows
+            by two, bordered (see `TableKind`). */
+        insertTable: (rows = 3, cols = 2, kind = 'bordered') => insertTableFocused(schema, rows, cols, kind),
         // Selection-relative structure edits, straight from the library: each one
         // understands merged cells and multi-cell selections for free. The
         // add-column pair is wrapped: on a table with declared widths, the library
@@ -2668,15 +2691,15 @@ const Table = defineNode({
         // a rectangle. Covers everything that reaches the editor as a transaction
         // — paste, drops, `setContent`, an import landing on the html signal —
         // while `repairTables` covers the pure parse path (see `html.ts`).
-        // `unifyCellBorders` rides the same pass: cells that structural edits add
-        // arrive with the default null border and inherit a uniform table's.
+        // `unifyCellPresets` rides the same pass: cells that structural edits add
+        // arrive with a null border and padding and inherit a uniform table's.
         new Plugin({
             key: new PluginKey('tableRepair'),
             appendTransaction: (transactions, oldState, newState) => {
                 if (!transactions.some((tr) => tr.docChanged))
                     return undefined;
                 const tr = fixTables(newState, oldState) ?? newState.tr;
-                unifyCellBorders(tr);
+                unifyCellPresets(tr, insertedRanges([...transactions, tr]));
                 return tr.docChanged ? tr : undefined;
             },
         }),
@@ -2687,23 +2710,32 @@ const Table = defineNode({
     // Three rows by two: a table asked for by name starts with somewhere to
     // write a heading line and two entries under it, which is what an email
     // table almost always turns out to be. A picker (the app's grid) says its
-    // own size; this is only what `/table` means on its own.
+    // own size; this is only what `/table` means on its own. One item per
+    // `TableKind`, the bordered default first.
     actions: ({ schema }) => [
         {
             id: 'table',
             section: 'layout',
             title: 'Table',
-            keywords: ['table', 'grid', 'rows', 'columns'],
-            icon: 'table_chart',
-            command: insertTableFocused(schema, 3, 2),
+            keywords: ['table', 'bordered', 'grid', 'rows', 'columns', 'excel', 'lines'],
+            icon: 'grid_on',
+            command: insertTableFocused(schema, 3, 2, 'bordered'),
         },
         {
-            id: 'bordered-table',
+            id: 'borderless-table',
             section: 'layout',
-            title: 'Bordered table',
-            keywords: ['bordered-table', 'table', 'borders', 'grid', 'excel', 'lines'],
-            icon: 'grid_on',
-            command: insertTableFocused(schema, 3, 2, TABLE_BORDER_COLOR),
+            title: 'Borderless table',
+            keywords: ['borderless-table', 'table', 'borderless', 'no lines', 'padding'],
+            icon: 'border_clear',
+            command: insertTableFocused(schema, 3, 2, 'borderless'),
+        },
+        {
+            id: 'layout-table',
+            section: 'layout',
+            title: 'Layout table',
+            keywords: ['layout-table', 'table', 'layout', 'invisible', 'side by side'],
+            icon: 'view_quilt',
+            command: insertTableFocused(schema, 3, 2, 'layout'),
         },
     ],
 });
@@ -2729,13 +2761,13 @@ function setCellBackground(color) {
 /** Inserts a table and drops the cursor into its first cell. The table is
     located after insertion (rather than by fragile nodeSize math) and
     `cellStart` resolves the exact text position inside cell (0, 0). */
-function insertTableFocused(schema, rows, cols, border = null) {
+function insertTableFocused(schema, rows, cols, kind) {
     return (state, dispatch) => {
         // Asked, not told: answer before building anything — a toolbar asks on
         // every transaction.
         if (!dispatch)
             return true;
-        const table = buildTable(schema, rows, cols, border);
+        const table = buildTable(schema, rows, cols, kind);
         const from = state.selection.from;
         const tr = state.tr.replaceSelectionWith(table);
         let tablePos = -1;
@@ -3071,49 +3103,90 @@ function isColumnBoundaryClean(map, index) {
     }
     return true;
 }
-function buildTable(schema, rows, cols, border) {
+function buildTable(schema, rows, cols, kind) {
     const cellType = schema.nodes['tableCell'];
     const rowType = schema.nodes['tableRow'];
     const tableType = schema.nodes['table'];
-    // The bordered preset ships real padding with its grid (see
-    // TABLE_CELL_PADDING); a plain table ships none unless authored.
-    const attrs = { border, padding: border ? TABLE_CELL_PADDING : null };
+    // Bordered and borderless ship real padding (TABLE_CELL_PADDING); a layout
+    // table ships none — its spacing is the editor's alone.
+    const attrs = {
+        border: kind === 'bordered' ? TABLE_BORDER_COLOR : null,
+        padding: kind === 'layout' ? null : TABLE_CELL_PADDING,
+    };
     const makeRow = () => rowType.create(null, Array.from({ length: cols }, () => cellType.createAndFill(attrs)));
-    return tableType.create(null, Array.from({ length: rows }, makeRow));
+    return tableType.create({ spacing: kind === 'layout' ? null : TABLE_BLOCK_SPACING }, Array.from({ length: rows }, makeRow));
+}
+/** The ranges of the final document that the steps of `trs` (applied one
+    after another) inserted — what is *new* in it. Earlier ranges are mapped
+    through every later step, so all of them speak the last doc's positions. */
+function insertedRanges(trs) {
+    let ranges = [];
+    for (const tr of trs) {
+        for (const map of tr.mapping.maps) {
+            ranges = ranges.map(([from, to]) => [map.map(from, -1), map.map(to, 1)]);
+            map.forEach((_oldStart, _oldEnd, newStart, newEnd) => {
+                if (newEnd > newStart)
+                    ranges.push([newStart, newEnd]);
+            });
+        }
+    }
+    return ranges;
 }
 /**
- * Keeps a *uniformly* bordered table uniform: when every bordered cell wears
- * the same colour and some cells have none — which is what any structural
- * edit produces, since `addRow`/`addColumn`/the pills create cells with the
- * default null border — the bare cells inherit it. A table with *mixed*
- * border colours (authored, imported) is left exactly as written: repair,
- * not opinion. `setNodeMarkup` never changes node sizes, so positions
- * collected up front stay valid as the jobs apply.
+ * Keeps a preset table uniform: `addRow`/`addColumn`/the pills/Tab past the
+ * end all create cells with a null `border` and `padding`, which would leave
+ * a bordered or borderless table with cells the email draws differently from
+ * their neighbours.
+ *
+ *  - **Border**: when every bordered cell wears the same colour, the bare
+ *    cells inherit it. Mixed colours (authored, imported) stay as written.
+ *  - **Padding**: stricter — only cells *this transaction added* to a table
+ *    that was *already there* inherit a uniform padding. Real mail pads a
+ *    spacer cell here and there, and an import must not spread that over
+ *    every cell: repair, not opinion.
+ *
+ * `setNodeMarkup` never changes node sizes, so positions collected up front
+ * stay valid as the jobs apply.
  */
-function unifyCellBorders(tr) {
+function unifyCellPresets(tr, inserted) {
+    const isNew = (from, to) => inserted.some(([f, t]) => f <= from && to <= t);
     const jobs = [];
     tr.doc.descendants((node, pos) => {
         if (node.type.name !== 'table')
             return true;
-        const colors = new Set();
-        let bare = 0;
+        const borders = new Set();
+        const paddings = new Set();
+        let unbordered = 0;
         node.descendants((cell) => {
             if (cell.type.name !== 'tableCell')
                 return true;
             const border = cell.attrs['border'];
+            const padding = cell.attrs['padding'];
             if (border)
-                colors.add(border);
+                borders.add(border);
             else
-                bare++;
-            return true;
+                unbordered++;
+            if (padding)
+                paddings.add(padding);
+            return false;
         });
-        if (colors.size === 1 && bare > 0) {
-            const border = [...colors][0];
+        const border = borders.size === 1 && unbordered > 0 ? [...borders][0] : null;
+        const padding = paddings.size === 1 && !isNew(pos, pos + node.nodeSize) ? [...paddings][0] : null;
+        if (border || padding) {
             node.descendants((cell, rel) => {
-                if (cell.type.name === 'tableCell' && !cell.attrs['border']) {
-                    jobs.push({ pos: pos + 1 + rel, attrs: { ...cell.attrs, border } });
+                if (cell.type.name !== 'tableCell')
+                    return true;
+                const at = pos + 1 + rel;
+                const attrs = { ...cell.attrs };
+                if (border && !attrs['border'])
+                    attrs['border'] = border;
+                if (padding && !attrs['padding'] && isNew(at, at + cell.nodeSize)) {
+                    attrs['padding'] = padding;
                 }
-                return true;
+                if (attrs['border'] !== cell.attrs['border'] || attrs['padding'] !== cell.attrs['padding']) {
+                    jobs.push({ pos: at, attrs });
+                }
+                return false;
             });
         }
         return false; // cells handled; nothing tabular nests deeper
@@ -5548,7 +5621,9 @@ const Columns = defineNode({
         insertColumns: (count = 2) => insertColumns(schema, count),
         /** Fill the column the cursor is in (or clear it with `null`). */
         setColumnBackground: (color) => setColumnBackground(color),
-        // Structural edits for the block menu. Named apart from the table's
+        // Caret-relative structural edits, for a host's own controls (the
+        // block's pills use the position-addressed `appendColumn` /
+        // `removeLastColumn`). Named apart from the table's
         // `addColumnAfter`/`deleteColumn` — commands merge into one flat record.
         addColumn: () => addColumn,
         removeColumn: () => removeColumn,
@@ -5568,12 +5643,17 @@ const Columns = defineNode({
     // column's edge hops straight into the neighbouring column — the layout
     // twin of the table's cell-to-cell arrows. Mod-A is the table's scoped
     // select-all applied here: column content first, block from an empty
-    // column, the stock whole-document one from the block selection on.
+    // column, the stock whole-document one from the block selection on. And
+    // Delete over whole columns removes them — the block's only delete.
     plugins: () => [
         keymap({
             ArrowLeft: columnArrow(-1),
             ArrowRight: columnArrow(1),
             'Mod-a': selectColumnContent,
+            Backspace: deleteFullySelectedColumns,
+            'Mod-Backspace': deleteFullySelectedColumns,
+            Delete: deleteFullySelectedColumns,
+            'Mod-Delete': deleteFullySelectedColumns,
         }),
     ],
     actions: ({ schema }) => [
@@ -5604,6 +5684,16 @@ function hasColumnChildren(dom) {
     }
     return false;
 }
+/** How many empty lines a fresh column starts with. Two, not one: the block
+    has no padding of the editor's own, so a one-line column is a sliver the
+    eye reads as a stray rule rather than a place to write — two lines give
+    it the shape of a column, the way /table starts with rows to fill. */
+const COLUMN_STARTING_LINES = 2;
+/** An empty column, {@link COLUMN_STARTING_LINES} lines tall. */
+function freshColumn(schema, attrs = null) {
+    const lines = Array.from({ length: COLUMN_STARTING_LINES }, () => schema.nodes['paragraph'].createAndFill());
+    return schema.nodes['column'].create(attrs, lines);
+}
 /** Inserts an n-column block and drops the cursor into the first column. */
 function insertColumns(schema, count) {
     return (state, dispatch) => {
@@ -5611,10 +5701,9 @@ function insertColumns(schema, count) {
         // every transaction.
         if (!dispatch)
             return true;
-        const colType = schema.nodes['column'];
         const columnsType = schema.nodes['columns'];
         const maxWidth = columnMaxWidth(count);
-        const columns = Array.from({ length: count }, () => colType.createAndFill({ maxWidth }));
+        const columns = Array.from({ length: count }, () => freshColumn(schema, { maxWidth }));
         const node = columnsType.create(null, columns);
         const from = state.selection.from;
         const tr = state.tr.replaceSelectionWith(node);
@@ -5721,9 +5810,7 @@ const addColumn = (state, dispatch) => {
     const existing = [];
     ctx.node.forEach((col) => existing.push(col));
     const columns = resplitColumns(existing, count);
-    const fresh = state.schema.nodes['column'].createAndFill({
-        maxWidth: columnMaxWidth(count),
-    });
+    const fresh = freshColumn(state.schema, { maxWidth: columnMaxWidth(count) });
     columns.splice(ctx.index + 1, 0, fresh);
     const tr = state.tr.replaceWith(ctx.pos, ctx.pos + ctx.node.nodeSize, ctx.node.type.create(ctx.node.attrs, columns));
     // The fresh column starts after the block's opening token (+1) and every
@@ -5764,6 +5851,107 @@ const deleteColumns = (state, dispatch) => {
     dispatch?.(state.tr.delete(ctx.pos, ctx.pos + ctx.node.nodeSize).scrollIntoView());
     return true;
 };
+/** Restructures the columns block at `pos` in place: drops the columns
+    `keep` refuses, optionally appends an empty one, and re-splits every cap
+    evenly. Step by step — never a whole-block replace — so the selection
+    maps through untouched: a caret in a kept column stays exactly where it
+    was, one in a removed column lands at the nearest valid spot. The pills'
+    and the select-to-delete gesture's shared tail. */
+function restructureColumns(state, pos, block, keep, append = false) {
+    const tr = state.tr;
+    const starts = [];
+    let at = pos + 1;
+    block.forEach((col) => {
+        starts.push(at);
+        at += col.nodeSize;
+    });
+    // Back to front, so the earlier starts stay valid.
+    for (let index = block.childCount - 1; index >= 0; index--) {
+        if (!keep(index))
+            tr.delete(starts[index], starts[index] + block.child(index).nodeSize);
+    }
+    if (append) {
+        const end = tr.mapping.map(pos + block.nodeSize - 1, -1);
+        tr.insert(end, freshColumn(state.schema));
+    }
+    const rebuilt = tr.doc.nodeAt(pos);
+    const maxWidth = columnMaxWidth(rebuilt.childCount);
+    rebuilt.forEach((col, offset) => {
+        tr.setNodeMarkup(pos + 1 + offset, undefined, { ...col.attrs, maxWidth });
+    });
+    return tr;
+}
+/** The `+` pill on the block's right flank: an empty column after the last,
+    up to {@link MAX_COLUMNS}; every cap re-splits evenly. Addressed by the
+    block's position, not the caret — the pill acts on the block it is on. */
+function appendColumn(pos) {
+    return (state, dispatch) => {
+        const block = state.doc.nodeAt(pos);
+        if (block?.type.name !== 'columns' || block.childCount >= MAX_COLUMNS)
+            return false;
+        dispatch?.(restructureColumns(state, pos, block, () => true, true));
+        return true;
+    };
+}
+/** The `−` pill on the block's left flank: the last column goes — the `+`'s
+    exact inverse — and the rest re-split evenly. Refuses on the last one
+    left: the block itself goes by selecting it whole and pressing Delete. */
+function removeLastColumn(pos) {
+    return (state, dispatch) => {
+        const block = state.doc.nodeAt(pos);
+        if (block?.type.name !== 'columns' || block.childCount <= 1)
+            return false;
+        dispatch?.(restructureColumns(state, pos, block, (index) => index < block.childCount - 1));
+        return true;
+    };
+}
+/**
+ * Backspace/Delete with whole columns selected — the table's gesture on the
+ * layout block: select a column's content end to end (Mod-A in it, or a
+ * drag) and the column goes; select several whole columns and they go;
+ * select every column and the block goes. Anything less falls through to
+ * the ordinary delete, which clears the selected text.
+ */
+const deleteFullySelectedColumns = (state, dispatch) => {
+    const selection = state.selection;
+    if (!(selection instanceof TextSelection) || selection.empty)
+        return false;
+    const { $from, $to } = selection;
+    let depth = -1;
+    for (let d = $from.depth; d > 0; d--) {
+        if ($from.node(d).type.name === 'columns') {
+            depth = d;
+            break;
+        }
+    }
+    if (depth < 0 || $to.depth < depth || $to.before(depth) !== $from.before(depth))
+        return false;
+    const block = $from.node(depth);
+    const pos = $from.before(depth);
+    const first = $from.index(depth);
+    const last = $to.index(depth);
+    // Whole columns: the selection starts where the first column's text starts
+    // and ends where the last column's text ends.
+    const start = (index) => {
+        let at = pos + 1;
+        for (let i = 0; i < index; i++)
+            at += block.child(i).nodeSize;
+        return at;
+    };
+    const textStart = Selection.findFrom(state.doc.resolve(start(first) + 1), 1, true);
+    const textEnd = Selection.findFrom(state.doc.resolve(start(last) + block.child(last).nodeSize - 1), -1, true);
+    if (!textStart || !textEnd || $from.pos > textStart.from || $to.pos < textEnd.to)
+        return false;
+    if (!dispatch)
+        return true;
+    if (first === 0 && last === block.childCount - 1) {
+        dispatch(state.tr.delete(pos, pos + block.nodeSize).scrollIntoView());
+        return true;
+    }
+    const keep = (index) => index < first || index > last;
+    dispatch(restructureColumns(state, pos, block, keep).scrollIntoView());
+    return true;
+};
 /**
  * Tab / Shift-Tab inside a columns block: move to the next / previous column,
  * and past the block's ends hand off to the surrounding blocks. Always claims
@@ -5862,7 +6050,12 @@ const selectColumnContent = (state, dispatch) => {
     if (depth < 0)
         return false;
     const column = $from.node(depth);
-    const empty = column.childCount === 1 && column.firstChild.childCount === 0;
+    // Empty: nothing but blank lines (a fresh column has two).
+    let empty = true;
+    column.forEach((block) => {
+        if (!block.isTextblock || block.childCount > 0)
+            empty = false;
+    });
     if (dispatch) {
         if (empty) {
             dispatch(state.tr.setSelection(NodeSelection.create(state.doc, $from.before(depth - 1))));
@@ -13622,7 +13815,7 @@ class TableView {
         this.#box = this.dom.appendChild(document.createElement('div'));
         this.#box.className = 'aee-table-box';
         this.#table = this.#box.appendChild(document.createElement('table'));
-        this.#table.setAttribute('style', tableStyle(node.attrs['width'], node.attrs['offset']));
+        this.#table.setAttribute('style', tableStyle(node.attrs['width'], node.attrs['offset'], node.attrs['spacing']));
         this.#table.setAttribute('role', 'presentation');
         this.#colgroup = this.#table.appendChild(document.createElement('colgroup'));
         this.contentDOM = this.#table.appendChild(document.createElement('tbody'));
@@ -13752,7 +13945,7 @@ class TableView {
         // is CSS-inset to the wrapper's content box (inside the editor-only
         // gutter), so a child's `left` percentage is a share of the table's own
         // area — table-relative shares are converted once, here.
-        this.#table.setAttribute('style', tableStyle(tableWidth, offset));
+        this.#table.setAttribute('style', tableStyle(tableWidth, offset, node.attrs['spacing']));
         // An authored table (a template's, parsed in the `email` mode) shows its
         // own attributes, as the email does — see authored.ts.
         applyAuthoredAttributes(this.#table, node, 0);
@@ -13922,7 +14115,9 @@ class TableView {
     rows are the same object (ProseMirror's persistent tree), so a keystroke
     is one new cell and a handful of identity compares. */
 function sameTableChrome(a, b) {
-    if (a.attrs['width'] !== b.attrs['width'] || a.attrs['offset'] !== b.attrs['offset']) {
+    if (a.attrs['width'] !== b.attrs['width'] ||
+        a.attrs['offset'] !== b.attrs['offset'] ||
+        a.attrs['spacing'] !== b.attrs['spacing']) {
         return false;
     }
     if (a.childCount !== b.childCount)
@@ -14054,6 +14249,8 @@ class ColumnsView {
     contentDOM;
     #box;
     #lines;
+    #append;
+    #remove;
     #node;
     #view;
     #getPos;
@@ -14076,6 +14273,14 @@ class ColumnsView {
         this.#lines.className = 'aee-col-lines';
         this.#lines.contentEditable = 'false';
         this.#lines.setAttribute('aria-hidden', 'true');
+        // The block's two pills, the table's `+` turned into a stepper: `+` on
+        // the right flank appends a column, `−` on the left takes the last one
+        // away. Each sits in a sensor zone over the gutter beside the box — only
+        // non-editable ground, so the zone can stay hit-testable and the pointer
+        // never crosses dead space on its way over. No delete button: the block
+        // goes the table's way, selected whole and Delete.
+        this.#append = this.#pill('end', '+', 'Add column', appendColumn);
+        this.#remove = this.#pill('start', '−', 'Remove last column', removeLastColumn);
         this.#render(node);
     }
     update(node) {
@@ -14091,11 +14296,34 @@ class ColumnsView {
             target === this.#box ||
             target === this.#lines ||
             this.#lines.contains(target) ||
+            // The pills and their zones are ours too.
+            (target instanceof Element && !!target.closest('.aee-add-zone')) ||
             // The contentDOM's own attributes are ours; its children are ProseMirror's.
             (target === this.contentDOM && record.type === 'attributes'));
     }
+    #pill(side, glyph, label, command) {
+        const zone = this.#box.appendChild(document.createElement('div'));
+        zone.className = `aee-add-zone aee-add-zone--${side}`;
+        zone.contentEditable = 'false';
+        zone.setAttribute('aria-hidden', 'true');
+        const pill = zone.appendChild(document.createElement('div'));
+        pill.className = `aee-add-pill aee-add-pill--${side}`;
+        pill.textContent = glyph;
+        pill.setAttribute('role', 'button');
+        pill.setAttribute('title', label);
+        // preventDefault keeps the caret where it is; the command runs on click.
+        pill.addEventListener('mousedown', (event) => event.preventDefault());
+        pill.addEventListener('click', () => {
+            command(this.#getPos())(this.#view.state, this.#view.dispatch);
+        });
+        return pill;
+    }
     #render(node) {
         this.#box.setAttribute('style', containerStyle(node.attrs['align']));
+        // A pill with nothing to do says so: no `+` past the most columns, no
+        // `−` on the last one.
+        this.#append.toggleAttribute('data-disabled', node.childCount >= MAX_COLUMNS);
+        this.#remove.toggleAttribute('data-disabled', node.childCount <= 1);
         // An authored columns block shows its own attributes (authored.ts).
         applyAuthoredAttributes(this.#box, node, 0);
         const caps = columnCaps(node);
@@ -17300,29 +17528,43 @@ function discardTransaction(view) {
 /**
  * Where a floating menu goes for an anchor line: under it, clamped to its
  * scroll container, flipped above when below would overflow the visible
- * area. Read-only — it measures and returns, and the caller writes `left` /
- * `top` in its own write phase, so measuring never follows a write in the
- * same task. The element must be `position: absolute` inside a
+ * area. When it fits on neither side it goes to the side with more room and
+ * says how tall it may be there (`maxHeight`) — flip, then size, as Floating
+ * UI does — so the container never clips it.
+ *
+ * Read-only — it measures and returns, and the caller writes `left` / `top`
+ * (and the height cap) in its own write phase, so measuring never follows a
+ * write in the same task. The element must be `position: absolute` inside a
  * `position: relative` scroll container; its size is read as rendered, so
- * call it after its contents are in.
+ * call it after its contents are in. A caller that caps the box itself
+ * passes `height`, the box's height without that cap — a box measured at the
+ * last cap would choose its side by the old room, not its own size.
  */
-function measureMenuPlacement(anchor, element, offset) {
+function measureMenuPlacement(anchor, element, offset, height = element.offsetHeight) {
     const container = element.offsetParent ?? element.parentElement;
     if (!container)
         return null;
     const containerRect = container.getBoundingClientRect();
-    const { offsetWidth: width, offsetHeight: height } = element;
+    const width = element.offsetWidth;
     const { scrollLeft, scrollTop, scrollWidth, clientHeight } = container;
     const left = Math.min(Math.max(anchor.left - containerRect.left + scrollLeft, 0), Math.max(scrollWidth - width, 0));
-    // Below the line; flip above when it would overflow the visible part of
-    // the scroll container.
-    let top = anchor.bottom - containerRect.top + scrollTop + offset;
-    if (top + height > scrollTop + clientHeight) {
-        const above = anchor.top - containerRect.top + scrollTop;
-        if (above - height - offset >= scrollTop)
-            top = above - height - offset;
-    }
-    return { left, top };
+    // The box's top edge below the line, its bottom edge above it, and the
+    // visible part of the scroll container each leaves.
+    const below = anchor.bottom - containerRect.top + scrollTop + offset;
+    const above = anchor.top - containerRect.top + scrollTop - offset;
+    const roomBelow = scrollTop + clientHeight - below;
+    const roomAbove = above - scrollTop;
+    if (height <= roomBelow)
+        return { left, top: below, maxHeight: null };
+    if (height <= roomAbove)
+        return { left, top: above - height, maxHeight: null };
+    // Fits neither: the side with more room, shrunk to it. A line out of
+    // sight on both sides leaves no room to shrink to — below, as it is.
+    if (roomAbove > roomBelow && roomAbove > 0)
+        return { left, top: scrollTop, maxHeight: roomAbove };
+    if (roomBelow > 0)
+        return { left, top: below, maxHeight: roomBelow };
+    return { left, top: below, maxHeight: null };
 }
 
 /** The dialect installed on an editor, as plugin state, so the send intent
@@ -18781,5 +19023,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AUTHORED_ATTR, AUTHORED_SPEC_KEY, AUTHORED_STYLE_DEFAULTS_KEY, AuthoredEnter, BLOCKQUOTE_STYLE, BLOCK_MENU_FOCUS_KEY, BUTTON_FILL, BUTTON_STYLE, BaseKeymap, Blockquote, Bold, BulletList, Button, CARET_ROOM, CLIENT_LABELS, COMMENT_TAG, CONTENT_ATTRS, CSS_SUPPORT, ClearFormatting, CodeLine, CodeLineIndent, Column, ColumnResize, Columns, ColumnsResize, DOCUMENT_CLASS, DOCUMENT_TAGS, DUAL_BACKGROUND_MIN_RATIO, DUAL_CONTRAST_DARK, DUAL_CONTRAST_LIGHT, DUAL_CONTRAST_MIN_RATIO, Divider, Document$1 as Document, DocumentStyles, EMAIL_ATTRIBUTES, EMAIL_CSS_PROPERTIES, EMAIL_SAFE_STYLE_PROPERTIES, EMAIL_SAFE_TAGS, EMAIL_TAGS, EMAIL_TAG_ATTRIBUTES, EmailParagraph, FILE_CHOOSER_POINTER_WAIT, FILL_TEXT_COLOR, FILL_TEXT_COLOR_LIGHT, FILL_TEXT_COLOR_RGB, FOLD_WIDTH, FORMAT_WIDTH, GMAIL_CLIP_BYTES, GUIDES_ACTIVE_CLASS, GUIDES_PEEK_CLASS, GUIDES_PEEK_DELAY_MS, Gapcursor, HEADING_SIZES, HardBreak, Heading, History, HtmlComment, HtmlCommentInline, HtmlElement, HtmlInline, HtmlLanguage, HtmlRaw, HtmlTextElement, HtmlVoid, HtmlVoidBlock, IMPORT_VIEWPORT_WIDTH, INDENT_MAX, INDENT_STEP, INLINE_TAGS, INLINE_VOID_TAGS, IN_SELECTION_CLASS, Image, InlineAtomSelection, InlineImageStore, InlineImages, Italic, LIST_STYLE, LayoutGuides, Link, ListItem, MAX_COLUMNS, MAX_IMAGE_WIDTH, MAX_MERGE_TAG_LENGTH, MAX_UNBROKEN_RUN, MIN_COLUMN_CAP, MIN_COLUMN_PCT, MIN_FONT_SIZE, MIN_IMAGE_WIDTH, MIN_TABLE_PCT, MJML_WORLDLY_HTML, MergeTag, NoTextDrag, OrderedList, PARSE_SCOPE_KEY, PLACEHOLDER_WIDTH, Paragraph, PasteHygiene, QuotedHistory, REFUSED_TAGS, RENDERING_CLIENTS, SECTION_CONTENT_MAX, SECTION_INSET, SECTION_PADDING, STACK_CLASS, STACK_RULE, Section, SplitKeepingMarks, TABLE_BORDER_COLOR, TABLE_CELL_PADDING, TABLE_SECTION_TAGS, TYPING_REST, Table, TableCell, TableRow, Text, TextStyle, UNSET_BUTTON_HREF, Underline, VOID_TAGS, acceptProposal, addColumn, addColumnAtEnd, addRowAtEnd, analyzeAngularExpression, angularDialect, angularRequiredFields, applyAuthoredAttributes, applyEmailVocabulary, attributeString, authoredAttribute, authoredMarkupOf, authoredViewAttributes, bareButtons, buttonStyle, canonicalHead, canonicalMergeTagInner, canonicalRender, caretCellPos, caretInsideMergeTag, claimedImageFiles, clearCells, clientList, columnCaps, columnWidths, completionContextAt, containerStyle, contrastRatio, correctStoredMistakes, createAngularExpressions, createBlockMenu, createBubbleMenu, createButtonEdit, createContentProposal, createContentStream, createDOMParser, createEditor, createHtmlAutocomplete, createHtmlLanguage, createImageDrag, createInlineImages, createMergeTagResolution, createOffsetMapper, createQuotedHistory, createSchema, createSendIntent, createSourceMarks, createSuggestionMenu, createTableHandles, declarationProperty, declaredBackground, decodeDataUrl, defaultBubbleShouldShow, defineExtension, defineMark, defineNode, deleteColumns, deleteFullySelected, discardProposal, distributePadding, docText, dropDeadOfficeClasses, dropHidden, dropMediaQueries, dropZeroSizedWhitespace, duplicateColumn, duplicateRow, editQuotedHistory, effectiveWidths, emailBackgroundPalette, emailDocument, emailExtensions, emailPlainText, emailSizeBudget, emailTextPalette, embedsAsLinks, entitySpans, escapeAttribute$2 as escapeAttribute, escapeText$1 as escapeText, expressionDialect, expressionDialectKey, extensionActions, extensionSuggestions, fillTextColor, filledPlaceholderAttrs, filterEmailStyle, findColumnContext, findColumnsContext, findCssIssues, findListDepth, findSectionContext, findTableContext, fitImageWidth, foldHTML, formatHTML, formatPct, forwardDocument, forwardQuote, hasBlockChildren$1 as hasBlockChildren, hasDocumentEnvelope, headingStyle, holdsBlock, holdsColumn, hrefProblem, htmlSourceExtensions, imageDropTarget, importLoss, importedDocument, inheritTextStyles, inheritedMarkup, inlineBootstrapTableBorders, inlineImageCids, inlineImageRegistry, inlineImagesKey, inlineStyles, insertHTML, insertMergeTag, isActionEnabled, isBlock$1 as isBlock, isBlockLevel, isBlockish, isBooleanAttribute, isEmailAttribute, isEmailCssProperty, isEmailTag, isFillTextColor, isInlineAtom, isMarkActive, isMergeTagExpression, isMergeTagPath, isNodeActive, isPadded, isProposing, isQuotedHistoryFolded, isSafeColor, isSafeFontFamily, isSafeFontSize, isSafeUrl$1 as isSafeUrl, isSectionImageUrl, isStreaming, italicStarInputRegex, italicStarPasteRegex, italicUnderscoreInputRegex, italicUnderscorePasteRegex, keepGmailRules, layoutBlockAt, linkClickPlugin, linkPastePlugin, linkRangeAt, lintHTML, lowerInlinesAroundBlocks, markAttrsOf, markStackingColumns, marksAcrossBreak, materializeComments, measureMenuPlacement, mediaMatches, mergeTagAt, mergeTagExpressions, mergeTagFields, mergeTagRanges, mergeTagResolutionPending, moveColumn, moveRow, normalizeCommentText, normalizeCss, normalizeHref, normalizeMergeTagText, noteOwnWidths, openFileChooser, openTag$1 as openTag, openTags, outlookColumns, paddingOf, parseAngularExpression, parseDocument, parseFontFamily, parseFontSize, parseHTML, parsePadding, parseRules, parseTextTransform, passesDualBackground, passesDualContrast, preserveExtensions, preservedAttributes, promoteInlineImages, promoteMergeTags, proposalRange, proposeContent, quotedHistory, readEnvelope, readImageFile, realizeComments, relativeLuminance, removeColumn, removeQuotedHistory, renderForClient, renderedPath, repairLinkSchemes, repairTables, replaceHTML, replyDocument, replyEnvelope, replyQuote, reviseProposal, rewriteInlineImageSources, richTextExtensions, ruleForScope, ruleScope, sanitizePastedHTML, scanHTML, scanMergeTags, scopeOf$1 as scopeOf, scopedDocumentCss, selectColumn, selectRow, selectedButton, selectedImage, selectedImageAlt, selectedMarkAtom, selectionInsideMergeTag, serializeDocument, serializeToHTML, setCellBackground, setColumnBackground, setColumnBoundary, setColumnsBoundary, setQuotedHistory, setSectionBackground, setSectionImage, setTableBox, setTableWidth, soleInlineAtom, splitDeclarations$2 as splitDeclarations, splitListItemKeepMarks, starInputRegex, starPasteRegex, stopProposal, streamContent, streamedRange, streamingRange, suggestionSectionTitles, tableStyle, textOffsetAt, textRegions, toEmailSafeColor, toInboundMessage, toggleList, trimInlineBoxes, underscoreInputRegex, underscorePasteRegex, unwrapLayoutTables, unwrapOfficeParagraphMarks, verbatimElement, videoPage, watchMenuScroll, withAttribute, withAuthoredMarkup, withQuoted, withQuotedHistory, withStyleDeclaration, withoutAttribute, withoutStyleDeclaration };
+export { AUTHORED_ATTR, AUTHORED_SPEC_KEY, AUTHORED_STYLE_DEFAULTS_KEY, AuthoredEnter, BLOCKQUOTE_STYLE, BLOCK_MENU_FOCUS_KEY, BUTTON_FILL, BUTTON_STYLE, BaseKeymap, Blockquote, Bold, BulletList, Button, CARET_ROOM, CLIENT_LABELS, COLUMN_STARTING_LINES, COMMENT_TAG, CONTENT_ATTRS, CSS_SUPPORT, ClearFormatting, CodeLine, CodeLineIndent, Column, ColumnResize, Columns, ColumnsResize, DOCUMENT_CLASS, DOCUMENT_TAGS, DUAL_BACKGROUND_MIN_RATIO, DUAL_CONTRAST_DARK, DUAL_CONTRAST_LIGHT, DUAL_CONTRAST_MIN_RATIO, Divider, Document$1 as Document, DocumentStyles, EMAIL_ATTRIBUTES, EMAIL_CSS_PROPERTIES, EMAIL_SAFE_STYLE_PROPERTIES, EMAIL_SAFE_TAGS, EMAIL_TAGS, EMAIL_TAG_ATTRIBUTES, EmailParagraph, FILE_CHOOSER_POINTER_WAIT, FILL_TEXT_COLOR, FILL_TEXT_COLOR_LIGHT, FILL_TEXT_COLOR_RGB, FOLD_WIDTH, FORMAT_WIDTH, GMAIL_CLIP_BYTES, GUIDES_ACTIVE_CLASS, GUIDES_PEEK_CLASS, GUIDES_PEEK_DELAY_MS, Gapcursor, HEADING_SIZES, HardBreak, Heading, History, HtmlComment, HtmlCommentInline, HtmlElement, HtmlInline, HtmlLanguage, HtmlRaw, HtmlTextElement, HtmlVoid, HtmlVoidBlock, IMPORT_VIEWPORT_WIDTH, INDENT_MAX, INDENT_STEP, INLINE_TAGS, INLINE_VOID_TAGS, IN_SELECTION_CLASS, Image, InlineAtomSelection, InlineImageStore, InlineImages, Italic, LIST_STYLE, LayoutGuides, Link, ListItem, MAX_COLUMNS, MAX_IMAGE_WIDTH, MAX_MERGE_TAG_LENGTH, MAX_UNBROKEN_RUN, MIN_COLUMN_CAP, MIN_COLUMN_PCT, MIN_FONT_SIZE, MIN_IMAGE_WIDTH, MIN_TABLE_PCT, MJML_WORLDLY_HTML, MergeTag, NoTextDrag, OrderedList, PARSE_SCOPE_KEY, PLACEHOLDER_WIDTH, Paragraph, PasteHygiene, QuotedHistory, REFUSED_TAGS, RENDERING_CLIENTS, SECTION_CONTENT_MAX, SECTION_INSET, SECTION_PADDING, STACK_CLASS, STACK_RULE, Section, SplitKeepingMarks, TABLE_BLOCK_SPACING, TABLE_BORDER_COLOR, TABLE_CELL_PADDING, TABLE_SECTION_TAGS, TYPING_REST, Table, TableCell, TableRow, Text, TextStyle, UNSET_BUTTON_HREF, Underline, VOID_TAGS, acceptProposal, addColumn, addColumnAtEnd, addRowAtEnd, analyzeAngularExpression, angularDialect, angularRequiredFields, appendColumn, applyAuthoredAttributes, applyEmailVocabulary, attributeString, authoredAttribute, authoredMarkupOf, authoredViewAttributes, bareButtons, buttonStyle, canonicalHead, canonicalMergeTagInner, canonicalRender, caretCellPos, caretInsideMergeTag, claimedImageFiles, clearCells, clientList, columnCaps, columnWidths, completionContextAt, containerStyle, contrastRatio, correctStoredMistakes, createAngularExpressions, createBlockMenu, createBubbleMenu, createButtonEdit, createContentProposal, createContentStream, createDOMParser, createEditor, createHtmlAutocomplete, createHtmlLanguage, createImageDrag, createInlineImages, createMergeTagResolution, createOffsetMapper, createQuotedHistory, createSchema, createSendIntent, createSourceMarks, createSuggestionMenu, createTableHandles, declarationProperty, declaredBackground, decodeDataUrl, defaultBubbleShouldShow, defineExtension, defineMark, defineNode, deleteColumns, deleteFullySelected, discardProposal, distributePadding, docText, dropDeadOfficeClasses, dropHidden, dropMediaQueries, dropZeroSizedWhitespace, duplicateColumn, duplicateRow, editQuotedHistory, effectiveWidths, emailBackgroundPalette, emailDocument, emailExtensions, emailPlainText, emailSizeBudget, emailTextPalette, embedsAsLinks, entitySpans, escapeAttribute$2 as escapeAttribute, escapeText$1 as escapeText, expressionDialect, expressionDialectKey, extensionActions, extensionSuggestions, fillTextColor, filledPlaceholderAttrs, filterEmailStyle, findColumnContext, findColumnsContext, findCssIssues, findListDepth, findSectionContext, findTableContext, fitImageWidth, foldHTML, formatHTML, formatPct, forwardDocument, forwardQuote, hasBlockChildren$1 as hasBlockChildren, hasDocumentEnvelope, headingStyle, holdsBlock, holdsColumn, hrefProblem, htmlSourceExtensions, imageDropTarget, importLoss, importedDocument, inheritTextStyles, inheritedMarkup, inlineBootstrapTableBorders, inlineImageCids, inlineImageRegistry, inlineImagesKey, inlineStyles, insertHTML, insertMergeTag, isActionEnabled, isBlock$1 as isBlock, isBlockLevel, isBlockish, isBooleanAttribute, isEmailAttribute, isEmailCssProperty, isEmailTag, isFillTextColor, isInlineAtom, isMarkActive, isMergeTagExpression, isMergeTagPath, isNodeActive, isPadded, isProposing, isQuotedHistoryFolded, isSafeColor, isSafeFontFamily, isSafeFontSize, isSafeUrl$1 as isSafeUrl, isSectionImageUrl, isStreaming, italicStarInputRegex, italicStarPasteRegex, italicUnderscoreInputRegex, italicUnderscorePasteRegex, keepGmailRules, layoutBlockAt, linkClickPlugin, linkPastePlugin, linkRangeAt, lintHTML, lowerInlinesAroundBlocks, markAttrsOf, markStackingColumns, marksAcrossBreak, materializeComments, measureMenuPlacement, mediaMatches, mergeTagAt, mergeTagExpressions, mergeTagFields, mergeTagRanges, mergeTagResolutionPending, moveColumn, moveRow, normalizeCommentText, normalizeCss, normalizeHref, normalizeMergeTagText, noteOwnWidths, openFileChooser, openTag$1 as openTag, openTags, outlookColumns, paddingOf, parseAngularExpression, parseDocument, parseFontFamily, parseFontSize, parseHTML, parsePadding, parseRules, parseTextTransform, passesDualBackground, passesDualContrast, preserveExtensions, preservedAttributes, promoteInlineImages, promoteMergeTags, proposalRange, proposeContent, quotedHistory, readEnvelope, readImageFile, realizeComments, relativeLuminance, removeColumn, removeLastColumn, removeQuotedHistory, renderForClient, renderedPath, repairLinkSchemes, repairTables, replaceHTML, replyDocument, replyEnvelope, replyQuote, reviseProposal, rewriteInlineImageSources, richTextExtensions, ruleForScope, ruleScope, sanitizePastedHTML, scanHTML, scanMergeTags, scopeOf$1 as scopeOf, scopedDocumentCss, selectColumn, selectRow, selectedButton, selectedImage, selectedImageAlt, selectedMarkAtom, selectionInsideMergeTag, serializeDocument, serializeToHTML, setCellBackground, setColumnBackground, setColumnBoundary, setColumnsBoundary, setQuotedHistory, setSectionBackground, setSectionImage, setTableBox, setTableWidth, soleInlineAtom, splitDeclarations$2 as splitDeclarations, splitListItemKeepMarks, starInputRegex, starPasteRegex, stopProposal, streamContent, streamedRange, streamingRange, suggestionSectionTitles, tableStyle, textOffsetAt, textRegions, toEmailSafeColor, toInboundMessage, toggleList, trimInlineBoxes, underscoreInputRegex, underscorePasteRegex, unwrapLayoutTables, unwrapOfficeParagraphMarks, verbatimElement, videoPage, watchMenuScroll, withAttribute, withAuthoredMarkup, withQuoted, withQuotedHistory, withStyleDeclaration, withoutAttribute, withoutStyleDeclaration };
 //# sourceMappingURL=h-k-dev-angular-email-editor.mjs.map