@youcan/celeste 0.9.3 → 0.10.0

package/dist/es/chunks/menus.js

@@ -1,7 +1,7 @@
 import { a as autoPlacement, c as hide, d as shift, f as size, i as arrow$1, l as inline, o as computePosition, s as flip, u as offset } from "./PopperContent.js";
-import { B as TextSelection, F as NodeSelection, I as Plugin, L as PluginKey, M as keydownHandler, O as posToDOMRect, R as Selection, S as isTextSelection, U as Fragment$1, W as Slice, g as getTextSerializersFromSchema, h as getText, z as SelectionRange } from "./dist2.js";
+import { B as Plugin, E as isTextSelection, H as Selection, I as keydownHandler, J as Slice, M as posToDOMRect, U as SelectionRange, V as PluginKey, W as TextSelection, b as getTextSerializersFromSchema, q as Fragment$1, y as getText, z as NodeSelection } from "./dist3.js";
 import { defineComponent, h, nextTick, onBeforeUnmount, onMounted, ref } from "vue";
-//#region ../../node_modules/.pnpm/prosemirror-tables@1.7.1/node_modules/prosemirror-tables/dist/index.js
+//#region ../../node_modules/.pnpm/prosemirror-tables@1.8.5/node_modules/prosemirror-tables/dist/index.js
 var readFromCache;
 var addToCache;
 if (typeof WeakMap != "undefined") {
@@ -24,6 +24,14 @@ if (typeof WeakMap != "undefined") {
 		return cache[cachePos++] = value;
 	};
 }
