@templatical/editor 0.39.0 → 0.39.2

package/dist/en-CQWkDCpm.js

@@ -1,2 +0,0 @@
-import { t as e } from "./editor-modal-uAEB6xKz.js";
-export { e as default };

package/dist/extensions-CcGj7OfS.js

@@ -1,470 +0,0 @@
-import { A as e, At as t, B as n, E as r, J as i, V as a, Z as o, at as s, c, d as l, jt as u, kt as d, l as f, s as p, u as m, v as h } from "./vue.runtime.esm-bundler-DShF3P6k.js";
-import { a as g, c as _, s as v } from "./runtime-dom.esm-bundler-PnoZU512.js";
-import { F as y, O as b, k as x, o as S } from "./dist-tGkjkX-v.js";
-import { t as C } from "./useI18n-VOtdfENx.js";
-import { t as w } from "./useMergeTag-CQM9pFca.js";
-import { gn as T, m as E, s as D, u as O, v as k } from "./dist-DL9334yz.js";
-import { i as A, r as j, t as M } from "./MergeTagSuggestion-BXO3UIXW.js";
-import { n as N, t as P } from "./dist-BVqAYoRB.js";
-//#region src/extensions/FontSize.ts
-var F = D.create({
-	name: "fontSize",
-	addOptions() {
-		return { types: ["textStyle"] };
-	},
-	addGlobalAttributes() {
-		return [{
-			types: this.options.types,
-			attributes: { fontSize: {
-				default: null,
-				parseHTML: (e) => e.style.fontSize?.replace(/['"]+/g, "") || null,
-				renderHTML: (e) => e.fontSize ? { style: `font-size: ${e.fontSize}` } : {}
-			} }
-		}];
-	},
-	addCommands() {
-		return {
-			setFontSize: (e) => ({ chain: t }) => t().setMark("textStyle", { fontSize: e }).run(),
-			unsetFontSize: () => ({ chain: e }) => e().setMark("textStyle", { fontSize: null }).removeEmptyTextStyle().run()
-		};
-	}
-}), I = D.create({
-	name: "letterSpacing",
-	addOptions() {
-		return { types: ["textStyle"] };
-	},
-	addGlobalAttributes() {
-		return [{
-			types: this.options.types,
-			attributes: { letterSpacing: {
-				default: null,
-				parseHTML: (e) => e.style.letterSpacing?.replace(/['"]+/g, "") || null,
-				renderHTML: (e) => e.letterSpacing ? { style: `letter-spacing: ${e.letterSpacing}` } : {}
-			} }
-		}];
-	},
-	addCommands() {
-		return {
-			setLetterSpacing: (e) => ({ chain: t }) => t().setMark("textStyle", { letterSpacing: e }).run(),
-			unsetLetterSpacing: () => ({ chain: e }) => e().setMark("textStyle", { letterSpacing: null }).removeEmptyTextStyle().run()
-		};
-	}
-}), L = D.create({
-	name: "lineBoundaryKeys",
-	addKeyboardShortcuts() {
-		let e = (e) => ({ editor: t }) => {
-			let n = t.view;
-			if (!n || n.composing) return !1;
-			let r = typeof n.root?.getSelection == "function" ? n.root.getSelection() : n.dom?.ownerDocument?.getSelection?.() ?? null;
-			return !r || typeof r.modify != "function" || !r.anchorNode || !n.dom.contains(r.anchorNode) ? !1 : (r.modify("move", e, "lineboundary"), !0);
-		};
-		return {
-			End: e("forward"),
-			Home: e("backward")
-		};
-	}
-}), R = D.create({
-	name: "lineHeight",
-	addOptions() {
-		return {
-			types: ["paragraph"],
-			defaultLineHeight: "1.5"
-		};
-	},
-	addGlobalAttributes() {
-		return [{
-			types: this.options.types,
-			attributes: { lineHeight: {
-				default: null,
-				parseHTML: (e) => e.style.lineHeight || null,
-				renderHTML: (e) => e.lineHeight ? { style: `line-height: ${e.lineHeight}` } : {}
-			} }
-		}];
-	},
-	addCommands() {
-		return {
-			setLineHeight: (e) => ({ commands: t }) => this.options.types.every((n) => t.updateAttributes(n, { lineHeight: e })),
-			unsetLineHeight: () => ({ commands: e }) => this.options.types.every((t) => e.resetAttributes(t, "lineHeight"))
-		};
-	}
-}), z = [
-	"aria-label",
-	"data-tooltip",
-	"onKeydown"
-], B = ["aria-label", "onKeydown"], V = ["aria-label"], H = /* @__PURE__ */ h({
-	__name: "LogicMergeTagNodeView",
-	props: {
-		node: {},
-		editor: {},
-		getPos: { type: Function },
-		deleteNode: { type: Function },
-		updateAttributes: { type: Function }
-	},
-	setup(i) {
-		let h = i, { syntax: x } = w(), { t: S } = C(), T = p(() => y(h.node.attrs.value, x)), E = p(() => b(h.node.attrs.value, x)), D = o(!1), O = o(""), k = o(null), A = !1;
-		function j() {
-			O.value = h.node.attrs.value, A = !1, D.value = !0, r(() => {
-				k.value?.focus(), k.value?.select();
-			});
-		}
-		function M() {
-			if (A) return;
-			A = !0;
-			let e = O.value.trim();
-			if (!e) {
-				D.value = !1;
-				return;
-			}
-			e !== h.node.attrs.value && h.updateAttributes({
-				value: e,
-				keyword: y(e, x) ? b(e, x) : ""
-			}), D.value = !1;
-		}
-		function N(e) {
-			e.key === "Enter" ? (e.preventDefault(), M()) : e.key === "Escape" && (D.value = !1);
-		}
-		return (r, o) => (e(), f(s(P), {
-			as: "span",
-			class: d(T.value ? "tpl-logic-merge-tag-node tpl:group tpl:mx-0.5 tpl:inline-flex tpl:items-center tpl:gap-1 tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[0.8em] tpl:font-bold tpl:tracking-wide tpl:uppercase tpl:select-none" : ""),
-			style: t(T.value ? "background-color: transparent; border: 1.5px solid color-mix(in srgb, var(--tpl-primary) 50%, transparent); color: var(--tpl-primary);" : ""),
-			contenteditable: "false"
-		}, {
-			default: n(() => [D.value ? a((e(), l("input", {
-				key: 0,
-				ref_key: "inputRef",
-				ref: k,
-				"onUpdate:modelValue": o[0] ||= (e) => O.value = e,
-				type: "text",
-				class: "tpl:w-40 tpl:rounded tpl:border-none tpl:bg-transparent tpl:px-0.5 tpl:py-0 tpl:text-[1em] tpl:font-medium tpl:normal-case tpl:outline-none tpl:text-[var(--tpl-primary)]",
-				onBlur: M,
-				onKeydown: N
-			}, null, 544)), [[g, O.value]]) : T.value ? (e(), l("span", {
-				key: 1,
-				role: "button",
-				tabindex: "0",
-				"aria-label": s(S).mergeTag.editValue,
-				class: "tpl-tooltip tpl:cursor-pointer",
-				"data-tooltip": i.node.attrs.value,
-				onClick: _(j, ["stop"]),
-				onKeydown: [v(_(j, ["stop"]), ["enter"]), v(_(j, ["prevent", "stop"]), ["space"])]
-			}, u(E.value), 41, z)) : (e(), l("span", {
-				key: 2,
-				role: "button",
-				tabindex: "0",
-				"aria-label": s(S).mergeTag.editValue,
-				onClick: _(j, ["stop"]),
-				onKeydown: [v(_(j, ["stop"]), ["enter"]), v(_(j, ["prevent", "stop"]), ["space"])]
-			}, u(i.node.attrs.value), 41, B)), T.value ? (e(), l("button", {
-				key: 3,
-				type: "button",
-				"aria-label": s(S).mergeTag.deleteMergeTag,
-				class: "tpl-merge-tag-delete tpl:flex tpl:size-5 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-full tpl:border-none tpl:bg-transparent tpl:p-0 tpl:opacity-60 tpl:transition-all tpl:hover:opacity-100 tpl:text-[var(--tpl-primary)]",
-				contenteditable: "false",
-				onClick: o[1] ||= _((...e) => i.deleteNode && i.deleteNode(...e), ["stop", "prevent"])
-			}, [...o[2] ||= [c("svg", {
-				width: "10",
-				height: "10",
-				viewBox: "0 0 24 24",
-				fill: "none",
-				stroke: "currentColor",
-				"stroke-width": "3",
-				"aria-hidden": "true"
-			}, [c("line", {
-				x1: "18",
-				y1: "6",
-				x2: "6",
-				y2: "18"
-			}), c("line", {
-				x1: "6",
-				y1: "6",
-				x2: "18",
-				y2: "18"
-			})], -1)]], 8, V)) : m("", !0)]),
-			_: 1
-		}, 8, ["class", "style"]));
-	}
-});
-//#endregion
-//#region src/extensions/isNodeSelected.ts
-function U(e, t) {
-	let { $from: n, $to: r } = e.state.selection;
-	return n.pos === r.pos ? n.pos > 0 && n.nodeBefore?.type.name === t || n.nodeAfter?.type.name === t : !1;
-}
-//#endregion
-//#region src/extensions/renderVueNodeView.ts
-function W(e) {
-	return N(e);
-}
-//#endregion
-//#region src/extensions/LogicMergeTagNode.ts
-var G = E.create({
-	name: "logicMergeTagNode",
-	group: "inline",
-	inline: !0,
-	atom: !0,
-	addOptions() {
-		return { syntax: S.liquid };
-	},
-	addAttributes() {
-		return {
-			value: {
-				default: "",
-				rendered: !1,
-				parseHTML: (e) => e.getAttribute("data-logic-merge-tag") || ""
-			},
-			keyword: {
-				default: "",
-				rendered: !1,
-				parseHTML: (e) => e.getAttribute("data-keyword") || e.textContent || ""
-			}
-		};
-	},
-	parseHTML() {
-		return [{ tag: "span[data-logic-merge-tag]" }];
-	},
-	renderHTML({ node: e, HTMLAttributes: t }) {
-		if (!y(e.attrs.value, this.options.syntax)) return [
-			"span",
-			{},
-			e.attrs.value
-		];
-		let n = b(e.attrs.value, this.options.syntax);
-		return [
-			"span",
-			T(t, {
-				"data-logic-merge-tag": e.attrs.value,
-				"data-keyword": n
-			}),
-			n
-		];
-	},
-	addNodeView() {
-		return W(H);
-	},
-	addKeyboardShortcuts() {
-		return {
-			Backspace: () => U(this.editor, this.name),
-			Delete: () => U(this.editor, this.name)
-		};
-	},
-	addInputRules() {
-		let e = RegExp(this.options.syntax.logic.source + "$", "");
-		return [new O({
-			find: e,
-			handler: ({ state: e, range: t, match: n }) => {
-				let r = n[0];
-				if (!y(r, this.options.syntax)) return;
-				let i = b(r, this.options.syntax), a = this.type.create({
-					value: r,
-					keyword: i
-				});
-				e.tr.replaceWith(t.from, t.to, a);
-			}
-		})];
-	},
-	addPasteRules() {
-		let e = new RegExp(this.options.syntax.logic.source, "g");
-		return [new k({
-			find: e,
-			handler: ({ state: e, range: t, match: n }) => {
-				let r = n[0];
-				if (!y(r, this.options.syntax)) return;
-				let i = b(r, this.options.syntax), a = this.type.create({
-					value: r,
-					keyword: i
-				});
-				e.tr.replaceWith(t.from, t.to, a);
-			}
-		})];
-	}
-}), K = ["aria-invalid"], q = [
-	"aria-label",
-	"data-tooltip",
-	"onKeydown"
-], J = ["aria-label"], Y = /* @__PURE__ */ h({
-	__name: "MergeTagNodeView",
-	props: {
-		node: {},
-		deleteNode: { type: Function },
-		updateAttributes: { type: Function }
-	},
-	setup(t) {
-		let m = t, { getMergeTagLabel: h, getMergeTagDisplayLabel: y, findMergeTag: b, canRepickMergeTag: x, showRawValue: S, isMergeTagValue: T, requestMergeTag: E } = w(), { t: D, format: O } = C(), k = p(() => y(m.node.attrs.value, m.node.attrs.label)), A = p(() => x(m.node.attrs.value)), j = o(!1), M = o(""), N = o(null), F = !1;
-		i(() => {
-			F = !0;
-		});
-		let I = p(() => M.value.trim() === "" || T(M.value.trim()));
-		async function L() {
-			let e = await E({
-				reason: "edit",
-				current: b(m.node.attrs.value)
-			});
-			!F && e && m.updateAttributes({
-				value: e.value,
-				label: e.label
-			});
-		}
-		function R() {
-			M.value = m.node.attrs.value, j.value = !0, r(() => {
-				N.value?.focus(), N.value?.select();
-			});
-		}
-		function z() {
-			if (A.value) {
-				L();
-				return;
-			}
-			R();
-		}
-		function B() {
-			let e = M.value.trim();
-			e && e !== m.node.attrs.value && T(e) && m.updateAttributes({
-				value: e,
-				label: h(e)
-			}), j.value = !1;
-		}
-		function V(e) {
-			if (e.key === "Enter") {
-				if (e.preventDefault(), !I.value) return;
-				B();
-			} else e.key === "Escape" && (j.value = !1);
-		}
-		return (r, i) => (e(), f(s(P), {
-			as: "span",
-			class: "tpl-merge-tag-node tpl:group tpl:mx-0.5 tpl:inline-flex tpl:items-center tpl:gap-1 tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[0.9em] tpl:font-medium tpl:select-none tpl:text-[var(--tpl-primary)]",
-			style: { "background-color": "color-mix(in srgb, var(--tpl-primary) 20%, transparent)" },
-			contenteditable: "false"
-		}, {
-			default: n(() => [j.value ? a((e(), l("input", {
-				key: 0,
-				ref_key: "inputRef",
-				ref: N,
-				"onUpdate:modelValue": i[0] ||= (e) => M.value = e,
-				type: "text",
-				"aria-invalid": I.value ? void 0 : "true",
-				class: d(["tpl:w-32 tpl:rounded tpl:bg-transparent tpl:px-0.5 tpl:py-0 tpl:text-[1em] tpl:font-medium tpl:outline-none tpl:text-[var(--tpl-primary)]", I.value ? "tpl:border-none" : "tpl:border tpl:border-[var(--tpl-danger)]"]),
-				onBlur: B,
-				onKeydown: V
-			}, null, 42, K)), [[g, M.value]]) : (e(), l("span", {
-				key: 1,
-				role: "button",
-				tabindex: "0",
-				"aria-label": A.value ? s(O)(s(D).mergeTag.changeTag, { label: k.value }) : s(D).mergeTag.editValue,
-				class: d(["tpl:cursor-pointer", s(S) ? "tpl-tooltip" : ""]),
-				"data-tooltip": s(S) ? t.node.attrs.value : void 0,
-				onClick: _(z, ["stop"]),
-				onKeydown: [v(_(z, ["stop"]), ["enter"]), v(_(z, ["prevent", "stop"]), ["space"])]
-			}, u(k.value), 43, q)), c("button", {
-				type: "button",
-				"aria-label": s(D).mergeTag.deleteMergeTag,
-				class: "tpl-merge-tag-delete tpl:flex tpl:size-5 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-full tpl:border-none tpl:bg-transparent tpl:p-0 tpl:opacity-60 tpl:transition-all tpl:hover:opacity-100 tpl:text-[var(--tpl-primary)]",
-				contenteditable: "false",
-				onClick: i[1] ||= _((...e) => t.deleteNode && t.deleteNode(...e), ["stop", "prevent"])
-			}, [...i[2] ||= [c("svg", {
-				width: "10",
-				height: "10",
-				viewBox: "0 0 24 24",
-				fill: "none",
-				stroke: "currentColor",
-				"stroke-width": "3",
-				"aria-hidden": "true"
-			}, [c("line", {
-				x1: "18",
-				y1: "6",
-				x2: "6",
-				y2: "18"
-			}), c("line", {
-				x1: "6",
-				y1: "6",
-				x2: "18",
-				y2: "18"
-			})], -1)]], 8, J)]),
-			_: 1
-		}));
-	}
-}), X = E.create({
-	name: "mergeTagNode",
-	group: "inline",
-	inline: !0,
-	atom: !0,
-	addOptions() {
-		return {
-			mergeTags: () => [],
-			syntax: S.liquid
-		};
-	},
-	addAttributes() {
-		return {
-			label: {
-				default: "",
-				rendered: !1,
-				parseHTML: (e) => e.getAttribute("data-label") || e.textContent || ""
-			},
-			value: {
-				default: "",
-				rendered: !1,
-				parseHTML: (e) => e.getAttribute("data-merge-tag") || ""
-			}
-		};
-	},
-	parseHTML() {
-		return [{ tag: "span[data-merge-tag]" }];
-	},
-	renderHTML({ node: e, HTMLAttributes: t }) {
-		let n = x(e.attrs.value, this.options.mergeTags());
-		return [
-			"span",
-			T(t, {
-				"data-merge-tag": e.attrs.value,
-				"data-label": n
-			}),
-			n
-		];
-	},
-	addNodeView() {
-		return W(Y);
-	},
-	addCommands() {
-		return { insertMergeTag: (e) => ({ commands: t }) => t.insertContent({
-			type: this.name,
-			attrs: {
-				label: e.label,
-				value: e.value
-			}
-		}) };
-	},
-	addKeyboardShortcuts() {
-		return {
-			Backspace: () => U(this.editor, this.name),
-			Delete: () => U(this.editor, this.name)
-		};
-	},
-	addInputRules() {
-		let e = RegExp(this.options.syntax.value.source + "$", "");
-		return [new O({
-			find: e,
-			handler: ({ state: e, range: t, match: n }) => {
-				let r = n[0], i = x(r, this.options.mergeTags()), a = this.type.create({
-					label: i,
-					value: r
-				});
-				e.tr.replaceWith(t.from, t.to, a);
-			}
-		})];
-	},
-	addPasteRules() {
-		let e = new RegExp(this.options.syntax.value.source, "g");
-		return [new k({
-			find: e,
-			handler: ({ state: e, range: t, match: n }) => {
-				let r = n[0], i = x(r, this.options.mergeTags()), a = this.type.create({
-					label: i,
-					value: r
-				});
-				e.tr.replaceWith(t.from, t.to, a);
-			}
-		})];
-	}
-});
-//#endregion
-export { F as FontSize, I as LetterSpacing, L as LineBoundaryKeys, R as LineHeight, G as LogicMergeTagNode, X as MergeTagNode, M as MergeTagSuggestion, j as filterMergeTags, A as handleSuggestionKeyDown };