@templatical/editor 0.0.5 → 0.1.0

package/dist/NumberWithSuffix-_0l3Q4jq.js

@@ -0,0 +1,424 @@
+import { t as e } from "./dist-CLg2qE0p.js";
+import { t } from "./useI18n-D6m7ZUgY.js";
+import { h as n, i as r, m as i, p as a, u as o } from "./styleConstants-Codo7aUT.js";
+import { Fragment as s, Transition as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createVNode as ee, defineComponent as m, normalizeClass as h, normalizeStyle as g, openBlock as _, ref as v, renderList as y, renderSlot as b, resolveDynamicComponent as x, toDisplayString as S, unref as C, withCtx as te, withKeys as w } from "vue";
+//#region ../../node_modules/.pnpm/vanilla-colorful@0.7.2/node_modules/vanilla-colorful/lib/utils/math.js
+var T = (e, t = 0, n = 1) => e > n ? n : e < t ? t : e, E = (e, t = 0, n = 10 ** t) => Math.round(n * e) / n;
+360 / (Math.PI * 2);
+var ne = (e) => M(D(e)), D = (e) => (e[0] === "#" && (e = e.substring(1)), e.length < 6 ? {
+	r: parseInt(e[0] + e[0], 16),
+	g: parseInt(e[1] + e[1], 16),
+	b: parseInt(e[2] + e[2], 16),
+	a: e.length === 4 ? E(parseInt(e[3] + e[3], 16) / 255, 2) : 1
+} : {
+	r: parseInt(e.substring(0, 2), 16),
+	g: parseInt(e.substring(2, 4), 16),
+	b: parseInt(e.substring(4, 6), 16),
+	a: e.length === 8 ? E(parseInt(e.substring(6, 8), 16) / 255, 2) : 1
+}), O = (e) => j(ie(e)), re = ({ h: e, s: t, v: n, a: r }) => {
+	let i = (200 - t) * n / 100;
+	return {
+		h: E(e),
+		s: E(i > 0 && i < 200 ? t * n / 100 / (i <= 100 ? i : 200 - i) * 100 : 0),
+		l: E(i / 2),
+		a: E(r, 2)
+	};
+}, k = (e) => {
+	let { h: t, s: n, l: r } = re(e);
+	return `hsl(${t}, ${n}%, ${r}%)`;
+}, ie = ({ h: e, s: t, v: n, a: r }) => {
+	e = e / 360 * 6, t /= 100, n /= 100;
+	let i = Math.floor(e), a = n * (1 - t), o = n * (1 - (e - i) * t), s = n * (1 - (1 - e + i) * t), c = i % 6;
+	return {
+		r: E([
+			n,
+			o,
+			a,
+			a,
+			s,
+			n
+		][c] * 255),
+		g: E([
+			s,
+			n,
+			n,
+			o,
+			a,
+			a
+		][c] * 255),
+		b: E([
+			a,
+			a,
+			s,
+			n,
+			n,
+			o
+		][c] * 255),
+		a: E(r, 2)
+	};
+}, A = (e) => {
+	let t = e.toString(16);
+	return t.length < 2 ? "0" + t : t;
+}, j = ({ r: e, g: t, b: n, a: r }) => {
+	let i = r < 1 ? A(E(r * 255)) : "";
+	return "#" + A(e) + A(t) + A(n) + i;
+}, M = ({ r: e, g: t, b: n, a: r }) => {
+	let i = Math.max(e, t, n), a = i - Math.min(e, t, n), o = a ? i === e ? (t - n) / a : i === t ? 2 + (n - e) / a : 4 + (e - t) / a : 0;
+	return {
+		h: E(60 * (o < 0 ? o + 6 : o)),
+		s: E(i ? a / i * 100 : 0),
+		v: E(i / 255 * 100),
+		a: r
+	};
+}, N = (e, t) => {
+	if (e === t) return !0;
+	for (let n in e) if (e[n] !== t[n]) return !1;
+	return !0;
+}, ae = (e, t) => e.toLowerCase() === t.toLowerCase() ? !0 : N(D(e), D(t)), P = {}, F = (e) => {
+	let t = P[e];
+	return t || (t = document.createElement("template"), t.innerHTML = e, P[e] = t), t;
+}, I = (e, t, n) => {
+	e.dispatchEvent(new CustomEvent(t, {
+		bubbles: !0,
+		detail: n
+	}));
+}, L = !1, R = (e) => "touches" in e, oe = (e) => L && !R(e) ? !1 : (L ||= R(e), !0), z = (e, t) => {
+	let n = R(t) ? t.touches[0] : t, r = e.el.getBoundingClientRect();
+	I(e.el, "move", e.getMove({
+		x: T((n.pageX - (r.left + window.pageXOffset)) / r.width),
+		y: T((n.pageY - (r.top + window.pageYOffset)) / r.height)
+	}));
+}, B = (e, t) => {
+	let n = t.keyCode;
+	n > 40 || e.xy && n < 37 || n < 33 || (t.preventDefault(), I(e.el, "move", e.getMove({
+		x: n === 39 ? .01 : n === 37 ? -.01 : n === 34 ? .05 : n === 33 ? -.05 : n === 35 ? 1 : n === 36 ? -1 : 0,
+		y: n === 40 ? .01 : n === 38 ? -.01 : 0
+	}, !0)));
+}, V = class {
+	constructor(e, t, n, r) {
+		let i = F(`<div role="slider" tabindex="0" part="${t}" ${n}><div part="${t}-pointer"></div></div>`);
+		e.appendChild(i.content.cloneNode(!0));
+		let a = e.querySelector(`[part=${t}]`);
+		a.addEventListener("mousedown", this), a.addEventListener("touchstart", this), a.addEventListener("keydown", this), this.el = a, this.xy = r, this.nodes = [a.firstChild, a];
+	}
+	set dragging(e) {
+		let t = e ? document.addEventListener : document.removeEventListener;
+		t(L ? "touchmove" : "mousemove", this), t(L ? "touchend" : "mouseup", this);
+	}
+	handleEvent(e) {
+		switch (e.type) {
+			case "mousedown":
+			case "touchstart":
+				if (e.preventDefault(), !oe(e) || !L && e.button != 0) return;
+				this.el.focus(), z(this, e), this.dragging = !0;
+				break;
+			case "mousemove":
+			case "touchmove":
+				e.preventDefault(), z(this, e);
+				break;
+			case "mouseup":
+			case "touchend":
+				this.dragging = !1;
+				break;
+			case "keydown":
+				B(this, e);
+				break;
+		}
+	}
+	style(e) {
+		e.forEach((e, t) => {
+			for (let n in e) this.nodes[t].style.setProperty(n, e[n]);
+		});
+	}
+}, H = class extends V {
+	constructor(e) {
+		super(e, "hue", "aria-label=\"Hue\" aria-valuemin=\"0\" aria-valuemax=\"360\"", !1);
+	}
+	update({ h: e }) {
+		this.h = e, this.style([{
+			left: `${e / 360 * 100}%`,
+			color: k({
+				h: e,
+				s: 100,
+				v: 100,
+				a: 1
+			})
+		}]), this.el.setAttribute("aria-valuenow", `${E(e)}`);
+	}
+	getMove(e, t) {
+		return { h: t ? T(this.h + e.x * 360, 0, 360) : 360 * e.x };
+	}
+}, U = class extends V {
+	constructor(e) {
+		super(e, "saturation", "aria-label=\"Color\"", !0);
+	}
+	update(e) {
+		this.hsva = e, this.style([{
+			top: `${100 - e.v}%`,
+			left: `${e.s}%`,
+			color: k(e)
+		}, { "background-color": k({
+			h: e.h,
+			s: 100,
+			v: 100,
+			a: 1
+		}) }]), this.el.setAttribute("aria-valuetext", `Saturation ${E(e.s)}%, Brightness ${E(e.v)}%`);
+	}
+	getMove(e, t) {
+		return {
+			s: t ? T(this.hsva.s + e.x * 100, 0, 100) : e.x * 100,
+			v: t ? T(this.hsva.v - e.y * 100, 0, 100) : Math.round(100 - e.y * 100)
+		};
+	}
+}, W = ":host{display:flex;flex-direction:column;position:relative;width:200px;height:200px;user-select:none;-webkit-user-select:none;cursor:default}:host([hidden]){display:none!important}[role=slider]{position:relative;touch-action:none;user-select:none;-webkit-user-select:none;outline:0}[role=slider]:last-child{border-radius:0 0 8px 8px}[part$=pointer]{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;display:flex;place-content:center center;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}[part$=pointer]::after{content:\"\";width:100%;height:100%;border-radius:inherit;background-color:currentColor}[role=slider]:focus [part$=pointer]{transform:translate(-50%,-50%) scale(1.1)}", G = "[part=hue]{flex:0 0 24px;background:linear-gradient(to right,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}[part=hue-pointer]{top:50%;z-index:2}", K = "[part=saturation]{flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,rgba(255,255,255,0));box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}[part=saturation-pointer]{z-index:3}", q = Symbol("same"), J = Symbol("color"), Y = Symbol("hsva"), X = Symbol("update"), Z = Symbol("parts"), Q = Symbol("css"), $ = Symbol("sliders"), se = class extends HTMLElement {
+	static get observedAttributes() {
+		return ["color"];
+	}
+	get [Q]() {
+		return [
+			W,
+			G,
+			K
+		];
+	}
+	get [$]() {
+		return [U, H];
+	}
+	get color() {
+		return this[J];
+	}
+	set color(e) {
+		if (!this[q](e)) {
+			let t = this.colorModel.toHsva(e);
+			this[X](t), this[J] = e;
+		}
+	}
+	constructor() {
+		super();
+		let e = F(`<style>${this[Q].join("")}</style>`), t = this.attachShadow({ mode: "open" });
+		t.appendChild(e.content.cloneNode(!0)), t.addEventListener("move", this), this[Z] = this[$].map((e) => new e(t));
+	}
+	connectedCallback() {
+		if (this.hasOwnProperty("color")) {
+			let e = this.color;
+			delete this.color, this.color = e;
+		} else this.color ||= this.colorModel.defaultColor;
+	}
+	attributeChangedCallback(e, t, n) {
+		let r = this.colorModel.fromAttr(n);
+		this[q](r) || (this.color = r);
+	}
+	handleEvent(e) {
+		let t = this[Y], n = {
+			...t,
+			...e.detail
+		};
+		this[X](n);
+		let r;
+		!N(n, t) && !this[q](r = this.colorModel.fromHsva(n)) && (this[J] = r, I(this, "color-changed", { value: r }));
+	}
+	[q](e) {
+		return this.color && this.colorModel.equal(e, this.color);
+	}
+	[X](e) {
+		this[Y] = e, this[Z].forEach((t) => t.update(e));
+	}
+}, ce = {
+	defaultColor: "#000",
+	toHsva: ne,
+	fromHsva: ({ h: e, s: t, v: n }) => O({
+		h: e,
+		s: t,
+		v: n,
+		a: 1
+	}),
+	equal: ae,
+	fromAttr: (e) => e
+}, le = class extends se {
+	get colorModel() {
+		return ce;
+	}
+}, ue = class extends le {};
+customElements.define("hex-color-picker", ue);
+//#endregion
+//#region src/components/ColorPicker.vue?vue&type=script&setup=true&lang.ts
+var de = [
+	"disabled",
+	"aria-label",
+	"aria-expanded"
+], fe = [
+	"value",
+	"placeholder",
+	"disabled",
+	"aria-label"
+], pe = ["color", "aria-label"], me = /* @__PURE__ */ m({
+	__name: "ColorPicker",
+	props: {
+		modelValue: {},
+		placeholder: { default: r },
+		size: { default: "default" },
+		swatchOnly: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(n, { emit: r }) {
+		let i = n, a = r, { t: s } = t(), u = v(!1), m = v(), y = v();
+		e(m, () => {
+			u.value = !1;
+		}, { ignore: [y] });
+		let b = l({
+			get: () => i.modelValue || "#000000",
+			set: (e) => a("update:modelValue", e)
+		});
+		function x(e) {
+			b.value = e.detail.value;
+		}
+		function S(e) {
+			b.value = e.target.value;
+		}
+		return (e, t) => (_(), f("div", { class: h(["tpl:flex tpl:gap-2 tpl:relative", n.disabled && "tpl:opacity-60 tpl:cursor-not-allowed"]) }, [
+			p("button", {
+				ref_key: "swatchRef",
+				ref: y,
+				type: "button",
+				disabled: n.disabled,
+				"aria-label": C(s).colorPicker.pickColor,
+				"aria-expanded": u.value,
+				class: h([
+					"tpl:shrink-0 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-0.5 tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]",
+					n.disabled ? "tpl:cursor-not-allowed" : "tpl:cursor-pointer",
+					u.value ? "tpl:border-[var(--tpl-primary)] tpl:shadow-[var(--tpl-ring)]" : !n.disabled && "hover:tpl:border-[var(--tpl-text-dim)]",
+					n.size === "large" ? "tpl:size-12" : "tpl:size-10"
+				]),
+				onClick: t[0] ||= (e) => !n.disabled && (u.value = !u.value)
+			}, [p("span", {
+				class: "tpl:block tpl:size-full tpl:rounded-[calc(var(--tpl-radius-sm)-2px)]",
+				style: g({ backgroundColor: b.value })
+			}, null, 4)], 10, de),
+			n.swatchOnly ? d("", !0) : (_(), f("input", {
+				key: 0,
+				type: "text",
+				class: h(C(o)),
+				value: n.modelValue,
+				placeholder: n.placeholder,
+				disabled: n.disabled,
+				"aria-label": C(s).colorPicker.hexValue,
+				onInput: S
+			}, null, 42, fe)),
+			ee(c, {
+				"enter-active-class": "tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]",
+				"enter-from-class": "tpl:opacity-0 tpl:scale-95 tpl:translate-y-1",
+				"enter-to-class": "tpl:opacity-100 tpl:scale-100 tpl:translate-y-0",
+				"leave-active-class": "tpl:transition-all tpl:duration-[80ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]",
+				"leave-from-class": "tpl:opacity-100 tpl:scale-100 tpl:translate-y-0",
+				"leave-to-class": "tpl:opacity-0 tpl:scale-95 tpl:translate-y-1"
+			}, {
+				default: te(() => [u.value ? (_(), f("div", {
+					key: 0,
+					ref_key: "popoverRef",
+					ref: m,
+					class: "tpl:absolute tpl:left-0 tpl:top-full tpl:z-50 tpl:mt-2 tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)] tpl:p-3 tpl:shadow-lg"
+				}, [p("hex-color-picker", {
+					color: b.value,
+					"aria-label": C(s).colorPicker.pickColor,
+					onColorChanged: x,
+					onKeydown: t[1] ||= w((e) => u.value = !1, ["escape"])
+				}, null, 40, pe)], 512)) : d("", !0)]),
+				_: 1
+			})
+		], 2));
+	}
+}), he = [
+	"aria-checked",
+	"aria-label",
+	"title",
+	"onClick"
+], ge = { key: 1 }, _e = /* @__PURE__ */ m({
+	__name: "SlidingPillSelect",
+	props: {
+		options: {},
+		modelValue: {}
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = l(() => {
+			let e = n.options.findIndex((e) => e.value === n.modelValue);
+			return `translateX(${Math.max(e, 0) * 100}%)`;
+		});
+		return (t, n) => (_(), f("div", {
+			role: "radiogroup",
+			class: "tpl:relative tpl:grid tpl:rounded-[var(--tpl-radius-sm)] tpl:p-1",
+			style: g({
+				gridTemplateColumns: `repeat(${e.options.length}, 1fr)`,
+				backgroundColor: "var(--tpl-bg-hover)"
+			})
+		}, [p("div", {
+			class: "tpl:absolute tpl:inset-y-1 tpl:rounded-[var(--tpl-radius-sm)]",
+			style: g({
+				left: "4px",
+				width: `calc((100% - 8px) / ${e.options.length})`,
+				transform: i.value,
+				backgroundColor: "var(--tpl-bg)",
+				boxShadow: "var(--tpl-shadow)",
+				transition: "transform 120ms cubic-bezier(0.16, 1, 0.3, 1)"
+			})
+		}, null, 4), (_(!0), f(s, null, y(e.options, (t) => (_(), f("button", {
+			key: t.value,
+			role: "radio",
+			"aria-checked": e.modelValue === t.value,
+			"aria-label": t.label,
+			class: "tpl:relative tpl:z-10 tpl:flex tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:px-2.5 tpl:py-[5px] tpl:text-xs tpl:font-medium",
+			style: g({
+				color: e.modelValue === t.value ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
+				transition: "color 120ms cubic-bezier(0.16, 1, 0.3, 1)"
+			}),
+			title: t.label,
+			onClick: (e) => r("update:modelValue", t.value)
+		}, [t.icon ? (_(), u(x(t.icon), {
+			key: 0,
+			size: 14,
+			"stroke-width": 2
+		})) : (_(), f("span", ge, S(t.label), 1))], 12, he))), 128))], 4));
+	}
+}), ve = { class: "tpl:mb-3.5" }, ye = /* @__PURE__ */ m({
+	__name: "FieldRow",
+	props: { label: {} },
+	setup(e) {
+		return (t, r) => (_(), f("div", ve, [e.label ? (_(), f("label", {
+			key: 0,
+			class: h(C(n))
+		}, S(e.label), 3)) : d("", !0), b(t.$slots, "default")]));
+	}
+}), be = { class: "tpl:flex tpl:items-stretch" }, xe = [
+	"value",
+	"min",
+	"max"
+], Se = /* @__PURE__ */ m({
+	__name: "NumberWithSuffix",
+	props: {
+		modelValue: {},
+		min: {},
+		max: {},
+		suffix: {}
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: t }) {
+		let n = t;
+		return (t, r) => (_(), f("div", be, [p("input", {
+			type: "number",
+			class: h(C(a)),
+			value: e.modelValue,
+			min: e.min,
+			max: e.max,
+			onInput: r[0] ||= (e) => n("update:modelValue", Number(e.target.value))
+		}, null, 42, xe), p("span", { class: h(C(i)) }, S(e.suffix), 3)]));
+	}
+});
+//#endregion
+export { me as i, ye as n, _e as r, Se as t };