+/**
+* A table map describes the structure of a given table. To avoid
+* recomputing them all the time, they are cached per table node. To
+* be able to do that, positions saved in the map are relative to the
+* start of the table, rather than the start of the document.
+*
+* @public
+*/
 var TableMap = class {
 	constructor(width, height, map, problems) {
 		this.width = width;
@@ -218,6 +226,9 @@ function freshColWidth(attrs) {
 	for (let i = 0; i < attrs.colspan; i++) result.push(0);
 	return result;
 }
+/**
+* @public
+*/
 function tableNodeTypes(schema) {
 	let result = schema.cached.tableNodeTypes;
 	if (!result) {
@@ -230,15 +241,24 @@ function tableNodeTypes(schema) {
 	return result;
 }
 new PluginKey("selectingCells");
+/**
+* @public
+*/
 function cellAround($pos) {
 	for (let d = $pos.depth - 1; d > 0; d--) if ($pos.node(d).type.spec.tableRole == "row") return $pos.node(0).resolve($pos.before(d + 1));
 	return null;
 }
+/**
+* @public
+*/
 function isInTable(state) {
 	const $head = state.selection.$head;
 	for (let d = $head.depth; d > 0; d--) if ($head.node(d).type.spec.tableRole == "row") return true;
 	return false;
 }
+/**
+* @internal
+*/
 function selectionCell(state) {
 	const sel = state.selection;
 	if ("$anchorCell" in sel && sel.$anchorCell) return sel.$anchorCell.pos > sel.$headCell.pos ? sel.$anchorCell : sel.$headCell;
@@ -247,6 +267,9 @@ function selectionCell(state) {
 	if ($cell) return $cell;
 	throw new RangeError(`No cell found around position ${sel.head}`);
 }
+/**
+* @public
+*/
 function cellNear($pos) {
 	for (let after = $pos.nodeAfter, pos = $pos.pos; after; after = after.firstChild, pos++) {
 		const role = after.type.spec.tableRole;
@@ -257,12 +280,21 @@ function cellNear($pos) {
 		if (role == "cell" || role == "header_cell") return $pos.doc.resolve(pos - before.nodeSize);
 	}
 }
+/**
+* @public
+*/
 function pointsAtCell($pos) {
 	return $pos.parent.type.spec.tableRole == "row" && !!$pos.nodeAfter;
 }
+/**
+* @internal
+*/
 function inSameTable($cellA, $cellB) {
 	return $cellA.depth == $cellB.depth && $cellA.pos >= $cellB.start(-1) && $cellA.pos <= $cellB.end(-1);
 }
+/**
+* @public
+*/
 function nextCell($pos, axis, dir) {
 	const table = $pos.node(-1);
 	const map = TableMap.get(table);
@@ -270,6 +302,9 @@ function nextCell($pos, axis, dir) {
 	const moved = map.nextCell($pos.pos - tableStart, axis, dir);
 	return moved == null ? null : $pos.node(0).resolve(tableStart + moved);
 }
+/**
+* @public
+*/
 function removeColSpan(attrs, pos, n = 1) {
 	const result = {
 		...attrs,
@@ -282,7 +317,16 @@ function removeColSpan(attrs, pos, n = 1) {
 	}
 	return result;
 }
-var CellSelection = class _CellSelection extends Selection {
+/**
+* A [`Selection`](http://prosemirror.net/docs/ref/#state.Selection)
+* subclass that represents a cell selection spanning part of a table.
+* With the plugin enabled, these will be created when the user
+* selects across cells, and will be drawn by giving selected cells a
+* `selectedCell` CSS class.
+*
+* @public
+*/
+var CellSelection = class CellSelection extends Selection {
 	constructor($anchorCell, $headCell = $anchorCell) {
 		const table = $anchorCell.node(-1);
 		const map = TableMap.get(table);
@@ -293,7 +337,7 @@ var CellSelection = class _CellSelection extends Selection {
 		cells.unshift($headCell.pos - tableStart);
 		const ranges = cells.map((pos) => {
 			const cell = table.nodeAt(pos);
-			if (!cell) throw RangeError(`No cell with offset ${pos} found`);
+			if (!cell) throw new RangeError(`No cell with offset ${pos} found`);
 			const from = tableStart + pos + 1;
 			return new SelectionRange(doc.resolve(from), doc.resolve(from + cell.content.size));
 		});
@@ -306,9 +350,9 @@ var CellSelection = class _CellSelection extends Selection {
 		const $headCell = doc.resolve(mapping.map(this.$headCell.pos));
 		if (pointsAtCell($anchorCell) && pointsAtCell($headCell) && inSameTable($anchorCell, $headCell)) {
 			const tableChanged = this.$anchorCell.node(-1) != $anchorCell.node(-1);
-			if (tableChanged && this.isRowSelection()) return _CellSelection.rowSelection($anchorCell, $headCell);
-			else if (tableChanged && this.isColSelection()) return _CellSelection.colSelection($anchorCell, $headCell);
-			else return new _CellSelection($anchorCell, $headCell);
+			if (tableChanged && this.isRowSelection()) return CellSelection.rowSelection($anchorCell, $headCell);
+			else if (tableChanged && this.isColSelection()) return CellSelection.colSelection($anchorCell, $headCell);
+			else return new CellSelection($anchorCell, $headCell);
 		}
 		return TextSelection.between($anchorCell, $headCell);
 	}
@@ -327,7 +371,7 @@ var CellSelection = class _CellSelection extends Selection {
 				seen[pos] = true;
 				const cellRect = map.findCell(pos);
 				let cell = table.nodeAt(pos);
-				if (!cell) throw RangeError(`No cell with offset ${pos} found`);
+				if (!cell) throw new RangeError(`No cell with offset ${pos} found`);
 				const extraLeft = rect.left - cellRect.left;
 				const extraRight = cellRect.right - rect.right;
 				if (extraLeft > 0 || extraRight > 0) {
@@ -336,7 +380,7 @@ var CellSelection = class _CellSelection extends Selection {
 					if (extraRight > 0) attrs = removeColSpan(attrs, attrs.colspan - extraRight, extraRight);
 					if (cellRect.left < rect.left) {
 						cell = cell.type.createAndFill(attrs);
-						if (!cell) throw RangeError(`Could not create cell with attrs ${JSON.stringify(attrs)}`);
+						if (!cell) throw new RangeError(`Could not create cell with attrs ${JSON.stringify(attrs)}`);
 					} else cell = cell.type.create(attrs, cell.content);
 				}
 				if (cellRect.top < rect.top || cellRect.bottom > rect.bottom) {
@@ -395,7 +439,7 @@ var CellSelection = class _CellSelection extends Selection {
 			if (headRect.top > 0) $headCell = doc.resolve(tableStart + map.map[headRect.left]);
 			if (anchorRect.bottom < map.height) $anchorCell = doc.resolve(tableStart + map.map[map.width * (map.height - 1) + anchorRect.right - 1]);
 		}
-		return new _CellSelection($anchorCell, $headCell);
+		return new CellSelection($anchorCell, $headCell);
 	}
 	isRowSelection() {
 		const table = this.$anchorCell.node(-1);
@@ -409,7 +453,7 @@ var CellSelection = class _CellSelection extends Selection {
 		return Math.max(anchorRight, headRight) == map.width;
 	}
 	eq(other) {
-		return other instanceof _CellSelection && other.$anchorCell.pos == this.$anchorCell.pos && other.$headCell.pos == this.$headCell.pos;
+		return other instanceof CellSelection && other.$anchorCell.pos == this.$anchorCell.pos && other.$headCell.pos == this.$headCell.pos;
 	}
 	static rowSelection($anchorCell, $headCell = $anchorCell) {
 		const table = $anchorCell.node(-1);
@@ -425,7 +469,7 @@ var CellSelection = class _CellSelection extends Selection {
 			if (headRect.left > 0) $headCell = doc.resolve(tableStart + map.map[headRect.top * map.width]);
 			if (anchorRect.right < map.width) $anchorCell = doc.resolve(tableStart + map.map[map.width * (anchorRect.top + 1) - 1]);
 		}
-		return new _CellSelection($anchorCell, $headCell);
+		return new CellSelection($anchorCell, $headCell);
 	}
 	toJSON() {
 		return {
@@ -435,10 +479,10 @@ var CellSelection = class _CellSelection extends Selection {
 		};
 	}
 	static fromJSON(doc, json) {
-		return new _CellSelection(doc.resolve(json.anchor), doc.resolve(json.head));
+		return new CellSelection(doc.resolve(json.anchor), doc.resolve(json.head));
 	}
 	static create(doc, anchorCell, headCell = anchorCell) {
-		return new _CellSelection(doc.resolve(anchorCell), doc.resolve(headCell));
+		return new CellSelection(doc.resolve(anchorCell), doc.resolve(headCell));
 	}
 	getBookmark() {
 		return new CellBookmark(this.$anchorCell.pos, this.$headCell.pos);
@@ -446,13 +490,16 @@ var CellSelection = class _CellSelection extends Selection {
 };
 CellSelection.prototype.visible = false;
 Selection.jsonID("cell", CellSelection);
-var CellBookmark = class _CellBookmark {
+/**
+* @public
+*/
+var CellBookmark = class CellBookmark {
 	constructor(anchor, head) {
 		this.anchor = anchor;
 		this.head = head;
 	}
 	map(mapping) {
-		return new _CellBookmark(mapping.map(this.anchor), mapping.map(this.head));
+		return new CellBookmark(mapping.map(this.anchor), mapping.map(this.head));
 	}
 	resolve(doc) {
 		const $anchorCell = doc.resolve(this.anchor), $headCell = doc.resolve(this.head);
@@ -461,6 +508,13 @@ var CellBookmark = class _CellBookmark {
 	}
 };
 new PluginKey("fix-tables");
+/**
+* Helper to get the selected rectangle in a table, if any. Adds table
+* map, table node, and table start offset to the object for
+* convenience.
+*
+* @public
+*/
 function selectedRect(state) {
 	const sel = state.selection;
 	const $pos = selectionCell(state);
@@ -493,7 +547,7 @@ function deprecated_toggleHeader(type) {
 			} : rect);
 			const nodes = cells.map((pos) => rect.table.nodeAt(pos));
 			for (let i = 0; i < cells.length; i++) if (nodes[i].type == types.header_cell) tr.setNodeMarkup(rect.tableStart + cells[i], types.cell, nodes[i].attrs);
-			if (tr.steps.length == 0) for (let i = 0; i < cells.length; i++) tr.setNodeMarkup(rect.tableStart + cells[i], types.header_cell, nodes[i].attrs);
+			if (tr.steps.length === 0) for (let i = 0; i < cells.length; i++) tr.setNodeMarkup(rect.tableStart + cells[i], types.header_cell, nodes[i].attrs);
 			dispatch(tr);
 		}
 		return true;
@@ -512,6 +566,12 @@ function isHeaderEnabledByType(type, rect, types) {
 	}
 	return true;
 }
+/**
+* Toggles between row/column header and normal cells (Only applies to first row/column).
+* For deprecated behavior pass `useDeprecatedLogic` in options with true.
+*
+* @public
+*/
 function toggleHeader(type, options) {
 	options = options || { useDeprecatedLogic: false };
 	if (options.useDeprecatedLogic) return deprecated_toggleHeader(type);
@@ -548,6 +608,11 @@ function toggleHeader(type, options) {
 toggleHeader("row", { useDeprecatedLogic: true });
 toggleHeader("column", { useDeprecatedLogic: true });
 toggleHeader("cell", { useDeprecatedLogic: true });
+/**
+* Deletes the content of the selected cells, if they are not empty.
+*
+* @public
+*/
 function deleteCellSelection(state, dispatch) {
 	const sel = state.selection;
 	if (!(sel instanceof CellSelection)) return false;
@@ -580,6 +645,9 @@ function maybeSetSelection(state, dispatch, selection) {
 	if (dispatch) dispatch(state.tr.setSelection(selection).scrollIntoView());
 	return true;
 }
+/**
+* @internal
+*/
 function arrow(axis, dir) {
 	return (state, dispatch, view) => {
 		if (!view) return false;
@@ -632,7 +700,7 @@ function atEndOfCell(view, axis, dir) {
 }
 new PluginKey("tableColumnResizing");
 //#endregion
-//#region ../../node_modules/.pnpm/@tiptap+vue-3@3.11.0_@floating-ui+dom@1.6.13_@tiptap+core@3.11.0_@tiptap+pm@3.11.0__@ti_45b8c35b8241f1f45bcf18bc7e68b71b/node_modules/@tiptap/vue-3/dist/menus/index.js
+//#region ../../node_modules/.pnpm/@tiptap+vue-3@3.29.2_@floating-ui+dom@1.8.0_@tiptap+core@3.29.2_@tiptap+pm@3.29.2__@tip_82ae703f9716de2fe82106636b634245/node_modules/@tiptap/vue-3/dist/menus/index.js
 function combineDOMRects(rect1, rect2) {
 	const top = Math.min(rect1.top, rect2.top);
 	const bottom = Math.max(rect1.bottom, rect2.bottom);
@@ -642,7 +710,7 @@ function combineDOMRects(rect1, rect2) {
 	return new DOMRect(left, top, width, height);
 }
 var BubbleMenuView = class {
-	constructor({ editor, element, view, updateDelay = 250, resizeDelay = 60, shouldShow, appendTo, getReferencedVirtualElement, options }) {
+	constructor({ editor, element, view, pluginKey = "bubbleMenu", updateDelay = 250, resizeDelay = 60, shouldShow, appendTo, getReferencedVirtualElement, options }) {
 		this.preventHide = false;
 		this.isVisible = false;
 		this.scrollTarget = window;
@@ -720,16 +788,30 @@ var BubbleMenuView = class {
 				this.hide();
 				return;
 			}
-			this.updatePosition();
 			this.show();
+			this.updatePosition();
 		};
+		/**
+		* Handles the transaction event to update the position of the bubble menu.
+		* This allows external code to trigger a position update via:
+		* `editor.view.dispatch(editor.state.tr.setMeta(pluginKey, 'updatePosition'))`
+		* The `pluginKey` defaults to `bubbleMenu`
+		*/
 		this.transactionHandler = ({ transaction: tr }) => {
-			if (tr.getMeta("bubbleMenu") === "updatePosition") this.updatePosition();
+			const meta = tr.getMeta(this.pluginKey);
+			if (meta === "updatePosition") this.updatePosition();
+			else if (meta && typeof meta === "object" && meta.type === "updateOptions") this.updateOptions(meta.options);
+			else if (meta === "hide") this.hide();
+			else if (meta === "show") {
+				this.updatePosition();
+				this.show();
+			}
 		};
 		var _a;
 		this.editor = editor;
 		this.element = element;
 		this.view = view;
+		this.pluginKey = pluginKey;
 		this.updateDelay = updateDelay;
 		this.resizeDelay = resizeDelay;
 		this.appendTo = appendTo;
@@ -767,10 +849,11 @@ var BubbleMenuView = class {
 		return middlewares;
 	}
 	get virtualElement() {
-		var _a;
+		var _a, _b, _c;
 		const { selection } = this.editor.state;
 		const referencedVirtualElement = (_a = this.getReferencedVirtualElement) == null ? void 0 : _a.call(this);
 		if (referencedVirtualElement) return referencedVirtualElement;
+		if (!((_c = (_b = this.view) == null ? void 0 : _b.dom) == null ? void 0 : _c.parentNode)) return;
 		const domRect = posToDOMRect(this.view, selection.from, selection.to);
 		let virtualElement = {
 			getBoundingClientRect: () => domRect,
@@ -801,13 +884,21 @@ var BubbleMenuView = class {
 		return virtualElement;
 	}
 	updatePosition() {
+		if (!this.isVisible) return;
 		const virtualElement = this.virtualElement;
 		if (!virtualElement) return;
 		computePosition(virtualElement, this.element, {
 			placement: this.floatingUIOptions.placement,
 			strategy: this.floatingUIOptions.strategy,
 			middleware: this.middlewares
-		}).then(({ x, y, strategy }) => {
+		}).then(({ x, y, strategy, middlewareData }) => {
+			var _a, _b;
+			if (!this.isVisible || this.editor.isDestroyed || !this.element.isConnected) return;
+			if (((_a = middlewareData.hide) == null ? void 0 : _a.referenceHidden) || ((_b = middlewareData.hide) == null ? void 0 : _b.escaped)) {
+				this.element.style.visibility = "hidden";
+				return;
+			}
+			this.element.style.visibility = "visible";
 			this.element.style.width = "max-content";
 			this.element.style.position = strategy;
 			this.element.style.left = `${x}px`;
@@ -861,6 +952,28 @@ var BubbleMenuView = class {
 		if (this.floatingUIOptions.onHide) this.floatingUIOptions.onHide();
 		this.isVisible = false;
 	}
+	updateOptions(newProps) {
+		var _a;
+		if (newProps.updateDelay !== void 0) this.updateDelay = newProps.updateDelay;
+		if (newProps.resizeDelay !== void 0) this.resizeDelay = newProps.resizeDelay;
+		if (newProps.appendTo !== void 0) this.appendTo = newProps.appendTo;
+		if (newProps.getReferencedVirtualElement !== void 0) this.getReferencedVirtualElement = newProps.getReferencedVirtualElement;
+		if (newProps.shouldShow !== void 0) {
+			if (newProps.shouldShow) this.shouldShow = newProps.shouldShow;
+		}
+		if (newProps.options !== void 0) {
+			const newScrollTarget = (_a = newProps.options.scrollTarget) != null ? _a : window;
+			if (newScrollTarget !== this.scrollTarget) {
+				this.scrollTarget.removeEventListener("scroll", this.resizeHandler);
+				this.scrollTarget = newScrollTarget;
+				this.scrollTarget.addEventListener("scroll", this.resizeHandler);
+			}
+			this.floatingUIOptions = {
+				...this.floatingUIOptions,
+				...newProps.options
+			};
+		}
+	}
 	destroy() {
 		this.hide();
 		this.element.removeEventListener("mousedown", this.mousedownHandler, { capture: true });
@@ -888,7 +1001,7 @@ var BubbleMenu = defineComponent({
 	props: {
 		pluginKey: {
 			type: [String, Object],
-			default: "bubbleMenu"
+			default: void 0
 		},
 		editor: {
 			type: Object,
@@ -907,7 +1020,7 @@ var BubbleMenu = defineComponent({
 			default: () => ({})
 		},
 		appendTo: {
-			type: Object,
+			type: [Object, Function],
 			default: void 0
 		},
 		shouldShow: {
@@ -920,9 +1033,11 @@ var BubbleMenu = defineComponent({
 		}
 	},
 	setup(props, { slots, attrs }) {
+		var _a;
 		const root = ref(null);
+		const resolvedPluginKey = (_a = props.pluginKey) != null ? _a : new PluginKey("bubbleMenu");
 		onMounted(() => {
-			const { editor, options, pluginKey, resizeDelay, appendTo, shouldShow, getReferencedVirtualElement, updateDelay } = props;
+			const { editor, options, resizeDelay, appendTo, shouldShow, getReferencedVirtualElement, updateDelay } = props;
 			const el = root.value;
 			if (!el) return;
 			el.style.visibility = "hidden";
@@ -933,7 +1048,7 @@ var BubbleMenu = defineComponent({
 					editor,
 					element: el,
 					options,
-					pluginKey,
+					pluginKey: resolvedPluginKey,
 					resizeDelay,
 					appendTo,
 					shouldShow,
@@ -943,22 +1058,23 @@ var BubbleMenu = defineComponent({
 			});
 		});
 		onBeforeUnmount(() => {
-			const { pluginKey, editor } = props;
-			editor.unregisterPlugin(pluginKey);
+			const { editor } = props;
+			editor.unregisterPlugin(resolvedPluginKey);
 		});
 		return () => {
-			var _a;
+			var _a2;
 			return h("div", {
 				ref: root,
 				...attrs
-			}, (_a = slots.default) == null ? void 0 : _a.call(slots));
+			}, (_a2 = slots.default) == null ? void 0 : _a2.call(slots));
 		};
 	}
 });
 var FloatingMenuView = class {
-	constructor({ editor, element, view, options, appendTo, shouldShow }) {
+	constructor({ editor, element, view, pluginKey = "floatingMenu", updateDelay = 250, resizeDelay = 60, options, appendTo, shouldShow }) {
 		this.preventHide = false;
 		this.isVisible = false;
+		this.scrollTarget = window;
 		this.shouldShow = ({ view, state }) => {
 			const { selection } = state;
 			const { $anchor, empty } = selection;
@@ -1005,10 +1121,42 @@ var FloatingMenuView = class {
 			if ((event == null ? void 0 : event.relatedTarget) === this.editor.view.dom) return;
 			this.hide();
 		};
+		/**
+		* Handles the transaction event to update the position of the floating menu.
+		* This allows external code to trigger a position update via:
+		* `editor.view.dispatch(editor.state.tr.setMeta(pluginKey, 'updatePosition'))`
+		* The `pluginKey` defaults to `floatingMenu`
+		*/
+		this.transactionHandler = ({ transaction: tr }) => {
+			const meta = tr.getMeta(this.pluginKey);
+			if (meta === "updatePosition") this.updatePosition();
+			else if (meta && typeof meta === "object" && meta.type === "updateOptions") this.updateOptions(meta.options);
+			else if (meta === "hide") this.hide();
+			else if (meta === "show") {
+				this.updatePosition();
+				this.show();
+			}
+		};
+		/**
+		* Handles the window resize event to update the position of the floating menu.
+		* It uses a debounce mechanism to prevent excessive updates.
+		* The delay is defined by the `resizeDelay` property.
+		*/
+		this.resizeHandler = () => {
+			if (this.resizeDebounceTimer) clearTimeout(this.resizeDebounceTimer);
+			this.resizeDebounceTimer = window.setTimeout(() => {
+				this.updatePosition();
+			}, this.resizeDelay);
+		};
+		var _a;
 		this.editor = editor;
 		this.element = element;
 		this.view = view;
+		this.pluginKey = pluginKey;
+		this.updateDelay = updateDelay;
+		this.resizeDelay = resizeDelay;
 		this.appendTo = appendTo;
+		this.scrollTarget = (_a = options == null ? void 0 : options.scrollTarget) != null ? _a : window;
 		this.floatingUIOptions = {
 			...this.floatingUIOptions,
 			...options
@@ -1018,6 +1166,9 @@ var FloatingMenuView = class {
 		this.element.addEventListener("mousedown", this.mousedownHandler, { capture: true });
 		this.editor.on("focus", this.focusHandler);
 		this.editor.on("blur", this.blurHandler);
+		this.editor.on("transaction", this.transactionHandler);
+		window.addEventListener("resize", this.resizeHandler);
+		this.scrollTarget.addEventListener("scroll", this.resizeHandler);
 		this.update(view, view.state);
 		if (this.getShouldShow()) {
 			this.show();
@@ -1055,7 +1206,30 @@ var FloatingMenuView = class {
 			to
 		});
 	}
+	updateOptions(newProps) {
+		var _a;
+		if (newProps.updateDelay !== void 0) this.updateDelay = newProps.updateDelay;
+		if (newProps.resizeDelay !== void 0) this.resizeDelay = newProps.resizeDelay;
+		if (newProps.appendTo !== void 0) this.appendTo = newProps.appendTo;
+		if (newProps.shouldShow !== void 0) {
+			if (newProps.shouldShow) this.shouldShow = newProps.shouldShow;
+		}
+		if (newProps.options !== void 0) {
+			const newScrollTarget = (_a = newProps.options.scrollTarget) != null ? _a : window;
+			if (newScrollTarget !== this.scrollTarget) {
+				this.scrollTarget.removeEventListener("scroll", this.resizeHandler);
+				this.scrollTarget = newScrollTarget;
+				this.scrollTarget.addEventListener("scroll", this.resizeHandler);
+			}
+			this.floatingUIOptions = {
+				...this.floatingUIOptions,
+				...newProps.options
+			};
+		}
+	}
 	updatePosition() {
+		var _a, _b;
+		if (!((_b = (_a = this.view) == null ? void 0 : _a.dom) == null ? void 0 : _b.parentNode)) return;
 		const { selection } = this.editor.state;
 		const domRect = posToDOMRect(this.view, selection.from, selection.to);
 		computePosition({
@@ -1065,7 +1239,13 @@ var FloatingMenuView = class {
 			placement: this.floatingUIOptions.placement,
 			strategy: this.floatingUIOptions.strategy,
 			middleware: this.middlewares
-		}).then(({ x, y, strategy }) => {
+		}).then(({ x, y, strategy, middlewareData }) => {
+			var _a2, _b2;
+			if (((_a2 = middlewareData.hide) == null ? void 0 : _a2.referenceHidden) || ((_b2 = middlewareData.hide) == null ? void 0 : _b2.escaped)) {
+				this.element.style.visibility = "hidden";
+				return;
+			}
+			this.element.style.visibility = "visible";
 			this.element.style.width = "max-content";
 			this.element.style.position = strategy;
 			this.element.style.left = `${x}px`;
@@ -1099,8 +1279,11 @@ var FloatingMenuView = class {
 	destroy() {
 		this.hide();
 		this.element.removeEventListener("mousedown", this.mousedownHandler, { capture: true });
+		window.removeEventListener("resize", this.resizeHandler);
+		this.scrollTarget.removeEventListener("scroll", this.resizeHandler);
 		this.editor.off("focus", this.focusHandler);
 		this.editor.off("blur", this.blurHandler);
+		this.editor.off("transaction", this.transactionHandler);
 		if (this.floatingUIOptions.onDestroy) this.floatingUIOptions.onDestroy();
 	}
 };
@@ -1119,18 +1302,26 @@ defineComponent({
 	props: {
 		pluginKey: {
 			type: null,
-			default: "floatingMenu"
+			default: void 0
 		},
 		editor: {
 			type: Object,
 			required: true
 		},
+		updateDelay: {
+			type: Number,
+			default: void 0
+		},
+		resizeDelay: {
+			type: Number,
+			default: void 0
+		},
 		options: {
 			type: Object,
 			default: () => ({})
 		},
 		appendTo: {
-			type: Object,
+			type: [Object, Function],
 			default: void 0
 		},
 		shouldShow: {
@@ -1139,33 +1330,37 @@ defineComponent({
 		}
 	},
 	setup(props, { slots, attrs }) {
+		var _a;
 		const root = ref(null);
+		const resolvedPluginKey = (_a = props.pluginKey) != null ? _a : new PluginKey("floatingMenu");
 		onMounted(() => {
-			const { pluginKey, editor, options, appendTo, shouldShow } = props;
+			const { editor, updateDelay, resizeDelay, options, appendTo, shouldShow } = props;
 			const el = root.value;
 			if (!el) return;
 			el.style.visibility = "hidden";
 			el.style.position = "absolute";
 			el.remove();
 			editor.registerPlugin(FloatingMenuPlugin({
-				pluginKey,
+				pluginKey: resolvedPluginKey,
 				editor,
 				element: el,
+				updateDelay,
+				resizeDelay,
 				options,
 				appendTo,
 				shouldShow
 			}));
 		});
 		onBeforeUnmount(() => {
-			const { pluginKey, editor } = props;
-			editor.unregisterPlugin(pluginKey);
+			const { editor } = props;
+			editor.unregisterPlugin(resolvedPluginKey);
 		});
 		return () => {
-			var _a;
+			var _a2;
 			return h("div", {
 				ref: root,
 				...attrs
-			}, (_a = slots.default) == null ? void 0 : _a.call(slots));
+			}, (_a2 = slots.default) == null ? void 0 : _a2.call(slots));
 		};
 	}
 });

package/dist/es/chunks/modal-body.js

@@ -3,9 +3,15 @@ import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-hel
 import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
 //#endregion
 //#region src/components/modal/modal-body.vue
-var modal_body_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+var modal_body_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "modal-body",
-	props: { class: {} },
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
 	setup(__props) {
 		const props = __props;
 		return (_ctx, _cache) => {

package/dist/es/chunks/modal-content.js

@@ -6,15 +6,27 @@ import { useDelegatedProps } from "../use-delegated-props.js";
 import { Transition, createBlock, createVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
 //#endregion
 //#region src/components/modal/modal-content.vue
-var modal_content_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+var modal_content_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "modal-content",
 	props: {
 		forceMount: { type: Boolean },
 		disableOutsidePointerEvents: { type: Boolean },
 		asChild: { type: Boolean },
 		as: {},
-		class: {},
-		style: {}
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		style: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
 	},
 	emits: [
 		"escapeKeyDown",
@@ -27,7 +39,8 @@ var modal_content_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/*
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emits = __emit;
-		const forwarded = useForwardPropsEmits(useDelegatedProps(props, "class"), emits);
+		const delegatedProps = useDelegatedProps(props, "class");
+		const forwarded = useForwardPropsEmits(delegatedProps, emits);
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(DialogPortal_default), null, {
 				default: withCtx(() => [createVNode(unref(DialogOverlay_default), { class: "celeste-modal-overlay" }), createVNode(Transition, { name: "fade" }, {