@notectl/core 1.0.5 → 1.0.6

package/dist/plugins/table.mjs

@@ -238,13 +238,13 @@ function R(t2) {
     return t2.dispatch(s2), true;
   });
 }
-function E(t2, n2, o2, r2) {
+function A(t2, n2, o2, r2) {
   const i2 = t2.getState(), l2 = h(i2, n2, o2, r2);
   if (!l2) return false;
   const s2 = p(i2, l2), a2 = i2.transaction("command").setSelection(e(s2, 0)).build();
   return t2.dispatch(a2), true;
 }
-function A(t2, n2, o2, r2) {
+function E(t2, n2, o2, r2) {
   const i2 = t2.getState(), l2 = h(i2, n2, o2, r2);
   if (!l2) return false;
   const s2 = f(i2, l2), c2 = i2.getBlock(s2);
@@ -267,13 +267,13 @@ function N(t2, e2, n2) {
 }
 function M(t2) {
   const e2 = document.createElement("div");
-  e2.className = `ntbl-insert-line ntbl-insert-line--${t2}`, e2.setAttribute("contenteditable", "false");
+  e2.className = `ntbl-insert-line ntbl-insert-line--${t2}`, e2.setAttribute("contenteditable", "false"), e2.setAttribute("data-notectl-no-print", "");
   const n2 = N("ntbl-insert-btn", T, "horizontal" === t2 ? "Insert row" : "Insert column");
   return e2.appendChild(n2), e2;
 }
 function H(t2, e2) {
   const n2 = document.createElement("button");
-  n2.className = `ntbl-add-zone ${t2}`, n2.type = "button", n2.setAttribute("contenteditable", "false"), n2.setAttribute("aria-label", e2), n2.title = e2;
+  n2.className = `ntbl-add-zone ${t2}`, n2.type = "button", n2.setAttribute("contenteditable", "false"), n2.setAttribute("aria-label", e2), n2.setAttribute("data-notectl-no-print", ""), n2.title = e2;
   const o2 = document.createElement("span");
   return o2.className = "ntbl-add-icon", o2.innerHTML = T, n2.appendChild(o2), n2.addEventListener("mousedown", (t3) => {
     t3.preventDefault(), t3.stopPropagation();
@@ -281,7 +281,7 @@ function H(t2, e2) {
 }
 function z(t2) {
   const e2 = document.createElement("div");
-  return e2.className = t2, e2.setAttribute("contenteditable", "false"), e2;
+  return e2.className = t2, e2.setAttribute("contenteditable", "false"), e2.setAttribute("data-notectl-no-print", ""), e2;
 }
 function V(t2, e2, n2, o2) {
   const r2 = document.createElement("div");
@@ -348,7 +348,7 @@ class _ {
     this.hideInsertLines();
   };
   constructor(t2, e2, n2, o2, i2) {
-    this.container = t2, this.tableEl = e2, this.getState = o2, this.dispatchFn = i2, this.tableId = n2.id, this.numRows = r(n2).length, this.numCols = this.countCols(n2), this.colBar = z("ntbl-col-bar"), this.rowBar = z("ntbl-row-bar"), this.insertLineH = M("horizontal"), this.insertLineV = M("vertical"), this.addRowZone = H("ntbl-add-row", "Add row"), this.addColZone = H("ntbl-add-col", "Add column"), this.deleteTableBtn = N("ntbl-delete-table-btn", '<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none"><path d="M9 3h6m-9 4h12M10 11v6m4-6v6m-9 3h14l-1-13H6L5 20z" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/></svg>', "Delete table"), t2.append(this.colBar, this.rowBar, this.insertLineH, this.insertLineV, this.addRowZone, this.addColZone, this.deleteTableBtn), this.rebuildColHandles(), this.rebuildRowHandles(), this.bindEventListeners(), this.observer = new ResizeObserver(() => {
+    this.container = t2, this.tableEl = e2, this.getState = o2, this.dispatchFn = i2, this.tableId = n2.id, this.numRows = r(n2).length, this.numCols = this.countCols(n2), this.colBar = z("ntbl-col-bar"), this.rowBar = z("ntbl-row-bar"), this.insertLineH = M("horizontal"), this.insertLineV = M("vertical"), this.addRowZone = H("ntbl-add-row", "Add row"), this.addColZone = H("ntbl-add-col", "Add column"), this.deleteTableBtn = N("ntbl-delete-table-btn", '<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none"><path d="M9 3h6m-9 4h12M10 11v6m4-6v6m-9 3h14l-1-13H6L5 20z" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/></svg>', "Delete table"), this.deleteTableBtn.setAttribute("data-notectl-no-print", ""), t2.append(this.colBar, this.rowBar, this.insertLineH, this.insertLineV, this.addRowZone, this.addColZone, this.deleteTableBtn), this.rebuildColHandles(), this.rebuildRowHandles(), this.bindEventListeners(), this.observer = new ResizeObserver(() => {
       this.positionControls();
     }), this.observer.observe(e2), requestAnimationFrame(() => this.positionControls());
   }
@@ -463,16 +463,16 @@ class Z {
   init(e2) {
     e2.registerStyleSheet("\n/* Table */\n.notectl-table-wrapper {\n	margin: 8px 0;\n	overflow-x: auto;\n	position: relative;\n}\n\n.notectl-table {\n	width: 100%;\n	border-collapse: collapse;\n	table-layout: fixed;\n}\n\n.notectl-table td {\n	border: 1px solid var(--notectl-border);\n	padding: 8px 12px;\n	min-width: 60px;\n	vertical-align: top;\n	min-height: 1.6em;\n}\n\n.notectl-table td:focus-within {\n	outline: 2px solid var(--notectl-primary);\n	outline-offset: -2px;\n}\n\n.notectl-table-cell--selected {\n	background: var(--notectl-primary-muted);\n}\n\n/* Table Context Menu */\n.notectl-table-context-menu {\n	position: fixed;\n	background: var(--notectl-surface-overlay);\n	border: 1px solid var(--notectl-border);\n	border-radius: 6px;\n	box-shadow: 0 4px 12px var(--notectl-shadow);\n	padding: 4px 0;\n	min-width: 180px;\n	z-index: 10000;\n}\n\n.notectl-table-context-menu button {\n	display: block;\n	width: 100%;\n	padding: 8px 12px;\n	text-align: left;\n	border: none;\n	background: none;\n	cursor: pointer;\n	font-size: 14px;\n	color: var(--notectl-fg);\n	font-family: inherit;\n}\n\n.notectl-table-context-menu button:hover {\n	background: var(--notectl-hover-bg);\n}\n\n.notectl-table-context-menu hr {\n	border: none;\n	border-top: 1px solid var(--notectl-border);\n	margin: 4px 0;\n}\n\n/* === Table Controls === */\n\n/* Outer container for table + controls */\n.ntbl-container {\n	position: relative;\n	margin: 8px 0;\n	padding: 24px 0 0 24px;\n}\n\n.ntbl-container .notectl-table-wrapper {\n	margin: 0;\n}\n\n.ntbl-container.notectl-table--selected .notectl-table-wrapper {\n	outline: 2px solid var(--notectl-primary-fg);\n	outline-offset: 2px;\n	border-radius: 6px;\n}\n\n/* --- Column Handle Bar --- */\n.ntbl-col-bar {\n	position: absolute;\n	top: 0;\n	left: 24px;\n	height: 20px;\n	display: flex;\n	opacity: 0;\n	transition: opacity 0.2s ease;\n	z-index: 3;\n	pointer-events: none;\n}\n\n.ntbl-container:hover .ntbl-col-bar,\n.ntbl-container:focus-within .ntbl-col-bar {\n	opacity: 1;\n	pointer-events: auto;\n}\n\n.ntbl-container.notectl-table--selected .ntbl-col-bar {\n	opacity: 1;\n	pointer-events: auto;\n}\n\n/* --- Row Handle Bar --- */\n.ntbl-row-bar {\n	position: absolute;\n	top: 24px;\n	left: 0;\n	width: 20px;\n	display: flex;\n	flex-direction: column;\n	opacity: 0;\n	transition: opacity 0.2s ease;\n	z-index: 3;\n	pointer-events: none;\n}\n\n.ntbl-container:hover .ntbl-row-bar,\n.ntbl-container:focus-within .ntbl-row-bar {\n	opacity: 1;\n	pointer-events: auto;\n}\n\n.ntbl-container.notectl-table--selected .ntbl-row-bar {\n	opacity: 1;\n	pointer-events: auto;\n}\n\n/* --- Handle (shared base) --- */\n.ntbl-handle {\n	position: absolute;\n	display: flex;\n	align-items: center;\n	justify-content: center;\n	cursor: pointer;\n	transition: background 0.15s ease;\n	border-radius: 3px;\n}\n\n.ntbl-col-handle {\n	height: 100%;\n	background: var(--notectl-hover-bg);\n	border-radius: 4px 4px 0 0;\n}\n\n.ntbl-col-handle:hover {\n	background: var(--notectl-border);\n}\n\n.ntbl-row-handle {\n	width: 100%;\n	background: var(--notectl-hover-bg);\n	border-radius: 4px 0 0 4px;\n}\n\n.ntbl-row-handle:hover {\n	background: var(--notectl-border);\n}\n\n/* --- Handle Delete Button --- */\n.ntbl-handle-delete {\n	display: flex;\n	align-items: center;\n	justify-content: center;\n	width: 16px;\n	height: 16px;\n	border: none;\n	background: transparent;\n	color: var(--notectl-fg-muted);\n	cursor: pointer;\n	border-radius: 3px;\n	padding: 0;\n	opacity: 0;\n	transform: scale(0.7);\n	transition: opacity 0.15s, transform 0.15s,\n		background 0.15s, color 0.15s;\n}\n\n.ntbl-handle:hover .ntbl-handle-delete,\n.ntbl-handle:focus-within .ntbl-handle-delete {\n	opacity: 1;\n	transform: scale(1);\n}\n\n.ntbl-handle-delete:hover,\n.ntbl-handle-delete:focus-visible {\n	background: var(--notectl-danger-muted);\n	color: var(--notectl-danger);\n}\n\n.ntbl-handle-delete:focus-visible {\n	outline: none;\n	box-shadow: 0 0 0 2px var(--notectl-focus-ring);\n}\n\n/* --- Insert Lines --- */\n.ntbl-insert-line {\n	position: absolute;\n	pointer-events: none;\n	opacity: 0;\n	transition: opacity 0.15s ease;\n	z-index: 6;\n}\n\n.ntbl-insert-line--visible {\n	opacity: 1;\n	pointer-events: auto;\n}\n\n.ntbl-insert-line--horizontal {\n	height: 2px;\n	background: linear-gradient(\n		90deg,\n		transparent,\n		var(--notectl-primary) 8%,\n		var(--notectl-primary) 92%,\n		transparent\n	);\n	box-shadow: 0 0 6px var(--notectl-focus-ring);\n}\n\n.ntbl-insert-line--vertical {\n	width: 2px;\n	background: linear-gradient(\n		180deg,\n		transparent,\n		var(--notectl-primary) 8%,\n		var(--notectl-primary) 92%,\n		transparent\n	);\n	box-shadow: 0 0 6px var(--notectl-focus-ring);\n}\n\n/* --- Insert Button on Line --- */\n.ntbl-insert-btn {\n	position: absolute;\n	width: 20px;\n	height: 20px;\n	border-radius: 50%;\n	background: var(--notectl-bg);\n	border: 2px solid var(--notectl-primary);\n	color: var(--notectl-primary);\n	cursor: pointer;\n	pointer-events: all;\n	display: flex;\n	align-items: center;\n	justify-content: center;\n	padding: 0;\n	box-shadow: 0 2px 8px var(--notectl-focus-ring);\n	transition: background 0.15s, color 0.15s,\n		transform 0.15s, box-shadow 0.15s;\n}\n\n.ntbl-insert-line--horizontal .ntbl-insert-btn {\n	left: 50%;\n	top: -9px;\n	transform: translateX(-50%);\n}\n\n.ntbl-insert-line--vertical .ntbl-insert-btn {\n	top: 50%;\n	left: -9px;\n	transform: translateY(-50%);\n}\n\n.ntbl-insert-btn:hover,\n.ntbl-insert-btn:focus-visible {\n	background: var(--notectl-primary);\n	color: var(--notectl-bg);\n	box-shadow: 0 2px 12px var(--notectl-focus-ring);\n}\n\n.ntbl-insert-btn:focus-visible {\n	outline: none;\n	box-shadow: 0 0 0 2px var(--notectl-focus-ring);\n}\n\n.ntbl-insert-line--horizontal .ntbl-insert-btn:hover {\n	transform: translateX(-50%) scale(1.2);\n}\n\n.ntbl-insert-line--vertical .ntbl-insert-btn:hover {\n	transform: translateY(-50%) scale(1.2);\n}\n\n/* --- Add Row / Add Column Zones --- */\n.ntbl-add-zone {\n	position: absolute;\n	display: flex;\n	align-items: center;\n	justify-content: center;\n	cursor: pointer;\n	user-select: none;\n	opacity: 0;\n	transition: opacity 0.2s ease, background 0.2s ease,\n		border-color 0.2s ease;\n}\n\n.ntbl-container:hover .ntbl-add-zone,\n.ntbl-container:focus-within .ntbl-add-zone {\n	opacity: 1;\n}\n\n.ntbl-container.notectl-table--selected .ntbl-add-zone {\n	opacity: 1;\n}\n\n.ntbl-delete-table-btn {\n	position: absolute;\n	top: 0;\n	left: 0;\n	width: 20px;\n	height: 20px;\n	border: 1px solid var(--notectl-danger);\n	border-radius: 4px;\n	background: var(--notectl-bg);\n	color: var(--notectl-danger);\n	display: inline-flex;\n	align-items: center;\n	justify-content: center;\n	opacity: 0;\n	transition: opacity 0.2s ease, background 0.15s, border-color 0.15s;\n	z-index: 7;\n}\n\n.ntbl-container:hover .ntbl-delete-table-btn,\n.ntbl-container:focus-within .ntbl-delete-table-btn,\n.ntbl-container.notectl-table--selected .ntbl-delete-table-btn {\n	opacity: 1;\n}\n\n.ntbl-delete-table-btn:hover,\n.ntbl-delete-table-btn:focus-visible {\n	background: var(--notectl-danger-muted);\n	border-color: var(--notectl-danger);\n}\n\n.ntbl-delete-table-btn:focus-visible {\n	outline: none;\n	box-shadow: 0 0 0 2px var(--notectl-focus-ring);\n}\n\n.ntbl-add-row {\n	bottom: 0;\n	height: 24px;\n	border: 1px dashed var(--notectl-border);\n	border-radius: 0 0 6px 6px;\n	border-top: none;\n	color: var(--notectl-fg-muted);\n	transform: translateY(100%);\n}\n\n.ntbl-add-row:hover,\n.ntbl-add-row:focus-visible {\n	background: var(--notectl-primary-muted);\n	border-color: var(--notectl-primary);\n	color: var(--notectl-primary);\n}\n\n.ntbl-add-row:focus-visible {\n	outline: none;\n	box-shadow: 0 0 0 2px var(--notectl-focus-ring);\n}\n\n.ntbl-add-col {\n	right: 0;\n	top: 24px;\n	width: 24px;\n	border: 1px dashed var(--notectl-border);\n	border-radius: 0 6px 6px 0;\n	border-left: none;\n	color: var(--notectl-fg-muted);\n	transform: translateX(100%);\n}\n\n.ntbl-add-col:hover,\n.ntbl-add-col:focus-visible {\n	background: var(--notectl-primary-muted);\n	border-color: var(--notectl-primary);\n	color: var(--notectl-primary);\n}\n\n.ntbl-add-col:focus-visible {\n	outline: none;\n	box-shadow: 0 0 0 2px var(--notectl-focus-ring);\n}\n\n.ntbl-add-icon {\n	display: flex;\n	align-items: center;\n	justify-content: center;\n	transition: transform 0.2s ease;\n}\n\n.ntbl-add-zone:hover .ntbl-add-icon {\n	transform: scale(1.15);\n}\n"), this.context = e2, this.registerNodeSpecs(e2), this.registerNodeViews(e2), C(e2), (function(e3) {
       const n2 = { Tab: () => (function(t2) {
-        return L(t2, (e4, n3, o2) => o2.colIndex < o2.totalCols - 1 ? E(t2, o2.tableId, o2.rowIndex, o2.colIndex + 1) : o2.rowIndex < o2.totalRows - 1 ? E(t2, o2.tableId, o2.rowIndex + 1, 0) : (k(t2), true));
+        return L(t2, (e4, n3, o2) => o2.colIndex < o2.totalCols - 1 ? A(t2, o2.tableId, o2.rowIndex, o2.colIndex + 1) : o2.rowIndex < o2.totalRows - 1 ? A(t2, o2.tableId, o2.rowIndex + 1, 0) : (k(t2), true));
       })(e3), "Shift-Tab": () => (function(t2) {
-        return L(t2, (e4, n3, o2) => o2.colIndex > 0 ? E(t2, o2.tableId, o2.rowIndex, o2.colIndex - 1) : !(o2.rowIndex > 0) || E(t2, o2.tableId, o2.rowIndex - 1, o2.totalCols - 1));
+        return L(t2, (e4, n3, o2) => o2.colIndex > 0 ? A(t2, o2.tableId, o2.rowIndex, o2.colIndex - 1) : !(o2.rowIndex > 0) || A(t2, o2.tableId, o2.rowIndex - 1, o2.totalCols - 1));
       })(e3), Enter: () => (function(e4) {
         const n3 = e4.getState();
         if (t(n3.selection)) return false;
         const o2 = n3.getBlock(n3.selection.anchor.blockId);
         if (o2 && "paragraph" !== o2.type) return false;
         const r2 = b(n3, n3.selection.anchor.blockId);
-        return !!r2 && (!(r2.rowIndex < r2.totalRows - 1) || E(e4, r2.tableId, r2.rowIndex + 1, r2.colIndex));
+        return !!r2 && (!(r2.rowIndex < r2.totalRows - 1) || A(e4, r2.tableId, r2.rowIndex + 1, r2.colIndex));
       })(e3), Backspace: () => (function(t2) {
         return L(t2, (e4, n3, r2) => {
           if (!o(n3)) return false;
@@ -495,12 +495,12 @@ class Z {
       })(e3), ArrowDown: () => (function(t2) {
         return L(t2, (e4, n3, o2) => {
           const r2 = f(e4, o2.cellId);
-          return n3.anchor.blockId === r2 && (o2.rowIndex >= o2.totalRows - 1 ? R(t2) : E(t2, o2.tableId, o2.rowIndex + 1, o2.colIndex));
+          return n3.anchor.blockId === r2 && (o2.rowIndex >= o2.totalRows - 1 ? R(t2) : A(t2, o2.tableId, o2.rowIndex + 1, o2.colIndex));
         });
       })(e3), ArrowUp: () => (function(t2) {
         return L(t2, (e4, n3, o2) => {
           const r2 = p(e4, o2.cellId);
-          return n3.anchor.blockId === r2 && !(o2.rowIndex <= 0) && E(t2, o2.tableId, o2.rowIndex - 1, o2.colIndex);
+          return n3.anchor.blockId === r2 && !(o2.rowIndex <= 0) && A(t2, o2.tableId, o2.rowIndex - 1, o2.colIndex);
         });
       })(e3), ArrowRight: () => (function(t2) {
         return L(t2, (e4, n3, r2) => {
@@ -510,14 +510,14 @@ class Z {
           const l2 = a(i2);
           if (n3.anchor.offset !== l2) return false;
           const s2 = f(e4, r2.cellId);
-          return n3.anchor.blockId === s2 && (r2.colIndex < r2.totalCols - 1 ? E(t2, r2.tableId, r2.rowIndex, r2.colIndex + 1) : !(r2.rowIndex < r2.totalRows - 1) || E(t2, r2.tableId, r2.rowIndex + 1, 0));
+          return n3.anchor.blockId === s2 && (r2.colIndex < r2.totalCols - 1 ? A(t2, r2.tableId, r2.rowIndex, r2.colIndex + 1) : !(r2.rowIndex < r2.totalRows - 1) || A(t2, r2.tableId, r2.rowIndex + 1, 0));
         });
       })(e3), ArrowLeft: () => (function(t2) {
         return L(t2, (e4, n3, r2) => {
           if (!o(n3)) return false;
           if (0 !== n3.anchor.offset) return false;
           const i2 = p(e4, r2.cellId);
-          return n3.anchor.blockId === i2 && (r2.colIndex > 0 ? A(t2, r2.tableId, r2.rowIndex, r2.colIndex - 1) : !(r2.rowIndex > 0) || A(t2, r2.tableId, r2.rowIndex - 1, r2.totalCols - 1));
+          return n3.anchor.blockId === i2 && (r2.colIndex > 0 ? E(t2, r2.tableId, r2.rowIndex, r2.colIndex - 1) : !(r2.rowIndex > 0) || E(t2, r2.tableId, r2.rowIndex - 1, r2.totalCols - 1));
         });
       })(e3), Escape: () => R(e3) };
       e3.registerKeymap(n2);