package/dist/{ParagraphEditor-CoQ3NlS7.js → ParagraphEditor-C9R2ou7x.js}

@@ -1,12 +1,13 @@
-import { C as e, b as t, w as n } from "./useEditorCore-DUGD6pq_.js";
-import { t as r } from "./dist-CG-vEqSU.js";
-import { S as i, T as a, p as o, w as s } from "./keys-C0MQRs8d.js";
-import { t as c } from "./useI18n-D6m7ZUgY.js";
-import { n as l, t as u } from "./_plugin-vue_export-helper-B1-bu7yR.js";
-import { a as d, i as f, n as p, r as m, t as h } from "./RichTextEditorContent-CHJlh7HJ.js";
-import { t as g } from "./loader-circle-BTQQxC3l.js";
-import { t as _ } from "./scan-line-7lZPfOdm.js";
-import { a as v, b as y, o as b, s as x, v as ee, y as te } from "./styleConstants-Cxw88naD.js";
+import { t as e } from "./dist-CLg2qE0p.js";
+import { S as t, T as n, p as r, w as i } from "./keys-C0MQRs8d.js";
+import { t as a } from "./useI18n-D6m7ZUgY.js";
+import { C as o, b as s, w as c } from "./useEditorCore-CQwWl2js.js";
+import { n as l, t as u } from "./_plugin-vue_export-helper-BHUPLLh1.js";
+import { a as d, i as f, n as p, r as m, t as h } from "./RichTextEditorContent-BcY3Rcp4.js";
+import { t as g } from "./loader-circle-C7YEH4do.js";
+import { t as _ } from "./scan-line-Cc9KlXo5.js";
+import { n as v, r as y, t as b } from "./text-align-start-Cje6pwo4.js";
+import { a as x, o as ee, s as te } from "./styleConstants-Codo7aUT.js";
 import { Fragment as S, Teleport as ne, computed as C, createBlock as w, createCommentVNode as T, createElementBlock as E, createElementVNode as D, createTextVNode as O, createVNode as k, defineComponent as A, inject as j, isRef as M, normalizeClass as N, normalizeStyle as P, openBlock as F, ref as I, renderList as L, resolveDynamicComponent as R, toDisplayString as z, unref as B, withKeys as V, withModifiers as H } from "vue";
 var U = l("list-ordered", [
 	["path", {
@@ -162,13 +163,13 @@ var U = l("list-ordered", [
 ], ae = ["aria-label"], X = { class: "tpl:mb-1.5 tpl:text-[10px] tpl:font-medium tpl:tracking-wide tpl:text-[var(--tpl-text-muted)] tpl:uppercase" }, oe = { class: "tpl:grid tpl:grid-cols-10 tpl:gap-0.5" }, se = ["aria-label", "onClick"], ce = /* @__PURE__ */ A({
 	__name: "EmojiPickerDropdown",
 	emits: ["insert"],
-	setup(t, { emit: i }) {
-		let a = i, { categories: o, isOpen: s, toggle: l, close: u } = e(), { t: d, format: f } = c(), p = I(null), m = I(null);
-		n(p, C(() => s.value)), r(m, () => {
+	setup(t, { emit: n }) {
+		let r = n, { categories: i, isOpen: s, toggle: l, close: u } = o(), { t: d, format: f } = a(), p = I(null), m = I(null);
+		c(p, C(() => s.value)), e(m, () => {
 			s.value && u();
 		});
 		function h(e) {
-			a("insert", e), u();
+			r("insert", e), u();
 		}
 		return (e, t) => (F(), E("div", {
 			ref_key: "rootRef",
@@ -197,7 +198,7 @@ var U = l("list-ordered", [
 			tabindex: "-1",
 			class: "tpl-emoji-picker tpl:absolute tpl:top-full tpl:left-0 tpl:z-10 tpl:mt-2 tpl:w-72 tpl:rounded-lg tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-2 tpl:shadow-lg",
 			onKeydown: t[1] ||= V(H((...e) => B(u) && B(u)(...e), ["stop", "prevent"]), ["esc"])
-		}, [(F(!0), E(S, null, L(B(o), (e) => (F(), E("div", {
+		}, [(F(!0), E(S, null, L(B(i), (e) => (F(), E("div", {
 			key: e.key,
 			class: "tpl:mb-2 tpl:last:mb-0"
 		}, [D("div", X, z(B(d).emoji[e.key]), 1), D("div", oe, [(F(!0), E(S, null, L(e.emojis, (e) => (F(), E("button", {
@@ -296,42 +297,42 @@ var Q = /* @__PURE__ */ u(ue, [["render", fe]]), pe = [
 		mergeTagEnabled: { type: Boolean }
 	},
 	emits: ["open-link-dialog", "add-merge-tag"],
-	setup(e, { emit: t }) {
-		let n = e, r = t, l = j(i, null), u = j(s, null), p = a(o, "ParagraphToolbar"), { t: h } = c(), C = p.fonts;
+	setup(e, { emit: o }) {
+		let s = e, c = o, l = j(t, null), u = j(i, null), p = n(r, "ParagraphToolbar"), { t: h } = a(), C = p.fonts;
 		function A(e) {
-			n.editor?.chain().focus().insertContent(e).run();
+			s.editor?.chain().focus().insertContent(e).run();
 		}
 		function M(e) {
-			return n.editor?.getAttributes("textStyle")[e] || "";
+			return s.editor?.getAttributes("textStyle")[e] || "";
 		}
 		function N(e) {
-			let t = n.editor?.chain().focus();
+			let t = s.editor?.chain().focus();
 			e ? t?.setFontFamily(e).run() : t?.unsetFontFamily().run();
 		}
 		function I(e) {
-			let t = n.editor?.chain().focus();
+			let t = s.editor?.chain().focus();
 			e ? t?.setFontSize(e).run() : t?.unsetFontSize().run();
 		}
 		function L(e) {
-			let t = n.editor?.chain().focus();
+			let t = s.editor?.chain().focus();
 			e ? t?.setColor(e).run() : t?.unsetColor().run();
 		}
 		function R() {
-			return n.editor?.getAttributes("paragraph").lineHeight || "";
+			return s.editor?.getAttributes("paragraph").lineHeight || "";
 		}
 		function V(e) {
-			let t = n.editor?.chain().focus();
+			let t = s.editor?.chain().focus();
 			e ? t?.setLineHeight(e).run() : t?.unsetLineHeight().run();
 		}
 		function H(e) {
-			let t = n.editor?.chain().focus();
+			let t = s.editor?.chain().focus();
 			e && e !== "normal" ? t?.setLetterSpacing(e).run() : t?.unsetLetterSpacing().run();
 		}
 		function W() {
-			return n.editor?.getAttributes("highlight").color || "";
+			return s.editor?.getAttributes("highlight").color || "";
 		}
 		function Y(e) {
-			let t = n.editor?.chain().focus();
+			let t = s.editor?.chain().focus();
 			e ? t?.setHighlight({ color: e }).run() : t?.unsetHighlight().run();
 		}
 		return (t, n) => (F(), w(ne, { to: "body" }, [D("div", {
@@ -362,7 +363,7 @@ var Q = /* @__PURE__ */ u(ue, [["render", fe]]), pe = [
 			]),
 			k($, {
 				"model-value": M("fontSize"),
-				options: B(v),
+				options: B(x),
 				label: B(h).paragraphEditor.fontSize,
 				placeholder: B(h).paragraphEditor.defaultSize,
 				"width-class": "tpl:w-20",
@@ -459,7 +460,7 @@ var Q = /* @__PURE__ */ u(ue, [["render", fe]]), pe = [
 				icon: B(m),
 				label: B(h).paragraphEditor.addLink,
 				active: e.editor.isActive("link"),
-				onClick: n[8] ||= (e) => r("open-link-dialog")
+				onClick: n[8] ||= (e) => c("open-link-dialog")
 			}, null, 8, [
 				"icon",
 				"label",
@@ -488,7 +489,7 @@ var Q = /* @__PURE__ */ u(ue, [["render", fe]]), pe = [
 			]),
 			k(Q),
 			k(Z, {
-				icon: B(ee),
+				icon: B(b),
 				label: B(h).paragraphEditor.alignLeft,
 				active: e.editor.isActive({ textAlign: "left" }),
 				onClick: n[11] ||= (t) => e.editor.chain().focus().setTextAlign("left").run()
@@ -508,7 +509,7 @@ var Q = /* @__PURE__ */ u(ue, [["render", fe]]), pe = [
 				"active"
 			]),
 			k(Z, {
-				icon: B(te),
+				icon: B(v),
 				label: B(h).paragraphEditor.alignRight,
 				active: e.editor.isActive({ textAlign: "right" }),
 				onClick: n[13] ||= (t) => e.editor.chain().focus().setTextAlign("right").run()
@@ -520,7 +521,7 @@ var Q = /* @__PURE__ */ u(ue, [["render", fe]]), pe = [
 			k(Q),
 			k($, {
 				"model-value": R(),
-				options: B(x),
+				options: B(te),
 				label: B(h).paragraphEditor.lineHeight,
 				placeholder: "LH",
 				"width-class": "tpl:w-16",
@@ -532,7 +533,7 @@ var Q = /* @__PURE__ */ u(ue, [["render", fe]]), pe = [
 			]),
 			k($, {
 				"model-value": M("letterSpacing"),
-				options: B(b),
+				options: B(ee),
 				label: B(h).paragraphEditor.letterSpacing,
 				placeholder: "LS",
 				"width-class": "tpl:w-20",
@@ -555,7 +556,7 @@ var Q = /* @__PURE__ */ u(ue, [["render", fe]]), pe = [
 				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": B(h).mergeTag.add,
 				title: B(h).mergeTag.add,
-				onClick: n[15] ||= (e) => r("add-merge-tag")
+				onClick: n[15] ||= (e) => c("add-merge-tag")
 			}, [k(B(_), {
 				size: 16,
 				"stroke-width": 2
@@ -573,26 +574,26 @@ var Q = /* @__PURE__ */ u(ue, [["render", fe]]), pe = [
 		toolbarPosition: {}
 	},
 	emits: ["done"],
-	setup(e, { emit: n }) {
-		let r = e, i = n, { editor: a, EditorContent: o, isLoading: s, initError: c, retry: l, showLinkDialog: u, linkUrl: d, linkDialogRef: f, mergeTagEnabled: m, openLinkDialog: g, insertLink: _, removeLink: v, closeLinkDialog: y, handleLinkKeydown: b, handleAddMergeTag: x } = t({
-			blockId: () => r.block.id,
-			blockContent: () => r.block.content,
-			onDone: () => i("done"),
+	setup(e, { emit: t }) {
+		let n = e, r = t, { editor: i, EditorContent: a, isLoading: o, initError: c, retry: l, showLinkDialog: u, linkUrl: d, linkDialogRef: f, mergeTagEnabled: m, openLinkDialog: g, insertLink: _, removeLink: v, closeLinkDialog: y, handleLinkKeydown: b, handleAddMergeTag: x } = s({
+			blockId: () => n.block.id,
+			blockContent: () => n.block.content,
+			onDone: () => r("done"),
 			editorName: "ParagraphEditor",
 			async loadExtensions({ mergeTags: e, syntax: t }) {
 				let [{ Editor: n, EditorContent: r }, { default: i }, { default: a }, { default: o }, { default: s }, { default: c }, { default: l }, { TextStyle: u }, { default: d }, { default: f }, { default: p }, { MergeTagNode: m, LogicMergeTagNode: h, FontSize: g, LineHeight: _, LetterSpacing: v }] = await Promise.all([
-					import("./dist-Ci5lFuUy.js").then((e) => e.r),
-					import("./dist-DysAFIPy.js"),
-					import("./dist-Bu7veieH.js"),
-					import("./dist-C1BIRHCQ.js"),
-					import("./dist-ChAGLpWo.js"),
-					import("./dist-4LiM9FDd.js"),
-					import("./dist-DrvKRSU6.js"),
-					import("./dist-D_HQYSY-.js"),
-					import("./dist-Dxnd0GRf.js"),
-					import("./dist-DkypH7qG.js"),
-					import("./dist-DmOE-Ubp.js"),
-					import("./extensions-DWx_jj8v.js")
+					import("./dist-ENKQZrNg.js").then((e) => e.r),
+					import("./dist-7SaUYnxo.js"),
+					import("./dist-fEtcLxee.js"),
+					import("./dist-DYG6FL7b.js"),
+					import("./dist-DW_4_uv3.js"),
+					import("./dist-DMuaebdo.js"),
+					import("./dist-DbFMBx8E.js"),
+					import("./dist-Dn9cOicG.js"),
+					import("./dist-CdzaZZSx.js"),
+					import("./dist-Cl9giA3B.js"),
+					import("./dist-BKZ5gvJf.js"),
+					import("./extensions-Y880c0sP.js")
 				]);
 				return {
 					TiptapEditor: n,
@@ -633,9 +634,9 @@ var Q = /* @__PURE__ */ u(ue, [["render", fe]]), pe = [
 		});
 		return (t, n) => (F(), E("div", Ee, [
 			k(Te, {
-				editor: B(a),
+				editor: B(i),
 				"toolbar-position": e.toolbarPosition,
-				"is-loading": B(s),
+				"is-loading": B(o),
 				"merge-tag-enabled": B(m),
 				onOpenLinkDialog: B(g),
 				onAddMergeTag: B(x)
@@ -648,9 +649,9 @@ var Q = /* @__PURE__ */ u(ue, [["render", fe]]), pe = [
 				"onAddMergeTag"
 			]),
 			k(h, {
-				editor: B(a),
-				"editor-content": B(o),
-				"is-loading": B(s),
+				editor: B(i),
+				"editor-content": B(a),
+				"is-loading": B(o),
 				"init-error": B(c),
 				onRetry: B(l)
 			}, null, 8, [
@@ -662,7 +663,7 @@ var Q = /* @__PURE__ */ u(ue, [["render", fe]]), pe = [
 			]),
 			k(p, {
 				visible: B(u),
-				"is-editing-link": B(a)?.isActive("link") ?? !1,
+				"is-editing-link": B(i)?.isActive("link") ?? !1,
 				"dialog-ref": B(f),
 				"onUpdate:dialogRef": n[0] ||= (e) => M(f) ? f.value = e : null,
 				"link-url": B(d),

package/dist/{RichTextEditorContent-CHJlh7HJ.js → RichTextEditorContent-BcY3Rcp4.js}

@@ -1,7 +1,7 @@
 import { S as e, w as t } from "./keys-C0MQRs8d.js";
 import { t as n } from "./useI18n-D6m7ZUgY.js";
-import { n as r } from "./_plugin-vue_export-helper-B1-bu7yR.js";
-import { t as i } from "./x-CGlq2XQe.js";
+import { n as r } from "./_plugin-vue_export-helper-BHUPLLh1.js";
+import { t as i } from "./x-IyhJ6V90.js";
 import { Teleport as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, inject as p, mergeModels as m, normalizeStyle as h, openBlock as g, resolveDynamicComponent as _, toDisplayString as v, unref as y, useModel as b, vModelText as x, withDirectives as S, withModifiers as C } from "vue";
 var w = r("bold", [["path", {
 	d: "M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8",