@opencloud-eu/web-pkg 7.0.0 → 7.0.1

package/dist/web-pkg/editor.js

@@ -1,26 +1,26 @@
-import { Aa as e, Ba as t, Ea as n, Ia as r, Ja as i, La as a, Na as o, Oa as s, Pa as c, Ra as l, Sa as u, Ta as d, Ua as f, Va as p, Xa as m, Ya as h, ba as g, ca as _, eo as v, ga as y, ha as b, ja as x, no as S, o as C, pn as w, qa as T, va as E, xa as D, ya as O, za as k } from "../components-DGm07xAo.js";
-import { useGettext as A } from "vue3-gettext";
-import { EditorContent as j, VueRenderer as M, useEditor as N } from "@tiptap/vue-3";
-import { Extension as P } from "@tiptap/core";
-import F from "@tiptap/suggestion";
-import I from "@tiptap/starter-kit";
-import L from "@tiptap/extension-underline";
-import R from "@tiptap/extension-link";
-import z from "@tiptap/extension-image";
-import { Table as B, TableCell as V, TableHeader as H, TableRow as U } from "@tiptap/extension-table";
-import W from "@tiptap/extension-task-list";
-import G from "@tiptap/extension-task-item";
-import { BackgroundColor as K, Color as q, FontFamily as J, FontSize as Y, LineHeight as X, TextStyle as Z } from "@tiptap/extension-text-style";
-import { Markdown as Q } from "@tiptap/markdown";
-import ee from "@tiptap/extension-document";
-import te from "@tiptap/extension-paragraph";
-import ne from "@tiptap/extension-text";
-import re from "@tiptap/extension-hard-break";
+import { Aa as e, Ba as t, Ea as n, Ia as r, Ja as i, La as a, Na as o, Oa as s, Pa as c, Ra as l, Sa as u, Ta as d, Ua as f, Va as p, Xa as m, Ya as h, ba as g, ca as _, eo as v, ga as y, ha as b, ja as x, no as S, o as C, pn as w, qa as T, ro as E, va as D, xa as O, ya as k, za as A } from "../components-GUHsaO1-.js";
+import { useGettext as j } from "vue3-gettext";
+import { EditorContent as M, VueRenderer as N, useEditor as P } from "@tiptap/vue-3";
+import { Extension as F } from "@tiptap/core";
+import I from "@tiptap/suggestion";
+import L from "@tiptap/starter-kit";
+import R from "@tiptap/extension-underline";
+import z from "@tiptap/extension-link";
+import B from "@tiptap/extension-image";
+import { Table as V, TableCell as H, TableHeader as U, TableRow as W } from "@tiptap/extension-table";
+import G from "@tiptap/extension-task-list";
+import K from "@tiptap/extension-task-item";
+import { BackgroundColor as q, Color as J, FontFamily as Y, FontSize as X, LineHeight as Z, TextStyle as Q } from "@tiptap/extension-text-style";
+import { Markdown as ee } from "@tiptap/markdown";
+import te from "@tiptap/extension-document";
+import ne from "@tiptap/extension-paragraph";
+import re from "@tiptap/extension-text";
+import ie from "@tiptap/extension-hard-break";
 //#region src/editor/components/SlashCommandMenu.vue?vue&type=script&setup=true&lang.ts
