@limetech/lime-elements 40.2.1 → 40.2.3

package/CHANGELOG.md

@@ -1,3 +1,21 @@
+## [40.2.3](https://github.com/Lundalogik/lime-elements/compare/v40.2.2...v40.2.3) (2026-09-14)
+
+### Bug Fixes
+
+
+* **table:** skip prop updates while the table is being rebuilt ([b8f8731](https://github.com/Lundalogik/lime-elements/commit/b8f8731fc4547052ab825978457051d96dfff018))
+
+## [40.2.2](https://github.com/Lundalogik/lime-elements/compare/v40.2.1...v40.2.2) (2026-09-09)
+
+### Bug Fixes
+
+
+* **text-editor:** detect table pastes with pastedCells and add them as rows ([9655f0f](https://github.com/Lundalogik/lime-elements/commit/9655f0fa4380613f8d870473761039747e7579de))
+* **text-editor:** extend table paste protection to row slices and cross-table selections ([ae90a00](https://github.com/Lundalogik/lime-elements/commit/ae90a009adabff0531a67eb25b275c648aa24ab4))
+* **text-editor:** give tables visible borders while editing ([bf30f3d](https://github.com/Lundalogik/lime-elements/commit/bf30f3d625c5cbb185cd5f77c2f16bf1d7ca0165))
+* **text-editor:** prevent content loss when pasting tables into cells ([29e0faf](https://github.com/Lundalogik/lime-elements/commit/29e0faf927c1557646d325dec169df3a19d6ccbc))
+* **text-editor:** read pasted table slices without prosemirror-tables internals ([6151c1c](https://github.com/Lundalogik/lime-elements/commit/6151c1c64bab2a3965062d58576b518747ca7c2f))
+
 ## [40.2.1](https://github.com/Lundalogik/lime-elements/compare/v40.2.0...v40.2.1) (2026-09-09)
 
 ### Bug Fixes

package/dist/cjs/limel-prosemirror-adapter.cjs.entry.js

@@ -27812,9 +27812,112 @@ function tableEditing({ allowTableNodeSelection = false } = {}) {
 	});
 }
 
+const createTablePastePlugin = () => {
+    return new Plugin({
+        key: new PluginKey('tablePastePlugin'),
+        props: {
+            handlePaste: (view, _event, slice) => {
+                return handleTablePaste(view, slice);
+            },
+        },
+    });
+};
+// prosemirror-tables pastes a cell grid over the existing cells. Unless the
+// user selected cells explicitly, pasted cells become rows of the table (or
+// a new table) instead.
+const handleTablePaste = (view, slice) => {
+    const { state } = view;
+    if (state.selection instanceof CellSelection || !isInTable(state)) {
+        return false;
+    }
+    const rows = pastedRows(slice, state.schema);
+    if (!rows && !containsTableAmongBlocks(slice)) {
+        return false;
+    }
+    const tr = state.tr.deleteSelection();
+    const $cell = cellAround(tr.selection.$head);
+    if (rows) {
+        insertRows(tr, $cell, rows);
+    }
+    else {
+        insertBlocks(tr, $cell, slice.content);
+    }
+    view.dispatch(tr.scrollIntoView());
+    return true;
+};
+const insertRows = (tr, $cell, rows) => {
+    const table = tableNodeTypes(tr.doc.type.schema).table.create(null, rows);
+    if ($cell && rowsFitBelow($cell, TableMap.get(table).width)) {
+        insertAt(tr, $cell.after(), rows);
+        return;
+    }
+    insertBlocks(tr, $cell, Fragment.from(table));
+};
+const insertBlocks = (tr, $cell, blocks) => {
+    if ($cell) {
+        insertAt(tr, $cell.after(-1), blocks);
+        return;
+    }
+    tr.replaceSelection(new Slice(blocks, 0, 0));
+};
+const insertAt = (tr, pos, content) => {
+    const step = tr.steps.length;
+    tr.insert(pos, content);
+    const end = tr.mapping.slice(step).mapResult(pos, 1).pos;
+    tr.setSelection(Selection.near(tr.doc.resolve(end), -1));
+};
+// A new row would split any cell spanning the boundary below the caret's row.
+const rowsFitBelow = ($cell, width) => {
+    const map = TableMap.get($cell.node(-1));
+    if (width !== map.width) {
+        return false;
+    }
+    const boundary = map.findCell($cell.pos - $cell.start(-1)).top + 1;
+    if (boundary >= map.height) {
+        return true;
+    }
+    for (let col = 0; col < map.width; col++) {
+        const above = map.map[(boundary - 1) * map.width + col];
+        const below = map.map[boundary * map.width + col];
+        if (above === below) {
+            return false;
+        }
+    }
+    return true;
+};
+// Reads the slice the way prosemirror-tables does: strip the wrappers a copy
+// from inside a table leaves around the content, then accept rows or cells.
+const pastedRows = (slice, schema) => {
+    var _a;
+    let { content, openStart, openEnd } = slice;
+    while (content.childCount === 1 &&
+        ((openStart > 0 && openEnd > 0) ||
+            content.firstChild.type.spec.tableRole === 'table')) {
+        openStart--;
+        openEnd--;
+        content = content.firstChild.content;
+    }
+    const role = (_a = content.firstChild) === null || _a === void 0 ? void 0 : _a.type.spec.tableRole;
+    if (role === 'row') {
+        return content;
+    }
+    if (role === 'cell' || role === 'header_cell') {
+        return Fragment.from(tableNodeTypes(schema).row.create(null, content));
+    }
+    return null;
+};
+const containsTableAmongBlocks = (slice) => {
+    if (slice.content.childCount < 2) {
+        return false;
+    }
+    return slice.content.content.some((block) => block.type.spec.tableRole === 'table');
+};
+
 const getTableEditingPlugins = (tablesEnabled) => {
     if (tablesEnabled) {
-        return [tableEditing()];
+        // The paste plugin must precede tableEditing(), whose own
+        // handlePaste would otherwise consume table pastes first.
+        return [createTablePastePlugin(), tableEditing()];
     }
     return [];
 };
@@ -28047,7 +28150,7 @@ function areFrequencyMapsEqual(map1, map2) {
     return true;
 }
 
-const prosemirrorAdapterCss = () => `@charset "UTF-8";blockquote{position:relative;max-width:100%;margin:0.75rem 0;padding:0.5rem;border-left:0.25rem solid rgb(var(--contrast-500));background-color:rgb(var(--contrast-200))}blockquote:before,blockquote:after{position:absolute;line-height:0;font-size:2rem;opacity:0.4}blockquote:before{content:"“";left:-0.5rem;top:0.5rem}blockquote:after{content:"”";right:-0.25rem;bottom:-0.25rem}blockquote blockquote{padding-top:0;padding-right:0;padding-bottom:0;padding-left:0.25rem;border-color:rgb(var(--contrast-700));border-left-width:1px}blockquote blockquote:before,blockquote blockquote:after{display:none}blockquote:has(>blockquote){padding-left:0.25rem;padding-bottom:0}:host(limel-markdown.truncate-paragraphs) p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}p,li{font-size:var(--limel-theme-default-font-size);word-break:break-word}a{word-break:break-all}p{margin-top:0;margin-bottom:0.5rem}p:last-child{margin-bottom:0}a{transition:color 0.2s ease;color:var(--markdown-hyperlink-color, rgb(var(--color-blue-dark)));text-decoration:none}a:hover{color:var(--markdown-hyperlink-color--hovered, rgb(var(--color-blue-default)))}hr{margin:1.75rem 0 2rem 0;border-width:0;border-top:1px solid rgb(var(--contrast-500))}dl{display:grid;grid-template-columns:1fr 2fr;grid-template-rows:1fr;margin-bottom:2rem;border:1px solid rgb(var(--contrast-400));border-radius:0.375rem;background-color:rgb(var(--contrast-200))}dl dt,dl dd{padding:0.375rem 0.5rem;font-size:var(--limel-theme-default-font-size);margin:0}dl dt:nth-of-type(even),dl dd:nth-of-type(even){background-color:rgb(var(--contrast-300))}dl dt:first-child{border-top-left-radius:0.375rem}dl dt:last-child{border-bottom-left-radius:0.375rem}dl dd:first-child{border-top-right-radius:0.375rem}dl dd:last-child{border-bottom-right-radius:0.375rem}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}h4{font-size:1rem}h5{font-size:var(--limel-theme-default-font-size)}h6{font-size:0.75rem}h1,h2{margin-top:0.5rem;margin-bottom:0.5rem;letter-spacing:-0.03125rem;font-weight:500}h3,h4{margin-top:0.75rem;margin-bottom:0.25rem;font-weight:600}h5,h6{margin-top:0.5rem;margin-bottom:0.125rem;font-weight:600}h1,h2,h3,h4,h5,h6{word-break:break-word;hyphens:auto;-webkit-hyphens:auto}h1 code,h2 code,h3 code,h4 code,h5 code,h6 code{font-size:inherit}:not([contenteditable=true]) h1,:not([contenteditable=true]) h2,:not([contenteditable=true]) h3,:not([contenteditable=true]) h4,:not([contenteditable=true]) h5,:not([contenteditable=true]) h6{text-wrap:balance}[contenteditable=true] h1,[contenteditable=true] h2,[contenteditable=true] h3,[contenteditable=true] h4,[contenteditable=true] h5,[contenteditable=true] h6{text-wrap:initial}ul{list-style:none}ul>li{margin-left:0.75rem}ul>li:before{content:"";position:absolute;left:-0.5rem;top:0.5rem;width:0.25rem;height:0.25rem;border-radius:50%;background-color:rgb(var(--contrast-700));display:block}ol{margin-top:0.25rem;padding-left:1rem}ul{margin-top:0.25rem;padding-left:0}ul ul,ul ol,ol ol,ol ul{margin-left:0}li{position:relative;margin-bottom:0.25rem}pre,pre p,code{font-family:ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;font-size:0.75rem}pre{max-width:100%;white-space:pre-wrap;word-wrap:break-word}code{letter-spacing:-0.0125rem;color:rgb(var(--contrast-1300));tab-size:4;hyphens:none;display:inline;border-radius:0.25rem;padding:0.03125rem 0.25rem;background-color:rgb(var(--contrast-600))}pre>code{display:block;margin:0.5rem 0;padding:0.5rem 0.75rem}:host(limel-markdown:not(.no-table-styles)) table{table-layout:auto;min-width:100%;border-collapse:collapse;border-spacing:0;background:transparent;margin:0.75rem 0}:host(limel-markdown:not(.no-table-styles)) tbody{border:1px solid rgb(var(--contrast-400));border-radius:0.25rem}:host(limel-markdown:not(.no-table-styles)) th,:host(limel-markdown:not(.no-table-styles)) td{text-align:left;vertical-align:top;transition:background-color 0.2s ease;font-size:var(--limel-theme-default-font-size)}:host(limel-markdown:not(.no-table-styles)) th p,:host(limel-markdown:not(.no-table-styles)) th li,:host(limel-markdown:not(.no-table-styles)) th a,:host(limel-markdown:not(.no-table-styles)) td p,:host(limel-markdown:not(.no-table-styles)) td li,:host(limel-markdown:not(.no-table-styles)) td a{word-break:normal;overflow-wrap:normal}:host(limel-markdown:not(.no-table-styles)) td{padding:0.5rem 0.375rem 0.75rem 0.375rem}:host(limel-markdown:not(.no-table-styles)) tr th{background-color:rgb(var(--contrast-400));padding:0.25rem 0.375rem;font-weight:normal}:host(limel-markdown:not(.no-table-styles)) tr th:only-child{text-align:center}:host(limel-markdown:not(.no-table-styles)) tbody tr:nth-child(odd) td{background-color:rgb(var(--contrast-200))}:host(limel-markdown:not(.no-table-styles)) tbody tr:hover td{background-color:rgb(var(--contrast-300))}table{display:block;box-sizing:border-box;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}kbd{display:inline-block;font-family:ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;font-weight:600;color:rgb(var(--contrast-1100));white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:normal;border-radius:0.125rem;border-style:solid;border-color:rgb(var(--contrast-500));border-width:0 1px 0.1875rem 1px;padding:0.0625rem 0.375rem;margin:0 0.25rem;background-color:rgb(var(--contrast-200));box-shadow:var(--button-shadow-normal), 0 0.625rem 0.375rem -0.5rem rgb(var(--color-black), 0.02), 0 0.025rem 0.5rem 0 rgb(var(--contrast-100)) inset}img{max-width:100%;border-radius:0.25rem}.image-wrapper{display:inline-flex;position:relative}.image-wrapper limel-linear-progress{position:absolute;inset:0.25rem auto auto 0.25rem;width:calc(100% - 0.5rem)}.image-wrapper img{transition:opacity 0.2s ease, scale 0.6s ease}.image-wrapper.state-failed,.image-wrapper.state-loading{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%208%208'%20style='fill-rule:evenodd;'%3E%3Cpath%20fill='rgba(186,186,192,0.16)'%20d='M0%200h4v4H0zM4%204h4v4H4z'/%3E%3C/svg%3E");background-size:0.5rem}.image-wrapper.state-failed img,.image-wrapper.state-loading img{opacity:0.3;scale:0.98}.image-wrapper::before{pointer-events:none;content:"";display:block;position:absolute;inset:0;border-radius:0.25rem;transition:border-color 0.4s ease, opacity 0.2s ease, box-shadow 0.6s ease;border:1px dashed transparent;opacity:0.2}.image-wrapper.state-failed img{filter:grayscale(0.8)}.image-wrapper.state-failed:before{opacity:0.8;box-shadow:var(--shadow-error-state)}.image-wrapper:hover::before{opacity:0.8;box-shadow:var(--shadow-depth-8)}.image-wrapper:has(.resize-handle[aria-grabbed=true])::before{border-color:var(--lime-primary-color, var(--limel-theme-primary-color));opacity:0.8;box-shadow:var(--shadow-depth-16), var(--shadow-depth-8)}.resize-handle{transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);cursor:pointer;color:var(--limel-theme-on-surface-color);background-color:rgb(var(--contrast-900));box-shadow:var(--button-shadow-normal)}.resize-handle:hover,.resize-handle:focus,.resize-handle:focus-visible{will-change:color, background-color, box-shadow, transform}.resize-handle:hover,.resize-handle:focus-visible{transform:translate3d(0, -0.04rem, 0);color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--button-shadow-hovered)}.resize-handle:active{--limel-clickable-transform-timing-function:cubic-bezier(       0.83,       -0.15,       0.49,       1.16   );transform:translate3d(0, 0.05rem, 0);box-shadow:var(--button-shadow-pressed)}.resize-handle:hover,.resize-handle:active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}.resize-handle:focus{outline:none}.resize-handle:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}.resize-handle{cursor:nwse-resize;position:absolute;display:flex;align-items:center;justify-content:center;width:0.5rem;height:0.5rem;border-radius:50%}.resize-handle.top-left{left:-0.25rem;top:-0.25rem;translate:-50%, -50%}.resize-handle.bottom-right{right:-0.25rem;bottom:-0.25rem;translate:50%, 50%}.resize-handle{opacity:0.6}.resize-wrapper:has(.resize-handle[aria-grabbed=true]) .resize-handle,.resize-wrapper:hover .resize-handle,.resize-handle:hover,.resize-handle:focus-visible{opacity:1}.resize-handle[aria-grabbed=true],.resize-handle:hover,.resize-handle:focus-visible{opacity:1;background-color:var(--lime-primary-color, var(--limel-theme-primary-color))}.resize-handle:hover,.resize-handle[aria-grabbed=true]{scale:1.4}.resize-handle:hover:before,.resize-handle[aria-grabbed=true]:before{background-color:rgb(var(--color-white))}.resize-handle:before{content:"";display:block;position:absolute;inset:0;margin:auto;border-radius:50%;width:0.25rem;height:0.25rem;background-color:rgb(var(--contrast-100))}:host(limel-prosemirror-adapter){display:flex;flex-direction:column}:host(limel-prosemirror-adapter) .toolbar{order:1}:host(limel-prosemirror-adapter) div#editor{order:2;height:100%;flex-grow:1}:host(limel-prosemirror-adapter) div[contenteditable=true]{height:100%}*{box-sizing:border-box}:host(limel-prosemirror-adapter:hover) .toolbar,:host(limel-prosemirror-adapter:focus-within) .toolbar{will-change:grid-template-rows}:host(limel-prosemirror-adapter:hover) limel-action-bar,:host(limel-prosemirror-adapter:focus-within) limel-action-bar{will-change:opacity, padding}.ProseMirror-menubar-wrapper{display:grid;grid-template-rows:auto 1fr}.ProseMirror-textblock-dropdown{min-width:3em}.ProseMirror-tooltip .ProseMirror-menu{width:-webkit-fit-content;width:fit-content;white-space:pre}.toolbar{--action-bar-border-radius:0.25rem;border-radius:var(--action-bar-border-radius);flex-shrink:0;position:sticky;z-index:1;top:0;width:100%;display:grid;grid-template-rows:var(--limel-prosemirror-adapter-toolbar-grid-template-rows);transition-property:grid-template-rows;transition-duration:var(--limel-prosemirror-adapter-toolbar-grid-template-rows-transition-duration);transition-timing-function:var(--limel-prosemirror-adapter-toolbar-transition-timing-function);background-color:rgba(var(--contrast-200), 0.5);backdrop-filter:blur(0.5rem);-webkit-backdrop-filter:blur(0.5rem)}limel-action-bar{min-width:0;transition-property:padding, opacity;transition-duration:var(--limel-prosemirror-adapter-toolbar-grid-template-rows-transition-duration);transition-timing-function:var(--limel-prosemirror-adapter-toolbar-transition-timing-function);opacity:var(--limel-prosemirror-adapter-toolbar-opacity);padding:var(--limel-prosemirror-adapter-action-bar-padding-top-bottom, 0.125rem) 0.25rem;background-color:transparent;overflow:hidden}.ProseMirror{position:relative;word-wrap:break-word;white-space:pre-wrap;white-space:break-spaces;-webkit-font-variant-ligatures:none;font-variant-ligatures:none;font-feature-settings:"liga" 0;padding:var(--limel-text-editor-padding)}.ProseMirror [draggable][contenteditable=false]{user-select:text}.ProseMirror:focus-visible{outline:none}.ProseMirror-hideselection *::selection{background:transparent}.ProseMirror-hideselection *::-moz-selection{background:transparent}.ProseMirror-hideselection{caret-color:transparent}.ProseMirror-selectednode{outline:0.125rem solid rgb(var(--color-sky-light))}li.ProseMirror-selectednode{outline:none}li.ProseMirror-selectednode:after{content:"";position:absolute;left:-2rem;right:-0.125rem;top:-0.125rem;bottom:-0.125rem;border:0.125rem solid rgb(var(--color-sky-light));pointer-events:none}img.ProseMirror-separator{display:inline !important;border:none !important;margin:0 !important}limel-portal{width:25rem}`;
+const prosemirrorAdapterCss = () => `@charset "UTF-8";blockquote{position:relative;max-width:100%;margin:0.75rem 0;padding:0.5rem;border-left:0.25rem solid rgb(var(--contrast-500));background-color:rgb(var(--contrast-200))}blockquote:before,blockquote:after{position:absolute;line-height:0;font-size:2rem;opacity:0.4}blockquote:before{content:"“";left:-0.5rem;top:0.5rem}blockquote:after{content:"”";right:-0.25rem;bottom:-0.25rem}blockquote blockquote{padding-top:0;padding-right:0;padding-bottom:0;padding-left:0.25rem;border-color:rgb(var(--contrast-700));border-left-width:1px}blockquote blockquote:before,blockquote blockquote:after{display:none}blockquote:has(>blockquote){padding-left:0.25rem;padding-bottom:0}:host(limel-markdown.truncate-paragraphs) p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}p,li{font-size:var(--limel-theme-default-font-size);word-break:break-word}a{word-break:break-all}p{margin-top:0;margin-bottom:0.5rem}p:last-child{margin-bottom:0}a{transition:color 0.2s ease;color:var(--markdown-hyperlink-color, rgb(var(--color-blue-dark)));text-decoration:none}a:hover{color:var(--markdown-hyperlink-color--hovered, rgb(var(--color-blue-default)))}hr{margin:1.75rem 0 2rem 0;border-width:0;border-top:1px solid rgb(var(--contrast-500))}dl{display:grid;grid-template-columns:1fr 2fr;grid-template-rows:1fr;margin-bottom:2rem;border:1px solid rgb(var(--contrast-400));border-radius:0.375rem;background-color:rgb(var(--contrast-200))}dl dt,dl dd{padding:0.375rem 0.5rem;font-size:var(--limel-theme-default-font-size);margin:0}dl dt:nth-of-type(even),dl dd:nth-of-type(even){background-color:rgb(var(--contrast-300))}dl dt:first-child{border-top-left-radius:0.375rem}dl dt:last-child{border-bottom-left-radius:0.375rem}dl dd:first-child{border-top-right-radius:0.375rem}dl dd:last-child{border-bottom-right-radius:0.375rem}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}h4{font-size:1rem}h5{font-size:var(--limel-theme-default-font-size)}h6{font-size:0.75rem}h1,h2{margin-top:0.5rem;margin-bottom:0.5rem;letter-spacing:-0.03125rem;font-weight:500}h3,h4{margin-top:0.75rem;margin-bottom:0.25rem;font-weight:600}h5,h6{margin-top:0.5rem;margin-bottom:0.125rem;font-weight:600}h1,h2,h3,h4,h5,h6{word-break:break-word;hyphens:auto;-webkit-hyphens:auto}h1 code,h2 code,h3 code,h4 code,h5 code,h6 code{font-size:inherit}:not([contenteditable=true]) h1,:not([contenteditable=true]) h2,:not([contenteditable=true]) h3,:not([contenteditable=true]) h4,:not([contenteditable=true]) h5,:not([contenteditable=true]) h6{text-wrap:balance}[contenteditable=true] h1,[contenteditable=true] h2,[contenteditable=true] h3,[contenteditable=true] h4,[contenteditable=true] h5,[contenteditable=true] h6{text-wrap:initial}ul{list-style:none}ul>li{margin-left:0.75rem}ul>li:before{content:"";position:absolute;left:-0.5rem;top:0.5rem;width:0.25rem;height:0.25rem;border-radius:50%;background-color:rgb(var(--contrast-700));display:block}ol{margin-top:0.25rem;padding-left:1rem}ul{margin-top:0.25rem;padding-left:0}ul ul,ul ol,ol ol,ol ul{margin-left:0}li{position:relative;margin-bottom:0.25rem}pre,pre p,code{font-family:ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;font-size:0.75rem}pre{max-width:100%;white-space:pre-wrap;word-wrap:break-word}code{letter-spacing:-0.0125rem;color:rgb(var(--contrast-1300));tab-size:4;hyphens:none;display:inline;border-radius:0.25rem;padding:0.03125rem 0.25rem;background-color:rgb(var(--contrast-600))}pre>code{display:block;margin:0.5rem 0;padding:0.5rem 0.75rem}:host(limel-markdown:not(.no-table-styles)) table{table-layout:auto;min-width:100%;border-collapse:collapse;border-spacing:0;background:transparent;margin:0.75rem 0}:host(limel-markdown:not(.no-table-styles)) tbody{border:1px solid rgb(var(--contrast-400));border-radius:0.25rem}:host(limel-markdown:not(.no-table-styles)) th,:host(limel-markdown:not(.no-table-styles)) td{text-align:left;vertical-align:top;transition:background-color 0.2s ease;font-size:var(--limel-theme-default-font-size)}:host(limel-markdown:not(.no-table-styles)) th p,:host(limel-markdown:not(.no-table-styles)) th li,:host(limel-markdown:not(.no-table-styles)) th a,:host(limel-markdown:not(.no-table-styles)) td p,:host(limel-markdown:not(.no-table-styles)) td li,:host(limel-markdown:not(.no-table-styles)) td a{word-break:normal;overflow-wrap:normal}:host(limel-markdown:not(.no-table-styles)) td{padding:0.5rem 0.375rem 0.75rem 0.375rem}:host(limel-markdown:not(.no-table-styles)) tr th{background-color:rgb(var(--contrast-400));padding:0.25rem 0.375rem;font-weight:normal}:host(limel-markdown:not(.no-table-styles)) tr th:only-child{text-align:center}:host(limel-markdown:not(.no-table-styles)) tbody tr:nth-child(odd) td{background-color:rgb(var(--contrast-200))}:host(limel-markdown:not(.no-table-styles)) tbody tr:hover td{background-color:rgb(var(--contrast-300))}table{display:block;box-sizing:border-box;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}kbd{display:inline-block;font-family:ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;font-weight:600;color:rgb(var(--contrast-1100));white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:normal;border-radius:0.125rem;border-style:solid;border-color:rgb(var(--contrast-500));border-width:0 1px 0.1875rem 1px;padding:0.0625rem 0.375rem;margin:0 0.25rem;background-color:rgb(var(--contrast-200));box-shadow:var(--button-shadow-normal), 0 0.625rem 0.375rem -0.5rem rgb(var(--color-black), 0.02), 0 0.025rem 0.5rem 0 rgb(var(--contrast-100)) inset}img{max-width:100%;border-radius:0.25rem}.image-wrapper{display:inline-flex;position:relative}.image-wrapper limel-linear-progress{position:absolute;inset:0.25rem auto auto 0.25rem;width:calc(100% - 0.5rem)}.image-wrapper img{transition:opacity 0.2s ease, scale 0.6s ease}.image-wrapper.state-failed,.image-wrapper.state-loading{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%208%208'%20style='fill-rule:evenodd;'%3E%3Cpath%20fill='rgba(186,186,192,0.16)'%20d='M0%200h4v4H0zM4%204h4v4H4z'/%3E%3C/svg%3E");background-size:0.5rem}.image-wrapper.state-failed img,.image-wrapper.state-loading img{opacity:0.3;scale:0.98}.image-wrapper::before{pointer-events:none;content:"";display:block;position:absolute;inset:0;border-radius:0.25rem;transition:border-color 0.4s ease, opacity 0.2s ease, box-shadow 0.6s ease;border:1px dashed transparent;opacity:0.2}.image-wrapper.state-failed img{filter:grayscale(0.8)}.image-wrapper.state-failed:before{opacity:0.8;box-shadow:var(--shadow-error-state)}.image-wrapper:hover::before{opacity:0.8;box-shadow:var(--shadow-depth-8)}.image-wrapper:has(.resize-handle[aria-grabbed=true])::before{border-color:var(--lime-primary-color, var(--limel-theme-primary-color));opacity:0.8;box-shadow:var(--shadow-depth-16), var(--shadow-depth-8)}.resize-handle{transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);cursor:pointer;color:var(--limel-theme-on-surface-color);background-color:rgb(var(--contrast-900));box-shadow:var(--button-shadow-normal)}.resize-handle:hover,.resize-handle:focus,.resize-handle:focus-visible{will-change:color, background-color, box-shadow, transform}.resize-handle:hover,.resize-handle:focus-visible{transform:translate3d(0, -0.04rem, 0);color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--button-shadow-hovered)}.resize-handle:active{--limel-clickable-transform-timing-function:cubic-bezier(       0.83,       -0.15,       0.49,       1.16   );transform:translate3d(0, 0.05rem, 0);box-shadow:var(--button-shadow-pressed)}.resize-handle:hover,.resize-handle:active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}.resize-handle:focus{outline:none}.resize-handle:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}.resize-handle{cursor:nwse-resize;position:absolute;display:flex;align-items:center;justify-content:center;width:0.5rem;height:0.5rem;border-radius:50%}.resize-handle.top-left{left:-0.25rem;top:-0.25rem;translate:-50%, -50%}.resize-handle.bottom-right{right:-0.25rem;bottom:-0.25rem;translate:50%, 50%}.resize-handle{opacity:0.6}.resize-wrapper:has(.resize-handle[aria-grabbed=true]) .resize-handle,.resize-wrapper:hover .resize-handle,.resize-handle:hover,.resize-handle:focus-visible{opacity:1}.resize-handle[aria-grabbed=true],.resize-handle:hover,.resize-handle:focus-visible{opacity:1;background-color:var(--lime-primary-color, var(--limel-theme-primary-color))}.resize-handle:hover,.resize-handle[aria-grabbed=true]{scale:1.4}.resize-handle:hover:before,.resize-handle[aria-grabbed=true]:before{background-color:rgb(var(--color-white))}.resize-handle:before{content:"";display:block;position:absolute;inset:0;margin:auto;border-radius:50%;width:0.25rem;height:0.25rem;background-color:rgb(var(--contrast-100))}:host(limel-prosemirror-adapter){display:flex;flex-direction:column}:host(limel-prosemirror-adapter) table{border-collapse:collapse;margin:0.75rem 0}:host(limel-prosemirror-adapter) th,:host(limel-prosemirror-adapter) td{border:1px solid rgb(var(--contrast-400));padding:0.25rem 0.375rem;text-align:left;vertical-align:top}:host(limel-prosemirror-adapter) .toolbar{order:1}:host(limel-prosemirror-adapter) div#editor{order:2;height:100%;flex-grow:1}:host(limel-prosemirror-adapter) div[contenteditable=true]{height:100%}*{box-sizing:border-box}:host(limel-prosemirror-adapter:hover) .toolbar,:host(limel-prosemirror-adapter:focus-within) .toolbar{will-change:grid-template-rows}:host(limel-prosemirror-adapter:hover) limel-action-bar,:host(limel-prosemirror-adapter:focus-within) limel-action-bar{will-change:opacity, padding}.ProseMirror-menubar-wrapper{display:grid;grid-template-rows:auto 1fr}.ProseMirror-textblock-dropdown{min-width:3em}.ProseMirror-tooltip .ProseMirror-menu{width:-webkit-fit-content;width:fit-content;white-space:pre}.toolbar{--action-bar-border-radius:0.25rem;border-radius:var(--action-bar-border-radius);flex-shrink:0;position:sticky;z-index:1;top:0;width:100%;display:grid;grid-template-rows:var(--limel-prosemirror-adapter-toolbar-grid-template-rows);transition-property:grid-template-rows;transition-duration:var(--limel-prosemirror-adapter-toolbar-grid-template-rows-transition-duration);transition-timing-function:var(--limel-prosemirror-adapter-toolbar-transition-timing-function);background-color:rgba(var(--contrast-200), 0.5);backdrop-filter:blur(0.5rem);-webkit-backdrop-filter:blur(0.5rem)}limel-action-bar{min-width:0;transition-property:padding, opacity;transition-duration:var(--limel-prosemirror-adapter-toolbar-grid-template-rows-transition-duration);transition-timing-function:var(--limel-prosemirror-adapter-toolbar-transition-timing-function);opacity:var(--limel-prosemirror-adapter-toolbar-opacity);padding:var(--limel-prosemirror-adapter-action-bar-padding-top-bottom, 0.125rem) 0.25rem;background-color:transparent;overflow:hidden}.ProseMirror{position:relative;word-wrap:break-word;white-space:pre-wrap;white-space:break-spaces;-webkit-font-variant-ligatures:none;font-variant-ligatures:none;font-feature-settings:"liga" 0;padding:var(--limel-text-editor-padding)}.ProseMirror [draggable][contenteditable=false]{user-select:text}.ProseMirror:focus-visible{outline:none}.ProseMirror-hideselection *::selection{background:transparent}.ProseMirror-hideselection *::-moz-selection{background:transparent}.ProseMirror-hideselection{caret-color:transparent}.ProseMirror-selectednode{outline:0.125rem solid rgb(var(--color-sky-light))}li.ProseMirror-selectednode{outline:none}li.ProseMirror-selectednode:after{content:"";position:absolute;left:-2rem;right:-0.125rem;top:-0.125rem;bottom:-0.125rem;border:0.125rem solid rgb(var(--color-sky-light));pointer-events:none}img.ProseMirror-separator{display:inline !important;border:none !important;margin:0 !important}limel-portal{width:25rem}`;
 
 const DEBOUNCE_TIMEOUT = 300;
 const ProsemirrorAdapter = class {

package/dist/cjs/limel-table.cjs.entry.js

@@ -30752,6 +30752,7 @@ const Table = class {
          */
         this.paginationLocation = 'bottom';
         this.initialized = false;
+        this.pendingColumnRefresh = false;
         this.destroyed = false;
         this.shouldSort = false;
         this.hasWarnedOnConflictingMovableAndSortable = false;
@@ -30840,6 +30841,7 @@ const Table = class {
         var _a;
         this.destroyed = true;
         this.initialized = false;
+        this.pendingColumnRefresh = false;
         (_a = this.rowDragManager) === null || _a === void 0 ? void 0 : _a.destroy();
         this.rowDragManager = null;
         if (this.resizeObserver) {
@@ -30907,7 +30909,8 @@ const Table = class {
         });
     }
     updateColumns(newColumns, oldColumns) {
-        if (!this.tabulator) {
+        if (!this.tabulator || !this.initialized) {
+            this.pendingColumnRefresh = true;
             return;
         }
         if (this.areSameColumns(newColumns, oldColumns)) {
@@ -30924,7 +30927,8 @@ const Table = class {
         this.shouldSort = true;
     }
     updateAggregates(newAggregates, oldAggregates) {
-        if (!this.tabulator) {
+        if (!this.tabulator || !this.initialized) {
+            this.pendingColumnRefresh = true;
             return;
         }
         if (isEqual.isEqual(newAggregates, oldAggregates)) {
@@ -30960,7 +30964,8 @@ const Table = class {
     }
     updateSortableColumns() {
         this.warnOnConflictingMovableAndSortable();
-        if (!this.tabulator) {
+        if (!this.tabulator || !this.initialized) {
+            this.pendingColumnRefresh = true;
             return;
         }
         this.tabulator.setColumns(this.getColumnDefinitions());
@@ -31095,6 +31100,7 @@ const Table = class {
                 return;
             }
             this.initialized = true;
+            this.applyPendingColumnRefresh();
             if ((_a = this.data) === null || _a === void 0 ? void 0 : _a.length) {
                 this.updateData(this.data, []);
                 if (this.isRemoteMode()) {
@@ -31107,6 +31113,14 @@ const Table = class {
         });
         return tabulator;
     }
+    applyPendingColumnRefresh() {
+        if (!this.pendingColumnRefresh || !this.tabulator) {
+            return;
+        }
+        this.pendingColumnRefresh = false;
+        this.tabulator.setColumns(this.getColumnDefinitions());
+        this.tabulator.recalc();
+    }
     initRowDragManager() {
         if (this.movableRows) {
             this.rowDragManager = new RowDragManager(this.pool, this.reorder, () => this.language);
@@ -31412,13 +31426,13 @@ const Table = class {
     render() {
         var _a, _b;
         const totalRows = (_a = this.totalRows) !== null && _a !== void 0 ? _a : this.data.length;
-        return (index.h(index.Host, { key: 'abde9eef09b7816ace05ec610cd4ddce67fa5ed3', class: {
+        return (index.h(index.Host, { key: 'bdf212a18d552e674b125bc7211720a4c12017c9', class: {
                 'has-low-density': this.layout === 'lowDensity',
                 'has-pagination-on-top': this.paginationLocation === 'top',
                 'has-aggregation': this.hasAggregation(this.columns),
                 'has-pagination': totalRows > this.pageSize,
                 'has-selection': (_b = this.tableSelection) === null || _b === void 0 ? void 0 : _b.hasSelection,
-            } }, index.h("div", { key: 'bc980a5060588b1b639dfa2136e560b81a36af56', id: "tabulator-container" }, index.h("div", { key: '0314fff7389a8daf170819b37d0477e8cdb8f5f1', id: "tabulator-loader", style: { display: this.loading ? 'flex' : 'none' } }, index.h("limel-spinner", { key: '285d6d51846d26edf9b0bcc154178c2694bb0dba', size: "large" })), this.renderEmptyMessage(), this.renderSelectAll(), index.h("div", { key: 'add09d7a5c4d43981af2f966bb481b74b724928f', id: "tabulator-table" }))));
+            } }, index.h("div", { key: '7e2255cc81d1df9ec44b0b10de49ef1dff6c6119', id: "tabulator-container" }, index.h("div", { key: 'c413d5abefd874be1d7da0764ff6c8b41c096ec0', id: "tabulator-loader", style: { display: this.loading ? 'flex' : 'none' } }, index.h("limel-spinner", { key: 'f2018824ceef425f572839540a543d71d19b77b3', size: "large" })), this.renderEmptyMessage(), this.renderSelectAll(), index.h("div", { key: '27dcea556552419f9c904320192c847b94742d2c', id: "tabulator-table" }))));
     }
     renderSelectAll() {
         var _a, _b, _c;

package/dist/collection/components/table/table.js

@@ -74,6 +74,7 @@ export class Table {
          */
         this.paginationLocation = 'bottom';
         this.initialized = false;
+        this.pendingColumnRefresh = false;
         this.destroyed = false;
         this.shouldSort = false;
         this.hasWarnedOnConflictingMovableAndSortable = false;
@@ -162,6 +163,7 @@ export class Table {
         var _a;
         this.destroyed = true;
         this.initialized = false;
+        this.pendingColumnRefresh = false;
         (_a = this.rowDragManager) === null || _a === void 0 ? void 0 : _a.destroy();
         this.rowDragManager = null;
         if (this.resizeObserver) {
@@ -229,7 +231,8 @@ export class Table {
         });
     }
     updateColumns(newColumns, oldColumns) {
-        if (!this.tabulator) {
+        if (!this.tabulator || !this.initialized) {
+            this.pendingColumnRefresh = true;
             return;
         }
         if (this.areSameColumns(newColumns, oldColumns)) {
@@ -246,7 +249,8 @@ export class Table {
         this.shouldSort = true;
     }
     updateAggregates(newAggregates, oldAggregates) {
-        if (!this.tabulator) {
+        if (!this.tabulator || !this.initialized) {
+            this.pendingColumnRefresh = true;
             return;
         }
         if (isEqual(newAggregates, oldAggregates)) {
@@ -282,7 +286,8 @@ export class Table {
     }
     updateSortableColumns() {
         this.warnOnConflictingMovableAndSortable();
-        if (!this.tabulator) {
+        if (!this.tabulator || !this.initialized) {
+            this.pendingColumnRefresh = true;
             return;
         }
         this.tabulator.setColumns(this.getColumnDefinitions());
@@ -417,6 +422,7 @@ export class Table {
                 return;
             }
             this.initialized = true;
+            this.applyPendingColumnRefresh();
             if ((_a = this.data) === null || _a === void 0 ? void 0 : _a.length) {
                 this.updateData(this.data, []);
                 if (this.isRemoteMode()) {
@@ -429,6 +435,14 @@ export class Table {
         });
         return tabulator;
     }
+    applyPendingColumnRefresh() {
+        if (!this.pendingColumnRefresh || !this.tabulator) {
+            return;
+        }
+        this.pendingColumnRefresh = false;
+        this.tabulator.setColumns(this.getColumnDefinitions());
+        this.tabulator.recalc();
+    }
     initRowDragManager() {
         if (this.movableRows) {
             this.rowDragManager = new RowDragManager(this.pool, this.reorder, () => this.language);
@@ -734,13 +748,13 @@ export class Table {
     render() {
         var _a, _b;
         const totalRows = (_a = this.totalRows) !== null && _a !== void 0 ? _a : this.data.length;
-        return (h(Host, { key: 'abde9eef09b7816ace05ec610cd4ddce67fa5ed3', class: {
+        return (h(Host, { key: 'bdf212a18d552e674b125bc7211720a4c12017c9', class: {
                 'has-low-density': this.layout === 'lowDensity',
                 'has-pagination-on-top': this.paginationLocation === 'top',
                 'has-aggregation': this.hasAggregation(this.columns),
                 'has-pagination': totalRows > this.pageSize,
                 'has-selection': (_b = this.tableSelection) === null || _b === void 0 ? void 0 : _b.hasSelection,
-            } }, h("div", { key: 'bc980a5060588b1b639dfa2136e560b81a36af56', id: "tabulator-container" }, h("div", { key: '0314fff7389a8daf170819b37d0477e8cdb8f5f1', id: "tabulator-loader", style: { display: this.loading ? 'flex' : 'none' } }, h("limel-spinner", { key: '285d6d51846d26edf9b0bcc154178c2694bb0dba', size: "large" })), this.renderEmptyMessage(), this.renderSelectAll(), h("div", { key: 'add09d7a5c4d43981af2f966bb481b74b724928f', id: "tabulator-table" }))));
+            } }, h("div", { key: '7e2255cc81d1df9ec44b0b10de49ef1dff6c6119', id: "tabulator-container" }, h("div", { key: 'c413d5abefd874be1d7da0764ff6c8b41c096ec0', id: "tabulator-loader", style: { display: this.loading ? 'flex' : 'none' } }, h("limel-spinner", { key: 'f2018824ceef425f572839540a543d71d19b77b3', size: "large" })), this.renderEmptyMessage(), this.renderSelectAll(), h("div", { key: '27dcea556552419f9c904320192c847b94742d2c', id: "tabulator-table" }))));
     }
     renderSelectAll() {
         var _a, _b, _c;

package/dist/collection/components/text-editor/prosemirror-adapter/plugins/table-paste-plugin.js

@@ -0,0 +1,103 @@
+import { Plugin, PluginKey, Selection } from "prosemirror-state";
+import { Fragment, Slice } from "prosemirror-model";
+import { cellAround, CellSelection, isInTable, TableMap, tableNodeTypes, } from "prosemirror-tables";
+export const createTablePastePlugin = () => {
+    return new Plugin({
+        key: new PluginKey('tablePastePlugin'),
+        props: {
+            handlePaste: (view, _event, slice) => {
+                return handleTablePaste(view, slice);
+            },
+        },
+    });
+};
+// prosemirror-tables pastes a cell grid over the existing cells. Unless the
+// user selected cells explicitly, pasted cells become rows of the table (or
+// a new table) instead.
+const handleTablePaste = (view, slice) => {
+    const { state } = view;
+    if (state.selection instanceof CellSelection || !isInTable(state)) {
+        return false;
+    }
+    const rows = pastedRows(slice, state.schema);
+    if (!rows && !containsTableAmongBlocks(slice)) {
+        return false;
+    }
+    const tr = state.tr.deleteSelection();
+    const $cell = cellAround(tr.selection.$head);
+    if (rows) {
+        insertRows(tr, $cell, rows);
+    }
+    else {
+        insertBlocks(tr, $cell, slice.content);
+    }
+    view.dispatch(tr.scrollIntoView());
+    return true;
+};
+const insertRows = (tr, $cell, rows) => {
+    const table = tableNodeTypes(tr.doc.type.schema).table.create(null, rows);
+    if ($cell && rowsFitBelow($cell, TableMap.get(table).width)) {
+        insertAt(tr, $cell.after(), rows);
+        return;
+    }
+    insertBlocks(tr, $cell, Fragment.from(table));
+};
+const insertBlocks = (tr, $cell, blocks) => {
+    if ($cell) {
+        insertAt(tr, $cell.after(-1), blocks);
+        return;
+    }
+    tr.replaceSelection(new Slice(blocks, 0, 0));
+};
+const insertAt = (tr, pos, content) => {
+    const step = tr.steps.length;
+    tr.insert(pos, content);
+    const end = tr.mapping.slice(step).mapResult(pos, 1).pos;
+    tr.setSelection(Selection.near(tr.doc.resolve(end), -1));
+};
+// A new row would split any cell spanning the boundary below the caret's row.
+const rowsFitBelow = ($cell, width) => {
+    const map = TableMap.get($cell.node(-1));
+    if (width !== map.width) {
+        return false;
+    }
+    const boundary = map.findCell($cell.pos - $cell.start(-1)).top + 1;
+    if (boundary >= map.height) {
+        return true;
+    }
+    for (let col = 0; col < map.width; col++) {
+        const above = map.map[(boundary - 1) * map.width + col];
+        const below = map.map[boundary * map.width + col];
+        if (above === below) {
+            return false;
+        }
+    }
+    return true;
+};
+// Reads the slice the way prosemirror-tables does: strip the wrappers a copy
+// from inside a table leaves around the content, then accept rows or cells.
+const pastedRows = (slice, schema) => {
+    var _a;
+    let { content, openStart, openEnd } = slice;
+    while (content.childCount === 1 &&
+        ((openStart > 0 && openEnd > 0) ||
+            content.firstChild.type.spec.tableRole === 'table')) {
+        openStart--;
+        openEnd--;
+        content = content.firstChild.content;
+    }
+    const role = (_a = content.firstChild) === null || _a === void 0 ? void 0 : _a.type.spec.tableRole;
+    if (role === 'row') {
+        return content;
+    }
+    if (role === 'cell' || role === 'header_cell') {
+        return Fragment.from(tableNodeTypes(schema).row.create(null, content));
+    }
+    return null;
+};
+const containsTableAmongBlocks = (slice) => {
+    if (slice.content.childCount < 2) {
+        return false;
+    }
+    return slice.content.content.some((block) => block.type.spec.tableRole === 'table');
+};

package/dist/collection/components/text-editor/prosemirror-adapter/plugins/table-plugin.js

@@ -1,7 +1,10 @@
 import { tableNodes, tableEditing } from "prosemirror-tables";
+import { createTablePastePlugin } from "./table-paste-plugin";
 export const getTableEditingPlugins = (tablesEnabled) => {
     if (tablesEnabled) {
-        return [tableEditing()];
+        // The paste plugin must precede tableEditing(), whose own
+        // handlePaste would otherwise consume table pastes first.
+        return [createTablePastePlugin(), tableEditing()];
     }
     return [];
 };

package/dist/collection/components/text-editor/prosemirror-adapter/prosemirror-adapter.css

@@ -581,6 +581,17 @@ img {
   display: flex;
   flex-direction: column;
 }
+:host(limel-prosemirror-adapter) table {
+  border-collapse: collapse;
+  margin: 0.75rem 0;
+}
+:host(limel-prosemirror-adapter) th,
+:host(limel-prosemirror-adapter) td {
+  border: 1px solid rgb(var(--contrast-400));
+  padding: 0.25rem 0.375rem;
+  text-align: left;
+  vertical-align: top;
+}
 :host(limel-prosemirror-adapter) .toolbar {
   order: 1;
 }