@alfakit/vue 0.1.2 → 0.1.7

package/dist/components/fields/RichEditorInput.vue_vue_type_script_setup_true_lang.js

@@ -7,72 +7,72 @@ import { useRichEditorExtensions as re } from "./rich-editor-extensions.js";
 import ie from "./RichEditorSidePanel.js";
 import ae from "./RichEditorSuggestions.js";
 import i from "./RichEditorToolbarEntries.js";
-import { EditorAttachments as oe, TABLE_TOOLBAR_BUTTONS as se, allToolbarButtons as a, attachToolbarKeyboard as ce, detailsNodeConfigs as le, fieldIds as ue, fileAttachmentError as de, floatingToolbarStyle as fe, focusToolbar as pe, gridNodeConfigs as me, highlightMarkConfig as he, htmlToMarkdown as ge, isToolbarShortcut as _e, leadExtensionConfig as ve, linkExtensionOptions as ye, panelUploadOptions as be, resizableImageAttributes as xe, resizableImageOptions as Se, resolveFloatingToolbar as Ce, resolveStickyOffset as we, setTextColor as Te, showsTableToolbar as Ee, smallMarkConfig as De, subscriptMarkConfig as Oe, superscriptMarkConfig as ke, textAlignExtensionConfig as Ae, textColorMarkConfig as je, toEditorDocument as Me, toolbarButtonLabel as o, toolbarCommands as Ne, uploadTemporaryFile as Pe } from "@alfakit/core";
-import { Fragment as Fe, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createVNode as f, defineComponent as p, normalizeClass as m, normalizeStyle as h, onBeforeUnmount as g, onMounted as Ie, openBlock as _, ref as v, renderList as Le, shallowRef as Re, toDisplayString as ze, unref as y, watch as b, withCtx as x, withModifiers as S } from "vue";
-import { EraserIcon as Be } from "@lucide/vue";
-import C from "@tiptap/extension-image";
-import Ve from "@tiptap/extension-link";
-import He from "@tiptap/extension-placeholder";
-import { TableKit as Ue } from "@tiptap/extension-table";
-import We from "@tiptap/starter-kit";
-import { EditorContent as Ge, Extension as w, Mark as T, Node as E, useEditor as Ke } from "@tiptap/vue-3";
+import { EditorAttachments as oe, TABLE_TOOLBAR_BUTTONS as se, allToolbarButtons as a, attachToolbarKeyboard as ce, detailsNodeConfigs as le, documentNonce as ue, fieldIds as de, fileAttachmentError as fe, floatingToolbarStyle as pe, focusToolbar as me, gridNodeConfigs as he, highlightMarkConfig as ge, htmlToMarkdown as _e, isToolbarShortcut as ve, leadExtensionConfig as ye, linkExtensionOptions as be, panelUploadOptions as xe, resizableImageAttributes as Se, resizableImageOptions as Ce, resolveFloatingToolbar as we, resolveStickyOffset as Te, setTextColor as Ee, showsTableToolbar as De, smallMarkConfig as Oe, subscriptMarkConfig as ke, superscriptMarkConfig as Ae, textAlignExtensionConfig as je, textColorMarkConfig as Me, toEditorDocument as o, toolbarButtonLabel as s, toolbarCommands as Ne, uploadTemporaryFile as Pe } from "@alfakit/core";
+import { Fragment as Fe, computed as c, createBlock as Ie, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createVNode as f, defineComponent as Le, normalizeClass as p, normalizeStyle as m, onBeforeUnmount as h, onMounted as Re, openBlock as g, ref as _, renderList as ze, shallowRef as Be, toDisplayString as Ve, unref as v, watch as y, withCtx as He, withModifiers as Ue } from "vue";
+import { EraserIcon as We } from "@lucide/vue";
+import b from "@tiptap/extension-image";
+import Ge from "@tiptap/extension-link";
+import Ke from "@tiptap/extension-placeholder";
+import { TableKit as qe } from "@tiptap/extension-table";
+import Je from "@tiptap/starter-kit";
+import { EditorContent as Ye, Extension as x, Mark as S, Node as C, useEditor as Xe } from "@tiptap/vue-3";
 //#region src/components/fields/RichEditorInput.vue?vue&type=script&setup=true&lang.ts
