@templatical/editor 0.39.0 → 0.39.2

package/dist/{SavedBlocksPickBar-CJqqQ3jd.js → SavedBlocksPickBar-cI7bDQQi.js}

@@ -1,7 +1,7 @@
-import { A as e, at as t, c as n, d as r, g as i, h as a, jt as o, v as s } from "./vue.runtime.esm-bundler-DShF3P6k.js";
-import { I as c } from "./useEditorCore-jfwgLThK.js";
-import { t as l } from "./useI18n-VOtdfENx.js";
-import { t as u } from "./x-B7sgO_z8.js";
+import { A as e, at as t, c as n, d as r, g as i, h as a, jt as o, v as s } from "./vue.runtime.esm-bundler-CyqhBwpY.js";
+import { O as c } from "./useEditorCore-C5APBjjV.js";
+import { t as l } from "./useI18n-Ds_-druD.js";
+import { t as u } from "./x-3BHV3Q6K.js";
 //#region src/components/SavedBlocksPickBar.vue?vue&type=script&setup=true&lang.ts
 var d = {
 	"data-testid": "saved-blocks-pick-bar",

package/dist/{TemplateScoringPanel-m2FOeaai.js → TemplateScoringPanel-C2Rdlyn6.js}

@@ -1,20 +1,20 @@
-import { A as e, At as t, B as n, F as r, M as i, R as ee, S as a, Z as o, at as s, c, d as l, g as u, h as d, jt as f, kt as p, l as m, r as h, u as g, v as _ } from "./vue.runtime.esm-bundler-DShF3P6k.js";
-import { t as te } from "./runtime-dom.esm-bundler-PnoZU512.js";
-import { D as ne, P as re, U as v, Z as y, g as b } from "./keys-DD1rl72F.js";
-import { t as x } from "./createLucideIcon-CDDkF1Tm.js";
-import { t as ie } from "./chevron-down-J5hFJ6TL.js";
-import { t as S } from "./circle-alert-BiArYmkB.js";
-import { t as ae } from "./eye-DwhBOaV8.js";
-import { t as oe } from "./info-D6A1qEiF.js";
-import { t as se } from "./loader-circle-D9ZL3Sv0.js";
-import { t as C } from "./refresh-cw-D7bYS5tm.js";
-import { t as w } from "./shield-check-DxaaurL9.js";
-import { t as T } from "./sparkles-D6T6k30e.js";
-import { t as ce } from "./triangle-alert-CmNS2LLv.js";
-import { t as le } from "./x-B7sgO_z8.js";
-import { t as ue } from "./LoadingTrack-BlTL4zFv.js";
+import { A as e, At as t, B as n, F as r, M as i, R as ee, S as a, Z as o, at as s, c, d as l, g as u, h as d, jt as f, kt as p, l as m, r as h, u as g, v as _ } from "./vue.runtime.esm-bundler-CyqhBwpY.js";
+import { t as te } from "./runtime-dom.esm-bundler-BGbPz4-g.js";
+import { D as ne, P as re, U as v, Z as y, g as b } from "./keys-BdoSgsz9.js";
+import { t as x } from "./createLucideIcon-BxY5yz5u.js";
+import { t as ie } from "./chevron-down-Dkr-7Ywl.js";
+import { t as S } from "./circle-alert-CYgTHKWr.js";
+import { t as ae } from "./eye-DphkRtAD.js";
+import { t as oe } from "./info-VSyAs02q.js";
+import { t as se } from "./loader-circle-z5eeqasv.js";
+import { t as C } from "./refresh-cw-DPB7YFuz.js";
+import { t as w } from "./shield-check-COgBYFDF.js";
+import { t as T } from "./sparkles-Ds0RF8Iu.js";
+import { t as ce } from "./triangle-alert-DGLAyXnh.js";
+import { t as le } from "./x-3BHV3Q6K.js";
+import { t as ue } from "./LoadingTrack-C2jKCU2d.js";
 import { t as E } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { n as D } from "./useCloudI18n-C1wuXik6.js";
+import { n as D } from "./useCloudI18n-D1iedlP3.js";
 var O = x({
 	name: "shield-x",
 	size: 24,

package/dist/TemplateSettings-C_5leDdF.js

@@ -0,0 +1,245 @@
+import { A as e, At as t, M as n, S as ee, at as r, c as i, d as a, g as o, jt as s, kt as c, r as l, s as u, u as d, v as f } from "./vue.runtime.esm-bundler-CyqhBwpY.js";
+import { R as te } from "./dist-tGkjkX-v.js";
+import { G as ne, Z as re, v as p } from "./keys-BdoSgsz9.js";
+import { t as m } from "./useI18n-Ds_-druD.js";
+import { n as ie, t as h } from "./templateSettingsFields-YCFVBVYh.js";
+import { t as g } from "./createLucideIcon-BxY5yz5u.js";
+import { c as _ } from "./LogicTagInsertButton-D8IwH-9Z.js";
+import { t as ae } from "./eye-DphkRtAD.js";
+import { t as oe } from "./info-VSyAs02q.js";
+import { g as v, h as se, l as ce, m as le, p as y, t as b } from "./styleConstants-C_YAPdQS.js";
+import { n as x, t as S } from "./ToggleSwitch-JvQ_CmI1.js";
+var C = g({
+	name: "circle",
+	size: 24,
+	node: [["circle", {
+		cx: "12",
+		cy: "12",
+		r: "10",
+		key: "1mglay"
+	}]]
+}), w = g({
+	name: "globe",
+	size: 24,
+	node: [
+		["circle", {
+			cx: "12",
+			cy: "12",
+			r: "10",
+			key: "1mglay"
+		}],
+		["path", {
+			d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20",
+			key: "13o1zl"
+		}],
+		["path", {
+			d: "M2 12h20",
+			key: "9i4pu4"
+		}]
+	]
+}), T = g({
+	name: "square",
+	size: 24,
+	node: [["rect", {
+		width: "18",
+		height: "18",
+		x: "3",
+		y: "3",
+		rx: "2",
+		key: "afitv7"
+	}]]
+}), E = {
+	"data-testid": "template-settings",
+	class: "tpl:flex tpl:w-full tpl:flex-1 tpl:flex-col tpl:bg-[var(--tpl-bg-elevated)]"
+}, D = { class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:gap-3 tpl:overflow-y-auto tpl:p-4" }, O = { class: "tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, k = {
+	key: 0,
+	"data-testid": "template-settings-width-preset"
+}, A = { class: "tpl:grid tpl:grid-cols-4 tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:p-1 tpl:bg-[var(--tpl-bg-hover)]" }, j = ["onClick"], M = {
+	key: 1,
+	"data-testid": "template-settings-width-custom"
+}, N = { class: "tpl:flex tpl:items-stretch" }, P = ["value"], F = { class: "tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, I = {
+	key: 0,
+	"data-testid": "template-settings-background"
+}, L = {
+	key: 1,
+	"data-testid": "template-settings-text-color"
+}, R = {
+	key: 2,
+	"data-testid": "template-settings-link-color"
+}, z = {
+	key: 3,
+	"data-testid": "template-settings-link-underline"
+}, B = {
+	key: 4,
+	"data-testid": "template-settings-font-family"
+}, V = ["value"], H = ["value"], ue = { class: "tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, U = {
+	key: 0,
+	"data-testid": "template-settings-locale"
+}, de = ["value"], fe = { class: "tpl:mt-1 tpl:text-xs tpl:leading-relaxed tpl:text-[var(--tpl-text-dim)]" }, pe = {
+	key: 1,
+	"data-testid": "template-settings-direction"
+}, me = { class: "tpl:mt-1 tpl:text-xs tpl:leading-relaxed tpl:text-[var(--tpl-text-dim)]" }, he = { class: "tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, ge = {
+	key: 0,
+	"data-testid": "template-settings-preheader"
+}, _e = { class: "tpl:mt-1 tpl:flex tpl:items-start tpl:justify-between tpl:gap-2" }, ve = { class: "tpl:text-xs tpl:leading-relaxed tpl:text-[var(--tpl-text-dim)]" }, ye = { class: "tpl:shrink-0 tpl:text-xs tpl:tabular-nums tpl:text-[var(--tpl-text-dim)]" }, be = {
+	key: 4,
+	class: "tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-3",
+	"data-testid": "template-settings-card-tips"
+}, xe = { class: "tpl:mb-2.5 tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text-muted)]" }, Se = { class: "tpl:m-0 tpl:pl-[18px] tpl:text-xs tpl:leading-relaxed tpl:text-[var(--tpl-text-dim)]" }, Ce = { class: "tpl:mb-1 tpl:last:mb-0" }, we = { class: "tpl:mb-1 tpl:last:mb-0" }, Te = { class: "tpl:mb-1 tpl:last:mb-0" }, Ee = 150, W = /* @__PURE__ */ f({
+	__name: "TemplateSettings",
+	props: { settings: {} },
+	emits: ["update"],
+	setup(f, { emit: g }) {
+		let W = f, G = g, { t: K } = m(), q = re(p, "TemplateSettings"), J = u(() => q.fonts.value), De = u(() => J.value.some((e) => e.value === W.settings.fontFamily) ? W.settings.fontFamily : q.defaultFont.value), Y = [
+			{
+				value: 480,
+				label: "480px"
+			},
+			{
+				value: 600,
+				label: "600px"
+			},
+			{
+				value: 700,
+				label: "700px"
+			},
+			{
+				value: 800,
+				label: "800px"
+			}
+		], X = ee(ne, new Set(h));
+		function Z(e) {
+			return X.has(e);
+		}
+		function Q(e) {
+			return h.some((t) => ie[t] === e && Z(t));
+		}
+		let Oe = X.size > 0, ke = u(() => te(W.settings) === "rtl"), $ = `${ce} tpl:flex tpl:flex-col tpl:gap-3.5`;
+		return (ee, u) => (e(), a("aside", E, [i("div", D, [
+			Q("layout") ? (e(), a("div", {
+				key: 0,
+				class: c($),
+				"data-testid": "template-settings-card-layout"
+			}, [
+				i("div", O, [o(r(T), {
+					class: "tpl:text-[var(--tpl-text-muted)]",
+					size: 14,
+					"stroke-width": 2
+				}), i("span", null, s(r(K).templateSettings.layout), 1)]),
+				Z("width") ? (e(), a("div", k, [i("label", { class: c(r(v)) }, s(r(K).templateSettings.widthPreset), 3), i("div", A, [(e(), a(l, null, n(Y, (e) => i("button", {
+					key: e.value,
+					class: "tpl:cursor-pointer tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:px-2 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]",
+					style: t({
+						backgroundColor: f.settings.width === e.value ? "var(--tpl-bg)" : "transparent",
+						color: f.settings.width === e.value ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
+						boxShadow: f.settings.width === e.value ? "var(--tpl-shadow)" : "none"
+					}),
+					onClick: (t) => G("update", { width: e.value })
+				}, s(e.label), 13, j)), 64))])])) : d("", !0),
+				Z("width") ? (e(), a("div", M, [i("label", { class: c(r(v)) }, s(r(K).templateSettings.customWidth), 3), i("div", N, [i("input", {
+					type: "number",
+					class: c(r(le)),
+					value: f.settings.width,
+					min: "300",
+					max: "900",
+					onInput: u[0] ||= (e) => G("update", { width: Number(e.target.value) })
+				}, null, 42, P), i("span", { class: c(r(se)) }, "px", 2)])])) : d("", !0)
+			])) : d("", !0),
+			Q("appearance") ? (e(), a("div", {
+				key: 1,
+				class: c($),
+				"data-testid": "template-settings-card-appearance"
+			}, [
+				i("div", F, [o(r(C), {
+					class: "tpl:text-[var(--tpl-text-muted)]",
+					size: 14,
+					"stroke-width": 2
+				}), i("span", null, s(r(K).templateSettings.appearance), 1)]),
+				Z("backgroundColor") ? (e(), a("div", I, [i("label", { class: c(r(v)) }, s(r(K).templateSettings.backgroundColor), 3), o(_, {
+					"model-value": f.settings.backgroundColor,
+					placeholder: r(b),
+					"onUpdate:modelValue": u[1] ||= (e) => G("update", { backgroundColor: e })
+				}, null, 8, ["model-value", "placeholder"])])) : d("", !0),
+				Z("textColor") ? (e(), a("div", L, [i("label", { class: c(r(v)) }, s(r(K).templateSettings.textColor), 3), o(_, {
+					"model-value": f.settings.textColor ?? "",
+					"seed-color": "#1a1a1a",
+					"onUpdate:modelValue": u[2] ||= (e) => G("update", { textColor: e })
+				}, null, 8, ["model-value"])])) : d("", !0),
+				Z("linkColor") ? (e(), a("div", R, [i("label", { class: c(r(v)) }, s(r(K).templateSettings.linkColor), 3), o(_, {
+					"model-value": f.settings.linkColor ?? "",
+					"seed-color": "#0066cc",
+					"onUpdate:modelValue": u[3] ||= (e) => G("update", { linkColor: e || void 0 })
+				}, null, 8, ["model-value"])])) : d("", !0),
+				Z("linkUnderline") ? (e(), a("div", z, [o(S, {
+					class: "tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
+					"model-value": f.settings.linkUnderline,
+					label: r(K).templateSettings.linkUnderline,
+					"onUpdate:modelValue": u[4] ||= (e) => G("update", { linkUnderline: e })
+				}, null, 8, ["model-value", "label"])])) : d("", !0),
+				Z("fontFamily") ? (e(), a("div", B, [i("label", { class: c(r(v)) }, s(r(K).templateSettings.fontFamily), 3), i("select", {
+					class: c(r(y)),
+					value: De.value,
+					onChange: u[5] ||= (e) => G("update", { fontFamily: e.target.value })
+				}, [(e(!0), a(l, null, n(J.value, (t) => (e(), a("option", {
+					key: t.value,
+					value: t.value
+				}, s(t.label), 9, H))), 128))], 42, V)])) : d("", !0)
+			])) : d("", !0),
+			Q("language") ? (e(), a("div", {
+				key: 2,
+				class: c($),
+				"data-testid": "template-settings-card-language"
+			}, [
+				i("div", ue, [o(r(w), {
+					class: "tpl:text-[var(--tpl-text-muted)]",
+					size: 14,
+					"stroke-width": 2
+				}), i("span", null, s(r(K).templateSettings.language), 1)]),
+				Z("locale") ? (e(), a("div", U, [
+					i("label", { class: c(r(v)) }, s(r(K).templateSettings.contentLocale), 3),
+					i("input", {
+						type: "text",
+						class: c(r(y)),
+						value: f.settings.locale ?? "",
+						placeholder: "en",
+						spellcheck: "false",
+						autocapitalize: "off",
+						autocomplete: "off",
+						onInput: u[6] ||= (e) => G("update", { locale: e.target.value.trim() || void 0 })
+					}, null, 42, de),
+					i("p", fe, s(r(K).templateSettings.contentLocaleHint), 1)
+				])) : d("", !0),
+				Z("direction") ? (e(), a("div", pe, [o(S, {
+					class: "tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
+					"model-value": ke.value,
+					label: r(K).templateSettings.contentDirection,
+					"onUpdate:modelValue": u[7] ||= (e) => G("update", { direction: e ? "rtl" : "ltr" })
+				}, null, 8, ["model-value", "label"]), i("p", me, s(r(K).templateSettings.contentDirectionHint), 1)])) : d("", !0)
+			])) : d("", !0),
+			Q("preheader") ? (e(), a("div", {
+				key: 3,
+				class: c($),
+				"data-testid": "template-settings-card-preheader"
+			}, [i("div", he, [o(r(ae), {
+				class: "tpl:text-[var(--tpl-text-muted)]",
+				size: 14,
+				"stroke-width": 2
+			}), i("span", null, s(r(K).templateSettings.preheaderText), 1)]), Z("preheaderText") ? (e(), a("div", ge, [o(x, {
+				"model-value": f.settings.preheaderText ?? "",
+				placeholder: r(K).templateSettings.preheaderTextPlaceholder,
+				rows: 2,
+				"onUpdate:modelValue": u[8] ||= (e) => G("update", { preheaderText: e.replace(/[\r\n]/g, " ") || void 0 })
+			}, null, 8, ["model-value", "placeholder"]), i("div", _e, [i("span", ve, s(r(K).templateSettings.preheaderTextHint), 1), i("span", ye, s((f.settings.preheaderText ?? "").length) + "/" + s(Ee), 1)])])) : d("", !0)])) : d("", !0),
+			Oe ? (e(), a("div", be, [i("div", xe, [o(r(oe), {
+				size: 14,
+				"stroke-width": 2
+			}), i("span", null, s(r(K).templateSettings.tips), 1)]), i("ul", Se, [
+				i("li", Ce, s(r(K).templateSettings.tip1), 1),
+				i("li", we, s(r(K).templateSettings.tip2), 1),
+				i("li", Te, s(r(K).templateSettings.tip3), 1)
+			])])) : d("", !0)
+		])]));
+	}
+});
+//#endregion
+export { W as default };

package/dist/{TestEmailModal-D58kYkMV.js → TestEmailModal-DJ5q_u4N.js}

@@ -1,15 +1,15 @@
-import { A as e, B as t, M as n, R as r, S as i, V as a, Z as o, at as s, c, d as l, g as u, h as d, jt as f, kt as p, l as m, r as h, s as g, u as _, v } from "./vue.runtime.esm-bundler-DShF3P6k.js";
-import { a as ee, i as te } from "./runtime-dom.esm-bundler-PnoZU512.js";
+import { A as e, B as t, M as n, R as r, S as i, V as a, Z as o, at as s, c, d as l, g as u, h as d, jt as f, kt as p, l as m, r as h, s as g, u as _, v } from "./vue.runtime.esm-bundler-CyqhBwpY.js";
+import { a as ee, i as te } from "./runtime-dom.esm-bundler-BGbPz4-g.js";
 import { N as ne } from "./dist-tGkjkX-v.js";
-import { X as re } from "./useEditorCore-jfwgLThK.js";
-import { D as ie, P as ae, V as y, g as oe, j as se } from "./keys-DD1rl72F.js";
-import { t as ce } from "./useI18n-VOtdfENx.js";
-import { t as le } from "./check-9xX6RVHz.js";
-import { t as ue } from "./loader-circle-D9ZL3Sv0.js";
-import { n as de, t as fe } from "./MergeTagModeToggle-DGuzSAdX.js";
+import { L as re } from "./useEditorCore-C5APBjjV.js";
+import { D as ie, P as ae, V as y, g as oe, j as se } from "./keys-BdoSgsz9.js";
+import { t as ce } from "./useI18n-Ds_-druD.js";
+import { t as le } from "./check-eqb2JhqU.js";
+import { t as ue } from "./loader-circle-z5eeqasv.js";
+import { n as de, t as fe } from "./MergeTagModeToggle-D793Bj_E.js";
 import { v as pe } from "./styleConstants-C_YAPdQS.js";
-import { t as me } from "./TplModal-BIDJw4Kj.js";
-import { t as he } from "./BlockPreviewCanvas-C_rA5LJN.js";
+import { t as me } from "./TplModal-C8xGjC1l.js";
+import { t as he } from "./BlockPreviewCanvas-DXGjUECG.js";
 //#region src/utils/validateEmailShape.ts
 var b = /[,;<>()[\]\\"'`|/?#@!$%^&*+=~{}]/;
 function x(e) {

package/dist/{TestEmailPanel-BmFVBIQt.js → TestEmailPanel-CP24UGst.js}

@@ -1,11 +1,11 @@
-import { A as e, _ as t, at as n, l as r, u as i, v as a } from "./vue.runtime.esm-bundler-DShF3P6k.js";
+import { A as e, _ as t, at as n, l as r, u as i, v as a } from "./vue.runtime.esm-bundler-CyqhBwpY.js";
 //#endregion
 //#region src/components/TestEmailPanel.vue
 var o = /* @__PURE__ */ a({
 	__name: "TestEmailPanel",
 	props: { feature: {} },
 	setup(a) {
-		let o = a, s = t(() => import("./TestEmailModal-D58kYkMV.js"));
+		let o = a, s = t(() => import("./TestEmailModal-DJ5q_u4N.js"));
 		function c(e) {
 			o.feature.send(e);
 		}

package/dist/{TitleEditor-C4BGPXnf.js → TitleEditor-QBBOXtxx.js}

@@ -1,12 +1,12 @@
-import { A as e, At as t, K as n, S as r, at as i, c as a, d as o, g as s, h as c, i as l, jt as u, kt as d, l as f, r as p, s as m, u as h, v as g } from "./vue.runtime.esm-bundler-DShF3P6k.js";
-import { C as ee, S as te } from "./useEditorCore-jfwgLThK.js";
-import { K as ne, T as re, Y as _, k as v } from "./keys-DD1rl72F.js";
-import { t as y } from "./useI18n-VOtdfENx.js";
-import { n as b } from "./usePopoverPosition-gZjRywai.js";
-import { i as x, n as S, r as ie, t as ae } from "./RichTextEditorContent-JrNEg0kv.js";
-import { o as oe, s as se } from "./MergeTagInput-Cw1RoMly.js";
-import { t as ce } from "./link-tKGmYWsB.js";
-import { t as C } from "./loader-circle-D9ZL3Sv0.js";
+import { A as e, At as t, K as n, S as r, at as i, c as a, d as o, g as s, h as c, i as l, jt as u, kt as d, l as f, r as p, s as m, u as h, v as g } from "./vue.runtime.esm-bundler-CyqhBwpY.js";
+import { b as ee, x as te } from "./useEditorCore-C5APBjjV.js";
+import { K as ne, T as re, Y as _, k as v } from "./keys-BdoSgsz9.js";
+import { t as y } from "./useI18n-Ds_-druD.js";
+import { n as b } from "./usePopoverPosition-Du-Ah8E9.js";
+import { i as x, n as S, r as ie, t as ae } from "./RichTextEditorContent-BC5UTVnb.js";
+import { l as oe, u as se } from "./LogicTagInsertButton-D8IwH-9Z.js";
+import { t as ce } from "./link-CNuozGqD.js";
+import { t as C } from "./loader-circle-z5eeqasv.js";
 //#region src/components/blocks/TitleEditor.vue?vue&type=script&setup=true&lang.ts
 var w = { class: "tpl-text-editor-wrapper tpl:relative" }, T = ["data-tpl-theme", "aria-label"], E = ["aria-label", "title"], D = ["aria-label", "title"], O = ["aria-label", "title"], k = {
 	key: 0,
@@ -25,17 +25,17 @@ var w = { class: "tpl-text-editor-wrapper tpl:relative" }, T = ["data-tpl-theme"
 	},
 	emits: ["done"],
 	setup(g, { emit: P }) {
-		let F = g, I = P, L = r(ne, null), R = r(_, null), z = b(), B = r(v, null), V = r(re, null), le = m(() => (B?.isOpen.value ?? !1) || (V?.isOpen.value ?? !1)), { t: H } = y(), { editor: U, EditorContent: W, isLoading: G, initError: ue, retry: de, showLinkDialog: fe, linkUrl: K, linkColor: q, linkDialogRef: J, canRequestMergeTag: Y, canInsertLogicTag: X, openLinkDialog: Z, insertLink: pe, removeLink: me, closeLinkDialog: he, handleLinkKeydown: ge, handleAddMergeTag: Q, handleAddLogicTag: $ } = te({
+		let F = g, I = P, L = r(ne, null), R = r(_, null), z = b(), B = r(v, null), V = r(re, null), le = m(() => (B?.isOpen.value ?? !1) || (V?.isOpen.value ?? !1)), { t: H } = y(), { editor: U, EditorContent: W, isLoading: G, initError: ue, retry: de, showLinkDialog: fe, linkUrl: K, linkColor: q, linkDialogRef: J, canRequestMergeTag: Y, canInsertLogicTag: X, openLinkDialog: Z, insertLink: pe, removeLink: me, closeLinkDialog: he, handleLinkKeydown: ge, handleAddMergeTag: Q, handleAddLogicTag: $ } = ee({
 			blockId: () => F.block.id,
 			blockContent: () => F.block.content,
 			onDone: () => I("done"),
 			editorName: "TitleEditor",
 			async loadExtensions({ mergeTags: e, syntax: t, triggerChar: n, autocompleteEnabled: r, suggestionEmptyText: i }) {
 				let [{ Editor: a, EditorContent: o }, { default: s }, { default: c }, { MergeTagNode: l, MergeTagSuggestion: u, LogicMergeTagNode: d, LineBoundaryKeys: f }] = await Promise.all([
-					import("./dist-BVqAYoRB.js").then((e) => e.r),
-					import("./dist-DkcA6epL.js"),
-					import("./dist-C1tsW_99.js"),
-					import("./extensions-CcGj7OfS.js")
+					import("./dist-BmsLcnrO.js").then((e) => e.r),
+					import("./dist-BdHF7nyq.js"),
+					import("./dist-wyXxj3R1.js"),
+					import("./extensions-DRN-elXT.js")
 				]);
 				return {
 					TiptapEditor: a,
@@ -52,7 +52,7 @@ var w = { class: "tpl-text-editor-wrapper tpl:relative" }, T = ["data-tpl-theme"
 							strike: !1,
 							link: !1
 						}),
-						ee(c).configure({
+						te(c).configure({
 							openOnClick: !1,
 							HTMLAttributes: {
 								target: "_blank",

package/dist/ToggleSwitch-JvQ_CmI1.js

@@ -0,0 +1,102 @@
+import { A as e, N as t, Z as n, at as r, c as i, d as a, g as o, h as s, jt as c, kt as l, l as u, u as d, v as f } from "./vue.runtime.esm-bundler-CyqhBwpY.js";
+import { i as p, n as m, r as h, t as g } from "./LogicTagInsertButton-D8IwH-9Z.js";
+//#region src/components/MergeTagTextarea.vue?vue&type=script&setup=true&lang.ts
+var _ = { key: 0 }, v = {
+	key: 0,
+	class: "tpl:flex tpl:flex-wrap tpl:gap-1.5"
+}, y = { key: 1 }, b = [
+	"value",
+	"placeholder",
+	"rows"
+], x = {
+	key: 0,
+	class: "tpl:flex tpl:flex-wrap tpl:gap-1.5"
+}, S = "tpl:w-full tpl:resize-y tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:shadow-[var(--tpl-shadow-sm)] tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2 tpl:text-sm tpl:text-[var(--tpl-text)] tpl:outline-none tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:placeholder:text-[var(--tpl-text-dim)] tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[var(--tpl-ring)]", C = "tpl:flex tpl:w-full tpl:min-h-20 tpl:cursor-pointer tpl:items-start tpl:flex-wrap tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:shadow-[var(--tpl-shadow-sm)] tpl:bg-[var(--tpl-bg)] tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2 tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]", w = /* @__PURE__ */ f({
+	__name: "MergeTagTextarea",
+	props: {
+		modelValue: {},
+		placeholder: { default: "" },
+		rows: { default: 3 }
+	},
+	emits: ["update:modelValue"],
+	setup(t, { emit: s }) {
+		let c = t, f = s, w = n(null), { segments: T, hasMergeTags: E, canRequestMergeTag: D, isRequestingMergeTag: O, canInsertLogicTag: k, isRequestingLogicTag: A, isEditing: j, startEditing: M, handleInput: N, handleKeydown: P, handleClick: F, handleBlur: I, clearValue: L, insertMergeTag: R, insertLogicTag: z, replaceMergeTagAt: B } = p({
+			modelValue: () => c.modelValue,
+			emit: (e) => f("update:modelValue", e),
+			elementRef: w
+		});
+		return (n, s) => r(E) && !r(j) ? (e(), a("div", _, [o(h, {
+			segments: r(T),
+			"display-class": C,
+			onEdit: r(M),
+			onClear: r(L),
+			onRepick: r(B)
+		}, null, 8, [
+			"segments",
+			"onEdit",
+			"onClear",
+			"onRepick"
+		]), r(D) || r(k) ? (e(), a("div", v, [r(D) ? (e(), u(m, {
+			key: 0,
+			disabled: r(O),
+			onInsert: r(R)
+		}, null, 8, ["disabled", "onInsert"])) : d("", !0), r(k) ? (e(), u(g, {
+			key: 1,
+			disabled: r(A),
+			onInsert: r(z)
+		}, null, 8, ["disabled", "onInsert"])) : d("", !0)])) : d("", !0)])) : (e(), a("div", y, [i("textarea", {
+			ref_key: "textareaRef",
+			ref: w,
+			class: l(S),
+			value: t.modelValue,
+			placeholder: t.placeholder,
+			rows: t.rows,
+			onInput: s[0] ||= (...e) => r(N) && r(N)(...e),
+			onKeydown: s[1] ||= (...e) => r(P) && r(P)(...e),
+			onClick: s[2] ||= (...e) => r(F) && r(F)(...e),
+			onBlur: s[3] ||= (...e) => r(I) && r(I)(...e)
+		}, null, 40, b), r(D) || r(k) ? (e(), a("div", x, [r(D) ? (e(), u(m, {
+			key: 0,
+			disabled: r(O),
+			onInsert: r(R)
+		}, null, 8, ["disabled", "onInsert"])) : d("", !0), r(k) ? (e(), u(g, {
+			key: 1,
+			disabled: r(A),
+			onInsert: r(z)
+		}, null, 8, ["disabled", "onInsert"])) : d("", !0)])) : d("", !0)]));
+	}
+}), T = { key: 0 }, E = {
+	key: 0,
+	class: "tpl:text-[var(--tpl-danger)]"
+}, D = [
+	"aria-checked",
+	"aria-label",
+	"disabled"
+], O = /* @__PURE__ */ f({
+	__name: "ToggleSwitch",
+	props: {
+		modelValue: { type: Boolean },
+		label: {},
+		disabled: { type: Boolean },
+		required: { type: Boolean }
+	},
+	emits: ["update:modelValue"],
+	setup(n, { emit: r }) {
+		let o = r;
+		return (r, u) => (e(), a("label", { class: l(["tpl:flex tpl:items-center tpl:justify-between tpl:gap-2", n.disabled ? "tpl:cursor-not-allowed" : "tpl:cursor-pointer"]) }, [r.$slots.default || n.label || n.required ? (e(), a("span", T, [t(r.$slots, "default", {}, () => [s(c(n.label), 1)]), n.required ? (e(), a("span", E, " *")) : d("", !0)])) : d("", !0), i("button", {
+			type: "button",
+			role: "switch",
+			"aria-checked": n.modelValue,
+			"aria-label": n.label,
+			disabled: n.disabled,
+			class: l([
+				"tpl:relative tpl:inline-flex tpl:h-5 tpl:w-9 tpl:shrink-0 tpl:rounded-full tpl:border-2 tpl:border-transparent tpl:transition-colors tpl:duration-200",
+				n.modelValue ? "tpl:bg-[var(--tpl-primary)]" : "tpl:bg-[var(--tpl-border)]",
+				n.disabled ? "tpl:cursor-not-allowed tpl:opacity-60" : "tpl:cursor-pointer"
+			]),
+			onClick: u[0] ||= (e) => !n.disabled && o("update:modelValue", !n.modelValue)
+		}, [i("span", { class: l(["tpl:pointer-events-none tpl:inline-block tpl:size-4 tpl:rounded-full tpl:bg-[var(--tpl-bg)] tpl:shadow-[var(--tpl-shadow)] tpl:transition-transform tpl:duration-200", n.modelValue ? "tpl:translate-x-4" : "tpl:translate-x-0"]) }, null, 2)], 10, D)], 2));
+	}
+});
+//#endregion
+export { w as n, O as t };