logisheets-engine 1.1.1 → 1.1.2

package/dist/logisheets-engine.es.js

@@ -5035,6 +5035,11 @@ const STALE_REACTION = new (class StaleReactionError extends Error {
 	message = 'The reaction that called `getAbortSignal()` was re-run or destroyed';
 })();
 
+const IS_XHTML =
+	// We gotta write it like this because after downleveling the pure comment may end up in the wrong location
+	!!globalThis.document?.contentType &&
+	/* @__PURE__ */ globalThis.document.contentType.includes('xml');
+
 /* This file is generated by scripts/process-messages/index.js. Do not edit! */
 
 
@@ -12163,6 +12168,30 @@ function set_style(dom, value, prev_styles, next_styles) {
 
 const IS_CUSTOM_ELEMENT = Symbol('is custom element');
 const IS_HTML = Symbol('is html');
+const PROGRESS_TAG = IS_XHTML ? 'progress' : 'PROGRESS';
+
+/**
+ * @param {Element} element
+ * @param {any} value
+ */
+function set_value(element, value) {
+	var attributes = get_attributes(element);
+
+	if (
+		attributes.value ===
+			(attributes.value =
+				// treat null and undefined the same for the initial value
+				value ?? undefined) ||
+		// @ts-expect-error
+		// `progress` elements always need their value set when it's `0`
+		(element.value === value && (value !== 0 || element.nodeName !== PROGRESS_TAG))
+	) {
+		return;
+	}
+
+	// @ts-expect-error
+	element.value = value ?? '';
+}
 
 /**
  * @param {Element} element
@@ -14018,301 +14047,6 @@ function Scrollbar($$anchor, $$props) {
 
 delegate(['mousedown', 'mouseup']);
 
-var root$1 = from_html(`<span class="menu-icon svelte-192vamk"> </span>`);
-var root_1$1 = from_html(`<span class="menu-icon-placeholder svelte-192vamk"></span>`);
-var root_2$1 = from_html(`<span class="menu-shortcut svelte-192vamk"> </span>`);
-var root_3$1 = from_html(`<span class="menu-arrow svelte-192vamk">▶</span>`);
-var root_4$1 = from_html(`<div class="menu-separator svelte-192vamk"></div>`);
-var root_5 = from_html(`<button role="menuitem"><!> <span class="menu-label svelte-192vamk"> </span> <!></button> <!>`, 1);
-var root_6 = from_html(`<div class="submenu svelte-192vamk"></div>`);
-var root_7 = from_html(`<div class="menu-item-wrapper svelte-192vamk"><button role="menuitem"><!> <span class="menu-label svelte-192vamk"> </span> <!> <!></button> <!></div> <!>`, 1);
-var root_8 = from_html(`<div class="context-menu svelte-192vamk" role="menu" tabindex="-1"></div>`);
-
-function ContextMenu($$anchor, $$props) {
-	push($$props, true);
-
-	// ========================================================================
-	// Props
-	// ========================================================================
-	/** Whether the menu is visible */
-	/** X position of the menu */
-	/** Y position of the menu */
-	/** Menu items to display */
-	/** Context when menu was triggered */
-	/** Called when a menu item is clicked */
-	/** Called when menu should close */
-	// ========================================================================
-	// State
-	// ========================================================================
-	let menuEl = state(null);
-
-	let adjustedX = state(0);
-	let adjustedY = state(0);
-	let activeSubmenu = state(null);
-
-	// ========================================================================
-	// Position adjustment to keep menu in viewport
-	// ========================================================================
-	user_effect(() => {
-		if ($$props.visible && get(menuEl)) {
-			const rect = get(menuEl).getBoundingClientRect();
-			const viewportWidth = window.innerWidth;
-			const viewportHeight = window.innerHeight;
-			let newX = $$props.x;
-			let newY = $$props.y;
-
-			// Adjust horizontal position
-			if ($$props.x + rect.width > viewportWidth - 10) {
-				newX = viewportWidth - rect.width - 10;
-			}
-
-			// Adjust vertical position
-			if ($$props.y + rect.height > viewportHeight - 10) {
-				newY = viewportHeight - rect.height - 10;
-			}
-
-			set(adjustedX, Math.max(10, newX), true);
-			set(adjustedY, Math.max(10, newY), true);
-		}
-	});
-
-	// ========================================================================
-	// Event Handlers
-	// ========================================================================
-	function handleItemClick(item, e) {
-		e.stopPropagation();
-
-		if (item.disabled) return;
-
-		if (item.children && item.children.length > 0) {
-			// Toggle submenu
-			set(activeSubmenu, get(activeSubmenu) === item.id ? null : item.id, true);
-
-			return;
-		}
-
-		$$props.onItemClick?.(item, $$props.context);
-		$$props.onClose?.();
-	}
-
-	function handleKeyDown(e) {
-		if (e.key === 'Escape') {
-			$$props.onClose?.();
-		}
-	}
-
-	function handleClickOutside(e) {
-		if (get(menuEl) && !get(menuEl).contains(e.target)) {
-			$$props.onClose?.();
-		}
-	}
-
-	onMount(() => {
-		document.addEventListener('mousedown', handleClickOutside);
-
-		return () => {
-			document.removeEventListener('mousedown', handleClickOutside);
-		};
-	});
-
-	var fragment = comment();
-
-	event('keydown', $window, handleKeyDown);
-
-	var node = first_child(fragment);
-
-	{
-		var consequent_8 = ($$anchor) => {
-			var div = root_8();
-
-			each(div, 21, () => $$props.items, (item) => item.id, ($$anchor, item) => {
-				var fragment_1 = root_7();
-				var div_1 = first_child(fragment_1);
-				var button = child(div_1);
-				let classes;
-				var node_1 = child(button);
-
-				{
-					var consequent = ($$anchor) => {
-						var span = root$1();
-						var text = child(span);
-						template_effect(() => set_text(text, get(item).icon));
-						append($$anchor, span);
-					};
-
-					var alternate = ($$anchor) => {
-						var span_1 = root_1$1();
-
-						append($$anchor, span_1);
-					};
-
-					if_block(node_1, ($$render) => {
-						if (get(item).icon) $$render(consequent); else $$render(alternate, -1);
-					});
-				}
-
-				var span_2 = sibling(node_1, 2);
-				var text_1 = child(span_2);
-
-				var node_2 = sibling(span_2, 2);
-
-				{
-					var consequent_1 = ($$anchor) => {
-						var span_3 = root_2$1();
-						var text_2 = child(span_3);
-						template_effect(() => set_text(text_2, get(item).shortcut));
-						append($$anchor, span_3);
-					};
-
-					if_block(node_2, ($$render) => {
-						if (get(item).shortcut) $$render(consequent_1);
-					});
-				}
-
-				var node_3 = sibling(node_2, 2);
-
-				{
-					var consequent_2 = ($$anchor) => {
-						var span_4 = root_3$1();
-
-						append($$anchor, span_4);
-					};
-
-					if_block(node_3, ($$render) => {
-						if (get(item).children && get(item).children.length > 0) $$render(consequent_2);
-					});
-				}
-
-				var node_4 = sibling(button, 2);
-
-				{
-					var consequent_6 = ($$anchor) => {
-						var div_2 = root_6();
-
-						each(div_2, 21, () => get(item).children, (child) => child.id, ($$anchor, child$1) => {
-							var fragment_2 = root_5();
-							var button_1 = first_child(fragment_2);
-							let classes_1;
-							var node_5 = child(button_1);
-
-							{
-								var consequent_3 = ($$anchor) => {
-									var span_5 = root$1();
-									var text_3 = child(span_5);
-									template_effect(() => set_text(text_3, get(child$1).icon));
-									append($$anchor, span_5);
-								};
-
-								var alternate_1 = ($$anchor) => {
-									var span_6 = root_1$1();
-
-									append($$anchor, span_6);
-								};
-
-								if_block(node_5, ($$render) => {
-									if (get(child$1).icon) $$render(consequent_3); else $$render(alternate_1, -1);
-								});
-							}
-
-							var span_7 = sibling(node_5, 2);
-							var text_4 = child(span_7);
-
-							var node_6 = sibling(span_7, 2);
-
-							{
-								var consequent_4 = ($$anchor) => {
-									var span_8 = root_2$1();
-									var text_5 = child(span_8);
-									template_effect(() => set_text(text_5, get(child$1).shortcut));
-									append($$anchor, span_8);
-								};
-
-								if_block(node_6, ($$render) => {
-									if (get(child$1).shortcut) $$render(consequent_4);
-								});
-							}
-
-							var node_7 = sibling(button_1, 2);
-
-							{
-								var consequent_5 = ($$anchor) => {
-									var div_3 = root_4$1();
-
-									append($$anchor, div_3);
-								};
-
-								if_block(node_7, ($$render) => {
-									if (get(child$1).separator) $$render(consequent_5);
-								});
-							}
-
-							template_effect(() => {
-								classes_1 = set_class(button_1, 1, 'menu-item svelte-192vamk', null, classes_1, { disabled: get(child$1).disabled });
-								set_attribute(button_1, 'aria-disabled', get(child$1).disabled);
-								set_text(text_4, get(child$1).label);
-							});
-
-							delegated('click', button_1, (e) => handleItemClick(get(child$1), e));
-							append($$anchor, fragment_2);
-						});
-						append($$anchor, div_2);
-					};
-
-					if_block(node_4, ($$render) => {
-						if (get(item).children && get(item).children.length > 0 && get(activeSubmenu) === get(item).id) $$render(consequent_6);
-					});
-				}
-
-				var node_8 = sibling(div_1, 2);
-
-				{
-					var consequent_7 = ($$anchor) => {
-						var div_4 = root_4$1();
-
-						append($$anchor, div_4);
-					};
-
-					if_block(node_8, ($$render) => {
-						if (get(item).separator) $$render(consequent_7);
-					});
-				}
-
-				template_effect(() => {
-					classes = set_class(button, 1, 'menu-item svelte-192vamk', null, classes, {
-						disabled: get(item).disabled,
-						'has-children': get(item).children && get(item).children.length > 0
-					});
-
-					set_attribute(button, 'aria-disabled', get(item).disabled);
-					set_text(text_1, get(item).label);
-				});
-
-				delegated('click', button, (e) => handleItemClick(get(item), e));
-
-				event('mouseenter', button, () => {
-					if (get(item).children && get(item).children.length > 0) {
-						set(activeSubmenu, get(item).id, true);
-					}
-				});
-
-				append($$anchor, fragment_1);
-			});
-			bind_this(div, ($$value) => set(menuEl, $$value), () => get(menuEl));
-			template_effect(() => set_style(div, `left: ${get(adjustedX) ?? ''}px; top: ${get(adjustedY) ?? ''}px;`));
-			append($$anchor, div);
-		};
-
-		if_block(node, ($$render) => {
-			if ($$props.visible) $$render(consequent_8);
-		});
-	}
-
-	append($$anchor, fragment);
-	pop();
-}
-
-delegate(['click']);
-
 function isApplePlatform() {
   if (typeof navigator === "undefined") return false;
   const p = (
@@ -14435,11 +14169,11 @@ function dispatchShortcut(e, handlers) {
   return true;
 }
 
-var root = from_html(`<!> <div class="fill-handle svelte-rlol6m" role="presentation"></div>`, 1);
-var root_1 = from_html(`<div class="fill-preview svelte-rlol6m"></div>`);
-var root_2 = from_html(`<div class="fill-tooltip svelte-rlol6m"> </div>`);
-var root_3 = from_html(`<div class="scrollbar-y svelte-rlol6m"><!></div> <div class="scrollbar-x svelte-rlol6m"><!></div>`, 1);
-var root_4 = from_html(`<div class="spreadsheet-container svelte-rlol6m"><div><div class="canvas-wrapper svelte-rlol6m"><div class="corner-cell svelte-rlol6m"></div> <!> <!> <canvas tabindex="0" class="main-canvas svelte-rlol6m">Your browser does not support canvas.</canvas> <!> <!> <!> <!></div></div> <!> <!></div>`);
+var root$1 = from_html(`<!> <div class="fill-handle svelte-rlol6m" role="presentation"></div>`, 1);
+var root_1$1 = from_html(`<div class="fill-preview svelte-rlol6m"></div>`);
+var root_2$1 = from_html(`<div class="fill-tooltip svelte-rlol6m"> </div>`);
+var root_3$1 = from_html(`<div class="scrollbar-y svelte-rlol6m"><!></div> <div class="scrollbar-x svelte-rlol6m"><!></div>`, 1);
+var root_4$1 = from_html(`<div class="spreadsheet-container svelte-rlol6m"><div><div class="canvas-wrapper svelte-rlol6m"><div class="corner-cell svelte-rlol6m"></div> <!> <!> <canvas tabindex="0" class="main-canvas svelte-rlol6m">Your browser does not support canvas.</canvas> <!> <!> <!> <!></div></div> <!></div>`);
 
 function Spreadsheet($$anchor, $$props) {
 	push($$props, true);
@@ -14470,12 +14204,15 @@ function Spreadsheet($$anchor, $$props) {
 	/** Engine configuration */
 	/** Show sheet tabs at bottom */
 	/** Show scrollbars */
-	/** Custom context menu items */
 	/** Callback when selection changes */
 	/** Callback when active sheet changes */
 	/** Callback when grid updates */
 	/** Callback when sheets list changes */
-	/** Callback when context menu item is clicked */
+	/**
+	 * The user opened the context menu (right-clicked a cell or a
+	 * row/column header). The engine renders no menu itself — the host
+	 * uses this to render its own menu at `(x, y)` (viewport coords).
+	 */
 	/** Callback when user wants to start editing a cell (double-click or direct typing) */
 	/** Callback when an invalid formula is entered */
 	/** Callback for the Save shortcut (Ctrl/⌘+S) — host decides how to persist. */
@@ -14489,7 +14226,6 @@ function Spreadsheet($$anchor, $$props) {
 		let config = prop($$props, 'config', 19, () => ({})),
 		showSheetTabs = prop($$props, 'showSheetTabs', 3, true),
 		showScrollbars = prop($$props, 'showScrollbars', 3, true),
-		contextMenuItems = prop($$props, 'contextMenuItems', 19, () => []),
 		externalDataService = prop($$props, 'dataService', 3, null);
 
 	// ========================================================================
@@ -14599,13 +14335,6 @@ function Spreadsheet($$anchor, $$props) {
 	let lastClickRow = -1;
 	let lastClickCol = -1;
 
-	// Context menu state
-	let contextMenuVisible = state(false);
-
-	let contextMenuX = state(0);
-	let contextMenuY = state(0);
-	let contextMenuContext = state(null);
-
 	// Cleanup references
 	let resizeObserver = null;
 
@@ -15057,6 +14786,63 @@ function Spreadsheet($$anchor, $$props) {
 				},
 				true
 			);
+		} else if (sel.ty === 'line') {
+			// Whole-row / whole-column selection. The box spans the selected
+			// lines along one axis and the full visible grid along the other,
+			// clamped to what's currently rendered (null if scrolled away).
+			if (sel.d.type === 'row') {
+				const visStartRow = Math.max(sel.d.start, firstRow);
+				const visEndRow = Math.min(sel.d.end, lastRow);
+
+				if (visStartRow > visEndRow) {
+					set(selector, null);
+
+					return;
+				}
+
+				const startY = yForRowStart(visStartRow, g);
+				const endY = yForRowEnd(visEndRow, g);
+				const startX = xForColStart(firstCol, g);
+				const endX = xForColEnd(lastCol, g);
+
+				set(
+					selector,
+					{
+						x: get(LeftTop).width + startX - 1,
+						y: get(LeftTop).height + startY - 1,
+						width: Math.max(0, endX - startX),
+						height: Math.max(0, endY - startY)
+					},
+					true
+				);
+			} else {
+				const visStartCol = Math.max(sel.d.start, firstCol);
+				const visEndCol = Math.min(sel.d.end, lastCol);
+
+				if (visStartCol > visEndCol) {
+					set(selector, null);
+
+					return;
+				}
+
+				const startX = xForColStart(visStartCol, g);
+				const endX = xForColEnd(visEndCol, g);
+				const startY = yForRowStart(firstRow, g);
+				const endY = yForRowEnd(lastRow, g);
+
+				set(
+					selector,
+					{
+						x: get(LeftTop).width + startX - 1,
+						y: get(LeftTop).height + startY - 1,
+						width: Math.max(0, endX - startX),
+						height: Math.max(0, endY - startY)
+					},
+					true
+				);
+			}
+		} else {
+			set(selector, null);
 		}
 	}
 
@@ -15493,12 +15279,12 @@ function Spreadsheet($$anchor, $$props) {
 		window.addEventListener('mouseup', handleUp);
 	}
 
-	function onContextMenu(e) {
+	function handleCanvasContextMenu(e) {
 		e.preventDefault();
 		e.stopPropagation();
 
-		// Only show if we have custom menu items
-		if (contextMenuItems().length === 0) return;
+		// Nothing to do if the host isn't listening for the menu trigger.
+		if (!$$props.onContextMenu) return;
 
 		if (!get(grid) || !get(canvasEl)) return;
 
@@ -15531,8 +15317,7 @@ function Spreadsheet($$anchor, $$props) {
 				$$props.onSelectedDataChange?.(data);
 			}
 
-			set(
-				contextMenuContext,
+			$$props.onContextMenu(
 				{
 					selectedData: selectedData(),
 					target: 'cell',
@@ -15540,53 +15325,33 @@ function Spreadsheet($$anchor, $$props) {
 					col,
 					event: e
 				},
-				true
+				e.clientX,
+				e.clientY
 			);
 		} else {
-			set(contextMenuContext, { selectedData: selectedData(), target: 'cell', event: e }, true);
+			$$props.onContextMenu({ selectedData: selectedData(), target: 'cell', event: e }, e.clientX, e.clientY);
 		}
-
-		set(contextMenuX, e.clientX, true);
-		set(contextMenuY, e.clientY, true);
-		set(contextMenuVisible, true);
-	}
-
-	function closeContextMenu() {
-		set(contextMenuVisible, false);
-		set(contextMenuContext, null);
-	}
-
-	function handleContextMenuItemClick(item, context) {
-		$$props.onContextMenuItemClick?.(item, context);
-		closeContextMenu();
 	}
 
 	function onColumnContextMenu(col, e) {
-		if (contextMenuItems().length === 0) return;
+		if (!$$props.onContextMenu) return;
 
-		set(
-			contextMenuContext,
+		$$props.onContextMenu(
 			{
 				selectedData: selectedData(),
 				target: 'column',
 				col,
 				event: e
 			},
-			true
+			e.clientX,
+			e.clientY
 		);
-
-		set(contextMenuX, e.clientX, true);
-		set(contextMenuY, e.clientY, true);
-		set(contextMenuVisible, true);
 	}
 
 	function onRowContextMenu(row, e) {
-		if (contextMenuItems().length === 0) return;
+		if (!$$props.onContextMenu) return;
 
-		set(contextMenuContext, { selectedData: selectedData(), target: 'row', row, event: e }, true);
-		set(contextMenuX, e.clientX, true);
-		set(contextMenuY, e.clientY, true);
-		set(contextMenuVisible, true);
+		$$props.onContextMenu({ selectedData: selectedData(), target: 'row', row, event: e }, e.clientX, e.clientY);
 	}
 
 	// ========================================================================
@@ -16103,7 +15868,7 @@ function Spreadsheet($$anchor, $$props) {
 		selectRange
 	};
 
-	var div = root_4();
+	var div = root_4$1();
 	var div_1 = child(div);
 	let classes;
 	var div_2 = child(div_1);
@@ -16188,7 +15953,7 @@ function Spreadsheet($$anchor, $$props) {
 
 	{
 		var consequent = ($$anchor) => {
-			var fragment = root();
+			var fragment = root$1();
 			var node_3 = first_child(fragment);
 
 			Selector(node_3, spread_props(() => get(selector)));
@@ -16209,7 +15974,7 @@ function Spreadsheet($$anchor, $$props) {
 
 	{
 		var consequent_1 = ($$anchor) => {
-			var div_5 = root_1();
+			var div_5 = root_1$1();
 
 			template_effect(() => set_style(div_5, `left: ${get(fillPreview).x ?? ''}px; top: ${get(fillPreview).y ?? ''}px; width: ${get(fillPreview).width ?? ''}px; height: ${get(fillPreview).height ?? ''}px;`));
 			append($$anchor, div_5);
@@ -16224,7 +15989,7 @@ function Spreadsheet($$anchor, $$props) {
 
 	{
 		var consequent_2 = ($$anchor) => {
-			var div_6 = root_2();
+			var div_6 = root_2$1();
 			var text_1 = child(div_6);
 
 			template_effect(() => {
@@ -16244,7 +16009,7 @@ function Spreadsheet($$anchor, $$props) {
 
 	{
 		var consequent_3 = ($$anchor) => {
-			var fragment_1 = root_3();
+			var fragment_1 = root_3$1();
 			var div_7 = first_child(fragment_1);
 			var node_7 = child(div_7);
 
@@ -16314,32 +16079,6 @@ function Spreadsheet($$anchor, $$props) {
 
 	var node_9 = sibling(div_1, 2);
 
-	ContextMenu(node_9, {
-		get visible() {
-			return get(contextMenuVisible);
-		},
-
-		get x() {
-			return get(contextMenuX);
-		},
-
-		get y() {
-			return get(contextMenuY);
-		},
-
-		get items() {
-			return contextMenuItems();
-		},
-
-		get context() {
-			return get(contextMenuContext);
-		},
-		onItemClick: handleContextMenuItemClick,
-		onClose: closeContextMenu
-	});
-
-	var node_10 = sibling(node_9, 2);
-
 	{
 		var consequent_4 = ($$anchor) => {
 			SheetTabs($$anchor, {
@@ -16386,7 +16125,7 @@ function Spreadsheet($$anchor, $$props) {
 			});
 		};
 
-		if_block(node_10, ($$render) => {
+		if_block(node_9, ($$render) => {
 			if (showSheetTabs()) $$render(consequent_4);
 		});
 	}
@@ -16399,7 +16138,7 @@ function Spreadsheet($$anchor, $$props) {
 	});
 
 	delegated('mousedown', canvas, onMouseDown);
-	delegated('contextmenu', canvas, onContextMenu);
+	delegated('contextmenu', canvas, handleCanvasContextMenu);
 	event('wheel', canvas, onWheel);
 	delegated('keydown', canvas, onKeyDown);
 	append($$anchor, div);
@@ -16421,6 +16160,7 @@ class Session {
       "activeSheetChange",
       "startEdit",
       "invalidFormula",
+      "contextMenu",
       "error"
     ].forEach((type) => {
       this._listeners.set(type, /* @__PURE__ */ new Set());
@@ -16470,7 +16210,6 @@ class Session {
         config: this._config,
         showSheetTabs: options.showSheetTabs ?? true,
         showScrollbars: options.showScrollbars ?? true,
-        contextMenuItems: options.contextMenuItems ?? [],
         getIsEditingFormula: options.getIsEditingFormula,
         onSelectedDataChange: (data) => {
           this._selectedData = data;
@@ -16487,7 +16226,9 @@ class Session {
         onSheetsChange: (sheets) => {
           this._host.notifySheetsChange(sheets);
         },
-        onContextMenuItemClick: (_item, _context) => {
+        // Engine renders no menu — surface the trigger so the host can.
+        onContextMenu: (context, x, y) => {
+          this._emit("contextMenu", { context, x, y });
         },
         onStartEdit: (row, col, initialText) => {
           this._emit("startEdit", { row, col, initialText });
@@ -16663,6 +16404,7 @@ const SESSION_EVENT_TYPES = [
   "activeSheetChange",
   "startEdit",
   "invalidFormula",
+  "contextMenu",
   "error"
 ];
 function isSessionEvent(type) {
@@ -19894,4 +19636,420 @@ function convertCanvasPropsToAdapterProps(props) {
   };
 }
 
+var root = from_html(`<div class="menu-separator svelte-192vamk"></div>`);
+var root_1 = from_html(`<div class="menu-stepper svelte-192vamk" role="group"><span class="menu-icon-placeholder svelte-192vamk"></span> <span class="menu-label svelte-192vamk"> </span> <div class="stepper-control svelte-192vamk"><button type="button" class="stepper-btn svelte-192vamk" aria-label="decrease">−</button> <input class="stepper-input svelte-192vamk" type="number"/> <button type="button" class="stepper-btn svelte-192vamk" aria-label="increase">+</button></div></div> <!>`, 1);
+var root_2 = from_html(`<span class="menu-icon svelte-192vamk"> </span>`);
+var root_3 = from_html(`<span class="menu-icon-placeholder svelte-192vamk"></span>`);
+var root_4 = from_html(`<span class="menu-shortcut svelte-192vamk"> </span>`);
+var root_5 = from_html(`<span class="menu-arrow svelte-192vamk">▶</span>`);
+var root_6 = from_html(`<button role="menuitem"><!> <span class="menu-label svelte-192vamk"> </span> <!></button> <!>`, 1);
+var root_7 = from_html(`<div class="submenu svelte-192vamk"></div>`);
+var root_8 = from_html(`<div class="menu-item-wrapper svelte-192vamk"><button role="menuitem"><!> <span class="menu-label svelte-192vamk"> </span> <!> <!></button> <!></div> <!>`, 1);
+var root_9 = from_html(`<div class="context-menu svelte-192vamk" role="menu" tabindex="-1"></div>`);
+
+function ContextMenu($$anchor, $$props) {
+	push($$props, true);
+
+	// ========================================================================
+	// Props
+	// ========================================================================
+	/** Whether the menu is visible */
+	/** X position of the menu */
+	/** Y position of the menu */
+	/** Menu items to display */
+	/** Context when menu was triggered */
+	/**
+	 * Called when a menu item is clicked. `value` is the current amount
+	 * from a `stepper` item in the same menu (if any), so action items can
+	 * act on the user-chosen quantity.
+	 */
+	/** Called when menu should close */
+	// ========================================================================
+	// State
+	// ========================================================================
+	let menuEl = state(null);
+
+	let adjustedX = state(0);
+	let adjustedY = state(0);
+	let activeSubmenu = state(null);
+
+	// Current value of each `stepper` item, keyed by item id. Reset to the
+	// item's default every time the menu (re)opens so it tracks the latest
+	// selection-derived default.
+	let stepperValues = state(proxy({}));
+
+	user_effect(() => {
+		if (!$$props.visible) return;
+
+		const next = {};
+
+		for (const it of $$props.items) {
+			if (it.type === 'stepper') next[it.id] = it.value ?? it.min ?? 1;
+		}
+
+		set(stepperValues, next, true);
+	});
+
+	function clampStepper(item, v) {
+		const min = item.min ?? 1;
+		const max = item.max ?? 1000;
+
+		if (Number.isNaN(v)) return min;
+
+		return Math.min(max, Math.max(min, Math.round(v)));
+	}
+
+	function adjustStepper(item, delta) {
+		const cur = get(stepperValues)[item.id] ?? item.min ?? 1;
+
+		set(
+			stepperValues,
+			{
+				...get(stepperValues),
+				[item.id]: clampStepper(item, cur + delta)
+			},
+			true
+		);
+	}
+
+	function setStepper(item, v) {
+		set(stepperValues, { ...get(stepperValues), [item.id]: clampStepper(item, v) }, true);
+	}
+
+	// The amount an action item should act on: the first stepper's value, or
+	// undefined when the menu has no stepper.
+	function currentStepperValue() {
+		for (const it of $$props.items) {
+			if (it.type === 'stepper') return get(stepperValues)[it.id];
+		}
+
+		return undefined;
+	}
+
+	// ========================================================================
+	// Position adjustment to keep menu in viewport
+	// ========================================================================
+	user_effect(() => {
+		if ($$props.visible && get(menuEl)) {
+			const rect = get(menuEl).getBoundingClientRect();
+			const viewportWidth = window.innerWidth;
+			const viewportHeight = window.innerHeight;
+			let newX = $$props.x;
+			let newY = $$props.y;
+
+			// Adjust horizontal position
+			if ($$props.x + rect.width > viewportWidth - 10) {
+				newX = viewportWidth - rect.width - 10;
+			}
+
+			// Adjust vertical position
+			if ($$props.y + rect.height > viewportHeight - 10) {
+				newY = viewportHeight - rect.height - 10;
+			}
+
+			set(adjustedX, Math.max(10, newX), true);
+			set(adjustedY, Math.max(10, newY), true);
+		}
+	});
+
+	// ========================================================================
+	// Event Handlers
+	// ========================================================================
+	function handleItemClick(item, e) {
+		e.stopPropagation();
+
+		if (item.disabled) return;
+
+		if (item.children && item.children.length > 0) {
+			// Toggle submenu
+			set(activeSubmenu, get(activeSubmenu) === item.id ? null : item.id, true);
+
+			return;
+		}
+
+		$$props.onItemClick?.(item, $$props.context, currentStepperValue());
+		$$props.onClose?.();
+	}
+
+	function handleKeyDown(e) {
+		if (e.key === 'Escape') {
+			$$props.onClose?.();
+		}
+	}
+
+	function handleClickOutside(e) {
+		if (get(menuEl) && !get(menuEl).contains(e.target)) {
+			$$props.onClose?.();
+		}
+	}
+
+	onMount(() => {
+		document.addEventListener('mousedown', handleClickOutside);
+
+		return () => {
+			document.removeEventListener('mousedown', handleClickOutside);
+		};
+	});
+
+	var fragment = comment();
+
+	event('keydown', $window, handleKeyDown);
+
+	var node = first_child(fragment);
+
+	{
+		var consequent_10 = ($$anchor) => {
+			var div = root_9();
+
+			each(div, 21, () => $$props.items, (item) => item.id, ($$anchor, item) => {
+				var fragment_1 = comment();
+				var node_1 = first_child(fragment_1);
+
+				{
+					var consequent_1 = ($$anchor) => {
+						var fragment_2 = root_1();
+						var div_1 = first_child(fragment_2);
+						var span = sibling(child(div_1), 2);
+						var text = child(span);
+
+						var div_2 = sibling(span, 2);
+						var button = child(div_2);
+						var input = sibling(button, 2);
+
+						var button_1 = sibling(input, 2);
+
+						var node_2 = sibling(div_1, 2);
+
+						{
+							var consequent = ($$anchor) => {
+								var div_3 = root();
+
+								append($$anchor, div_3);
+							};
+
+							if_block(node_2, ($$render) => {
+								if (get(item).separator) $$render(consequent);
+							});
+						}
+
+						template_effect(() => {
+							set_attribute(div_1, 'aria-label', get(item).label);
+							set_text(text, get(item).label);
+							set_attribute(input, 'min', get(item).min ?? 1);
+							set_attribute(input, 'max', get(item).max ?? 1000);
+							set_value(input, get(stepperValues)[get(item).id] ?? get(item).min ?? 1);
+						});
+
+						delegated('click', button, (e) => {
+							e.stopPropagation();
+							adjustStepper(get(item), -1);
+						});
+
+						delegated('click', input, (e) => e.stopPropagation());
+						delegated('input', input, (e) => setStepper(get(item), parseInt(e.currentTarget.value, 10)));
+
+						delegated('click', button_1, (e) => {
+							e.stopPropagation();
+							adjustStepper(get(item), 1);
+						});
+
+						append($$anchor, fragment_2);
+					};
+
+					var alternate_2 = ($$anchor) => {
+						var fragment_3 = root_8();
+						var div_4 = first_child(fragment_3);
+						var button_2 = child(div_4);
+						let classes;
+						var node_3 = child(button_2);
+
+						{
+							var consequent_2 = ($$anchor) => {
+								var span_1 = root_2();
+								var text_1 = child(span_1);
+								template_effect(() => set_text(text_1, get(item).icon));
+								append($$anchor, span_1);
+							};
+
+							var alternate = ($$anchor) => {
+								var span_2 = root_3();
+
+								append($$anchor, span_2);
+							};
+
+							if_block(node_3, ($$render) => {
+								if (get(item).icon) $$render(consequent_2); else $$render(alternate, -1);
+							});
+						}
+
+						var span_3 = sibling(node_3, 2);
+						var text_2 = child(span_3);
+
+						var node_4 = sibling(span_3, 2);
+
+						{
+							var consequent_3 = ($$anchor) => {
+								var span_4 = root_4();
+								var text_3 = child(span_4);
+								template_effect(() => set_text(text_3, get(item).shortcut));
+								append($$anchor, span_4);
+							};
+
+							if_block(node_4, ($$render) => {
+								if (get(item).shortcut) $$render(consequent_3);
+							});
+						}
+
+						var node_5 = sibling(node_4, 2);
+
+						{
+							var consequent_4 = ($$anchor) => {
+								var span_5 = root_5();
+
+								append($$anchor, span_5);
+							};
+
+							if_block(node_5, ($$render) => {
+								if (get(item).children && get(item).children.length > 0) $$render(consequent_4);
+							});
+						}
+
+						var node_6 = sibling(button_2, 2);
+
+						{
+							var consequent_8 = ($$anchor) => {
+								var div_5 = root_7();
+
+								each(div_5, 21, () => get(item).children, (child) => child.id, ($$anchor, child$1) => {
+									var fragment_4 = root_6();
+									var button_3 = first_child(fragment_4);
+									let classes_1;
+									var node_7 = child(button_3);
+
+									{
+										var consequent_5 = ($$anchor) => {
+											var span_6 = root_2();
+											var text_4 = child(span_6);
+											template_effect(() => set_text(text_4, get(child$1).icon));
+											append($$anchor, span_6);
+										};
+
+										var alternate_1 = ($$anchor) => {
+											var span_7 = root_3();
+
+											append($$anchor, span_7);
+										};
+
+										if_block(node_7, ($$render) => {
+											if (get(child$1).icon) $$render(consequent_5); else $$render(alternate_1, -1);
+										});
+									}
+
+									var span_8 = sibling(node_7, 2);
+									var text_5 = child(span_8);
+
+									var node_8 = sibling(span_8, 2);
+
+									{
+										var consequent_6 = ($$anchor) => {
+											var span_9 = root_4();
+											var text_6 = child(span_9);
+											template_effect(() => set_text(text_6, get(child$1).shortcut));
+											append($$anchor, span_9);
+										};
+
+										if_block(node_8, ($$render) => {
+											if (get(child$1).shortcut) $$render(consequent_6);
+										});
+									}
+
+									var node_9 = sibling(button_3, 2);
+
+									{
+										var consequent_7 = ($$anchor) => {
+											var div_6 = root();
+
+											append($$anchor, div_6);
+										};
+
+										if_block(node_9, ($$render) => {
+											if (get(child$1).separator) $$render(consequent_7);
+										});
+									}
+
+									template_effect(() => {
+										classes_1 = set_class(button_3, 1, 'menu-item svelte-192vamk', null, classes_1, { disabled: get(child$1).disabled });
+										set_attribute(button_3, 'aria-disabled', get(child$1).disabled);
+										set_text(text_5, get(child$1).label);
+									});
+
+									delegated('click', button_3, (e) => handleItemClick(get(child$1), e));
+									append($$anchor, fragment_4);
+								});
+								append($$anchor, div_5);
+							};
+
+							if_block(node_6, ($$render) => {
+								if (get(item).children && get(item).children.length > 0 && get(activeSubmenu) === get(item).id) $$render(consequent_8);
+							});
+						}
+
+						var node_10 = sibling(div_4, 2);
+
+						{
+							var consequent_9 = ($$anchor) => {
+								var div_7 = root();
+
+								append($$anchor, div_7);
+							};
+
+							if_block(node_10, ($$render) => {
+								if (get(item).separator) $$render(consequent_9);
+							});
+						}
+
+						template_effect(() => {
+							classes = set_class(button_2, 1, 'menu-item svelte-192vamk', null, classes, {
+								disabled: get(item).disabled,
+								'has-children': get(item).children && get(item).children.length > 0
+							});
+
+							set_attribute(button_2, 'aria-disabled', get(item).disabled);
+							set_text(text_2, get(item).label);
+						});
+
+						delegated('click', button_2, (e) => handleItemClick(get(item), e));
+
+						event('mouseenter', button_2, () => {
+							if (get(item).children && get(item).children.length > 0) {
+								set(activeSubmenu, get(item).id, true);
+							}
+						});
+
+						append($$anchor, fragment_3);
+					};
+
+					if_block(node_1, ($$render) => {
+						if (get(item).type === 'stepper') $$render(consequent_1); else $$render(alternate_2, -1);
+					});
+				}
+
+				append($$anchor, fragment_1);
+			});
+			bind_this(div, ($$value) => set(menuEl, $$value), () => get(menuEl));
+			template_effect(() => set_style(div, `left: ${get(adjustedX) ?? ''}px; top: ${get(adjustedY) ?? ''}px;`));
+			append($$anchor, div);
+		};
+
+		if_block(node, ($$render) => {
+			if ($$props.visible) $$render(consequent_10);
+		});
+	}
+
+	append($$anchor, fragment);
+	pop();
+}
+
+delegate(['click', 'input']);
+
 export { ActionEffectBuilder, AsyncFuncResultBuilder, BindFormSchemaBuilder, BindRandomSchemaBuilder, BlockInputBuilder, BlockLineNameFieldUpdateBuilder, BlockLineStyleUpdateBuilder, BlockManager, BlockStyleUpdateBuilder, Calculator, Cell$1 as Cell, Cell as CellClass, CellClearBuilder, CellFormatBrushBuilder, CellInputBuilder, CellStyleUpdateBuilder, CellValue, ColumnHeaders, ContextMenu, ConvertBlockBuilder, CraftCalc, CreateAppendixBuilder, CreateBlockBuilder, CreateDiyCellBuilder, CreateDiyCellByIdBuilder, CreateSheetBuilder, CustomFunc, DEFAULT_ENGINE_CONFIG, DataService, DeleteColsBuilder, DeleteColsInBlockBuilder, DeleteRowsBuilder, DeleteRowsInBlockBuilder, DeleteSheetBuilder, Engine, EnumSetManager, EphemeralCellInputBuilder, EphemeralCellRemoveBuilder, EphemeralCellStyleUpdateBuilder, FIELD_AND_VALIDATION_TAG, FieldManager, InsertColsBuilder, InsertColsInBlockBuilder, InsertRowsBuilder, InsertRowsInBlockBuilder, LOGISHEETS_BUILTIN_CRAFT_ID, LineFormatBrushBuilder, LineStyleUpdateBuilder, MergeCellsBuilder, MoveBlockBuilder, MoveBlockLineBuilder, OffscreenClient, OffscreenWorkerService, RandomSchemaUnitBuilder, Range$1 as RangeClass, RemoveAppendixBuilder, RemoveBlockBuilder, RemoveDiyCellBuilder, RemoveDiyCellByIdBuilder, ReproduceCellsBuilder, ResizeBlockBuilder, RestoreCheckpointBuilder, RowHeaders, Scrollbar, Selector, Session, SetColWidthBuilder, SetRowHeightBuilder, SetSheetColorBuilder, SetSheetVisibleBuilder, SetVisibleBuilder, SheetCellIdBuilder, SheetColIdBuilder, SheetRenameBuilder, SheetRowIdBuilder, SheetTabs, SplitMergedCellsBuilder, Spreadsheet, StyleUpdateTypeBuilder, UpsertFieldFormulasBuilder, UpsertFieldRenderInfoBuilder, Workbook, WorkbookClient, WorkbookWorkerService, Worksheet, acquireCraftCalc, buildSelectedDataFromCell, buildSelectedDataFromCellRange, buildSelectedDataFromLines, convertCanvasPropsToAdapterProps, Engine as default, findVisibleColIdxRange, findVisibleRowIdxRange, getCellRect, getFirstCell, getPatternFill, getPosition, getReferenceHighlightRects, getReferenceString, getSelectedCellRange, getSelectedColumns, getSelectedLines, getSelectedRows, __wbg_init as initWasm, isCellInGridWindow, isErrorMessage, match, ptToPx$1 as ptToPx, pxToPt$1 as pxToPt, pxToWidth$1 as pxToWidth, simpleUuid, toA1notation$1 as toA1notation, xForColEnd, xForColStart, yForRowEnd, yForRowStart };