-var qe = ["aria-label"], Je = ["aria-label"], Ye = [
+var Ze = ["aria-label"], Qe = ["aria-label"], $e = [
 	"title",
 	"aria-label",
 	"aria-pressed",
 	"onClick"
-], Xe = ["aria-label", "title"], Ze = ["aria-label"], Qe = { class: "@container" }, $e = { class: "flex flex-col-reverse @2xl:flex-row" }, et = ["aria-label", "data-node"], tt = {
+], et = ["aria-label", "title"], tt = ["aria-label"], nt = { class: "@container" }, rt = { class: "flex flex-col-reverse @2xl:flex-row" }, it = ["aria-label", "data-node"], at = {
 	key: 4,
 	role: "alert",
 	class: "text-destructive px-3 pb-2 text-xs"
-}, nt = ["accept"], rt = "[&_[data-resize-handle]]:z-10 [&_[data-resize-handle]]:size-3 [&_[data-resize-handle]]:rounded-full [&_[data-resize-handle]]:border-2 [&_[data-resize-handle]]:border-background [&_[data-resize-handle]]:bg-primary [&_[data-resize-handle]]:opacity-0 [&_[data-resize-container]:hover_[data-resize-handle]]:opacity-100 [&_.ProseMirror-selectednode_[data-resize-handle]]:opacity-100 [&_[data-resize-handle=bottom-right]]:cursor-nwse-resize [&_[data-resize-handle=top-left]]:cursor-nwse-resize [&_[data-resize-handle=bottom-left]]:cursor-nesw-resize [&_[data-resize-handle=top-right]]:cursor-nesw-resize", D = /*@__PURE__*/ p({
+}, ot = ["accept"], st = "[&_[data-resize-handle]]:z-10 [&_[data-resize-handle]]:size-3 [&_[data-resize-handle]]:rounded-full [&_[data-resize-handle]]:border-2 [&_[data-resize-handle]]:border-background [&_[data-resize-handle]]:bg-primary [&_[data-resize-handle]]:opacity-0 [&_[data-resize-container]:hover_[data-resize-handle]]:opacity-100 [&_.ProseMirror-selectednode_[data-resize-handle]]:opacity-100 [&_[data-resize-handle=bottom-right]]:cursor-nwse-resize [&_[data-resize-handle=top-left]]:cursor-nwse-resize [&_[data-resize-handle=bottom-left]]:cursor-nesw-resize [&_[data-resize-handle=top-right]]:cursor-nesw-resize", w = /*@__PURE__*/ Le({
 	__name: "RichEditorInput",
 	props: {
 		component: {},
 		plugins: {}
 	},
-	setup(p) {
-		function D(e) {
-			return e ? C.extend({ addAttributes() {
-				return xe(this.parent?.() ?? {});
-			} }).configure(Se()) : C;
+	setup(Le) {
+		function w(e) {
+			return e ? b.extend({ addAttributes() {
+				return Se(this.parent?.() ?? {});
+			} }).configure(Ce()) : b;
 		}
-		function it(e, t) {
+		function ct(e, t) {
 			let n = (...t) => t.some((t) => e.includes(t)), r = [];
-			return n("table") && r.push(Ue.configure({ table: { resizable: !1 } })), t ? r : (n("highlight") && r.push(T.create(he())), n("subscript") && r.push(T.create(Oe())), n("superscript") && r.push(T.create(ke())), n("textColor") && r.push(T.create(je())), n("alignStart", "alignCenter", "alignEnd", "alignJustify") && r.push(w.create(Ae())), n("details") && r.push(...le().map((e) => E.create(e))), n("small") && r.push(T.create(De())), n("lead") && r.push(w.create(ve())), n("grid", "gridDelete", "gridAddColumnBefore", "gridAddColumnAfter", "gridDeleteColumn") && r.push(...me().map((e) => E.create(e))), r);
+			return n("table") && r.push(qe.configure({ table: { resizable: !1 } })), t ? r : (n("highlight") && r.push(S.create(ge())), n("subscript") && r.push(S.create(ke())), n("superscript") && r.push(S.create(Ae())), n("textColor") && r.push(S.create(Me())), n("alignStart", "alignCenter", "alignEnd", "alignJustify") && r.push(x.create(je())), n("details") && r.push(...le().map((e) => C.create(e))), n("small") && r.push(S.create(Oe())), n("lead") && r.push(x.create(ye())), n("grid", "gridDelete", "gridAddColumnBefore", "gridAddColumnAfter", "gridDeleteColumn") && r.push(...he().map((e) => C.create(e))), r);
 		}
-		let O = p, k = n(), A = t(), at = e(), { value: j, setValue: ot, blur: st, error: M, id: N, disabled: ct, readOnly: lt, aria: ut } = te(() => O.component), dt = v(null), P = s(() => O.component.type === "MarkdownEditor"), F = s(() => !ct.value && !lt.value), I = new oe(), L = s(() => !!O.component.json && !P.value), R = Re(), z = re(() => O.component, R), B = v(null), V = v((() => {
-			let e = O.component.activePanel ?? null;
-			return e === "customBlocks" ? O.component.customBlocks?.length ? e : null : e === "mergeTags" && O.component.mergeTags?.length ? e : null;
-		})()), H = v(null), U = v(0), W = v(null), ft = s(() => !!(O.component.stickyToolbar || O.component.stickyPanels)), pt = () => {
-			W.value = ft.value ? we(O.component.stickyOffset) : null;
+		let T = Le, E = n(), D = t(), lt = e(), { value: O, setValue: ut, blur: dt, error: ft, id: k, disabled: pt, readOnly: mt, aria: ht } = te(() => T.component), gt = _(null), A = c(() => T.component.type === "MarkdownEditor"), j = c(() => !pt.value && !mt.value), M = new oe(), N = c(() => !!T.component.json && !A.value), P = Be(), F = re(() => T.component, P), I = _(null), L = _((() => {
+			let e = T.component.activePanel ?? null;
+			return e === "customBlocks" ? T.component.customBlocks?.length ? e : null : e === "mergeTags" && T.component.mergeTags?.length ? e : null;
+		})()), R = _(null), z = _(0), B = _(null), V = c(() => !!(T.component.stickyToolbar || T.component.stickyPanels)), H = () => {
+			B.value = V.value ? Te(T.component.stickyOffset) : null;
 		};
-		Ie(pt), b([ft, () => O.component.stickyOffset], pt);
-		let G = s(() => Ne(O.component.editorTools, {
-			runAction: (e, t) => e.action ? at.runField(e.action, {
-				...z.context.value,
+		Re(H), y([V, () => T.component.stickyOffset], H);
+		let U = c(() => Ne(T.component.editorTools, {
+			runAction: (e, t) => e.action ? lt.runField(e.action, {
+				...F.context.value,
 				arguments: t
 			}) : Promise.resolve(void 0),
-			editor: () => R.value ?? null
-		}, O.plugins.commands)), mt = (e) => {
-			if (L.value) {
-				let t = Me(e);
-				return t ? JSON.parse(I.toEditor(JSON.stringify(t))) : "";
+			editor: () => P.value ?? null
+		}, T.plugins.commands)), W = (e) => {
+			if (N.value) {
+				let t = o(e);
+				return t ? JSON.parse(M.toEditor(JSON.stringify(t))) : "";
 			}
-			return I.toEditor((P.value ? typeof O.component.html == "string" ? O.component.html : null : e) ?? "");
-		}, ht = (e) => {
+			return M.toEditor((A.value ? typeof T.component.html == "string" ? T.component.html : null : e) ?? "");
+		}, G = (e) => {
 			if (e.isEmpty) return null;
-			if (L.value) return JSON.parse(I.toState(JSON.stringify(e.getJSON())));
+			if (N.value) return JSON.parse(M.toState(JSON.stringify(e.getJSON())));
 			let t = e.getHTML();
-			return I.toState(P.value ? ge(t) : t);
+			return M.toState(A.value ? _e(t) : t);
 		};
-		g(() => I.destroy());
+		h(() => M.destroy());
 		let K = {
 			main: null,
 			table: null,
 			floating: null
-		}, gt = () => [
+		}, _t = () => [
 			K.floating?.element,
 			K.main?.element,
 			K.table?.element
@@ -81,139 +81,140 @@ var qe = ["aria-label"], Je = ["aria-label"], Ye = [
 			n?.element !== t && (n?.detach(), K[e] = t instanceof HTMLElement ? {
 				element: t,
 				detach: ce(t, {
-					onEscape: () => R.value?.commands.focus(),
-					toolbars: gt
+					onEscape: () => P.value?.commands.focus(),
+					toolbars: _t
 				})
 			} : null);
 		};
-		g(() => {
+		h(() => {
 			for (let e of [
 				"main",
 				"table",
 				"floating"
 			]) q(e, null);
 		});
-		let J = Ke({
+		let J = Xe({
+			injectNonce: ue(),
 			extensions: [
-				We.configure({ link: !1 }),
-				Ve.configure(ye(O.component.linkProtocols)),
-				D(!!O.component.resizableImages && !P.value),
-				He.configure({ placeholder: O.component.placeholder ?? "" }),
-				...it(a(O.component), P.value),
-				...P.value ? [] : z.extensions,
-				...P.value ? [] : O.plugins.extensions
+				Je.configure({ link: !1 }),
+				Ge.configure(be(T.component.linkProtocols)),
+				w(!!T.component.resizableImages && !A.value),
+				Ke.configure({ placeholder: T.component.placeholder ?? "" }),
+				...ct(a(T.component), A.value),
+				...A.value ? [] : F.extensions,
+				...A.value ? [] : T.plugins.extensions
 			],
-			content: mt(j.value),
-			editable: F.value,
+			content: W(O.value),
+			editable: j.value,
 			editorProps: {
-				handleKeyDown: (e, t) => _e(t) ? pe(gt()) : R.value ? z.suggestions.handleKeyDown(t, R.value) : !1,
+				handleKeyDown: (e, t) => ve(t) ? me(_t()) : P.value ? F.suggestions.handleKeyDown(t, P.value) : !1,
 				attributes: () => ({
-					class: r("alfakit-prose min-h-32 px-3 py-2 text-sm outline-none", O.component.resizableImages && rt),
-					...O.component.minHeight ? { style: `min-height: ${O.component.minHeight}px` } : {},
-					id: N,
+					class: r("alfakit-prose min-h-32 px-3 py-2 text-sm outline-none", T.component.resizableImages && st),
+					...T.component.minHeight ? { style: `min-height: ${T.component.minHeight}px` } : {},
+					id: k,
 					dir: "auto",
 					role: "textbox",
 					"aria-multiline": "true",
-					...O.component.label ? { "aria-labelledby": ue(N).label } : {},
-					...Object.fromEntries(Object.entries(ut.value).map(([e, t]) => [e, String(t)]))
+					...T.component.label ? { "aria-labelledby": de(k).label } : {},
+					...Object.fromEntries(Object.entries(ht.value).map(([e, t]) => [e, String(t)]))
 				})
 			},
 			onUpdate: ({ editor: e }) => {
-				ot(ht(e));
+				ut(G(e));
 			},
 			onTransaction: ({ editor: e }) => {
-				z.suggestions.update(e), U.value++;
+				F.suggestions.update(e), z.value++;
 			},
 			onBlur: () => {
-				z.suggestions.close(), st();
+				F.suggestions.close(), dt();
 			}
 		});
-		b(J, (e) => {
-			R.value = e;
-		}, { immediate: !0 }), b(j, (e) => {
+		y(J, (e) => {
+			P.value = e;
+		}, { immediate: !0 }), y(O, (e) => {
 			let t = J.value;
 			if (!t) return;
-			let n = ht(t);
-			(L.value ? JSON.stringify(Me(e)) === JSON.stringify(n) : (e ?? "") === (n ?? "")) || t.commands.setContent(mt(e), { emitUpdate: !1 });
-		}), b(F, (e) => {
+			let n = G(t);
+			(N.value ? JSON.stringify(o(e)) === JSON.stringify(n) : (e ?? "") === (n ?? "")) || t.commands.setContent(W(e), { emitUpdate: !1 });
+		}), y(j, (e) => {
 			J.value?.setEditable(e);
-		}), b(ut, () => {
+		}), y(ht, () => {
 			J.value && !J.value.isDestroyed && J.value.view.setProps({});
-		}), b(() => !!O.component.floatingToolbars, (e, t, n) => {
+		}), y(() => !!T.component.floatingToolbars, (e, t, n) => {
 			if (!e || typeof window > "u") return;
-			let r = () => U.value++;
+			let r = () => z.value++;
 			window.addEventListener("scroll", r, {
 				capture: !0,
 				passive: !0
 			}), n(() => window.removeEventListener("scroll", r, { capture: !0 }));
 		}, { immediate: !0 });
-		let _t = () => dt.value?.click(), vt = async (e) => {
-			if (!A.value.endpoints.upload || !J.value) return;
-			let t = de(e, O.component.fileAttachments);
+		let vt = () => gt.value?.click(), yt = async (e) => {
+			if (!D.value.endpoints.upload || !J.value) return;
+			let t = fe(e, T.component.fileAttachments);
 			if (t) {
-				H.value = t === "too_large" ? k("form.file_too_large", {}, "This file is too large.") : k("form.file_invalid_type", {}, "This file type is not allowed.");
+				R.value = t === "too_large" ? E("form.file_too_large", {}, "This file is too large.") : E("form.file_invalid_type", {}, "This file type is not allowed.");
 				return;
 			}
-			H.value = null;
+			R.value = null;
 			let n;
 			try {
-				n = await Pe(A.value.endpoints.upload, e, be(A.value, O.component.fileAttachments.uploadPolicy));
+				n = await Pe(D.value.endpoints.upload, e, xe(D.value, T.component.fileAttachments.uploadPolicy));
 			} catch (e) {
-				H.value = e.errors?.file?.[0] ?? k("form.upload_failed", {}, "The file could not be uploaded.");
+				R.value = e.errors?.file?.[0] ?? E("form.upload_failed", {}, "The file could not be uploaded.");
 				return;
 			}
-			let r = I.add(n.key, e);
+			let r = M.add(n.key, e);
 			J.value.chain().focus().setImage({
 				src: r,
 				alt: e.name
 			}).run();
-		}, yt = (e) => {
+		}, bt = (e) => {
 			let t = e.target.files?.[0];
-			t && vt(t);
-		}, bt = s(() => (O.component.fileAttachments.acceptedFileTypes ?? ["image/*"]).join(",")), Y = (e, t) => k(e, {}, t), X = (e) => {
-			let t = G.value[e];
+			t && yt(t);
+		}, xt = c(() => (T.component.fileAttachments.acceptedFileTypes ?? ["image/*"]).join(",")), Y = (e, t) => E(e, {}, t), X = (e) => {
+			let t = U.value[e];
 			t && J.value && t.run(J.value, {
 				prompt: (e) => window.prompt(e),
-				pickImage: _t,
+				pickImage: vt,
 				togglePanel: (e) => {
-					B.value = B.value === e ? null : e;
+					I.value = I.value === e ? null : e;
 				},
 				t: Y
 			});
 		}, Z = (e) => {
-			V.value = V.value === e ? null : e;
-		}, xt = (e) => {
+			L.value = L.value === e ? null : e;
+		}, St = (e) => {
 			J.value?.chain().focus().insertContent({
 				type: "mergeTag",
 				attrs: { id: e }
 			}).run();
-		}, St = () => (U.value, J.value?.getAttributes("textColor").color), Ct = () => (U.value, !!(J.value && F.value && !O.component.floatingToolbars?.table && Ee(a(O.component), J.value))), Q = s(() => (U.value, F.value ? Ce(J.value ?? null, O.component.floatingToolbars) : null)), $ = (e, t = !0) => {
-			J.value && (Te(J.value, e), t && (B.value = null));
+		}, Ct = () => (z.value, J.value?.getAttributes("textColor").color), wt = () => (z.value, !!(J.value && j.value && !T.component.floatingToolbars?.table && De(a(T.component), J.value))), Q = c(() => (z.value, j.value ? we(J.value ?? null, T.component.floatingToolbars) : null)), $ = (e, t = !0) => {
+			J.value && (Ee(J.value, e), t && (I.value = null));
 		};
-		return (e, t) => (_(), c(ne, {
-			field: O.component,
-			"html-for": y(N),
-			error: y(M)
+		return (e, t) => (g(), Ie(ne, {
+			field: T.component,
+			"html-for": v(k),
+			error: v(ft)
 		}, {
-			default: x(() => [d("div", { class: m(y(r)("border-input dark:bg-input/30 focus-within:border-ring focus-within:ring-ring/50 rounded-md border shadow-xs focus-within:ring-[3px]", y(M) && "border-destructive", y(ct) && "opacity-60")) }, [
-				O.component.toolbarButtons.length > 0 && y(J) ? (_(), u("div", {
+			default: He(() => [d("div", { class: p(v(r)("border-input dark:bg-input/30 focus-within:border-ring focus-within:ring-ring/50 rounded-md border shadow-xs focus-within:ring-[3px]", v(ft) && "border-destructive", v(pt) && "opacity-60")) }, [
+				T.component.toolbarButtons.length > 0 && v(J) ? (g(), u("div", {
 					key: 0,
 					ref: (e) => q("main", e),
 					role: "toolbar",
-					"aria-label": y(k)("editor.toolbar", {}, "Formatting"),
+					"aria-label": v(E)("editor.toolbar", {}, "Formatting"),
 					"aria-keyshortcuts": "Alt+F10",
 					"data-slot": "rich-editor-toolbar",
-					class: m(y(r)("flex flex-wrap items-center gap-0.5 border-b p-1", O.component.stickyToolbar && "bg-background sticky z-10 rounded-t-md")),
-					style: h(O.component.stickyToolbar ? { top: W.value ?? "0px" } : void 0)
+					class: p(v(r)("flex flex-wrap items-center gap-0.5 border-b p-1", T.component.stickyToolbar && "bg-background sticky z-10 rounded-t-md")),
+					style: m(T.component.stickyToolbar ? { top: B.value ?? "0px" } : void 0)
 				}, [f(i, {
-					names: O.component.toolbarButtons,
-					component: O.component,
-					editor: y(J),
-					editable: F.value,
-					commands: G.value,
-					tick: U.value,
-					"open-panel": B.value,
-					"side-panel": V.value,
+					names: T.component.toolbarButtons,
+					component: T.component,
+					editor: v(J),
+					editable: j.value,
+					commands: U.value,
+					tick: z.value,
+					"open-panel": I.value,
+					"side-panel": L.value,
 					onRun: X,
 					onTogglePanel: Z
 				}, null, 8, [
@@ -225,62 +226,62 @@ var qe = ["aria-label"], Je = ["aria-label"], Ye = [
 					"tick",
 					"open-panel",
 					"side-panel"
-				])], 14, qe)) : l("", !0),
-				y(J) && B.value === "textColor" ? (_(), u("div", {
+				])], 14, Ze)) : l("", !0),
+				v(J) && I.value === "textColor" ? (g(), u("div", {
 					key: 1,
 					role: "group",
-					"aria-label": y(o)("textColor", Y),
+					"aria-label": v(s)("textColor", Y),
 					class: "flex flex-wrap items-center gap-1 border-b p-1",
 					"data-slot": "rich-editor-text-colors"
 				}, [
-					(_(!0), u(Fe, null, Le(O.component.textColors ?? [], (e) => (_(), u("button", {
+					(g(!0), u(Fe, null, ze(T.component.textColors ?? [], (e) => (g(), u("button", {
 						key: e.value,
 						type: "button",
 						title: e.label,
 						"aria-label": e.label,
-						"aria-pressed": St() === e.value ? "true" : "false",
+						"aria-pressed": Ct() === e.value ? "true" : "false",
 						class: "focus-visible:ring-ring/50 size-6 rounded-full border shadow-xs outline-none focus-visible:ring-[3px] aria-pressed:ring-2",
-						style: h({ backgroundColor: e.value }),
-						onMousedown: t[0] ||= S(() => {}, ["prevent"]),
+						style: m({ backgroundColor: e.value }),
+						onMousedown: t[0] ||= Ue(() => {}, ["prevent"]),
 						onClick: (t) => $(e.value)
-					}, null, 44, Ye))), 128)),
-					O.component.customTextColors ? (_(), u("input", {
+					}, null, 44, $e))), 128)),
+					T.component.customTextColors ? (g(), u("input", {
 						key: 0,
 						type: "color",
-						"aria-label": y(k)("editor.custom_color", {}, "Custom color"),
-						title: y(k)("editor.custom_color", {}, "Custom color"),
+						"aria-label": v(E)("editor.custom_color", {}, "Custom color"),
+						title: v(E)("editor.custom_color", {}, "Custom color"),
 						class: "size-6 cursor-pointer rounded border bg-transparent p-0",
 						onInput: t[1] ||= (e) => $(e.target.value, !1)
-					}, null, 40, Xe)) : l("", !0),
+					}, null, 40, et)) : l("", !0),
 					f(ee, {
 						type: "button",
 						variant: "ghost",
 						size: "icon-sm",
-						"aria-label": y(k)("editor.remove_color", {}, "Remove color"),
-						title: y(k)("editor.remove_color", {}, "Remove color"),
-						onMousedown: t[2] ||= S(() => {}, ["prevent"]),
+						"aria-label": v(E)("editor.remove_color", {}, "Remove color"),
+						title: v(E)("editor.remove_color", {}, "Remove color"),
+						onMousedown: t[2] ||= Ue(() => {}, ["prevent"]),
 						onClick: t[3] ||= (e) => $(null)
 					}, {
-						default: x(() => [f(y(Be))]),
+						default: He(() => [f(v(We))]),
 						_: 1
 					}, 8, ["aria-label", "title"])
-				], 8, Je)) : l("", !0),
-				y(J) && Ct() ? (_(), u("div", {
+				], 8, Qe)) : l("", !0),
+				v(J) && wt() ? (g(), u("div", {
 					key: 2,
 					ref: (e) => q("table", e),
 					role: "toolbar",
-					"aria-label": y(o)("table", Y),
+					"aria-label": v(s)("table", Y),
 					class: "flex flex-wrap items-center gap-0.5 border-b p-1",
 					"data-slot": "rich-editor-table-toolbar"
 				}, [f(i, {
-					names: y(se),
-					component: O.component,
-					editor: y(J),
-					editable: F.value,
-					commands: G.value,
-					tick: U.value,
-					"open-panel": B.value,
-					"side-panel": V.value,
+					names: v(se),
+					component: T.component,
+					editor: v(J),
+					editable: j.value,
+					commands: U.value,
+					tick: z.value,
+					"open-panel": I.value,
+					"side-panel": L.value,
 					onRun: X,
 					onTogglePanel: Z
 				}, null, 8, [
@@ -292,47 +293,47 @@ var qe = ["aria-label"], Je = ["aria-label"], Ye = [
 					"tick",
 					"open-panel",
 					"side-panel"
-				])], 8, Ze)) : l("", !0),
-				d("div", Qe, [d("div", $e, [f(y(Ge), {
-					editor: y(J),
+				])], 8, tt)) : l("", !0),
+				d("div", nt, [d("div", rt, [f(v(Ye), {
+					editor: v(J),
 					class: "min-w-0 flex-1",
-					style: h(O.component.maxHeight ? {
-						maxHeight: `${O.component.maxHeight}px`,
+					style: m(T.component.maxHeight ? {
+						maxHeight: `${T.component.maxHeight}px`,
 						overflowY: "auto"
 					} : void 0)
-				}, null, 8, ["editor", "style"]), y(J) && V.value ? (_(), c(ie, {
+				}, null, 8, ["editor", "style"]), v(J) && L.value ? (g(), Ie(ie, {
 					key: 0,
-					panel: V.value,
-					component: O.component,
-					editable: F.value,
-					sticky: O.component.stickyPanels ? W.value ?? "0px" : null,
-					onInsertBlock: t[4] ||= (e) => void y(z).insertBlock(e),
-					onInsertMergeTag: xt,
-					onClose: t[5] ||= (e) => V.value = null
+					panel: L.value,
+					component: T.component,
+					editable: j.value,
+					sticky: T.component.stickyPanels ? B.value ?? "0px" : null,
+					onInsertBlock: t[4] ||= (e) => void v(F).insertBlock(e),
+					onInsertMergeTag: St,
+					onClose: t[5] ||= (e) => L.value = null
 				}, null, 8, [
 					"panel",
 					"component",
 					"editable",
 					"sticky"
 				])) : l("", !0)])]),
-				y(J) && Q.value && Q.value.buttons.length > 0 ? (_(), u("div", {
+				v(J) && Q.value && Q.value.buttons.length > 0 ? (g(), u("div", {
 					key: 3,
 					ref: (e) => q("floating", e),
 					role: "toolbar",
-					"aria-label": y(k)("editor.floating_toolbar", {}, "Selection formatting"),
+					"aria-label": v(E)("editor.floating_toolbar", {}, "Selection formatting"),
 					"data-slot": "rich-editor-floating-toolbar",
 					"data-node": Q.value.node,
 					class: "bg-popover text-popover-foreground fixed z-50 flex items-center gap-0.5 rounded-md border p-1 shadow-md",
-					style: h(y(fe)(Q.value.coords))
+					style: m(v(pe)(Q.value.coords))
 				}, [f(i, {
 					names: Q.value.buttons,
-					component: O.component,
-					editor: y(J),
-					editable: F.value,
-					commands: G.value,
-					tick: U.value,
-					"open-panel": B.value,
-					"side-panel": V.value,
+					component: T.component,
+					editor: v(J),
+					editable: j.value,
+					commands: U.value,
+					tick: z.value,
+					"open-panel": I.value,
+					"side-panel": L.value,
 					onRun: X,
 					onTogglePanel: Z
 				}, null, 8, [
@@ -344,27 +345,27 @@ var qe = ["aria-label"], Je = ["aria-label"], Ye = [
 					"tick",
 					"open-panel",
 					"side-panel"
-				])], 12, et)) : l("", !0),
+				])], 12, it)) : l("", !0),
 				f(ae, {
-					id: `${y(N)}-suggestions`,
-					suggestions: y(z).suggestions,
-					editor: y(J)
+					id: `${v(k)}-suggestions`,
+					suggestions: v(F).suggestions,
+					editor: v(J)
 				}, null, 8, [
 					"id",
 					"suggestions",
 					"editor"
 				]),
-				H.value ? (_(), u("p", tt, ze(H.value), 1)) : l("", !0),
+				R.value ? (g(), u("p", at, Ve(R.value), 1)) : l("", !0),
 				d("input", {
 					ref_key: "fileInput",
-					ref: dt,
+					ref: gt,
 					type: "file",
-					accept: bt.value,
+					accept: xt.value,
 					class: "sr-only",
 					tabindex: "-1",
 					"aria-hidden": "true",
-					onChange: yt
-				}, null, 40, nt)
+					onChange: bt
+				}, null, 40, ot)
 			], 2)]),
 			_: 1
 		}, 8, [
@@ -375,6 +376,6 @@ var qe = ["aria-label"], Je = ["aria-label"], Ye = [
 	}
 });
 //#endregion
-export { D as default };
+export { w as default };
 
 //# sourceMappingURL=RichEditorInput.vue_vue_type_script_setup_true_lang.js.map