@templatical/editor 0.0.6 → 0.1.1

package/dist/ModuleBrowserModal-DNxODPlX.js

@@ -1,205 +0,0 @@
-import { T as e, b as t, f as n } from "./keys-C0MQRs8d.js";
-import { t as r } from "./useI18n-D6m7ZUgY.js";
-import "./useEditorCore-ColJh1ST.js";
-import { n as i } from "./_plugin-vue_export-helper-5TQrnOhO.js";
-import { n as a, t as o } from "./blockTypeIcons-rW4BUUNC.js";
-import { t as s } from "./trash-2-CZkMtjeC.js";
-import { t as ee } from "./x-CU2XZOkQ.js";
-import { t as te } from "./TplModal-BCruYWks.js";
-import { Fragment as c, computed as l, createBlock as u, createCommentVNode as ne, createElementBlock as d, createElementVNode as f, createVNode as p, defineAsyncComponent as re, defineComponent as m, normalizeStyle as ie, openBlock as h, ref as g, renderList as _, resolveDynamicComponent as ae, toDisplayString as v, unref as y, vModelSelect as oe, vModelText as se, watch as ce, withCtx as le, withDirectives as b, withModifiers as x } from "vue";
-var ue = i("search", [["path", {
-	d: "m21 21-4.34-4.34",
-	key: "14j7rj"
-}], ["circle", {
-	cx: "11",
-	cy: "11",
-	r: "8",
-	key: "4ej97u"
-}]]), de = {
-	role: "dialog",
-	"aria-modal": "true",
-	"aria-labelledby": "tpl-module-browser-title",
-	class: "tpl-scale-in tpl:mx-4 tpl:flex tpl:w-full tpl:max-w-[1000px] tpl:flex-col tpl:rounded-[var(--tpl-radius-lg)]",
-	style: {
-		"background-color": "var(--tpl-bg-elevated)",
-		"box-shadow": "var(--tpl-shadow-xl)",
-		"max-height": "90vh"
-	}
-}, fe = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:px-5 tpl:py-4 tpl:border-[var(--tpl-border)]" }, pe = {
-	id: "tpl-module-browser-title",
-	class: "tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
-}, me = ["aria-label"], S = { class: "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:overflow-hidden" }, C = { class: "tpl:flex tpl:w-[300px] tpl:shrink-0 tpl:flex-col tpl:overflow-hidden" }, w = { class: "tpl:px-4 tpl:pt-4 tpl:pb-3" }, T = { class: "tpl:relative" }, E = ["placeholder"], D = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:px-4 tpl:pb-4" }, O = {
-	key: 0,
-	class: "tpl:flex tpl:flex-col tpl:gap-1"
-}, k = ["aria-pressed", "onClick"], A = { class: "tpl:flex tpl:items-center tpl:gap-2" }, j = { class: "tpl:flex-1 tpl:truncate tpl:text-xs tpl:font-semibold tpl:text-[var(--tpl-text)]" }, M = { class: "tpl:shrink-0 tpl:rounded-full tpl:px-1.5 tpl:py-0.5 tpl:text-[10px] tpl:font-medium tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)]" }, N = { class: "tpl:mt-1 tpl:flex tpl:items-center tpl:gap-1" }, P = {
-	key: 0,
-	class: "tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]"
-}, F = ["aria-label", "onClick"], I = [
-	"aria-label",
-	"title",
-	"onClick"
-], L = {
-	key: 1,
-	class: "tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:py-12"
-}, R = { class: "tpl:mt-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]" }, z = { class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-hidden tpl:border-l tpl:border-[var(--tpl-border)]" }, he = {
-	key: 0,
-	class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-hidden"
-}, ge = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4" }, _e = {
-	key: 1,
-	class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:items-center tpl:justify-center tpl:px-4"
-}, ve = { class: "tpl:mt-2 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]" }, ye = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-t tpl:px-5 tpl:py-3 tpl:border-[var(--tpl-border)]" }, be = { class: "tpl:flex tpl:items-center tpl:gap-2" }, xe = { class: "tpl:shrink-0 tpl:text-xs tpl:text-[var(--tpl-text-dim)]" }, Se = ["value"], Ce = { class: "tpl:flex tpl:gap-2" }, we = ["disabled"], B = /* @__PURE__ */ m({
-	__name: "ModuleBrowserModal",
-	props: { visible: { type: Boolean } },
-	emits: ["close", "insert"],
-	setup(i, { emit: m }) {
-		let B = i, V = m, Te = re(() => import("./ModulePreviewCanvas-DnGe1Y-2.js")), { t: H } = r(), U = e(t, "ModuleBrowserModal"), W = e(n, "ModuleBrowserModal"), G = g(""), K = g(null), q = g(null), J = g("end"), Y = l(() => {
-			let e = U.modules.value;
-			if (!G.value) return e;
-			let t = G.value.toLowerCase();
-			return e.filter((e) => e.name.toLowerCase().includes(t));
-		}), X = l(() => K.value ? U.modules.value.find((e) => e.id === K.value) ?? null : null), Ee = l(() => {
-			let e = [{
-				value: "beginning",
-				label: H.modules.insertAtBeginning
-			}], t = W.content.value.blocks;
-			for (let n = 0; n < t.length; n++) {
-				let r = t[n], i = r.type, a = H.blocks[i] ?? r.type;
-				e.push({
-					value: r.id,
-					label: H.modules.insertAfterBlock.replace("{block}", `${a} ${n + 1}`)
-				});
-			}
-			return e.push({
-				value: "end",
-				label: H.modules.insertAtEnd
-			}), e;
-		}), De = l(() => {
-			if (J.value === "end") return;
-			if (J.value === "beginning") return 0;
-			let e = W.content.value.blocks.findIndex((e) => e.id === J.value);
-			if (e !== -1) return e + 1;
-		});
-		ce(() => B.visible, (e) => {
-			if (e) {
-				G.value = "", K.value = null, q.value = null;
-				let e = W.state.selectedBlockId;
-				e ? J.value = W.content.value.blocks.findIndex((t) => t.id === e) === -1 ? "end" : e : J.value = "end";
-			}
-		});
-		function Oe(e) {
-			let t = [], n = /* @__PURE__ */ new Set();
-			for (let r of e.content) if (!n.has(r.type) && o[r.type] && (n.add(r.type), t.push({
-				type: r.type,
-				icon: o[r.type]
-			})), t.length >= 5) break;
-			return t;
-		}
-		function Z(e) {
-			let t = new Set(e.content.map((e) => e.type));
-			return Math.max(0, t.size - 5);
-		}
-		async function ke(e) {
-			try {
-				await U.deleteModule(e), K.value === e && (K.value = null);
-			} finally {
-				q.value = null;
-			}
-		}
-		function Q() {
-			X.value && V("insert", X.value, De.value);
-		}
-		function $() {
-			V("close");
-		}
-		function Ae(e) {
-			e.key === "Escape" && $(), e.key === "Enter" && X.value && (e.preventDefault(), Q());
-		}
-		return (e, t) => (h(), u(te, {
-			visible: i.visible,
-			onClose: $,
-			onKeydown: Ae
-		}, {
-			default: le(() => [f("div", de, [
-				f("div", fe, [f("h3", pe, v(y(H).modules.browse), 1), f("button", {
-					"aria-label": y(H).modules.close,
-					class: "tpl:cursor-pointer tpl:rounded-md tpl:border-none tpl:bg-transparent tpl:p-1 tpl:transition-colors tpl:duration-100 tpl:text-[var(--tpl-text-dim)]",
-					onClick: $
-				}, [p(y(ee), {
-					size: 16,
-					"stroke-width": 2
-				})], 8, me)]),
-				f("div", S, [f("div", C, [f("div", w, [f("div", T, [p(y(ue), {
-					size: 14,
-					"stroke-width": 2,
-					class: "tpl:pointer-events-none tpl:absolute tpl:left-3 tpl:top-1/2 tpl:-translate-y-1/2 tpl:text-[var(--tpl-text-dim)]"
-				}), b(f("input", {
-					"onUpdate:modelValue": t[0] ||= (e) => G.value = e,
-					type: "text",
-					placeholder: y(H).modules.search,
-					class: "tpl:h-9 tpl:w-full tpl:rounded-md tpl:border tpl:pl-9 tpl:pr-3 tpl:text-sm tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]"
-				}, null, 8, E), [[se, G.value]])])]), f("div", D, [Y.value.length > 0 ? (h(), d("div", O, [(h(!0), d(c, null, _(Y.value, (e) => (h(), d("button", {
-					key: e.id,
-					type: "button",
-					"aria-pressed": K.value === e.id,
-					class: "tpl:group/card tpl:w-full tpl:cursor-pointer tpl:rounded-[var(--tpl-radius-md)] tpl:border tpl:bg-transparent tpl:px-3 tpl:py-2 tpl:text-left tpl:transition-all tpl:duration-[120ms]",
-					style: ie({
-						borderColor: K.value === e.id ? "var(--tpl-primary)" : "var(--tpl-border)",
-						backgroundColor: K.value === e.id ? "var(--tpl-primary-light)" : "transparent"
-					}),
-					onClick: (t) => K.value = e.id
-				}, [f("div", A, [f("span", j, v(e.name), 1), f("span", M, v(y(H).modules.blockCount.replace("{count}", String(e.content.length))), 1)]), f("div", N, [
-					(h(!0), d(c, null, _(Oe(e), (e) => (h(), u(ae(e.icon), {
-						key: e.type,
-						size: 14,
-						"stroke-width": 1.5,
-						class: "tpl:text-[var(--tpl-text-dim)]"
-					}))), 128)),
-					Z(e) > 0 ? (h(), d("span", P, " +" + v(Z(e)), 1)) : ne("", !0),
-					q.value === e.id ? (h(), d("button", {
-						key: 1,
-						"aria-label": y(H).modules.deleteConfirm,
-						class: "tpl:ml-auto tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-2 tpl:py-0.5 tpl:text-[10px] tpl:font-medium tpl:transition-colors tpl:duration-100 tpl:border-[var(--tpl-danger)] tpl:text-[var(--tpl-danger)]",
-						style: { "background-color": "transparent" },
-						onClick: x((t) => ke(e.id), ["stop"])
-					}, v(y(H).modules.deleteConfirm), 9, F)) : (h(), d("button", {
-						key: 2,
-						class: "tpl-module-delete-btn tpl:ml-auto tpl:cursor-pointer tpl:rounded-md tpl:border-none tpl:bg-transparent tpl:p-0.5 tpl:transition-colors tpl:duration-100 tpl:text-[var(--tpl-text-dim)]",
-						"aria-label": y(H).modules.delete,
-						title: y(H).modules.delete,
-						onClick: x((t) => q.value = e.id, ["stop"])
-					}, [p(y(s), {
-						size: 12,
-						"stroke-width": 1.5
-					})], 8, I))
-				])], 12, k))), 128))])) : (h(), d("div", L, [p(y(a), {
-					size: 32,
-					"stroke-width": 1,
-					class: "tpl:text-[var(--tpl-text-dim)]"
-				}), f("p", R, v(G.value ? y(H).modules.noModules : y(H).modules.noModulesHint), 1)]))])]), f("div", z, [X.value ? (h(), d("div", he, [f("div", ge, [p(y(Te), { blocks: X.value.content }, null, 8, ["blocks"])])])) : (h(), d("div", _e, [p(y(a), {
-					size: 32,
-					"stroke-width": 1,
-					class: "tpl:text-[var(--tpl-text-dim)]"
-				}), f("p", ve, v(y(H).modules.selectToPreview), 1)]))])]),
-				f("div", ye, [f("div", be, [f("label", xe, v(y(H).modules.insertPosition), 1), b(f("select", {
-					"onUpdate:modelValue": t[1] ||= (e) => J.value = e,
-					class: "tpl:h-7 tpl:max-w-[220px] tpl:rounded-md tpl:border tpl:px-2 tpl:text-xs tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]"
-				}, [(h(!0), d(c, null, _(Ee.value, (e) => (h(), d("option", {
-					key: e.value,
-					value: e.value
-				}, v(e.label), 9, Se))), 128))], 512), [[oe, J.value]])]), f("div", Ce, [f("button", {
-					type: "button",
-					class: "tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)]",
-					onClick: $
-				}, v(y(H).modules.close), 1), f("button", {
-					type: "button",
-					class: "tpl:cursor-pointer tpl:rounded-md tpl:px-3 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:hover:opacity-90 tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50 tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-bg)]",
-					disabled: !X.value,
-					onClick: Q
-				}, v(y(H).modules.insert), 9, we)])])
-			])]),
-			_: 1
-		}, 8, ["visible"]));
-	}
-});
-//#endregion
-export { B as default };