-var ie = { class: "text-editor-slash-menu" }, ae = ["textContent"], oe = { class: "text-editor-slash-menu__item-text" }, se = ["textContent"], ce = ["textContent"], le = {
+var ae = { class: "text-editor-slash-menu" }, oe = ["textContent"], se = { class: "text-editor-slash-menu__item-text" }, ce = ["textContent"], le = ["textContent"], ue = {
 	key: 1,
 	class: "text-editor-slash-menu__empty"
-}, ue = /* @__PURE__ */ n({
+}, de = /* @__PURE__ */ n({
 	__name: "SlashCommandMenu",
 	props: {
 		editor: {},
@@ -37,7 +37,7 @@ var ie = { class: "text-editor-slash-menu" }, ae = ["textContent"], oe = { class
 		i(() => o.items, () => {
 			p.value = 0;
 		});
-		let m = E(() => {
+		let m = D(() => {
 			let e = [], t = null;
 			return o.items.forEach((n, r) => {
 				(!t || t.id !== n.groupId) && (t = {
@@ -64,23 +64,23 @@ var ie = { class: "text-editor-slash-menu" }, ae = ["textContent"], oe = { class
 		i(p, async () => {
 			await e(), (s.value?.$el?.querySelector(".text-editor-slash-menu__item--selected"))?.scrollIntoView({ block: "nearest" });
 		});
-		let w = () => {
-			s.value?.update?.({ anchorElement: k() });
-		}, k = () => {
+		let S = () => {
+			s.value?.update?.({ anchorElement: w() });
+		}, w = () => {
 			let e = o.clientRect?.();
 			return e ? { getBoundingClientRect: () => e } : null;
 		};
 		return c(async () => {
 			await e(), s.value?.show?.({
-				anchorElement: k(),
+				anchorElement: w(),
 				noFocus: !0
 			});
 		}), a({
-			onUpdate: w,
+			onUpdate: S,
 			onKeyDown: b
 		}), (e, n) => {
 			let i = t("oc-icon"), a = t("oc-button");
-			return r(), g(S(C), {
+			return r(), g(E(C), {
 				ref_key: "dropRef",
 				ref: s,
 				mode: "manual",
@@ -88,13 +88,13 @@ var ie = { class: "text-editor-slash-menu" }, ae = ["textContent"], oe = { class
 				class: "z-10001",
 				"enforce-drop-on-mobile": ""
 			}, {
-				default: h(() => [O("div", ie, [m.value.length ? (r(!0), u(y, { key: 0 }, l(m.value, (e) => (r(), u("div", {
+				default: h(() => [k("div", ae, [m.value.length ? (r(!0), u(y, { key: 0 }, l(m.value, (e) => (r(), u("div", {
 					key: e.id,
 					class: "text-editor-slash-menu__group"
-				}, [O("div", {
+				}, [k("div", {
 					class: "text-editor-slash-menu__group-title",
 					textContent: f(e.title)
-				}, null, 8, ae), O("ul", null, [(r(!0), u(y, null, l(e.entries, (e) => (r(), u("li", { key: `slash-command-item-${e.item.id}` }, [d(a, {
+				}, null, 8, oe), k("ul", null, [(r(!0), u(y, null, l(e.entries, (e) => (r(), u("li", { key: `slash-command-item-${e.item.id}` }, [d(a, {
 					appearance: "raw",
 					class: x(["text-editor-slash-menu__item", { "text-editor-slash-menu__item--selected": e.index === p.value }]),
 					onClick: (t) => _(e.item)
@@ -105,16 +105,16 @@ var ie = { class: "text-editor-slash-menu" }, ae = ["textContent"], oe = { class
 						"fill-type": e.item.iconFillType || "none",
 						size: "small",
 						class: "text-editor-slash-menu__item-icon"
-					}, null, 8, ["name", "fill-type"])) : D("", !0), O("span", oe, [O("span", {
+					}, null, 8, ["name", "fill-type"])) : O("", !0), k("span", se, [k("span", {
 						class: "text-editor-slash-menu__item-title",
 						textContent: f(e.item.title)
-					}, null, 8, se), e.item.description ? (r(), u("span", {
+					}, null, 8, ce), e.item.description ? (r(), u("span", {
 						key: 0,
 						class: "text-editor-slash-menu__item-description",
 						textContent: f(e.item.description)
-					}, null, 8, ce)) : D("", !0)])]),
+					}, null, 8, le)) : O("", !0)])]),
 					_: 2
-				}, 1032, ["class", "onClick"])]))), 128))])]))), 128)) : (r(), u("div", le, f(e.$gettext("No matching commands")), 1))])]),
+				}, 1032, ["class", "onClick"])]))), 128))])]))), 128)) : (r(), u("div", ue, f(e.$gettext("No matching commands")), 1))])]),
 				_: 1
 			}, 512);
 		};
@@ -122,7 +122,7 @@ var ie = { class: "text-editor-slash-menu" }, ae = ["textContent"], oe = { class
 });
 //#endregion
 //#region src/editor/extensions/slashCommands.ts
-function de(e, t, n) {
+function fe(e, t, n) {
 	let r = t.trim().toLowerCase(), i = [];
 	for (let t of e) for (let e of t.actions) if (!(e.showInSlashCommands === !1 || e.isEnabled && !e.isEnabled(n))) {
 		if (!r) {
@@ -145,17 +145,17 @@ function de(e, t, n) {
 	}
 	return i;
 }
-var fe = P.create({
+var pe = F.create({
 	name: "slashCommands",
 	addOptions() {
 		return { getGroups: () => [] };
 	},
 	addProseMirrorPlugins() {
-		return [F({
+		return [I({
 			editor: this.editor,
 			char: "/",
 			startOfLine: !1,
-			items: ({ query: e, editor: t }) => de(this.options.getGroups(), e, t),
+			items: ({ query: e, editor: t }) => fe(this.options.getGroups(), e, t),
 			command: ({ editor: e, range: t, props: n }) => {
 				n.slashCommandAction({
 					editor: e,
@@ -166,7 +166,7 @@ var fe = P.create({
 				let e = null, t = () => e?.ref ?? null;
 				return {
 					onStart: (t) => {
-						e = new M(ue, {
+						e = new N(de, {
 							props: t,
 							editor: t.editor
 						}), e.el && document.body.appendChild(e.el);
@@ -186,7 +186,7 @@ var fe = P.create({
 //#endregion
 //#region src/editor/composables/useEditorActions.ts
 function $(e, t = {}) {
-	let { $gettext: n } = A(), { dispatchModal: r } = w(), i = () => ({
+	let { $gettext: n } = j(), { dispatchModal: r } = w(), i = () => ({
 		id: "undo",
 		title: n("Undo"),
 		icon: "arrow-go-back",
@@ -505,7 +505,7 @@ function $(e, t = {}) {
 			e.chain().focus().deleteRange(t).toggleBlockquote().run();
 		},
 		isActive: (e) => e.isActive("blockquote")
-	}), C = () => ({
+	}), S = () => ({
 		id: "code-block",
 		title: n("Code block"),
 		description: n("Preformatted code block"),
@@ -516,7 +516,7 @@ function $(e, t = {}) {
 			e.chain().focus().deleteRange(t).toggleCodeBlock().run();
 		},
 		isActive: (e) => e.isActive("codeBlock")
-	}), T = () => ({
+	}), C = () => ({
 		id: "bullet-list",
 		title: n("Bullet list"),
 		description: n("Unordered list of items"),
@@ -527,7 +527,7 @@ function $(e, t = {}) {
 			e.chain().focus().deleteRange(t).toggleBulletList().run();
 		},
 		isActive: (e) => e.isActive("bulletList")
-	}), E = () => ({
+	}), T = () => ({
 		id: "ordered-list",
 		title: n("Ordered list"),
 		description: n("Numbered list of items"),
@@ -554,7 +554,7 @@ function $(e, t = {}) {
 		title: n("Link"),
 		icon: "link",
 		toolbarAction: (e) => {
-			let n = S(t);
+			let n = E(t);
 			if (n.onRequestLinkUrl) {
 				let t = e.getAttributes("link").href;
 				n.onRequestLinkUrl(e, t);
@@ -582,7 +582,7 @@ function $(e, t = {}) {
 				!n || !/^https?:\/\//i.test(n) || e.chain().focus().setImage({ src: n }).run();
 			}
 		});
-	}, j = () => ({
+	}, A = () => ({
 		id: "image-url",
 		title: n("Image from URL"),
 		description: n("Insert an image from a web URL"),
@@ -627,7 +627,7 @@ function $(e, t = {}) {
 			"url"
 		],
 		showInSlashCommands: !1,
-		childActions: [M(), j()],
+		childActions: [M(), A()],
 		isActive: () => !1
 	}), P = (e) => {
 		let t = document.createElement("input");
@@ -801,13 +801,13 @@ function $(e, t = {}) {
 		codeInline: m,
 		lineHeight: b,
 		blockquote: x,
-		codeBlock: C,
-		bulletList: T,
-		orderedList: E,
+		codeBlock: S,
+		bulletList: C,
+		orderedList: T,
 		taskList: D,
 		link: O,
 		image: N,
-		imageUrl: j,
+		imageUrl: A,
 		imageUpload: M,
 		horizontalRule: F,
 		tableMenu: () => ({
@@ -836,10 +836,10 @@ function $(e, t = {}) {
 }
 //#endregion
 //#region src/editor/composables/strategies/html.ts
-var pe = (e) => {
-	let { $gettext: t } = A(), n = () => "html", r = (e) => e.getHTML(), i = (e) => e, a = () => [
-		I.configure({ link: !1 }),
-		R.configure({
+var me = (e) => {
+	let { $gettext: t } = j(), n = () => "html", r = (e) => e.getHTML(), i = (e) => e, a = () => [
+		L.configure({ link: !1 }),
+		z.configure({
 			openOnClick: !0,
 			autolink: !0,
 			linkOnPaste: !0,
@@ -848,21 +848,21 @@ var pe = (e) => {
 				rel: "noopener noreferrer"
 			}
 		}),
-		z.configure({ inline: !1 }),
-		B.configure({ resizable: !1 }),
-		U,
-		V,
-		H,
+		B.configure({ inline: !1 }),
+		V.configure({ resizable: !1 }),
 		W,
-		G.configure({ nested: !0 }),
+		H,
+		U,
+		G,
+		K.configure({ nested: !0 }),
+		Y,
+		Q,
+		R,
 		J,
-		Z,
-		L,
 		q,
-		K,
-		Y,
-		X
-	], { undo: o, redo: s, fontSize: c, lineHeight: l, backgroundColor: u, textColor: d, bold: f, italic: p, underline: m, strikethrough: h, heading: g, heading1: _, heading2: v, heading3: y, heading4: b, bulletList: x, orderedList: S, taskList: C, blockquote: w, codeBlock: T, horizontalRule: E, tableMenu: D, createTable: O, addRowBefore: k, addRowAfter: j, deleteRow: M, addColumnBefore: N, addColumnAfter: P, deleteColumn: F } = $(e);
+		X,
+		Z
+	], { undo: o, redo: s, fontSize: c, lineHeight: l, backgroundColor: u, textColor: d, bold: f, italic: p, underline: m, strikethrough: h, heading: g, heading1: _, heading2: v, heading3: y, heading4: b, bulletList: x, orderedList: S, taskList: C, blockquote: w, codeBlock: T, horizontalRule: E, tableMenu: D, createTable: O, addRowBefore: k, addRowAfter: A, deleteRow: M, addColumnBefore: N, addColumnAfter: P, deleteColumn: F } = $(e);
 	return {
 		editorContentType: n,
 		serialize: r,
@@ -915,7 +915,7 @@ var pe = (e) => {
 					O(),
 					P(),
 					N(),
-					j(),
+					A(),
 					k(),
 					F(),
 					M(),
@@ -924,11 +924,11 @@ var pe = (e) => {
 			}
 		]
 	};
-}, me = (e) => {
-	let { $gettext: t } = A(), n = () => "markdown", r = (e) => e.getMarkdown(), i = (e) => e, a = () => [
-		I.configure({ link: !1 }),
-		Q,
-		R.configure({
+}, he = (e) => {
+	let { $gettext: t } = j(), n = () => "markdown", r = (e) => e.getMarkdown(), i = (e) => e, a = () => [
+		L.configure({ link: !1 }),
+		ee,
+		z.configure({
 			openOnClick: !0,
 			autolink: !0,
 			linkOnPaste: !0,
@@ -937,14 +937,14 @@ var pe = (e) => {
 				rel: "noopener noreferrer"
 			}
 		}),
-		B.configure({ resizable: !1 }),
-		U,
-		V,
-		H,
+		V.configure({ resizable: !1 }),
 		W,
-		G.configure({ nested: !0 }),
-		z.configure({ inline: !1 })
-	], { undo: o, redo: s, toggleSourceMode: c, bold: l, italic: u, strikethrough: d, heading: f, heading1: p, heading2: m, heading3: h, heading4: g, bulletList: _, orderedList: v, taskList: y, blockquote: b, codeBlock: x, horizontalRule: S, image: C, imageUrl: w, imageUpload: T, tableMenu: E, createTable: D, addRowBefore: O, addRowAfter: k, deleteRow: j, addColumnBefore: M, addColumnAfter: N, deleteColumn: P } = $(e);
+		H,
+		U,
+		G,
+		K.configure({ nested: !0 }),
+		B.configure({ inline: !1 })
+	], { undo: o, redo: s, toggleSourceMode: c, bold: l, italic: u, strikethrough: d, heading: f, heading1: p, heading2: m, heading3: h, heading4: g, bulletList: _, orderedList: v, taskList: y, blockquote: b, codeBlock: x, horizontalRule: S, image: C, imageUrl: w, imageUpload: T, tableMenu: E, createTable: D, addRowBefore: O, addRowAfter: k, deleteRow: A, addColumnBefore: M, addColumnAfter: N, deleteColumn: P } = $(e);
 	return {
 		editorContentType: n,
 		serialize: r,
@@ -1003,13 +1003,13 @@ var pe = (e) => {
 					k(),
 					O(),
 					P(),
-					j(),
+					A(),
 					S()
 				]
 			}
 		]
 	};
-}, he = (e) => ({
+}, ge = (e) => ({
 	editorContentType: () => "plainText",
 	serialize: (e) => e.getText(),
 	deserialize: (e) => e ? {
@@ -1026,16 +1026,16 @@ var pe = (e) => {
 		content: [{ type: "paragraph" }]
 	},
 	extensions: () => [
-		ee,
 		te,
 		ne,
-		re
+		re,
+		ie
 	],
 	editorActionGroups: () => []
-}), ge = (e) => {
-	let { $gettext: t } = A(), n = () => "json", r = (e) => JSON.stringify(e.getJSON()), i = (e) => JSON.parse(e), a = () => [
-		I.configure({ link: !1 }),
-		R.configure({
+}), _e = (e) => {
+	let { $gettext: t } = j(), n = () => "json", r = (e) => JSON.stringify(e.getJSON()), i = (e) => JSON.parse(e), a = () => [
+		L.configure({ link: !1 }),
+		z.configure({
 			openOnClick: !0,
 			autolink: !0,
 			linkOnPaste: !0,
@@ -1044,21 +1044,21 @@ var pe = (e) => {
 				rel: "noopener noreferrer"
 			}
 		}),
-		z.configure({ inline: !1 }),
-		B.configure({ resizable: !1 }),
-		U,
-		V,
-		H,
+		B.configure({ inline: !1 }),
+		V.configure({ resizable: !1 }),
 		W,
-		G.configure({ nested: !0 }),
+		H,
+		U,
+		G,
+		K.configure({ nested: !0 }),
+		Y,
+		Q,
+		R,
 		J,
-		Z,
-		L,
 		q,
-		K,
-		Y,
-		X
-	], { undo: o, redo: s, fontSize: c, lineHeight: l, backgroundColor: u, textColor: d, bold: f, italic: p, underline: m, strikethrough: h, heading: g, heading1: _, heading2: v, heading3: y, heading4: b, bulletList: x, orderedList: S, taskList: C, blockquote: w, codeBlock: T, horizontalRule: E, image: D, imageUrl: O, imageUpload: k, tableMenu: j, createTable: M, addRowBefore: N, addRowAfter: P, deleteRow: F, addColumnBefore: Q, addColumnAfter: ee, deleteColumn: te } = $(e);
+		X,
+		Z
+	], { undo: o, redo: s, fontSize: c, lineHeight: l, backgroundColor: u, textColor: d, bold: f, italic: p, underline: m, strikethrough: h, heading: g, heading1: _, heading2: v, heading3: y, heading4: b, bulletList: x, orderedList: S, taskList: C, blockquote: w, codeBlock: T, horizontalRule: E, image: D, imageUrl: O, imageUpload: k, tableMenu: A, createTable: M, addRowBefore: N, addRowAfter: P, deleteRow: F, addColumnBefore: I, addColumnAfter: ee, deleteColumn: te } = $(e);
 	return {
 		editorContentType: n,
 		serialize: r,
@@ -1113,10 +1113,10 @@ var pe = (e) => {
 					D(),
 					O(),
 					k(),
-					j(),
+					A(),
 					M(),
 					ee(),
-					Q(),
+					I(),
 					P(),
 					N(),
 					te(),
@@ -1126,32 +1126,32 @@ var pe = (e) => {
 			}
 		]
 	};
-}, _e = () => ({ resolveStrategy: (e, t) => {
+}, ve = () => ({ resolveStrategy: (e, t) => {
 	switch (e) {
-		case "plain-text": return he(t);
-		case "markdown": return me(t);
-		case "html": return pe(t);
-		case "tiptap-json": return ge(t);
+		case "plain-text": return ge(t);
+		case "markdown": return he(t);
+		case "html": return me(t);
+		case "tiptap-json": return _e(t);
 		default: throw Error(`Unknown content type: ${e}`);
 	}
 } });
 //#endregion
 //#region src/editor/composables/useTextEditor.ts
-function ve(e) {
-	let { resolveStrategy: t } = _e(), n = { sourceMode: v(!1) }, r = v(e.contentType), a = v(e.readonly ?? !1), s = t(e.contentType, n), l = null, u = s.extensions();
+function ye(e) {
+	let { resolveStrategy: t } = ve(), n = { sourceMode: v(!1) }, r = v(e.contentType), a = v(e.readonly ?? !1), s = t(e.contentType, n), l = null, u = s.extensions();
 	if (e.slashCommands !== !1) {
 		let e = s.editorActionGroups();
-		e.length > 0 && u.push(fe.configure({ getGroups: () => e }));
+		e.length > 0 && u.push(pe.configure({ getGroups: () => e }));
 	}
 	let d = {
 		extensions: u,
-		content: S(e.modelValue) ? s.deserialize(S(e.modelValue)) : "",
+		content: E(e.modelValue) ? s.deserialize(E(e.modelValue)) : "",
 		editable: !a.value
 	};
 	i(e.modelValue, (e) => {
-		!S(f) || S(f).options.editable || m(e);
+		!E(f) || E(f)?.isFocused || m(e);
 	}), s.editorContentType && (d.contentType = s.editorContentType());
-	let f = N({
+	let f = P({
 		...d,
 		onUpdate({ editor: t }) {
 			e.onUpdate && (l && clearTimeout(l), l = setTimeout(() => {
@@ -1166,17 +1166,17 @@ function ve(e) {
 		if (!f.value) return;
 		let t = s.deserialize(e), n = { emitUpdate: !1 };
 		s.editorContentType && (n.contentType = s.editorContentType()), f.value.commands.setContent(t, n);
-	}, h = E(() => f.value?.isEmpty ?? !0), g = E(() => f.value?.isFocused ?? !1), _ = () => {
+	}, h = D(() => f.value?.isEmpty ?? !0), g = D(() => f.value?.isFocused ?? !1), _ = () => {
 		f.value?.commands.focus("start");
 	}, y = () => {
 		f.value?.commands.blur();
 	}, b = () => {
 		l &&= (clearTimeout(l), e.onUpdate && f.value && e.onUpdate(s.serialize(f.value)), null), f.value?.destroy(), f.value = null;
-	};
+	}, x = () => S(f);
 	return c(() => {
-		S(a) || _();
+		f.value?.on("selectionUpdate", x), f.value?.on("transaction", x), E(a) || _();
 	}), o(() => {
-		b();
+		f.value?.off("selectionUpdate", x), f.value?.off("transaction", x), b();
 	}), {
 		state: n,
 		editor: f,
@@ -1193,63 +1193,54 @@ function ve(e) {
 }
 //#endregion
 //#region src/editor/components/TextEditorProvider.vue?vue&type=script&setup=true&lang.ts
-var ye = { class: "text-editor-provider h-full flex flex-col" }, be = /* @__PURE__ */ n({
+var be = { class: "text-editor-provider h-full flex flex-col" }, xe = /* @__PURE__ */ n({
 	__name: "TextEditorProvider",
 	props: { editor: {} },
 	setup(e) {
-		return a("textEditor", e.editor), (e, t) => (r(), u("div", ye, [k(e.$slots, "default")]));
+		return a("textEditor", e.editor), (e, t) => (r(), u("div", be, [A(e.$slots, "default")]));
 	}
-}), xe = /* @__PURE__ */ n({
+}), Se = /* @__PURE__ */ n({
 	__name: "TextEditorContent",
 	props: { editor: { default: () => void 0 } },
 	setup(e) {
-		let t = e.editor || s("textEditor"), n = E(() => S(t.contentType) === "markdown" && S(t.state.sourceMode));
-		return (e, i) => S(t).editor.value ? (r(), g(S(j), {
+		let t = e.editor || s("textEditor"), n = D(() => E(t.contentType) === "markdown" && E(t.state.sourceMode));
+		return (e, i) => E(t).editor.value ? (r(), g(E(M), {
 			key: 0,
 			class: x(["text-editor-content", { "markdown-source-mode": n.value }]),
-			editor: S(t).editor.value
-		}, null, 8, ["class", "editor"])) : D("", !0);
+			editor: E(t).editor.value
+		}, null, 8, ["class", "editor"])) : O("", !0);
 	}
-}), Se = {
+}), Ce = {
 	key: 0,
 	class: "text-editor-toolbar relative border-b border-b-role-border py-1"
-}, Ce = { class: "oc-list" }, we = { class: "inline-flex items-center gap-2" }, Te = {
+}, we = { class: "oc-list" }, Te = { class: "inline-flex items-center gap-2" }, Ee = {
 	key: 0,
 	class: "pointer-events-none absolute inset-y-0 left-0 w-8 bg-gradient-to-r from-black/15 to-transparent"
-}, Ee = {
+}, De = {
 	key: 1,
 	class: "pointer-events-none absolute inset-y-0 right-0 w-8 bg-gradient-to-l from-black/15 to-transparent"
-}, De = /* @__PURE__ */ _(/* @__PURE__ */ n({
+}, Oe = /* @__PURE__ */ _(/* @__PURE__ */ n({
 	__name: "TextEditorToolbar",
 	setup(n) {
-		let a = s("textEditor"), o = T("scrollContainer"), _ = v(!1), C = v(!1), w = () => {
-			let e = o.value;
+		let i = s("textEditor"), a = T("scrollContainer"), o = v(!1), _ = v(!1), S = () => {
+			let e = a.value;
 			if (!e) {
-				_.value = !1, C.value = !1;
+				o.value = !1, _.value = !1;
 				return;
 			}
-			_.value = e.scrollLeft > 0, C.value = e.scrollLeft + e.clientWidth < e.scrollWidth - 1;
+			o.value = e.scrollLeft > 0, _.value = e.scrollLeft + e.clientWidth < e.scrollWidth - 1;
 		};
 		c(async () => {
-			await e(), w();
+			await e(), S();
 		});
-		let k = E(() => S(a.readonly) || S(a.contentType) === "plain-text" ? !1 : !!S(a.editor)), A = v(0);
-		i(() => S(a.editor), (e, t) => {
-			t && (t.off("selectionUpdate", j), t.off("transaction", j)), e && (e.on("selectionUpdate", j), e.on("transaction", j));
-		}, { immediate: !0 });
-		let j = () => {
-			A.value++;
-		}, M = (e) => {
-			A.value;
-			let t = S(a.editor);
+		let C = D(() => E(i.readonly) || E(i.contentType) === "plain-text" ? !1 : !!E(i.editor)), w = (e) => {
+			let t = E(i.editor);
 			return t ? e.isEnabled ? e.isEnabled(t) : !0 : !1;
-		}, N = (e) => {
-			A.value;
-			let t = S(a.editor);
+		}, A = (e) => {
+			let t = E(i.editor);
 			return t && e.isActive ? e.isActive(t) : !1;
-		}, P = (e) => {
-			A.value;
-			let t = S(a.editor);
+		}, j = (e) => {
+			let t = E(i.editor);
 			if (t && e.activeIcon) {
 				let n = e.activeIcon(t);
 				if (n) return n;
@@ -1260,27 +1251,27 @@ var ye = { class: "text-editor-provider h-full flex flex-col" }, be = /* @__PURE
 			};
 		};
 		return (e, n) => {
-			let i = t("oc-icon"), o = t("oc-button"), s = t("oc-drop"), c = p("oc-tooltip");
-			return k.value ? (r(), u("div", Se, [
-				O("div", {
+			let a = t("oc-icon"), s = t("oc-button"), c = t("oc-drop"), v = p("oc-tooltip");
+			return C.value ? (r(), u("div", Ce, [
+				k("div", {
 					ref: "scrollContainer",
 					class: "flex items-center gap-1 overflow-x-auto before:grow after:grow",
-					onScroll: w
-				}, [(r(!0), u(y, null, l(S(a).actionGroups(), (e, t) => (r(), u("div", {
+					onScroll: S
+				}, [(r(!0), u(y, null, l(E(i).actionGroups(), (e, t) => (r(), u("div", {
 					key: `toolbar-group-${e.id}`,
 					class: x(["text-editor-toolbar-group inline-flex items-stretch", { "border-l border-l-role-border pl-1": t > 0 }])
-				}, [(r(!0), u(y, null, l(e.actions.filter((e) => e.showInToolbar !== !1), (e) => (r(), u(y, { key: `toolbar-item-${e.id}` }, [e.childActions ? (r(), u(y, { key: 0 }, [m((r(), g(o, {
+				}, [(r(!0), u(y, null, l(e.actions.filter((e) => e.showInToolbar !== !1), (e) => (r(), u(y, { key: `toolbar-item-${e.id}` }, [e.childActions ? (r(), u(y, { key: 0 }, [m((r(), g(s, {
 					id: `toolbar-dropdown-trigger-${e.id}`,
 					type: "button",
 					appearance: "raw",
-					class: x(["text-editor-toolbar-btn min-w-[52px] inline-flex items-center justify-center p-2", { "text-editor-toolbar-btn--active": N(e) }]),
+					class: x(["text-editor-toolbar-btn min-w-[52px] inline-flex items-center justify-center p-2", { "text-editor-toolbar-btn--active": A(e) }]),
 					"aria-label": e.title
 				}, {
-					default: h(() => [d(i, {
-						name: P(e).icon,
-						"fill-type": P(e).iconFillType || "none",
+					default: h(() => [d(a, {
+						name: j(e).icon,
+						"fill-type": j(e).iconFillType || "none",
 						size: "small"
-					}, null, 8, ["name", "fill-type"]), d(i, {
+					}, null, 8, ["name", "fill-type"]), d(a, {
 						name: "arrow-down-s",
 						"fill-type": "line",
 						size: "small"
@@ -1290,7 +1281,7 @@ var ye = { class: "text-editor-provider h-full flex flex-col" }, be = /* @__PURE
 					"id",
 					"class",
 					"aria-label"
-				])), [[c, e.title]]), d(s, {
+				])), [[v, e.title]]), d(c, {
 					"drop-id": `toolbar-dropdown-${e.id}`,
 					toggle: `#toolbar-dropdown-trigger-${e.id}`,
 					mode: "click",
@@ -1298,28 +1289,28 @@ var ye = { class: "text-editor-provider h-full flex flex-col" }, be = /* @__PURE
 					"padding-size": "small",
 					"close-on-click": ""
 				}, {
-					default: h(() => [O("ul", Ce, [(r(!0), u(y, null, l(e.childActions, (t) => (r(), u("li", {
+					default: h(() => [k("ul", we, [(r(!0), u(y, null, l(e.childActions, (t) => (r(), u("li", {
 						key: `${e.id}-${t.id}`,
 						class: "oc-rounded oc-menu-item-hover"
-					}, [d(o, {
-						appearance: N(t) ? "filled" : "raw-inverse",
-						"color-role": N(t) ? "secondaryContainer" : "surface",
-						"no-hover": N(t),
+					}, [d(s, {
+						appearance: A(t) ? "filled" : "raw-inverse",
+						"color-role": A(t) ? "secondaryContainer" : "surface",
+						"no-hover": A(t),
 						"justify-content": "space-between",
 						class: "p-1",
-						disabled: !M(t),
-						onClick: (e) => t.toolbarAction?.(S(a).editor.value)
+						disabled: !w(t),
+						onClick: (e) => t.toolbarAction?.(E(i).editor.value)
 					}, {
-						default: h(() => [O("span", we, [d(i, {
+						default: h(() => [k("span", Te, [d(a, {
 							name: t.icon,
 							"fill-type": t.iconFillType || "none",
 							size: "small"
-						}, null, 8, ["name", "fill-type"]), O("span", null, f(t.title), 1)]), N(t) ? (r(), g(i, {
+						}, null, 8, ["name", "fill-type"]), k("span", null, f(t.title), 1)]), A(t) ? (r(), g(a, {
 							key: 0,
 							name: "check",
 							"fill-type": "line",
 							size: "small"
-						})) : D("", !0)]),
+						})) : O("", !0)]),
 						_: 2
 					}, 1032, [
 						"appearance",
@@ -1329,16 +1320,16 @@ var ye = { class: "text-editor-provider h-full flex flex-col" }, be = /* @__PURE
 						"onClick"
 					])]))), 128))])]),
 					_: 2
-				}, 1032, ["drop-id", "toggle"])], 64)) : m((r(), g(o, {
+				}, 1032, ["drop-id", "toggle"])], 64)) : m((r(), g(s, {
 					key: 1,
 					type: "button",
 					appearance: "raw",
-					class: x(["text-editor-toolbar-btn min-w-[42px] inline-flex items-center justify-center p-2", { "text-editor-toolbar-btn--active": N(e) }]),
+					class: x(["text-editor-toolbar-btn min-w-[42px] inline-flex items-center justify-center p-2", { "text-editor-toolbar-btn--active": A(e) }]),
 					"aria-label": e.title,
-					disabled: !M(e),
-					onClick: b((t) => e.toolbarAction?.(S(a).editor.value), ["stop"])
+					disabled: !w(e),
+					onClick: b((t) => e.toolbarAction?.(E(i).editor.value), ["stop"])
 				}, {
-					default: h(() => [d(i, {
+					default: h(() => [d(a, {
 						name: e.icon,
 						"fill-type": e.iconFillType || "none",
 						size: "small"
@@ -1349,12 +1340,12 @@ var ye = { class: "text-editor-provider h-full flex flex-col" }, be = /* @__PURE
 					"aria-label",
 					"disabled",
 					"onClick"
-				])), [[c, e.title]])], 64))), 128))], 2))), 128))], 544),
-				_.value ? (r(), u("div", Te)) : D("", !0),
-				C.value ? (r(), u("div", Ee)) : D("", !0)
-			])) : D("", !0);
+				])), [[v, e.title]])], 64))), 128))], 2))), 128))], 544),
+				o.value ? (r(), u("div", Ee)) : O("", !0),
+				_.value ? (r(), u("div", De)) : O("", !0)
+			])) : O("", !0);
 		};
 	}
-}), [["__scopeId", "data-v-5eabe917"]]);
+}), [["__scopeId", "data-v-2cdb0540"]]);
 //#endregion
-export { xe as TextEditorContent, be as TextEditorProvider, De as TextEditorToolbar, ve as useTextEditor };
+export { Se as TextEditorContent, xe as TextEditorProvider, Oe as TextEditorToolbar, ye as useTextEditor };