@gxp-dev/mod-ui 2.0.12 → 2.0.14

package/dist/chunks/HtmlEditor-DmR-g-YR.js

@@ -0,0 +1,1038 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { n as t } from "./utils-DAErOi9O.js";
+import { n } from "./button-BAwcISlK.js";
+import { t as ee } from "./checkbox-BunQDZRV.js";
+import { i as te, n as r, o as i, r as a, u as ne } from "./dialog-BoGlhUrd.js";
+import { f as o, h as s, l as c, o as l, t as u, u as d } from "./dropdown-menu-NlgvL0wb.js";
+import { t as f } from "./input-tw5ZQGKQ.js";
+import { n as p } from "./label-I5voJX5E.js";
+import { n as re, s as ie, t as ae } from "./popover-_VzKSUl8.js";
+import { t as oe } from "./field-frame-n5oLDNBT.js";
+import { t as se } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { Fragment as ce, computed as m, createBlock as h, createCommentVNode as le, createElementBlock as g, createElementVNode as _, createTextVNode as v, createVNode as y, defineComponent as b, nextTick as ue, normalizeClass as x, normalizeStyle as S, onBeforeUnmount as de, onMounted as fe, openBlock as C, ref as w, renderList as pe, resolveDynamicComponent as me, toDisplayString as T, unref as E, vModelText as he, watch as ge, withCtx as D, withDirectives as _e } from "vue";
+import { AlignCenter as ve, AlignLeft as ye, AlignRight as be, ArrowDown as xe, ArrowLeft as Se, ArrowRight as Ce, ArrowUp as we, Bold as Te, Code as Ee, Combine as De, Heading as Oe, Heading1 as ke, Heading2 as Ae, Heading3 as je, Heading4 as Me, Heading5 as Ne, Heading6 as Pe, Highlighter as Fe, ImageIcon as Ie, Italic as Le, Link2 as Re, List as ze, ListOrdered as Be, Minus as Ve, Palette as He, Quote as Ue, Redo as We, Scissors as Ge, Strikethrough as Ke, Table2 as qe, Trash2 as O, Type as Je, Underline as Ye, Undo as Xe, X as k } from "@lucide/vue";
+import { EditorContent as Ze, Extension as Qe, Node as $e, useEditor as et } from "@tiptap/vue-3";
+import tt from "@tiptap/starter-kit";
+import nt from "@tiptap/extension-text-align";
+import { BackgroundColor as rt, Color as it, FontFamily as at, TextStyle as ot } from "@tiptap/extension-text-style";
+import st from "@tiptap/extension-link";
+import ct from "@tiptap/extension-image";
+import { Table as lt, TableCell as ut, TableHeader as dt, TableRow as ft } from "@tiptap/extension-table";
+//#region src/components/compositions/elements/editor/HtmlEditor.vue?vue&type=script&setup=true&lang.ts
+var pt = ["data-element-name"], mt = { class: "flex flex-wrap items-center gap-0.5 border-b border-border/40 px-1.5 py-1" }, ht = { class: "flex flex-wrap items-center gap-0.5 px-1.5 py-1" }, gt = { class: "flex items-center gap-2" }, _t = ["value"], vt = { class: "flex items-center gap-2" }, yt = ["value"], bt = { class: "px-2 pb-2" }, xt = {
+	class: "grid gap-0.5",
+	style: { "grid-template-columns": "repeat(6, 1.25rem)" }
+}, St = ["onMouseover"], Ct = { class: "grid gap-4 py-2" }, wt = { class: "grid gap-1.5" }, Tt = { class: "grid gap-1.5" }, Et = { class: "flex items-center gap-2" }, Dt = { class: "flex gap-2" }, Ot = { class: "grid gap-4 py-2" }, kt = { class: "grid gap-1.5" }, At = { class: "grid gap-1.5" }, jt = { class: "grid gap-1.5" }, Mt = /* @__PURE__ */ b({
+	__name: "HtmlEditor",
+	props: {
+		modelValue: {},
+		id: {},
+		name: {},
+		label: {},
+		hideLabel: { type: Boolean },
+		placeholder: {},
+		required: { type: Boolean },
+		readonly: { type: Boolean },
+		disabled: { type: Boolean },
+		helpText: {},
+		errors: { default: () => [] },
+		minHeight: { default: "14rem" }
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: se }) {
+		let b = e, Mt = se, Nt = $e.create({
+			name: "video",
+			group: "block",
+			content: "block*",
+			addAttributes() {
+				return {
+					src: { default: null },
+					width: { default: "320" },
+					height: { default: "240" },
+					controls: {
+						default: !0,
+						parseHTML: (e) => e.hasAttribute("controls"),
+						renderHTML: (e) => e.controls ? { controls: "" } : {}
+					}
+				};
+			},
+			parseHTML() {
+				return [{ tag: "video" }];
+			},
+			renderHTML({ HTMLAttributes: e }) {
+				return [
+					"video",
+					e,
+					0
+				];
+			}
+		}), Pt = ct.extend({ addAttributes() {
+			return {
+				src: { default: "" },
+				alt: { default: void 0 },
+				title: { default: void 0 },
+				style: { default: void 0 }
+			};
+		} }), Ft = [
+			{
+				label: "Arial",
+				value: "Arial, sans-serif"
+			},
+			{
+				label: "Verdana",
+				value: "Verdana, sans-serif"
+			},
+			{
+				label: "Tahoma",
+				value: "Tahoma, sans-serif"
+			},
+			{
+				label: "Times New Roman",
+				value: "'Times New Roman', serif"
+			},
+			{
+				label: "Georgia",
+				value: "Georgia, serif"
+			},
+			{
+				label: "Courier New",
+				value: "'Courier New', monospace"
+			}
+		], A = m(() => !!(b.disabled || b.readonly)), j = et({
+			content: b.modelValue ?? "",
+			editable: !A.value,
+			extensions: [
+				tt.configure({ link: !1 }),
+				nt.configure({ types: ["heading", "paragraph"] }),
+				ot,
+				it,
+				rt,
+				at.configure({ types: ["textStyle"] }),
+				st.configure({ openOnClick: !1 }),
+				Pt.configure({
+					inline: !1,
+					allowBase64: !0
+				}),
+				lt.configure({ resizable: !0 }),
+				ft,
+				dt,
+				ut,
+				Nt,
+				Qe.create({ name: "_noop" })
+			].filter((e) => e.name !== "_noop"),
+			editorProps: { attributes: { class: "focus:outline-none" } },
+			onUpdate: () => {
+				j.value && Mt("update:modelValue", j.value.getHTML());
+			},
+			onSelectionUpdate: () => {
+				It();
+			}
+		});
+		ge(() => b.modelValue, (e) => {
+			let t = j.value;
+			if (!t) return;
+			let n = e ?? "";
+			n !== t.getHTML() && t.commands.setContent(n, { emitUpdate: !1 });
+		}), ge(A, (e) => {
+			j.value?.setEditable(!e);
+		}), de(() => {
+			j.value?.destroy();
+		}), fe(() => {
+			ue(() => {
+				let e = j.value;
+				e && b.modelValue && e.isEmpty && e.commands.setContent(b.modelValue, { emitUpdate: !1 });
+			});
+		});
+		let M = w(null), N = w("left"), P = w(null), F = w(""), I = w("");
+		function It() {
+			let e = j.value;
+			if (!e) return;
+			M.value = null;
+			for (let t = 1; t <= 6; t++) if (e.isActive("heading", { level: t })) {
+				M.value = t;
+				break;
+			}
+			e.isActive({ textAlign: "center" }) ? N.value = "center" : e.isActive({ textAlign: "right" }) ? N.value = "right" : N.value = "left", P.value = Ft.find((t) => e.isActive("textStyle", { fontFamily: t.value }))?.value ?? null;
+			let t = e.getAttributes("textStyle");
+			F.value = typeof t.color == "string" ? t.color : "", I.value = typeof t.backgroundColor == "string" ? t.backgroundColor : "";
+		}
+		function L(e, t) {
+			let n = j.value;
+			return n ? t ? n.isActive(e, t) : n.isActive(e) : !1;
+		}
+		function R(e) {
+			j.value?.chain().focus().setHeading({ level: e }).run(), M.value = e;
+		}
+		function Lt() {
+			j.value?.chain().focus().setParagraph().run(), M.value = null;
+		}
+		let Rt = m(() => {
+			switch (M.value) {
+				case 1: return ke;
+				case 2: return Ae;
+				case 3: return je;
+				case 4: return Me;
+				case 5: return Ne;
+				case 6: return Pe;
+				default: return Oe;
+			}
+		}), zt = m(() => N.value === "center" ? ve : N.value === "right" ? be : ye);
+		function Bt(e) {
+			j.value?.chain().focus().setTextAlign(e).run(), N.value = e;
+		}
+		function Vt(e) {
+			j.value?.chain().focus().unsetFontFamily().setFontFamily(e).run(), P.value = e;
+		}
+		function Ht() {
+			j.value?.chain().focus().unsetFontFamily().run(), P.value = null;
+		}
+		function Ut(e) {
+			(j.value?.chain().focus())?.unsetColor()?.setColor(e)?.run(), F.value = e;
+		}
+		function Wt() {
+			(j.value?.chain().focus())?.unsetColor()?.run(), F.value = "";
+		}
+		function Gt(e) {
+			(j.value?.chain().focus())?.unsetBackgroundColor()?.setBackgroundColor(e)?.run(), I.value = e;
+		}
+		function Kt() {
+			(j.value?.chain().focus())?.unsetBackgroundColor()?.run(), I.value = "";
+		}
+		function qt(e) {
+			e === "bullet" ? j.value?.chain().focus().toggleBulletList().run() : j.value?.chain().focus().toggleOrderedList().run();
+		}
+		let z = w(2), B = w(2), Jt = m(() => {
+			let e = [];
+			for (let t = 1; t <= 4; t++) for (let n = 1; n <= 6; n++) e.push({
+				r: t,
+				c: n
+			});
+			return e;
+		});
+		function Yt() {
+			j.value?.chain().focus().insertTable({
+				rows: z.value,
+				cols: B.value,
+				withHeaderRow: !0
+			}).run();
+		}
+		let V = w(!1), H = w(""), U = w(""), W = w(!0), G = w(!1);
+		function Xt() {
+			let e = j.value;
+			if (e) {
+				if (G.value = e.isActive("link"), G.value) {
+					e.chain().focus().extendMarkRange("link").run();
+					let t = e.getAttributes("link");
+					H.value = typeof t.href == "string" ? t.href : "", W.value = t.target === "_blank";
+					let { from: n, to: ee } = e.state.selection;
+					U.value = e.state.doc.textBetween(n, ee, " ");
+				} else {
+					let { from: t, to: n } = e.state.selection;
+					U.value = e.state.doc.textBetween(t, n, " "), H.value = "https://", W.value = !0;
+				}
+				U.value ||= "Link", V.value = !0;
+			}
+		}
+		function Zt() {
+			let e = j.value;
+			if (!e || !H.value) return;
+			e.isActive("link") && e.chain().focus().unsetLink().run();
+			let t = W.value ? "_blank" : "_self", { from: n, to: ee } = e.state.selection;
+			n === ee ? e.chain().focus().insertContent(`<a href="${H.value}" target="${t}">${U.value}</a>`).run() : e.chain().focus().extendMarkRange("link").setLink({
+				href: H.value,
+				target: t
+			}).run(), V.value = !1;
+		}
+		function Qt() {
+			j.value?.chain().focus().extendMarkRange("link").unsetLink().run(), V.value = !1;
+		}
+		let K = w(!1), q = w(""), J = w(""), Y = w(""), X = w(!1);
+		function $t() {
+			let e = j.value;
+			if (e) {
+				if (X.value = e.isActive("image"), X.value) {
+					let t = e.getAttributes("image");
+					q.value = typeof t.src == "string" ? t.src : "", J.value = typeof t.alt == "string" ? t.alt : "", Y.value = typeof t.style == "string" ? t.style : "";
+				} else q.value = "", J.value = "", Y.value = "width: auto; height: auto; max-width: 100%;";
+				K.value = !0;
+			}
+		}
+		function en() {
+			let e = j.value;
+			if (!e || !q.value) return;
+			let t = {
+				src: q.value,
+				alt: J.value || void 0,
+				style: Y.value || void 0
+			};
+			X.value ? e.chain().focus().updateAttributes("image", t).run() : e.chain().focus().setImage(t).run(), K.value = !1;
+		}
+		let Z = w(!1), Q = w("");
+		function tn() {
+			j.value && (Q.value = j.value.getHTML(), Z.value = !0);
+		}
+		function nn() {
+			j.value && (j.value.commands.setContent(Q.value), Mt("update:modelValue", Q.value), Z.value = !1);
+		}
+		let rn = m(() => b.errors.length > 0), an = m(() => ({ minHeight: b.minHeight }));
+		function $(e) {
+			return t("h-7 w-7 p-0 shrink-0", e ? "bg-muted text-foreground" : "text-muted-foreground");
+		}
+		return (se, m) => (C(), h(E(oe), {
+			label: e.label,
+			required: e.required,
+			"hide-label": e.hideLabel,
+			for: e.id,
+			"help-text": e.helpText,
+			errors: e.errors,
+			"data-testid": "html-editor"
+		}, {
+			default: D(() => [
+				_("div", {
+					class: x(E(t)("rounded-md border border-input bg-background shadow-sm overflow-hidden", rn.value ? "border-destructive ring-1 ring-destructive" : "", A.value ? "opacity-60" : "")),
+					"data-element-name": e.name ?? void 0
+				}, [_("div", {
+					class: x(["flex flex-col border-b bg-muted/30", A.value ? "pointer-events-none" : ""]),
+					role: "toolbar",
+					"aria-label": "HTML formatting",
+					"data-testid": "html-editor-toolbar"
+				}, [_("div", mt, [
+					y(E(s), null, {
+						default: D(() => [y(E(u), { "as-child": "" }, {
+							default: D(() => [y(E(n), {
+								type: "button",
+								variant: "ghost",
+								class: x($(M.value !== null)),
+								title: "Heading"
+							}, {
+								default: D(() => [(C(), h(me(Rt.value), { class: "h-4 w-4" }))]),
+								_: 1
+							}, 8, ["class"])]),
+							_: 1
+						}), y(E(o), {
+							align: "start",
+							class: "w-44"
+						}, {
+							default: D(() => [
+								y(E(c), { class: "text-xs uppercase text-muted-foreground" }, {
+									default: D(() => [...m[46] ||= [v("Heading", -1)]]),
+									_: 1
+								}),
+								y(E(l)),
+								y(E(d), {
+									class: x(M.value === 1 ? "bg-muted" : ""),
+									onClick: m[0] ||= (e) => R(1)
+								}, {
+									default: D(() => [y(E(ke), { class: "mr-2 h-4 w-4" }), m[47] ||= v("Heading 1 ", -1)]),
+									_: 1
+								}, 8, ["class"]),
+								y(E(d), {
+									class: x(M.value === 2 ? "bg-muted" : ""),
+									onClick: m[1] ||= (e) => R(2)
+								}, {
+									default: D(() => [y(E(Ae), { class: "mr-2 h-4 w-4" }), m[48] ||= v("Heading 2 ", -1)]),
+									_: 1
+								}, 8, ["class"]),
+								y(E(d), {
+									class: x(M.value === 3 ? "bg-muted" : ""),
+									onClick: m[2] ||= (e) => R(3)
+								}, {
+									default: D(() => [y(E(je), { class: "mr-2 h-4 w-4" }), m[49] ||= v("Heading 3 ", -1)]),
+									_: 1
+								}, 8, ["class"]),
+								y(E(d), {
+									class: x(M.value === 4 ? "bg-muted" : ""),
+									onClick: m[3] ||= (e) => R(4)
+								}, {
+									default: D(() => [y(E(Me), { class: "mr-2 h-4 w-4" }), m[50] ||= v("Heading 4 ", -1)]),
+									_: 1
+								}, 8, ["class"]),
+								y(E(d), {
+									class: x(M.value === 5 ? "bg-muted" : ""),
+									onClick: m[4] ||= (e) => R(5)
+								}, {
+									default: D(() => [y(E(Ne), { class: "mr-2 h-4 w-4" }), m[51] ||= v("Heading 5 ", -1)]),
+									_: 1
+								}, 8, ["class"]),
+								y(E(d), {
+									class: x(M.value === 6 ? "bg-muted" : ""),
+									onClick: m[5] ||= (e) => R(6)
+								}, {
+									default: D(() => [y(E(Pe), { class: "mr-2 h-4 w-4" }), m[52] ||= v("Heading 6 ", -1)]),
+									_: 1
+								}, 8, ["class"]),
+								y(E(l)),
+								y(E(d), { onClick: Lt }, {
+									default: D(() => [y(E(k), { class: "mr-2 h-4 w-4" }), m[53] ||= v("Clear heading ", -1)]),
+									_: 1
+								})
+							]),
+							_: 1
+						})]),
+						_: 1
+					}),
+					m[54] ||= _("div", { class: "mx-0.5 h-5 w-px bg-border/60 shrink-0" }, null, -1),
+					y(E(n), {
+						type: "button",
+						variant: "ghost",
+						class: x($(L("bold"))),
+						title: "Bold",
+						onClick: m[6] ||= (e) => E(j)?.chain().focus().toggleBold().run()
+					}, {
+						default: D(() => [y(E(Te), { class: "h-4 w-4" })]),
+						_: 1
+					}, 8, ["class"]),
+					y(E(n), {
+						type: "button",
+						variant: "ghost",
+						class: x($(L("italic"))),
+						title: "Italic",
+						onClick: m[7] ||= (e) => E(j)?.chain().focus().toggleItalic().run()
+					}, {
+						default: D(() => [y(E(Le), { class: "h-4 w-4" })]),
+						_: 1
+					}, 8, ["class"]),
+					y(E(n), {
+						type: "button",
+						variant: "ghost",
+						class: x($(L("underline"))),
+						title: "Underline",
+						onClick: m[8] ||= (e) => E(j)?.chain().focus().toggleUnderline().run()
+					}, {
+						default: D(() => [y(E(Ye), { class: "h-4 w-4" })]),
+						_: 1
+					}, 8, ["class"]),
+					y(E(n), {
+						type: "button",
+						variant: "ghost",
+						class: x($(L("strike"))),
+						title: "Strikethrough",
+						onClick: m[9] ||= (e) => E(j)?.chain().focus().toggleStrike().run()
+					}, {
+						default: D(() => [y(E(Ke), { class: "h-4 w-4" })]),
+						_: 1
+					}, 8, ["class"]),
+					m[55] ||= _("div", { class: "mx-0.5 h-5 w-px bg-border/60 shrink-0" }, null, -1),
+					y(E(n), {
+						type: "button",
+						variant: "ghost",
+						class: x($(L("blockquote"))),
+						title: "Blockquote",
+						onClick: m[10] ||= (e) => E(j)?.chain().focus().toggleBlockquote().run()
+					}, {
+						default: D(() => [y(E(Ue), { class: "h-4 w-4" })]),
+						_: 1
+					}, 8, ["class"]),
+					y(E(n), {
+						type: "button",
+						variant: "ghost",
+						class: x($(!1)),
+						title: "Horizontal rule",
+						onClick: m[11] ||= (e) => E(j)?.chain().focus().setHorizontalRule().run()
+					}, {
+						default: D(() => [y(E(Ve), { class: "h-4 w-4" })]),
+						_: 1
+					}, 8, ["class"]),
+					m[56] ||= _("div", { class: "flex-1" }, null, -1),
+					y(E(n), {
+						type: "button",
+						variant: "ghost",
+						class: x($(!1)),
+						title: "Undo",
+						disabled: !E(j)?.can().chain().focus().undo().run(),
+						onClick: m[12] ||= (e) => E(j)?.chain().focus().undo().run()
+					}, {
+						default: D(() => [y(E(Xe), { class: "h-4 w-4" })]),
+						_: 1
+					}, 8, ["class", "disabled"]),
+					y(E(n), {
+						type: "button",
+						variant: "ghost",
+						class: x($(!1)),
+						title: "Redo",
+						disabled: !E(j)?.can().chain().focus().redo().run(),
+						onClick: m[13] ||= (e) => E(j)?.chain().focus().redo().run()
+					}, {
+						default: D(() => [y(E(We), { class: "h-4 w-4" })]),
+						_: 1
+					}, 8, ["class", "disabled"]),
+					m[57] ||= _("div", { class: "mx-0.5 h-5 w-px bg-border/60 shrink-0" }, null, -1),
+					y(E(n), {
+						type: "button",
+						variant: "ghost",
+						class: x($(!1)),
+						title: "Edit HTML source",
+						onClick: tn
+					}, {
+						default: D(() => [y(E(Ee), { class: "h-4 w-4" })]),
+						_: 1
+					}, 8, ["class"])
+				]), _("div", ht, [
+					y(E(s), null, {
+						default: D(() => [y(E(u), { "as-child": "" }, {
+							default: D(() => [y(E(n), {
+								type: "button",
+								variant: "ghost",
+								class: x($(N.value !== "left")),
+								title: "Text alignment"
+							}, {
+								default: D(() => [(C(), h(me(zt.value), { class: "h-4 w-4" }))]),
+								_: 1
+							}, 8, ["class"])]),
+							_: 1
+						}), y(E(o), {
+							align: "start",
+							class: "w-36"
+						}, {
+							default: D(() => [
+								y(E(d), {
+									class: x(N.value === "left" ? "bg-muted" : ""),
+									onClick: m[14] ||= (e) => Bt("left")
+								}, {
+									default: D(() => [y(E(ye), { class: "mr-2 h-4 w-4" }), m[58] ||= v("Left ", -1)]),
+									_: 1
+								}, 8, ["class"]),
+								y(E(d), {
+									class: x(N.value === "center" ? "bg-muted" : ""),
+									onClick: m[15] ||= (e) => Bt("center")
+								}, {
+									default: D(() => [y(E(ve), { class: "mr-2 h-4 w-4" }), m[59] ||= v("Center ", -1)]),
+									_: 1
+								}, 8, ["class"]),
+								y(E(d), {
+									class: x(N.value === "right" ? "bg-muted" : ""),
+									onClick: m[16] ||= (e) => Bt("right")
+								}, {
+									default: D(() => [y(E(be), { class: "mr-2 h-4 w-4" }), m[60] ||= v("Right ", -1)]),
+									_: 1
+								}, 8, ["class"])
+							]),
+							_: 1
+						})]),
+						_: 1
+					}),
+					m[81] ||= _("div", { class: "mx-0.5 h-5 w-px bg-border/60 shrink-0" }, null, -1),
+					y(E(s), null, {
+						default: D(() => [y(E(u), { "as-child": "" }, {
+							default: D(() => [y(E(n), {
+								type: "button",
+								variant: "ghost",
+								class: x($(P.value !== null)),
+								title: "Font family"
+							}, {
+								default: D(() => [y(E(Je), { class: "h-4 w-4" })]),
+								_: 1
+							}, 8, ["class"])]),
+							_: 1
+						}), y(E(o), {
+							align: "start",
+							class: "w-52"
+						}, {
+							default: D(() => [
+								y(E(c), { class: "text-xs uppercase text-muted-foreground" }, {
+									default: D(() => [...m[61] ||= [v("Font family", -1)]]),
+									_: 1
+								}),
+								y(E(l)),
+								(C(), g(ce, null, pe(Ft, (e) => y(E(d), {
+									key: e.value,
+									class: x(P.value === e.value ? "bg-muted" : ""),
+									style: S(`font-family: ${e.value}`),
+									onClick: (t) => Vt(e.value)
+								}, {
+									default: D(() => [v(T(e.label), 1)]),
+									_: 2
+								}, 1032, [
+									"class",
+									"style",
+									"onClick"
+								])), 64)),
+								y(E(l)),
+								y(E(d), { onClick: Ht }, {
+									default: D(() => [y(E(k), { class: "mr-2 h-4 w-4" }), m[62] ||= v("Use default ", -1)]),
+									_: 1
+								})
+							]),
+							_: 1
+						})]),
+						_: 1
+					}),
+					y(E(ie), null, {
+						default: D(() => [y(E(ae), { "as-child": "" }, {
+							default: D(() => [y(E(n), {
+								type: "button",
+								variant: "ghost",
+								class: x($(!!F.value)),
+								title: "Text color"
+							}, {
+								default: D(() => [y(E(He), {
+									class: "h-4 w-4",
+									style: S(F.value ? { color: F.value } : {})
+								}, null, 8, ["style"])]),
+								_: 1
+							}, 8, ["class"])]),
+							_: 1
+						}), y(E(re), {
+							class: "w-52 p-3",
+							align: "start"
+						}, {
+							default: D(() => [
+								m[64] ||= _("p", { class: "mb-2 text-xs font-medium text-muted-foreground" }, "Text color", -1),
+								_("div", gt, [_("input", {
+									type: "color",
+									value: F.value || "#000000",
+									class: "h-8 w-8 cursor-pointer rounded border border-input p-0.5",
+									onInput: m[17] ||= (e) => Ut(e.target.value)
+								}, null, 40, _t), y(E(f), {
+									"model-value": F.value,
+									placeholder: "#000000",
+									class: "h-7 font-mono text-xs",
+									maxlength: "7",
+									onBlur: m[18] ||= (e) => Ut(e.target.value)
+								}, null, 8, ["model-value"])]),
+								y(E(n), {
+									type: "button",
+									variant: "ghost",
+									size: "sm",
+									class: "mt-2 w-full text-xs",
+									onClick: Wt
+								}, {
+									default: D(() => [y(E(k), { class: "mr-1 h-3 w-3" }), m[63] ||= v("Clear color ", -1)]),
+									_: 1
+								})
+							]),
+							_: 1
+						})]),
+						_: 1
+					}),
+					y(E(ie), null, {
+						default: D(() => [y(E(ae), { "as-child": "" }, {
+							default: D(() => [y(E(n), {
+								type: "button",
+								variant: "ghost",
+								class: x($(!!I.value)),
+								title: "Highlight color"
+							}, {
+								default: D(() => [y(E(Fe), {
+									class: "h-4 w-4",
+									style: S(I.value ? { color: I.value } : {})
+								}, null, 8, ["style"])]),
+								_: 1
+							}, 8, ["class"])]),
+							_: 1
+						}), y(E(re), {
+							class: "w-52 p-3",
+							align: "start"
+						}, {
+							default: D(() => [
+								m[66] ||= _("p", { class: "mb-2 text-xs font-medium text-muted-foreground" }, "Highlight color", -1),
+								_("div", vt, [_("input", {
+									type: "color",
+									value: I.value || "#ffff00",
+									class: "h-8 w-8 cursor-pointer rounded border border-input p-0.5",
+									onInput: m[19] ||= (e) => Gt(e.target.value)
+								}, null, 40, yt), y(E(f), {
+									"model-value": I.value,
+									placeholder: "#ffff00",
+									class: "h-7 font-mono text-xs",
+									maxlength: "7",
+									onBlur: m[20] ||= (e) => Gt(e.target.value)
+								}, null, 8, ["model-value"])]),
+								y(E(n), {
+									type: "button",
+									variant: "ghost",
+									size: "sm",
+									class: "mt-2 w-full text-xs",
+									onClick: Kt
+								}, {
+									default: D(() => [y(E(k), { class: "mr-1 h-3 w-3" }), m[65] ||= v("Clear highlight ", -1)]),
+									_: 1
+								})
+							]),
+							_: 1
+						})]),
+						_: 1
+					}),
+					m[82] ||= _("div", { class: "mx-0.5 h-5 w-px bg-border/60 shrink-0" }, null, -1),
+					y(E(n), {
+						type: "button",
+						variant: "ghost",
+						class: x($(L("link"))),
+						title: "Insert / edit link",
+						onClick: Xt
+					}, {
+						default: D(() => [y(E(Re), { class: "h-4 w-4" })]),
+						_: 1
+					}, 8, ["class"]),
+					y(E(n), {
+						type: "button",
+						variant: "ghost",
+						class: x($(L("image"))),
+						title: "Insert / edit image",
+						onClick: $t
+					}, {
+						default: D(() => [y(E(Ie), { class: "h-4 w-4" })]),
+						_: 1
+					}, 8, ["class"]),
+					m[83] ||= _("div", { class: "mx-0.5 h-5 w-px bg-border/60 shrink-0" }, null, -1),
+					y(E(s), null, {
+						default: D(() => [y(E(u), { "as-child": "" }, {
+							default: D(() => [y(E(n), {
+								type: "button",
+								variant: "ghost",
+								class: x($(L("bulletList") || L("orderedList"))),
+								title: "Lists"
+							}, {
+								default: D(() => [(C(), h(me(L("orderedList") ? E(Be) : E(ze)), { class: "h-4 w-4" }))]),
+								_: 1
+							}, 8, ["class"])]),
+							_: 1
+						}), y(E(o), {
+							align: "start",
+							class: "w-40"
+						}, {
+							default: D(() => [y(E(d), {
+								class: x(L("bulletList") ? "bg-muted" : ""),
+								onClick: m[21] ||= (e) => qt("bullet")
+							}, {
+								default: D(() => [y(E(ze), { class: "mr-2 h-4 w-4" }), m[67] ||= v("Bullet list ", -1)]),
+								_: 1
+							}, 8, ["class"]), y(E(d), {
+								class: x(L("orderedList") ? "bg-muted" : ""),
+								onClick: m[22] ||= (e) => qt("ordered")
+							}, {
+								default: D(() => [y(E(Be), { class: "mr-2 h-4 w-4" }), m[68] ||= v("Ordered list ", -1)]),
+								_: 1
+							}, 8, ["class"])]),
+							_: 1
+						})]),
+						_: 1
+					}),
+					m[84] ||= _("div", { class: "mx-0.5 h-5 w-px bg-border/60 shrink-0" }, null, -1),
+					y(E(s), null, {
+						default: D(() => [y(E(u), { "as-child": "" }, {
+							default: D(() => [y(E(n), {
+								type: "button",
+								variant: "ghost",
+								class: x($(L("table"))),
+								title: "Table"
+							}, {
+								default: D(() => [y(E(qe), { class: "h-4 w-4" })]),
+								_: 1
+							}, 8, ["class"])]),
+							_: 1
+						}), y(E(o), {
+							align: "start",
+							class: "w-52"
+						}, {
+							default: D(() => [
+								L("table") ? le("", !0) : (C(), g(ce, { key: 0 }, [
+									y(E(c), { class: "text-xs uppercase text-muted-foreground" }, {
+										default: D(() => [v(" Insert " + T(z.value) + "×" + T(B.value) + " table ", 1)]),
+										_: 1
+									}),
+									_("div", bt, [_("div", xt, [(C(!0), g(ce, null, pe(Jt.value, (e) => (C(), g("button", {
+										key: `${e.r}-${e.c}`,
+										type: "button",
+										class: x(["h-5 w-5 rounded-sm border transition-colors", e.r <= z.value && e.c <= B.value ? "bg-primary border-primary" : "bg-muted/50 border-border hover:bg-muted"]),
+										onMouseover: (t) => {
+											z.value = e.r, B.value = e.c;
+										},
+										onClick: Yt
+									}, null, 42, St))), 128))])]),
+									y(E(l))
+								], 64)),
+								y(E(c), { class: "text-xs uppercase text-muted-foreground" }, {
+									default: D(() => [...m[69] ||= [v("Column", -1)]]),
+									_: 1
+								}),
+								y(E(d), {
+									disabled: !L("table"),
+									onClick: m[23] ||= (e) => E(j)?.chain().focus().addColumnBefore().run()
+								}, {
+									default: D(() => [y(E(Se), { class: "mr-2 h-4 w-4" }), m[70] ||= v("Add before ", -1)]),
+									_: 1
+								}, 8, ["disabled"]),
+								y(E(d), {
+									disabled: !L("table"),
+									onClick: m[24] ||= (e) => E(j)?.chain().focus().addColumnAfter().run()
+								}, {
+									default: D(() => [y(E(Ce), { class: "mr-2 h-4 w-4" }), m[71] ||= v("Add after ", -1)]),
+									_: 1
+								}, 8, ["disabled"]),
+								y(E(d), {
+									disabled: !L("table"),
+									onClick: m[25] ||= (e) => E(j)?.chain().focus().deleteColumn().run()
+								}, {
+									default: D(() => [y(E(O), { class: "mr-2 h-4 w-4" }), m[72] ||= v("Delete column ", -1)]),
+									_: 1
+								}, 8, ["disabled"]),
+								y(E(l)),
+								y(E(c), { class: "text-xs uppercase text-muted-foreground" }, {
+									default: D(() => [...m[73] ||= [v("Row", -1)]]),
+									_: 1
+								}),
+								y(E(d), {
+									disabled: !L("table"),
+									onClick: m[26] ||= (e) => E(j)?.chain().focus().addRowBefore().run()
+								}, {
+									default: D(() => [y(E(we), { class: "mr-2 h-4 w-4" }), m[74] ||= v("Add before ", -1)]),
+									_: 1
+								}, 8, ["disabled"]),
+								y(E(d), {
+									disabled: !L("table"),
+									onClick: m[27] ||= (e) => E(j)?.chain().focus().addRowAfter().run()
+								}, {
+									default: D(() => [y(E(xe), { class: "mr-2 h-4 w-4" }), m[75] ||= v("Add after ", -1)]),
+									_: 1
+								}, 8, ["disabled"]),
+								y(E(d), {
+									disabled: !L("table"),
+									onClick: m[28] ||= (e) => E(j)?.chain().focus().deleteRow().run()
+								}, {
+									default: D(() => [y(E(O), { class: "mr-2 h-4 w-4" }), m[76] ||= v("Delete row ", -1)]),
+									_: 1
+								}, 8, ["disabled"]),
+								y(E(l)),
+								y(E(c), { class: "text-xs uppercase text-muted-foreground" }, {
+									default: D(() => [...m[77] ||= [v("Cell", -1)]]),
+									_: 1
+								}),
+								y(E(d), {
+									disabled: !L("table"),
+									onClick: m[29] ||= (e) => E(j)?.chain().focus().mergeCells().run()
+								}, {
+									default: D(() => [y(E(De), { class: "mr-2 h-4 w-4" }), m[78] ||= v("Merge cells ", -1)]),
+									_: 1
+								}, 8, ["disabled"]),
+								y(E(d), {
+									disabled: !L("table"),
+									onClick: m[30] ||= (e) => E(j)?.chain().focus().splitCell().run()
+								}, {
+									default: D(() => [y(E(Ge), { class: "mr-2 h-4 w-4" }), m[79] ||= v("Split cell ", -1)]),
+									_: 1
+								}, 8, ["disabled"]),
+								y(E(l)),
+								y(E(d), {
+									disabled: !L("table"),
+									class: "text-destructive focus:text-destructive",
+									onClick: m[31] ||= (e) => E(j)?.chain().focus().deleteTable().run()
+								}, {
+									default: D(() => [y(E(O), { class: "mr-2 h-4 w-4" }), m[80] ||= v("Delete table ", -1)]),
+									_: 1
+								}, 8, ["disabled"])
+							]),
+							_: 1
+						})]),
+						_: 1
+					})
+				])], 2), E(j) ? (C(), h(E(Ze), {
+					key: 0,
+					editor: E(j),
+					style: S(an.value),
+					class: "html-editor-content prose prose-sm max-w-none px-3 py-2 dark:prose-invert [&_.ProseMirror]:min-h-full [&_.ProseMirror]:outline-none",
+					"data-testid": "html-editor-content",
+					onClick: m[32] ||= (e) => E(j)?.chain().focus().run()
+				}, null, 8, ["editor", "style"])) : le("", !0)], 10, pt),
+				y(E(ne), {
+					open: V.value,
+					"onUpdate:open": m[37] ||= (e) => V.value = e
+				}, {
+					default: D(() => [y(E(i), { class: "max-w-md" }, {
+						default: D(() => [
+							y(E(a), null, {
+								default: D(() => [y(E(r), null, {
+									default: D(() => [v(T(G.value ? "Edit link" : "Insert link"), 1)]),
+									_: 1
+								})]),
+								_: 1
+							}),
+							_("div", Ct, [
+								_("div", wt, [y(E(p), { for: "html-editor-link-url" }, {
+									default: D(() => [...m[85] ||= [v("URL", -1)]]),
+									_: 1
+								}), y(E(f), {
+									id: "html-editor-link-url",
+									modelValue: H.value,
+									"onUpdate:modelValue": m[33] ||= (e) => H.value = e,
+									placeholder: "https://example.com"
+								}, null, 8, ["modelValue"])]),
+								_("div", Tt, [y(E(p), { for: "html-editor-link-text" }, {
+									default: D(() => [...m[86] ||= [v("Link text", -1)]]),
+									_: 1
+								}), y(E(f), {
+									id: "html-editor-link-text",
+									modelValue: U.value,
+									"onUpdate:modelValue": m[34] ||= (e) => U.value = e,
+									placeholder: "Link text"
+								}, null, 8, ["modelValue"])]),
+								_("div", Et, [y(E(ee), {
+									id: "html-editor-link-target",
+									checked: W.value,
+									"onUpdate:checked": m[35] ||= (e) => W.value = !!e
+								}, null, 8, ["checked"]), y(E(p), {
+									for: "html-editor-link-target",
+									class: "cursor-pointer font-normal"
+								}, {
+									default: D(() => [...m[87] ||= [v("Open in new tab", -1)]]),
+									_: 1
+								})])
+							]),
+							y(E(te), { class: "flex-row items-center justify-between gap-2" }, {
+								default: D(() => [G.value ? (C(), h(E(n), {
+									key: 0,
+									type: "button",
+									variant: "destructive",
+									size: "sm",
+									onClick: Qt
+								}, {
+									default: D(() => [y(E(O), { class: "mr-1.5 h-3.5 w-3.5" }), m[88] ||= v("Remove link ", -1)]),
+									_: 1
+								})) : le("", !0), _("div", Dt, [y(E(n), {
+									type: "button",
+									variant: "outline",
+									size: "sm",
+									onClick: m[36] ||= (e) => V.value = !1
+								}, {
+									default: D(() => [...m[89] ||= [v("Cancel", -1)]]),
+									_: 1
+								}), y(E(n), {
+									type: "button",
+									size: "sm",
+									onClick: Zt
+								}, {
+									default: D(() => [...m[90] ||= [v("Apply", -1)]]),
+									_: 1
+								})])]),
+								_: 1
+							})
+						]),
+						_: 1
+					})]),
+					_: 1
+				}, 8, ["open"]),
+				y(E(ne), {
+					open: K.value,
+					"onUpdate:open": m[42] ||= (e) => K.value = e
+				}, {
+					default: D(() => [y(E(i), { class: "max-w-md" }, {
+						default: D(() => [
+							y(E(a), null, {
+								default: D(() => [y(E(r), null, {
+									default: D(() => [v(T(X.value ? "Edit image" : "Insert image"), 1)]),
+									_: 1
+								})]),
+								_: 1
+							}),
+							_("div", Ot, [
+								_("div", kt, [y(E(p), { for: "html-editor-img-url" }, {
+									default: D(() => [...m[91] ||= [v("Image URL", -1)]]),
+									_: 1
+								}), y(E(f), {
+									id: "html-editor-img-url",
+									modelValue: q.value,
+									"onUpdate:modelValue": m[38] ||= (e) => q.value = e,
+									placeholder: "https://example.com/image.jpg"
+								}, null, 8, ["modelValue"])]),
+								_("div", At, [y(E(p), { for: "html-editor-img-alt" }, {
+									default: D(() => [...m[92] ||= [v("Alt text", -1)]]),
+									_: 1
+								}), y(E(f), {
+									id: "html-editor-img-alt",
+									modelValue: J.value,
+									"onUpdate:modelValue": m[39] ||= (e) => J.value = e,
+									placeholder: "Describe the image"
+								}, null, 8, ["modelValue"])]),
+								_("div", jt, [y(E(p), { for: "html-editor-img-style" }, {
+									default: D(() => [...m[93] ||= [v(" Style ", -1), _("span", { class: "ml-1 text-xs font-normal text-muted-foreground" }, "(optional)", -1)]]),
+									_: 1
+								}), y(E(f), {
+									id: "html-editor-img-style",
+									modelValue: Y.value,
+									"onUpdate:modelValue": m[40] ||= (e) => Y.value = e,
+									placeholder: "width: 100%; height: auto;"
+								}, null, 8, ["modelValue"])])
+							]),
+							y(E(te), null, {
+								default: D(() => [y(E(n), {
+									type: "button",
+									variant: "outline",
+									size: "sm",
+									onClick: m[41] ||= (e) => K.value = !1
+								}, {
+									default: D(() => [...m[94] ||= [v("Cancel", -1)]]),
+									_: 1
+								}), y(E(n), {
+									type: "button",
+									size: "sm",
+									onClick: en
+								}, {
+									default: D(() => [v(T(X.value ? "Update" : "Insert"), 1)]),
+									_: 1
+								})]),
+								_: 1
+							})
+						]),
+						_: 1
+					})]),
+					_: 1
+				}, 8, ["open"]),
+				y(E(ne), {
+					open: Z.value,
+					"onUpdate:open": m[45] ||= (e) => Z.value = e
+				}, {
+					default: D(() => [y(E(i), { class: "max-w-3xl" }, {
+						default: D(() => [
+							y(E(a), null, {
+								default: D(() => [y(E(r), null, {
+									default: D(() => [...m[95] ||= [v("Edit HTML source", -1)]]),
+									_: 1
+								})]),
+								_: 1
+							}),
+							_e(_("textarea", {
+								"onUpdate:modelValue": m[43] ||= (e) => Q.value = e,
+								class: "h-96 w-full resize-y rounded-md border border-input bg-background p-3 font-mono text-xs focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+								spellcheck: "false",
+								"data-testid": "html-editor-source"
+							}, null, 512), [[he, Q.value]]),
+							y(E(te), null, {
+								default: D(() => [y(E(n), {
+									type: "button",
+									variant: "outline",
+									size: "sm",
+									onClick: m[44] ||= (e) => Z.value = !1
+								}, {
+									default: D(() => [...m[96] ||= [v("Cancel", -1)]]),
+									_: 1
+								}), y(E(n), {
+									type: "button",
+									size: "sm",
+									onClick: nn
+								}, {
+									default: D(() => [...m[97] ||= [v("Apply changes", -1)]]),
+									_: 1
+								})]),
+								_: 1
+							})
+						]),
+						_: 1
+					})]),
+					_: 1
+				}, 8, ["open"])
+			]),
+			_: 1
+		}, 8, [
+			"label",
+			"required",
+			"hide-label",
+			"for",
+			"help-text",
+			"errors"
+		]));
+	}
+}), Nt = /* @__PURE__ */ e({ default: () => Pt }), Pt = /* @__PURE__ */ se(Mt, [["__scopeId", "data-v-98d3edd5"]]);
+//#endregion
+export { Nt as n, Pt as t };
+
+//# sourceMappingURL=HtmlEditor-DmR-g-YR.js.map