package/dist/ModulePreviewCanvas-DnGe1Y-2.js

@@ -1,106 +0,0 @@
-import { o as e } from "./keys-C0MQRs8d.js";
-import { P as t, _ as n, a as r, f as i, g as a, h as o, i as s, m as c, n as l, p as u, r as d, u as f, v as p, y as m } from "./useEditorCore-ColJh1ST.js";
-import { Fragment as h, computed as g, createBlock as _, createElementBlock as v, createElementVNode as y, defineComponent as b, inject as x, normalizeStyle as S, openBlock as C, renderList as w, resolveComponent as T, resolveDynamicComponent as E, unref as D } from "vue";
-//#region src/components/blocks/PreviewSectionBlock.vue?vue&type=script&setup=true&lang.ts
-var O = { class: "tpl:w-full" }, k = { class: "tpl:flex tpl:gap-0" }, A = /* @__PURE__ */ b({
-	name: "PreviewSectionBlock",
-	__name: "PreviewSectionBlock",
-	props: {
-		block: {},
-		viewport: {}
-	},
-	setup(b) {
-		let A = {
-			title: f,
-			paragraph: c,
-			image: a,
-			video: l,
-			button: t,
-			divider: p,
-			social: r,
-			menu: o,
-			table: d,
-			spacer: s,
-			html: n,
-			custom: m
-		}, j = b, M = x(e, null), N = g(() => {
-			switch (j.block.columns) {
-				case "2": return ["50%", "50%"];
-				case "3": return [
-					"33.33%",
-					"33.33%",
-					"33.33%"
-				];
-				case "1-2": return ["33.33%", "66.67%"];
-				case "2-1": return ["66.67%", "33.33%"];
-				default: return ["100%"];
-			}
-		}), P = g(() => {
-			let e = N.value.length, t = [...j.block.children];
-			for (; t.length < e;) t.push([]);
-			return t.slice(0, e);
-		});
-		function F(e) {
-			return P.value[e] || [];
-		}
-		function I(e) {
-			return u(e, M, A);
-		}
-		return (e, t) => {
-			let n = T("PreviewSectionBlock", !0);
-			return C(), v("div", O, [y("div", k, [(C(!0), v(h, null, w(P.value, (e, t) => (C(), v("div", {
-				key: t,
-				style: S({ width: N.value[t] })
-			}, [(C(!0), v(h, null, w(F(t), (e) => (C(), v("div", {
-				key: e.id,
-				style: S(D(i)(e))
-			}, [e.type === "section" ? (C(), _(n, {
-				key: 0,
-				block: e,
-				viewport: "desktop"
-			}, null, 8, ["block"])) : (C(), _(E(I(e)), {
-				key: 1,
-				block: e,
-				viewport: "desktop"
-			}, null, 8, ["block"]))], 4))), 128))], 4))), 128))])]);
-		};
-	}
-}), j = {
-	class: "tpl:pointer-events-none tpl:mx-auto tpl:w-[600px] tpl:select-none tpl:rounded-lg",
-	style: {
-		"background-color": "var(--tpl-canvas-bg)",
-		"box-shadow": "var(--tpl-shadow-sm)"
-	}
-}, M = /* @__PURE__ */ b({
-	__name: "ModulePreviewCanvas",
-	props: { blocks: {} },
-	setup(g) {
-		let y = x(e), b = {
-			section: A,
-			title: f,
-			paragraph: c,
-			image: a,
-			video: l,
-			button: t,
-			divider: p,
-			social: r,
-			menu: o,
-			table: d,
-			spacer: s,
-			html: n,
-			custom: m
-		};
-		function T(e) {
-			return u(e, y, b);
-		}
-		return (e, t) => (C(), v("div", j, [(C(!0), v(h, null, w(g.blocks, (e) => (C(), v("div", {
-			key: e.id,
-			style: S(D(i)(e))
-		}, [(C(), _(E(T(e)), {
-			block: e,
-			viewport: "desktop"
-		}, null, 8, ["block"]))], 4))), 128))]));
-	}
-});
-//#endregion
-export { M as default };

