@threadlabs/looma 0.18.6 → 0.19.1

package/vue/editor/index.js

@@ -180,6 +180,225 @@ function imageUploadContent(image) {
 	};
 }
 //#endregion
+//#region src/vue/editor/code-language-catalog.ts
+var codeLanguageCatalog = {
+	"1c": () => import("../chunks/1c.js").then((module) => module.default),
+	"abnf": () => import("../chunks/abnf.js").then((module) => module.default),
+	"accesslog": () => import("../chunks/accesslog.js").then((module) => module.default),
+	"actionscript": () => import("../chunks/actionscript.js").then((module) => module.default),
+	"ada": () => import("../chunks/ada.js").then((module) => module.default),
+	"angelscript": () => import("../chunks/angelscript.js").then((module) => module.default),
+	"apache": () => import("../chunks/apache.js").then((module) => module.default),
+	"applescript": () => import("../chunks/applescript.js").then((module) => module.default),
+	"arcade": () => import("../chunks/arcade.js").then((module) => module.default),
+	"arduino": () => import("../chunks/arduino.js").then((module) => module.default),
+	"armasm": () => import("../chunks/armasm.js").then((module) => module.default),
+	"asciidoc": () => import("../chunks/asciidoc.js").then((module) => module.default),
+	"aspectj": () => import("../chunks/aspectj.js").then((module) => module.default),
+	"autohotkey": () => import("../chunks/autohotkey.js").then((module) => module.default),
+	"autoit": () => import("../chunks/autoit.js").then((module) => module.default),
+	"avrasm": () => import("../chunks/avrasm.js").then((module) => module.default),
+	"awk": () => import("../chunks/awk.js").then((module) => module.default),
+	"axapta": () => import("../chunks/axapta.js").then((module) => module.default),
+	"bash": () => import("../chunks/bash.js").then((module) => module.default),
+	"basic": () => import("../chunks/basic.js").then((module) => module.default),
+	"bnf": () => import("../chunks/bnf.js").then((module) => module.default),
+	"brainfuck": () => import("../chunks/brainfuck.js").then((module) => module.default),
+	"c": () => import("../chunks/c.js").then((module) => module.default),
+	"cal": () => import("../chunks/cal.js").then((module) => module.default),
+	"capnproto": () => import("../chunks/capnproto.js").then((module) => module.default),
+	"ceylon": () => import("../chunks/ceylon.js").then((module) => module.default),
+	"clean": () => import("../chunks/clean.js").then((module) => module.default),
+	"clojure": () => import("../chunks/clojure.js").then((module) => module.default),
+	"clojure-repl": () => import("../chunks/clojure-repl.js").then((module) => module.default),
+	"cmake": () => import("../chunks/cmake.js").then((module) => module.default),
+	"coffeescript": () => import("../chunks/coffeescript.js").then((module) => module.default),
+	"coq": () => import("../chunks/coq.js").then((module) => module.default),
+	"cos": () => import("../chunks/cos.js").then((module) => module.default),
+	"cpp": () => import("../chunks/cpp.js").then((module) => module.default),
+	"crmsh": () => import("../chunks/crmsh.js").then((module) => module.default),
+	"crystal": () => import("../chunks/crystal.js").then((module) => module.default),
+	"csharp": () => import("../chunks/csharp.js").then((module) => module.default),
+	"csp": () => import("../chunks/csp.js").then((module) => module.default),
+	"css": () => import("../chunks/css.js").then((module) => module.default),
+	"d": () => import("../chunks/d.js").then((module) => module.default),
+	"dart": () => import("../chunks/dart.js").then((module) => module.default),
+	"delphi": () => import("../chunks/delphi.js").then((module) => module.default),
+	"diff": () => import("../chunks/diff.js").then((module) => module.default),
+	"django": () => import("../chunks/django.js").then((module) => module.default),
+	"dns": () => import("../chunks/dns.js").then((module) => module.default),
+	"dockerfile": () => import("../chunks/dockerfile.js").then((module) => module.default),
+	"dos": () => import("../chunks/dos.js").then((module) => module.default),
+	"dsconfig": () => import("../chunks/dsconfig.js").then((module) => module.default),
+	"dts": () => import("../chunks/dts.js").then((module) => module.default),
+	"dust": () => import("../chunks/dust.js").then((module) => module.default),
+	"ebnf": () => import("../chunks/ebnf.js").then((module) => module.default),
+	"elixir": () => import("../chunks/elixir.js").then((module) => module.default),
+	"elm": () => import("../chunks/elm.js").then((module) => module.default),
+	"erb": () => import("../chunks/erb.js").then((module) => module.default),
+	"erlang": () => import("../chunks/erlang.js").then((module) => module.default),
+	"erlang-repl": () => import("../chunks/erlang-repl.js").then((module) => module.default),
+	"excel": () => import("../chunks/excel.js").then((module) => module.default),
+	"fix": () => import("../chunks/fix.js").then((module) => module.default),
+	"flix": () => import("../chunks/flix.js").then((module) => module.default),
+	"fortran": () => import("../chunks/fortran.js").then((module) => module.default),
+	"fsharp": () => import("../chunks/fsharp.js").then((module) => module.default),
+	"gams": () => import("../chunks/gams.js").then((module) => module.default),
+	"gauss": () => import("../chunks/gauss.js").then((module) => module.default),
+	"gcode": () => import("../chunks/gcode.js").then((module) => module.default),
+	"gherkin": () => import("../chunks/gherkin.js").then((module) => module.default),
+	"glsl": () => import("../chunks/glsl.js").then((module) => module.default),
+	"gml": () => import("../chunks/gml.js").then((module) => module.default),
+	"go": () => import("../chunks/go.js").then((module) => module.default),
+	"golo": () => import("../chunks/golo.js").then((module) => module.default),
+	"gradle": () => import("../chunks/gradle.js").then((module) => module.default),
+	"graphql": () => import("../chunks/graphql.js").then((module) => module.default),
+	"groovy": () => import("../chunks/groovy.js").then((module) => module.default),
+	"haml": () => import("../chunks/haml.js").then((module) => module.default),
+	"handlebars": () => import("../chunks/handlebars.js").then((module) => module.default),
+	"haskell": () => import("../chunks/haskell.js").then((module) => module.default),
+	"haxe": () => import("../chunks/haxe.js").then((module) => module.default),
+	"hsp": () => import("../chunks/hsp.js").then((module) => module.default),
+	"html": () => import("../chunks/xml.js").then((module) => module.default),
+	"http": () => import("../chunks/http.js").then((module) => module.default),
+	"hy": () => import("../chunks/hy.js").then((module) => module.default),
+	"inform7": () => import("../chunks/inform7.js").then((module) => module.default),
+	"ini": () => import("../chunks/ini.js").then((module) => module.default),
+	"irpf90": () => import("../chunks/irpf90.js").then((module) => module.default),
+	"isbl": () => import("../chunks/isbl.js").then((module) => module.default),
+	"java": () => import("../chunks/java.js").then((module) => module.default),
+	"javascript": () => import("../chunks/javascript.js").then((module) => module.default),
+	"jboss-cli": () => import("../chunks/jboss-cli.js").then((module) => module.default),
+	"json": () => import("../chunks/json.js").then((module) => module.default),
+	"julia": () => import("../chunks/julia.js").then((module) => module.default),
+	"julia-repl": () => import("../chunks/julia-repl.js").then((module) => module.default),
+	"kotlin": () => import("../chunks/kotlin.js").then((module) => module.default),
+	"lasso": () => import("../chunks/lasso.js").then((module) => module.default),
+	"latex": () => import("../chunks/latex.js").then((module) => module.default),
+	"ldif": () => import("../chunks/ldif.js").then((module) => module.default),
+	"leaf": () => import("../chunks/leaf.js").then((module) => module.default),
+	"less": () => import("../chunks/less.js").then((module) => module.default),
+	"lisp": () => import("../chunks/lisp.js").then((module) => module.default),
+	"livecodeserver": () => import("../chunks/livecodeserver.js").then((module) => module.default),
+	"livescript": () => import("../chunks/livescript.js").then((module) => module.default),
+	"llvm": () => import("../chunks/llvm.js").then((module) => module.default),
+	"lsl": () => import("../chunks/lsl.js").then((module) => module.default),
+	"lua": () => import("../chunks/lua.js").then((module) => module.default),
+	"makefile": () => import("../chunks/makefile.js").then((module) => module.default),
+	"markdown": () => import("../chunks/markdown.js").then((module) => module.default),
+	"mathematica": () => import("../chunks/mathematica.js").then((module) => module.default),
+	"matlab": () => import("../chunks/matlab.js").then((module) => module.default),
+	"maxima": () => import("../chunks/maxima.js").then((module) => module.default),
+	"mel": () => import("../chunks/mel.js").then((module) => module.default),
+	"mercury": () => import("../chunks/mercury.js").then((module) => module.default),
+	"mipsasm": () => import("../chunks/mipsasm.js").then((module) => module.default),
+	"mizar": () => import("../chunks/mizar.js").then((module) => module.default),
+	"mojolicious": () => import("../chunks/mojolicious.js").then((module) => module.default),
+	"monkey": () => import("../chunks/monkey.js").then((module) => module.default),
+	"moonscript": () => import("../chunks/moonscript.js").then((module) => module.default),
+	"n1ql": () => import("../chunks/n1ql.js").then((module) => module.default),
+	"nestedtext": () => import("../chunks/nestedtext.js").then((module) => module.default),
+	"nginx": () => import("../chunks/nginx.js").then((module) => module.default),
+	"nim": () => import("../chunks/nim.js").then((module) => module.default),
+	"nix": () => import("../chunks/nix.js").then((module) => module.default),
+	"node-repl": () => import("../chunks/node-repl.js").then((module) => module.default),
+	"nsis": () => import("../chunks/nsis.js").then((module) => module.default),
+	"objectivec": () => import("../chunks/objectivec.js").then((module) => module.default),
+	"ocaml": () => import("../chunks/ocaml.js").then((module) => module.default),
+	"openscad": () => import("../chunks/openscad.js").then((module) => module.default),
+	"oxygene": () => import("../chunks/oxygene.js").then((module) => module.default),
+	"parser3": () => import("../chunks/parser3.js").then((module) => module.default),
+	"perl": () => import("../chunks/perl.js").then((module) => module.default),
+	"pf": () => import("../chunks/pf.js").then((module) => module.default),
+	"pgsql": () => import("../chunks/pgsql.js").then((module) => module.default),
+	"php": () => import("../chunks/php.js").then((module) => module.default),
+	"php-template": () => import("../chunks/php-template.js").then((module) => module.default),
+	"plaintext": () => import("../chunks/plaintext.js").then((module) => module.default),
+	"pony": () => import("../chunks/pony.js").then((module) => module.default),
+	"powershell": () => import("../chunks/powershell.js").then((module) => module.default),
+	"processing": () => import("../chunks/processing.js").then((module) => module.default),
+	"profile": () => import("../chunks/profile.js").then((module) => module.default),
+	"prolog": () => import("../chunks/prolog.js").then((module) => module.default),
+	"properties": () => import("../chunks/properties.js").then((module) => module.default),
+	"protobuf": () => import("../chunks/protobuf.js").then((module) => module.default),
+	"puppet": () => import("../chunks/puppet.js").then((module) => module.default),
+	"purebasic": () => import("../chunks/purebasic.js").then((module) => module.default),
+	"python": () => import("../chunks/python.js").then((module) => module.default),
+	"python-repl": () => import("../chunks/python-repl.js").then((module) => module.default),
+	"q": () => import("../chunks/q.js").then((module) => module.default),
+	"qml": () => import("../chunks/qml.js").then((module) => module.default),
+	"r": () => import("../chunks/r.js").then((module) => module.default),
+	"reasonml": () => import("../chunks/reasonml.js").then((module) => module.default),
+	"rib": () => import("../chunks/rib.js").then((module) => module.default),
+	"roboconf": () => import("../chunks/roboconf.js").then((module) => module.default),
+	"routeros": () => import("../chunks/routeros.js").then((module) => module.default),
+	"rsl": () => import("../chunks/rsl.js").then((module) => module.default),
+	"ruby": () => import("../chunks/ruby.js").then((module) => module.default),
+	"ruleslanguage": () => import("../chunks/ruleslanguage.js").then((module) => module.default),
+	"rust": () => import("../chunks/rust.js").then((module) => module.default),
+	"sas": () => import("../chunks/sas.js").then((module) => module.default),
+	"scala": () => import("../chunks/scala.js").then((module) => module.default),
+	"scheme": () => import("../chunks/scheme.js").then((module) => module.default),
+	"scilab": () => import("../chunks/scilab.js").then((module) => module.default),
+	"scss": () => import("../chunks/scss.js").then((module) => module.default),
+	"shell": () => import("../chunks/shell.js").then((module) => module.default),
+	"smali": () => import("../chunks/smali.js").then((module) => module.default),
+	"smalltalk": () => import("../chunks/smalltalk.js").then((module) => module.default),
+	"sml": () => import("../chunks/sml.js").then((module) => module.default),
+	"sqf": () => import("../chunks/sqf.js").then((module) => module.default),
+	"sql": () => import("../chunks/sql.js").then((module) => module.default),
+	"stan": () => import("../chunks/stan.js").then((module) => module.default),
+	"stata": () => import("../chunks/stata.js").then((module) => module.default),
+	"step21": () => import("../chunks/step21.js").then((module) => module.default),
+	"stylus": () => import("../chunks/stylus.js").then((module) => module.default),
+	"subunit": () => import("../chunks/subunit.js").then((module) => module.default),
+	"swift": () => import("../chunks/swift.js").then((module) => module.default),
+	"taggerscript": () => import("../chunks/taggerscript.js").then((module) => module.default),
+	"tap": () => import("../chunks/tap.js").then((module) => module.default),
+	"tcl": () => import("../chunks/tcl.js").then((module) => module.default),
+	"thrift": () => import("../chunks/thrift.js").then((module) => module.default),
+	"tp": () => import("../chunks/tp.js").then((module) => module.default),
+	"twig": () => import("../chunks/twig.js").then((module) => module.default),
+	"typescript": () => import("../chunks/typescript.js").then((module) => module.default),
+	"vala": () => import("../chunks/vala.js").then((module) => module.default),
+	"vbnet": () => import("../chunks/vbnet.js").then((module) => module.default),
+	"vbscript": () => import("../chunks/vbscript.js").then((module) => module.default),
+	"vbscript-html": () => import("../chunks/vbscript-html.js").then((module) => module.default),
+	"verilog": () => import("../chunks/verilog.js").then((module) => module.default),
+	"vhdl": () => import("../chunks/vhdl.js").then((module) => module.default),
+	"vim": () => import("../chunks/vim.js").then((module) => module.default),
+	"wasm": () => import("../chunks/wasm.js").then((module) => module.default),
+	"wren": () => import("../chunks/wren.js").then((module) => module.default),
+	"x86asm": () => import("../chunks/x86asm.js").then((module) => module.default),
+	"xl": () => import("../chunks/xl.js").then((module) => module.default),
+	"xml": () => import("../chunks/xml.js").then((module) => module.default),
+	"xquery": () => import("../chunks/xquery.js").then((module) => module.default),
+	"yaml": () => import("../chunks/yaml.js").then((module) => module.default),
+	"zephir": () => import("../chunks/zephir.js").then((module) => module.default)
+};
+var autoCodeLanguageNames = [
+	"bash",
+	"c",
+	"cpp",
+	"csharp",
+	"css",
+	"go",
+	"html",
+	"java",
+	"javascript",
+	"json",
+	"kotlin",
+	"markdown",
+	"php",
+	"python",
+	"ruby",
+	"rust",
+	"sql",
+	"swift",
+	"typescript",
+	"yaml"
+];
+//#endregion
 //#region src/vue/editor/LoomaEditor.ts
 var EMPTY_DOCUMENT = {
 	type: "doc",
@@ -301,10 +520,10 @@ var LoomaEditor = defineComponent({
 			type: Array,
 			default: () => []
 		},
-		/** Code block grammars to register when this editor is created. */
+		/** Override the lazy built-in catalog with application-owned code grammars. An empty object disables highlighting. */
 		codeLanguages: {
 			type: Object,
-			default: () => ({})
+			default: null
 		},
 		mentionItems: {
 			type: Array,
@@ -530,13 +749,60 @@ var LoomaEditor = defineComponent({
 			};
 		};
 		const authorHighlight = !props.disableHighlight;
+		const codeLowlight = createLowlight(props.codeLanguages ?? void 0);
+		const codeHighlightLowlight = props.codeLanguages === null ? {
+			...codeLowlight,
+			highlightAuto: (value) => codeLowlight.highlightAuto(value, { subset: [...autoCodeLanguageNames] })
+		} : codeLowlight;
+		const codeLanguageNames = props.codeLanguages === null ? [...autoCodeLanguageNames, ...Object.keys(codeLanguageCatalog).filter((name) => !autoCodeLanguageNames.includes(name)).sort()] : Object.keys(props.codeLanguages).sort();
+		const codeUi = reactive({
+			open: false,
+			pos: 0,
+			language: "auto",
+			text: "",
+			grammarVersion: 0,
+			style: {}
+		});
+		const grammarLoads = /* @__PURE__ */ new Map();
+		let catalogLoad;
+		const refreshCodeHighlights = (instance) => {
+			if (instance.isDestroyed) return;
+			codeUi.grammarVersion += 1;
+			const tr = instance.state.tr;
+			instance.state.doc.descendants((node, pos) => {
+				if (node.type.name === "codeBlock") tr.setNodeMarkup(pos, void 0, node.attrs);
+			});
+			if (tr.docChanged) instance.view.dispatch(tr.setMeta("addToHistory", false));
+		};
+		const loadGrammar = (name) => {
+			const existing = grammarLoads.get(name);
+			if (existing) return existing;
+			const pending = codeLanguageCatalog[name]().then((grammar) => {
+				codeLowlight.register({ [name]: grammar });
+			}).catch((error) => {
+				grammarLoads.delete(name);
+				throw error;
+			});
+			grammarLoads.set(name, pending);
+			return pending;
+		};
+		const loadForCodeBlock = (instance, language, value) => {
+			if (props.codeLanguages !== null || instance.isDestroyed) return;
+			if (typeof language === "string" && Object.hasOwn(codeLanguageCatalog, language)) {
+				if (codeLowlight.registered(language) || grammarLoads.has(language)) return;
+				loadGrammar(language).then(() => refreshCodeHighlights(instance)).catch(() => {});
+			} else if (!language && value.trim()) catalogLoad ??= Promise.all(autoCodeLanguageNames.map((name) => loadGrammar(name))).then(() => refreshCodeHighlights(instance)).catch(() => {
+				catalogLoad = void 0;
+			});
+		};
 		const editor = useEditor({
 			extensions: [
 				...getDefaultEditorExtensions({
 					placeholder: props.placeholder,
 					mention: mentionExtension ?? false,
 					disableHighlight: props.disableHighlight,
-					codeLanguages: props.codeLanguages
+					codeLanguages: props.codeLanguages ?? void 0,
+					codeLowlight: codeHighlightLowlight
 				}),
 				imageDelivery.extension,
 				slashExtension,
@@ -549,7 +815,12 @@ var LoomaEditor = defineComponent({
 				"aria-multiline": "true",
 				"aria-label": props.label
 			} },
-			onCreate: ({ editor: instance }) => emit("ready", instance),
+			onCreate: ({ editor: instance }) => {
+				emit("ready", instance);
+				instance.state.doc.descendants((node) => {
+					if (node.type.name === "codeBlock") loadForCodeBlock(instance, node.attrs.language, node.textContent);
+				});
+			},
 			onFocus: ({ editor: instance }) => rememberSelection(instance),
 			onSelectionUpdate: ({ editor: instance }) => {
 				rememberSelection(instance);
@@ -837,15 +1108,6 @@ var LoomaEditor = defineComponent({
 				};
 			});
 		};
-		const codeLanguageNames = Object.keys(props.codeLanguages).sort();
-		const codeLowlight = createLowlight(props.codeLanguages);
-		const codeUi = reactive({
-			open: false,
-			pos: 0,
-			language: "auto",
-			text: "",
-			style: {}
-		});
 		let codeBlurTimer;
 		const updateCodeUi = (focusSettled = false) => {
 			const instance = editor.value?.isDestroyed ? void 0 : editor.value;
@@ -856,6 +1118,7 @@ var LoomaEditor = defineComponent({
 				codeUi.open = false;
 				return;
 			}
+			loadForCodeBlock(instance, block.attrs.language, block.textContent);
 			if (!instance.isFocused && !codeLanguageShell.value?.contains(document.activeElement)) {
 				clearTimeout(codeBlurTimer);
 				if (codeUi.open && !focusSettled) codeBlurTimer = setTimeout(() => updateCodeUi(true), 0);
@@ -875,13 +1138,14 @@ var LoomaEditor = defineComponent({
 			};
 		};
 		const codeLanguageOptions = computed(() => {
-			const detected = codeUi.open && codeUi.text.trim() ? codeLowlight.highlightAuto(codeUi.text).data?.language : null;
+			codeUi.grammarVersion;
+			const detected = codeUi.open && codeUi.text.trim() ? codeHighlightLowlight.highlightAuto(codeUi.text).data?.language : null;
 			return [
 				{
 					value: "auto",
 					label: typeof detected === "string" ? `Auto (${detected.toUpperCase()})` : "Auto"
 				},
-				...codeUi.language !== "auto" && !Object.hasOwn(props.codeLanguages, codeUi.language) ? [{
+				...codeUi.language !== "auto" && !codeLanguageNames.includes(codeUi.language) ? [{
 					value: codeUi.language,
 					label: `${codeUi.language.toUpperCase()} (unavailable)`
 				}] : [],
@@ -895,7 +1159,7 @@ var LoomaEditor = defineComponent({
 			const instance = editor.value;
 			if (!instance || detail.kind !== "selection" || !detail.value) return;
 			const language = detail.value === "auto" ? null : detail.value;
-			if (language !== null && !Object.hasOwn(props.codeLanguages, language)) return;
+			if (language !== null && !codeLanguageNames.includes(language)) return;
 			const node = instance.state.doc.nodeAt(codeUi.pos);
 			if (node?.type.name !== "codeBlock") return;
 			instance.view.dispatch(closeHistory(instance.state.tr));
@@ -910,7 +1174,12 @@ var LoomaEditor = defineComponent({
 		onBeforeUnmount(() => clearTimeout(codeBlurTimer));
 		const updateTableUi = () => {
 			const instance = editor.value;
-			if (!instance || !props.editable || !instance.isFocused && !tableInteractionActive && !hoveredTableCell) {
+			const focusInTableUi = [
+				tableToolbarShell.value,
+				tableOverlayShell.value,
+				tableMenuShell.value
+			].some((shell) => shell?.contains(document.activeElement));
+			if (!instance || instance.isDestroyed || !props.editable || !instance.isFocused && !tableInteractionActive && !hoveredTableCell && !focusInTableUi) {
 				closeTableUi();
 				return;
 			}
@@ -958,7 +1227,7 @@ var LoomaEditor = defineComponent({
 			updateMobileViewport();
 		};
 		const onEditorBlur = () => {
-			updateTableUi();
+			queueMicrotask(updateTableUi);
 			updateCodeUi();
 			setTimeout(() => {
 				if (!tableInteractionActive && !editor.value?.isFocused) editorFocused.value = false;
@@ -985,7 +1254,8 @@ var LoomaEditor = defineComponent({
 			unbindEditorUi(previous);
 			bindEditorUi(instance);
 		}, { immediate: true });
-		const onViewportChange = () => {
+		const onViewportChange = (event) => {
+			if (event?.type === "scroll" && event.target instanceof Node && (tableToolbarShell.value?.contains(event.target) || tableMenuShell.value?.contains(event.target))) return;
 			updateMobileViewport();
 			updateTableUi();
 			updateCodeUi();
@@ -1169,7 +1439,7 @@ var LoomaEditor = defineComponent({
 			if (!instance) return;
 			const table = overlayTableElement ?? selectedTableElement(instance);
 			if (!table) return;
-			const targetCell = "rowIndex" in detail ? resolveTableCellAt(table, detail.rowIndex, detail.columnIndex) : resolveTableCellAt(table, detail.action.startsWith("add-row") ? Math.max(0, detail.boundaryIndex - 1) : 0, detail.action.startsWith("add-column") ? Math.max(0, detail.boundaryIndex - 1) : 0);
+			const targetCell = "rowIndex" in detail ? resolveTableCellAt(table, detail.rowIndex, detail.columnIndex) : "fromIndex" in detail ? resolveTableCellAt(table, detail.action === "reorder-row" ? detail.fromIndex : 0, detail.action === "reorder-column" ? detail.fromIndex : 0) : resolveTableCellAt(table, detail.action.startsWith("add-row") ? Math.max(0, detail.boundaryIndex - 1) : 0, detail.action.startsWith("add-column") ? Math.max(0, detail.boundaryIndex - 1) : 0);
 			if (targetCell && selectedTableElement(instance) !== table) instance.chain().focus().setTextSelection(instance.view.posAtDOM(targetCell, 0) + 1).run();
 			if (detail.action === "open-cell-menu") {
 				const selectedCell = selectedTableCellElement(instance);