@svelte-lean/table 0.1.0 → 0.1.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @svelte-lean/table
 
+## 0.1.1
+
+### Patch Changes
+
+- Body cells no longer contain whitespace text nodes around their content: a cell's `textContent` is exactly its value, and a page of 1000 rows carries tens of thousands fewer DOM nodes.
+
 ## 0.1.0
 
 ### Minor Changes

package/dist/table/data-table.svelte

@@ -976,8 +976,7 @@
 											if (expandRowByClick && expandable(node, row)) toggleExpanded(node.id, row);
 											onRowClick?.(row, e, index);
 										}}
-									>
-										{#if editing?.id === node.id && editing.column === col.id}<div
+										>{#if editing?.id === node.id && editing.column === col.id}<div
 												class="slean-table-editor"
 											>
 												{#if col.editor === 'select'}<select
@@ -1041,8 +1040,7 @@
 																if (target) onRowMove?.(node.id, target.id);
 															}}>{@render icon('desc')}</button
 														></span
-													>{/if}
-												{#if ci === 0 && !expander && expandable(node, row)}<button
+													>{/if}{#if ci === 0 && !expander && expandable(node, row)}<button
 														type="button"
 														class="slean-table-button slean-table-expand"
 														aria-label={`${open ? m.collapse : m.expand}: ${nameOf(node, row)}`}
@@ -1051,23 +1049,23 @@
 														>{@render icon(open ? 'collapse' : 'expand')}</button
 													>{:else if ci === 0 && !expander && (rowDetails || getSubRows)}<span
 														class="slean-table-expand-spacer"
-													></span>{/if}
-												{#if col.cell}{@render col.cell(context)}{:else}{@const text = textOf(
+													></span>{/if}{#if col.cell}{@render col.cell(
+														context
+													)}{:else}{@const text = textOf(
 														col,
 														value,
 														row
 													)}{#if text !== null}{text}{:else if placeholder}<span
 															class="slean-table-placeholder">{placeholder}</span
-														>{/if}{/if}
-												{#if editable(row, col)}<button
+														>{/if}{/if}{#if editable(row, col)}<button
 														type="button"
 														class="slean-table-button slean-table-edit"
 														tabindex="-1"
 														aria-label={`${m.edit}: ${col.header}`}
 														onclick={() => startEdit(row, col)}>{@render icon('edit')}</button
 													>{/if}
-											</div>{/if}
-									</td>{/if}
+											</div>{/if}</td
+									>{/if}
 							{/each}
 						</tr>
 						{#if rowDetails && open && rowExpandable(row)}<tr class="slean-table-detail"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@svelte-lean/table",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "A Svelte-native table and data-grid engine that ships only the features you use.",
   "license": "MIT",
   "author": "Ömer Say",