package/dist/TitleEditor-DwUpo4gF.js

@@ -1,167 +0,0 @@
-import { S as e, w as t } from "./keys-C0MQRs8d.js";
-import { t as n } from "./useI18n-D6m7ZUgY.js";
-import { b as r } from "./useEditorCore-ColJh1ST.js";
-import { a as i, i as a, n as o, r as s, t as c } from "./RichTextEditorContent-BeqlWlWB.js";
-import { t as l } from "./loader-circle-DilFjHSk.js";
-import { t as u } from "./scan-line-684IxPQ0.js";
-import { Fragment as d, Teleport as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createTextVNode as _, createVNode as v, defineComponent as y, inject as b, isRef as x, normalizeClass as S, normalizeStyle as C, openBlock as w, toDisplayString as T, unref as E } from "vue";
-//#region src/components/blocks/TitleEditor.vue?vue&type=script&setup=true&lang.ts
-var D = { class: "tpl-text-editor-wrapper tpl:relative" }, O = ["data-tpl-theme", "aria-label"], k = ["aria-label", "title"], ee = ["aria-label", "title"], A = ["aria-label", "title"], j = {
-	key: 0,
-	class: "tpl:mx-1.5 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]"
-}, M = ["aria-label", "title"], N = {
-	key: 1,
-	class: "tpl:flex tpl:items-center tpl:gap-2 tpl:px-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
-}, P = /* @__PURE__ */ y({
-	__name: "TitleEditor",
-	props: {
-		block: {},
-		toolbarPosition: {}
-	},
-	emits: ["done"],
-	setup(y, { emit: P }) {
-		let F = y, I = P, L = b(e, null), R = b(t, null), { t: z } = n(), { editor: B, EditorContent: V, isLoading: H, initError: U, retry: W, showLinkDialog: G, linkUrl: K, linkDialogRef: q, mergeTagEnabled: J, openLinkDialog: Y, insertLink: X, removeLink: Z, closeLinkDialog: Q, handleLinkKeydown: te, handleAddMergeTag: $ } = r({
-			blockId: () => F.block.id,
-			blockContent: () => F.block.content,
-			onDone: () => I("done"),
-			editorName: "TitleEditor",
-			async loadExtensions({ mergeTags: e, syntax: t }) {
-				let [{ Editor: n, EditorContent: r }, { default: i }, { default: a }, { MergeTagNode: o, LogicMergeTagNode: s }] = await Promise.all([
-					import("./dist-B4LTlrAn.js").then((e) => e.r),
-					import("./dist-DPM-DFvh.js"),
-					import("./dist-Crqkuf-w.js"),
-					import("./extensions-C6xp_B7K.js")
-				]);
-				return {
-					TiptapEditor: n,
-					EC: r,
-					extensions: [
-						i.configure({
-							heading: !1,
-							codeBlock: !1,
-							blockquote: !1,
-							horizontalRule: !1,
-							bulletList: !1,
-							orderedList: !1,
-							listItem: !1,
-							strike: !1
-						}),
-						a.configure({
-							openOnClick: !1,
-							HTMLAttributes: {
-								target: "_blank",
-								rel: "noopener noreferrer"
-							}
-						}),
-						o.configure({
-							mergeTags: e,
-							syntax: t
-						}),
-						s.configure({ syntax: t })
-					]
-				};
-			}
-		});
-		return (e, t) => (w(), h("div", D, [
-			(w(), p(f, { to: "body" }, [g("div", {
-				"data-tpl-theme": E(R),
-				role: "toolbar",
-				"aria-label": E(z).titleEditor.toolbar,
-				class: "tpl tpl-text-toolbar tpl:fixed tpl:z-popover tpl:flex tpl:items-center tpl:gap-1 tpl:rounded-lg tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2 tpl:shadow-lg",
-				style: C({
-					...E(L),
-					top: `${y.toolbarPosition.top}px`,
-					left: `${y.toolbarPosition.left}px`,
-					transform: "translateY(-100%)"
-				})
-			}, [!E(H) && E(B) ? (w(), h(d, { key: 0 }, [
-				g("button", {
-					type: "button",
-					class: S(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": E(B)?.isActive("bold") }]),
-					"aria-label": E(z).titleEditor.bold,
-					title: E(z).titleEditor.bold,
-					onClick: t[0] ||= (e) => E(B)?.chain().focus().toggleBold().run()
-				}, [v(E(i), {
-					size: 16,
-					"stroke-width": 2.5
-				})], 10, k),
-				g("button", {
-					type: "button",
-					class: S(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": E(B)?.isActive("italic") }]),
-					"aria-label": E(z).titleEditor.italic,
-					title: E(z).titleEditor.italic,
-					onClick: t[1] ||= (e) => E(B)?.chain().focus().toggleItalic().run()
-				}, [v(E(a), {
-					size: 16,
-					"stroke-width": 2
-				})], 10, ee),
-				t[6] ||= g("span", {
-					class: "tpl:mx-1.5 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]",
-					"aria-hidden": "true"
-				}, null, -1),
-				g("button", {
-					type: "button",
-					class: S(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": E(B)?.isActive("link") }]),
-					"aria-label": E(z).titleEditor.addLink,
-					title: E(z).titleEditor.addLink,
-					onClick: t[2] ||= (...e) => E(Y) && E(Y)(...e)
-				}, [v(E(s), {
-					size: 16,
-					"stroke-width": 2
-				})], 10, A),
-				E(J) ? (w(), h("span", j)) : m("", !0),
-				E(J) ? (w(), h("button", {
-					key: 1,
-					type: "button",
-					class: "tpl:flex tpl:h-8 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded tpl:border-none tpl:bg-transparent tpl:px-2.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-bg-active)]",
-					"aria-label": E(z).mergeTag.add,
-					title: E(z).mergeTag.add,
-					onClick: t[3] ||= (...e) => E($) && E($)(...e)
-				}, [v(E(u), {
-					size: 16,
-					"stroke-width": 2
-				}), _(" " + T(E(z).mergeTag.add), 1)], 8, M)) : m("", !0)
-			], 64)) : (w(), h("div", N, [v(E(l), {
-				class: "tpl-spinner",
-				size: 14,
-				"stroke-width": 2
-			}), _(" " + T(E(z).errors.editorLoading), 1)]))], 12, O)])),
-			v(c, {
-				editor: E(B),
-				"editor-content": E(V),
-				"is-loading": E(H),
-				"init-error": E(U),
-				onRetry: E(W)
-			}, null, 8, [
-				"editor",
-				"editor-content",
-				"is-loading",
-				"init-error",
-				"onRetry"
-			]),
-			v(o, {
-				visible: E(G),
-				"is-editing-link": E(B)?.isActive("link") ?? !1,
-				"dialog-ref": E(q),
-				"onUpdate:dialogRef": t[4] ||= (e) => x(q) ? q.value = e : null,
-				"link-url": E(K),
-				"onUpdate:linkUrl": t[5] ||= (e) => x(K) ? K.value = e : null,
-				onClose: E(Q),
-				onInsert: E(X),
-				onRemove: E(Z),
-				onKeydown: E(te)
-			}, null, 8, [
-				"visible",
-				"is-editing-link",
-				"dialog-ref",
-				"link-url",
-				"onClose",
-				"onInsert",
-				"onRemove",
-				"onKeydown"
-			])
-		]));
-	}
-});
-//#endregion
-export { P as default };