@templatical/editor 0.16.3 → 0.16.4

package/dist/{useEditorCore-CSfeEwCj.js → useEditorCore-DBq2689h.js}

@@ -5,12 +5,12 @@ import { f as Be, g as Ve, h as He, m as Ue } from "./dist-DYv_Pttj.js";
 import { a as We, i as Ge, o as Ke, r as qe, t as Je } from "./color-DhoxCSMv.js";
 import { A as Ye, C as Xe, D as Ze, E as Qe, F as $e, I as et, L as tt, N as nt, O as rt, P as it, S as at, T as ot, _ as st, a as ct, b as lt, d as ut, f as dt, g as ft, h as pt, i as mt, k as ht, m as gt, n as _t, o as vt, p as yt, s as bt, u as xt, v as St, w as Ct, x as wt, y as Tt } from "./keys-BbDgCU6K.js";
 import { t as Et } from "./useI18n-eR1yVW0v.js";
-import { t as F } from "./createLucideIcon-Bh9xOmlW.js";
-import { t as Dt } from "./loader-circle-DFU0HPAa.js";
-import { t as Ot } from "./message-circle-BEBsCHnk.js";
-import { t as kt } from "./trash-2-B6M659Ey.js";
-import { t as At } from "./triangle-alert-D1lzx6ds.js";
-import { t as jt } from "./upload-3A1oZtOR.js";
+import { t as F } from "./createLucideIcon-FSF4peHQ.js";
+import { t as Dt } from "./loader-circle-BT38qSm3.js";
+import { t as Ot } from "./message-circle-BAHcL9S-.js";
+import { t as kt } from "./trash-2-CRBDolnR.js";
+import { t as At } from "./triangle-alert-B2g0ALvq.js";
+import { t as jt } from "./upload-BKg6hDRW.js";
 import { t as Mt } from "./LoadingTrack-KIcREPlS.js";
 import { t as Nt } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import "./useCloudI18n-WbfVWq5k.js";
@@ -2009,7 +2009,7 @@ var Kr = ["innerHTML"], qr = /* @__PURE__ */ y({
 		viewport: {}
 	},
 	setup(e) {
-		let t = e, n = C(() => import("./ParagraphEditor-vgvQxicC.js")), { isEditing: r, blockRef: i, toolbarPosition: a, resolvedContent: o, handleDoubleClick: s, handleEditorDone: c } = Gr(() => t.block.content);
+		let t = e, n = C(() => import("./ParagraphEditor-BhsBi8p8.js")), { isEditing: r, blockRef: i, toolbarPosition: a, resolvedContent: o, handleDoubleClick: s, handleEditorDone: c } = Gr(() => t.block.content);
 		return (t, l) => (f(), x("div", {
 			ref_key: "blockRef",
 			ref: i,
@@ -2077,7 +2077,7 @@ var Zr = ["data-block-id", "data-block-type"], Qr = ["aria-label"], $r = [
 	},
 	emits: ["select"],
 	setup(e, { emit: t }) {
-		let n = C(() => import("./BlockIssueBadge-CZYgn-qg.js")), r = e, a = t, { t: s, format: c } = Et(), l = N(St, null), u = _(null), d = j(() => l?.liftedBlockId.value === r.block.id), m = j(() => d.value ? c(s.blockActions.dragLifted, { block: r.block.type }) : s.blockActions.drag);
+		let n = C(() => import("./BlockIssueBadge-BLytBabN.js")), r = e, a = t, { t: s, format: c } = Et(), l = N(St, null), u = _(null), d = j(() => l?.liftedBlockId.value === r.block.id), m = j(() => d.value ? c(s.blockActions.dragLifted, { block: r.block.type }) : s.blockActions.drag);
 		async function h() {
 			await ie(), u.value?.focus();
 		}
@@ -2236,7 +2236,7 @@ var di = /* @__PURE__ */ y({
 		viewport: {}
 	},
 	setup(e) {
-		let t = e, n = C(() => import("./TitleEditor-DPdzOQpq.js")), { isEditing: r, blockRef: a, toolbarPosition: o, resolvedContent: s, handleDoubleClick: c, handleEditorDone: l } = Gr(() => t.block.content), u = j(() => {
+		let t = e, n = C(() => import("./TitleEditor-DdvRepBq.js")), { isEditing: r, blockRef: a, toolbarPosition: o, resolvedContent: s, handleDoubleClick: c, handleEditorDone: l } = Gr(() => t.block.content), u = j(() => {
 			let e = {
 				fontSize: `${Pe[t.block.level]}px`,
 				textAlign: t.block.textAlign
@@ -3656,11 +3656,11 @@ var Zo = [
 $o.mounted, $o.unmounted;
 //#endregion
 //#region src/components/blocks/SectionBlock.vue?vue&type=script&setup=true&lang.ts
-var es = { class: "tpl:w-full" }, ts = { class: "tpl:flex tpl:gap-0" }, ns = {
+var es = { class: "tpl:w-full" }, ts = {
 	key: 0,
 	"data-testid": "section-drop-hint",
 	class: "tpl:pointer-events-none tpl:absolute tpl:inset-0 tpl:flex tpl:items-center tpl:justify-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
-}, rs = /* @__PURE__ */ y({
+}, ns = /* @__PURE__ */ y({
 	__name: "SectionBlock",
 	props: {
 		block: {},
@@ -3690,30 +3690,30 @@ var es = { class: "tpl:w-full" }, ts = { class: "tpl:flex tpl:gap-0" }, ns = {
 			let e = u.value.length, t = [...r.block.children];
 			for (; t.length < e;) t.push([]);
 			return t.slice(0, e);
-		});
-		function g(e) {
+		}), g = j(() => r.viewport === "mobile" && r.block.stackOnMobile !== !1);
+		function _(e) {
 			return h.value[e] || [];
 		}
-		function _(e, t) {
+		function v(e, t) {
 			let n = t.map((e) => JSON.parse(JSON.stringify(e))), i = [...r.block.children];
 			for (; i.length <= e;) i.push([]);
 			i[e] = n, s.updateBlock(r.block.id, { children: i });
 		}
-		function v(e) {
+		function y(e) {
 			return Jr(e, l, n);
 		}
-		function y(e, t) {
+		function S(e, t) {
 			e.type === "custom" && s.updateBlock(e.id, {
 				fieldValues: t.fieldValues,
 				dataSourceFetched: t.dataSourceFetched
 			});
 		}
-		return (n, r) => (f(), x("div", es, [b("div", ts, [(f(!0), x(A, null, t(h.value, (n, r) => (f(), x("div", {
+		return (n, r) => (f(), x("div", es, [b("div", { class: o(["tpl:flex tpl:gap-0", { "tpl:flex-col": g.value }]) }, [(f(!0), x(A, null, t(h.value, (n, r) => (f(), x("div", {
 			key: r,
-			class: o(["tpl:relative tpl:min-h-[60px] tpl:rounded", g(r).length === 0 ? "tpl:border tpl:border-dashed tpl:border-[var(--tpl-border)]" : ""]),
-			style: i({ width: u.value[r] })
+			class: o(["tpl:relative tpl:min-h-[60px] tpl:rounded", _(r).length === 0 ? "tpl:border tpl:border-dashed tpl:border-[var(--tpl-border)]" : ""]),
+			style: i({ width: g.value ? "100%" : u.value[r] })
 		}, [w(k(Qo), {
-			"model-value": g(r),
+			"model-value": _(r),
 			group: {
 				name: "blocks",
 				pull: !0,
@@ -3728,19 +3728,19 @@ var es = { class: "tpl:w-full" }, ts = { class: "tpl:flex tpl:gap-0" }, ns = {
 			"empty-insert-threshold": 20,
 			"force-fallback": !0,
 			class: "tpl:min-h-[60px]",
-			"onUpdate:modelValue": (e) => _(r, e)
+			"onUpdate:modelValue": (e) => v(r, e)
 		}, {
-			default: m(() => [(f(!0), x(A, null, t(g(r), (t) => oe((f(), x("div", { key: t.id }, [w(li, {
+			default: m(() => [(f(!0), x(A, null, t(_(r), (t) => oe((f(), x("div", { key: t.id }, [w(li, {
 				block: t,
 				"is-selected": k(s).state.selectedBlockId === t.id,
 				viewport: e.viewport,
 				"preview-mode": k(s).state.previewMode,
 				onSelect: (e) => k(s).selectBlock(t.id)
 			}, {
-				default: m(() => [(f(), D(d(v(t)), {
+				default: m(() => [(f(), D(d(y(t)), {
 					block: t,
 					viewport: e.viewport,
-					onFetchData: (e) => y(t, e),
+					onFetchData: (e) => S(t, e),
 					onUpdate: (e) => k(s).updateBlock(t.id, e)
 				}, null, 40, [
 					"block",
@@ -3761,13 +3761,13 @@ var es = { class: "tpl:w-full" }, ts = { class: "tpl:flex tpl:gap-0" }, ns = {
 			"model-value",
 			"group",
 			"onUpdate:modelValue"
-		]), g(r).length === 0 ? (f(), x("div", ns, [b("span", null, p(k(a).section.dropHere), 1)])) : M("", !0)], 6))), 128))])]));
+		]), _(r).length === 0 ? (f(), x("div", ts, [b("span", null, p(k(a).section.dropHere), 1)])) : M("", !0)], 6))), 128))], 2)]));
 	}
-}), is = ke, as = {
+}), rs = ke, is = {
 	small: 24,
 	medium: 32,
 	large: 48
-}, os = [
+}, as = [
 	"facebook",
 	"twitter",
 	"instagram",
@@ -3785,11 +3785,11 @@ var es = { class: "tpl:w-full" }, ts = { class: "tpl:flex tpl:gap-0" }, ns = {
 	"github",
 	"dribbble",
 	"behance"
-], ss = [
+], os = [
 	"width",
 	"height",
 	"fill"
-], cs = ["d"], ls = /* @__PURE__ */ y({
+], ss = ["d"], cs = /* @__PURE__ */ y({
 	__name: "SocialIconSvg",
 	props: {
 		platform: {},
@@ -3797,7 +3797,7 @@ var es = { class: "tpl:w-full" }, ts = { class: "tpl:flex tpl:gap-0" }, ns = {
 		iconSize: {}
 	},
 	setup(e) {
-		let t = e, n = j(() => is[t.platform]), r = j(() => as[t.iconSize]), a = j(() => {
+		let t = e, n = j(() => rs[t.platform]), r = j(() => is[t.iconSize]), a = j(() => {
 			let e = {
 				display: "inline-flex",
 				alignItems: "center",
@@ -3841,12 +3841,12 @@ var es = { class: "tpl:w-full" }, ts = { class: "tpl:flex tpl:gap-0" }, ns = {
 			viewBox: "0 0 24 24",
 			fill: s.value,
 			xmlns: "http://www.w3.org/2000/svg"
-		}, [b("path", { d: n.value.path }, null, 8, cs)], 8, ss))], 4));
+		}, [b("path", { d: n.value.path }, null, 8, ss)], 8, os))], 4));
 	}
-}), us = { class: "tpl:w-full" }, ds = ["href"], fs = {
+}), ls = { class: "tpl:w-full" }, us = ["href"], ds = {
 	key: 1,
 	class: "tpl:flex tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded tpl:border tpl:border-dashed tpl:py-4 tpl:text-sm tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text-dim)]"
-}, ps = /* @__PURE__ */ y({
+}, fs = /* @__PURE__ */ y({
 	__name: "SocialIconsBlock",
 	props: {
 		block: {},
@@ -3859,7 +3859,7 @@ var es = { class: "tpl:w-full" }, ts = { class: "tpl:flex tpl:gap-0" }, ns = {
 			gap: `${n.block.spacing}px`,
 			justifyContent: n.block.align === "left" ? "flex-start" : n.block.align === "right" ? "flex-end" : "center"
 		})), o = j(() => n.block.icons.length > 0);
-		return (n, s) => (f(), x("div", us, [o.value ? (f(), x("div", {
+		return (n, s) => (f(), x("div", ls, [o.value ? (f(), x("div", {
 			key: 0,
 			style: i(a.value)
 		}, [(f(!0), x(A, null, t(e.block.icons, (t) => (f(), x("a", {
@@ -3867,7 +3867,7 @@ var es = { class: "tpl:w-full" }, ts = { class: "tpl:flex tpl:gap-0" }, ns = {
 			href: t.url || "#",
 			class: "tpl:cursor-default",
 			onClick: s[0] ||= P(() => {}, ["prevent"])
-		}, [w(ls, {
+		}, [w(cs, {
 			platform: t.platform,
 			"icon-style": e.block.iconStyle,
 			"icon-size": e.block.iconSize
@@ -3875,16 +3875,16 @@ var es = { class: "tpl:w-full" }, ts = { class: "tpl:flex tpl:gap-0" }, ns = {
 			"platform",
 			"icon-style",
 			"icon-size"
-		])], 8, ds))), 128))], 4)) : (f(), x("div", fs, [w(k(Pn), { size: 16 }), b("span", null, p(k(r).social.addIcons), 1)]))]));
+		])], 8, us))), 128))], 4)) : (f(), x("div", ds, [w(k(Pn), { size: 16 }), b("span", null, p(k(r).social.addIcons), 1)]))]));
 	}
-}), ms = { class: "tpl:w-full" }, hs = {
+}), ps = { class: "tpl:w-full" }, ms = {
 	key: 0,
 	class: "tpl:absolute tpl:rounded tpl:px-2 tpl:py-0.5 tpl:text-[10px] tpl:font-medium",
 	style: {
 		"background-color": "var(--tpl-bg-hover)",
 		color: "var(--tpl-text-dim)"
 	}
-}, gs = /* @__PURE__ */ y({
+}, hs = /* @__PURE__ */ y({
 	__name: "SpacerBlock",
 	props: {
 		block: {},
@@ -3896,23 +3896,23 @@ var es = { class: "tpl:w-full" }, ts = { class: "tpl:flex tpl:gap-0" }, ns = {
 			minHeight: `${t.block.height}px`,
 			...n.state.previewMode ? {} : { borderColor: "var(--tpl-border)" }
 		}));
-		return (t, a) => (f(), x("div", ms, [b("div", {
+		return (t, a) => (f(), x("div", ps, [b("div", {
 			style: i(r.value),
 			class: o(["tpl:relative tpl:flex tpl:items-center tpl:justify-center", { "tpl:border-y tpl:border-dashed": !k(n).state.previewMode }])
-		}, [k(n).state.previewMode ? M("", !0) : (f(), x("span", hs, p(e.block.height) + "px ", 1))], 6)]));
+		}, [k(n).state.previewMode ? M("", !0) : (f(), x("span", ms, p(e.block.height) + "px ", 1))], 6)]));
 	}
-}), _s = { class: "tpl:w-full" }, vs = { key: 0 }, ys = [
+}), gs = { class: "tpl:w-full" }, _s = { key: 0 }, vs = [
 	"aria-label",
 	"data-placeholder",
 	"onBlur"
-], bs = [
+], ys = [
 	"aria-label",
 	"data-placeholder",
 	"onBlur"
-], xs = {
+], bs = {
 	key: 1,
 	class: "tpl:flex tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded tpl:border tpl:border-dashed tpl:py-4 tpl:text-sm tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text-dim)]"
-}, Ss = /*#__PURE__*/ Nt(/* @__PURE__ */ y({
+}, xs = /*#__PURE__*/ Nt(/* @__PURE__ */ y({
 	__name: "TableBlock",
 	props: {
 		block: {},
@@ -3957,11 +3957,11 @@ var es = { class: "tpl:w-full" }, ts = { class: "tpl:flex tpl:gap-0" }, ns = {
 			} : n);
 			o.updateBlock(r.block.id, { rows: a });
 		}
-		return (e, r) => (f(), x("div", _s, [s.value ? (f(), x("table", {
+		return (e, r) => (f(), x("div", gs, [s.value ? (f(), x("table", {
 			key: 0,
 			style: i(c.value),
 			class: "tpl-table-editable"
-		}, [d.value ? (f(), x("thead", vs, [b("tr", null, [(f(!0), x(A, null, t(d.value.cells, (e) => oe((f(), x("th", {
+		}, [d.value ? (f(), x("thead", _s, [b("tr", null, [(f(!0), x(A, null, t(d.value.cells, (e) => oe((f(), x("th", {
 			key: e.id,
 			style: i(u.value),
 			"aria-label": k(a).table.cellPlaceholder,
@@ -3970,7 +3970,7 @@ var es = { class: "tpl:w-full" }, ts = { class: "tpl:flex tpl:gap-0" }, ns = {
 			onBlur: (t) => g(d.value.id, e.id, t),
 			onKeydown: r[0] ||= ce(P((e) => e.target.blur(), ["prevent"]), ["enter"]),
 			onClick: P(h, ["stop"])
-		}, null, 44, ys)), [[n, e.content]])), 128))])])) : M("", !0), b("tbody", null, [(f(!0), x(A, null, t(m.value, (e) => (f(), x("tr", { key: e.id }, [(f(!0), x(A, null, t(e.cells, (t) => oe((f(), x("td", {
+		}, null, 44, vs)), [[n, e.content]])), 128))])])) : M("", !0), b("tbody", null, [(f(!0), x(A, null, t(m.value, (e) => (f(), x("tr", { key: e.id }, [(f(!0), x(A, null, t(e.cells, (t) => oe((f(), x("td", {
 			key: t.id,
 			style: i(l.value),
 			"aria-label": k(a).table.cellPlaceholder,
@@ -3979,9 +3979,9 @@ var es = { class: "tpl:w-full" }, ts = { class: "tpl:flex tpl:gap-0" }, ns = {
 			onBlur: (n) => g(e.id, t.id, n),
 			onKeydown: r[1] ||= ce(P((e) => e.target.blur(), ["prevent"]), ["enter"]),
 			onClick: P(h, ["stop"])
-		}, null, 44, bs)), [[n, t.content]])), 128))]))), 128))])], 4)) : (f(), x("div", xs, [w(k(Fn), { size: 16 }), b("span", null, p(k(a).table.empty), 1)]))]));
+		}, null, 44, ys)), [[n, t.content]])), 128))]))), 128))])], 4)) : (f(), x("div", bs, [w(k(Fn), { size: 16 }), b("span", null, p(k(a).table.empty), 1)]))]));
 	}
-}), [["__scopeId", "data-v-963ac422"]]), Cs = /* @__PURE__ */ y({
+}), [["__scopeId", "data-v-963ac422"]]), Ss = /* @__PURE__ */ y({
 	__name: "VideoPlayButton",
 	props: { hoverEffect: {
 		type: Boolean,
@@ -3999,7 +3999,7 @@ var es = { class: "tpl:w-full" }, ts = { class: "tpl:flex tpl:gap-0" }, ns = {
 });
 //#endregion
 //#region src/utils/videoThumbnail.ts
-function ws(e) {
+function Cs(e) {
 	if (!e) return {
 		platform: "unknown",
 		videoId: null,
@@ -4031,25 +4031,25 @@ function ws(e) {
 		thumbnailUrl: null
 	};
 }
-function Ts(e, t) {
-	return t || ws(e).thumbnailUrl;
+function ws(e, t) {
+	return t || Cs(e).thumbnailUrl;
 }
 //#endregion
 //#region src/components/blocks/VideoBlock.vue?vue&type=script&setup=true&lang.ts
-var Es = ["src", "alt"], Ds = {
+var Ts = ["src", "alt"], Es = {
 	class: "tpl:max-w-full tpl:truncate tpl:px-3 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-primary)]",
 	style: { opacity: "0.7" }
-}, Os = ["href"], ks = ["src", "alt"], As = ["src", "alt"], js = {
+}, Ds = ["href"], Os = ["src", "alt"], ks = ["src", "alt"], As = {
 	key: 3,
 	class: "tpl:flex tpl:min-h-[150px] tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded tpl:border-2 tpl:border-dashed tpl:text-sm tpl:border-[var(--tpl-border-light)] tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-dim)]"
-}, Ms = /* @__PURE__ */ y({
+}, js = /* @__PURE__ */ y({
 	__name: "VideoBlock",
 	props: {
 		block: {},
 		viewport: {}
 	},
 	setup(e) {
-		let t = e, { t: n } = Et(), { syntax: r } = Pt(), a = j(() => Ae(t.block.url, r) || Ae(t.block.thumbnailUrl, r)), o = j(() => a.value ? null : Ts(t.block.url, t.block.thumbnailUrl)), s = j(() => ({ textAlign: t.block.align })), c = j(() => {
+		let t = e, { t: n } = Et(), { syntax: r } = Pt(), a = j(() => Ae(t.block.url, r) || Ae(t.block.thumbnailUrl, r)), o = j(() => a.value ? null : ws(t.block.url, t.block.thumbnailUrl)), s = j(() => ({ textAlign: t.block.align })), c = j(() => {
 			let e = t.block.align;
 			return {
 				maxWidth: "100%",
@@ -4070,7 +4070,7 @@ var Es = ["src", "alt"], Ds = {
 			class: "tpl:w-full tpl:border-0",
 			src: e.block.placeholderUrl,
 			alt: e.block.alt
-		}, null, 8, Es), w(Cs)], 4)) : a.value ? (f(), x("div", {
+		}, null, 8, Ts), w(Ss)], 4)) : a.value ? (f(), x("div", {
 			key: 1,
 			class: "tpl:relative tpl:!flex tpl:min-h-[150px] tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded tpl:border-2 tpl:border-dashed tpl:text-center tpl:bg-[var(--tpl-bg-elevated)]",
 			style: i([{ "border-color": "color-mix(in srgb, var(--tpl-primary) 40%, transparent)" }, c.value])
@@ -4079,7 +4079,7 @@ var Es = ["src", "alt"], Ds = {
 			"stroke-width": 1.5,
 			class: "tpl:text-[var(--tpl-primary)]",
 			style: { opacity: "0.5" }
-		}), b("span", Ds, [w(bn, { text: l.value }, null, 8, ["text"])])], 4)) : o.value ? (f(), x(A, { key: 2 }, [e.block.url ? (f(), x("a", {
+		}), b("span", Es, [w(bn, { text: l.value }, null, 8, ["text"])])], 4)) : o.value ? (f(), x(A, { key: 2 }, [e.block.url ? (f(), x("a", {
 			key: 0,
 			href: e.block.url,
 			target: "_blank",
@@ -4091,7 +4091,7 @@ var Es = ["src", "alt"], Ds = {
 			class: "tpl:w-full tpl:border-0",
 			src: o.value,
 			alt: e.block.alt
-		}, null, 8, ks), w(Cs, { "hover-effect": "" })], 12, Os)) : (f(), x("div", {
+		}, null, 8, Os), w(Ss, { "hover-effect": "" })], 12, Ds)) : (f(), x("div", {
 			key: 1,
 			class: "tpl:relative tpl:inline-block",
 			style: i(c.value)
@@ -4099,28 +4099,28 @@ var Es = ["src", "alt"], Ds = {
 			class: "tpl:w-full tpl:border-0",
 			src: o.value,
 			alt: e.block.alt
-		}, null, 8, As), w(Cs)], 4))], 64)) : (f(), x("div", js, [w(k(In), {
+		}, null, 8, ks), w(Ss)], 4))], 64)) : (f(), x("div", As, [w(k(In), {
 			size: 40,
 			"stroke-width": 1.5,
 			class: "tpl:text-[var(--tpl-border-light)]"
 		}), b("span", null, p(k(n).video.addVideo), 1)]))], 4));
 	}
-}), Ns = {
-	section: rs,
+}), Ms = {
+	section: ns,
 	title: di,
 	paragraph: qr,
 	image: Pr,
 	button: Cn,
 	divider: hr,
-	video: Ms,
-	social: ps,
+	video: js,
+	social: fs,
 	menu: Rr,
-	table: Ss,
-	spacer: gs,
+	table: xs,
+	spacer: hs,
 	html: br,
 	countdown: C(() => import("./CountdownBlock-173fiO5Z.js").then((e) => e.n))
 };
-function Ps(e) {
+function Ns(e) {
 	let { editor: t, config: n, translations: r, fontsManager: i } = e, { t: a, format: o } = Et(r);
 	t.setUiTheme(n.uiTheme ?? "auto");
 	let { resolvedTheme: l } = an(j(() => t.state.uiTheme)), d = _(n.theme ?? {}), { themeStyles: f } = sn({
@@ -4152,7 +4152,7 @@ function Ps(e) {
 		t: a,
 		format: o
 	}), b = dn();
-	if (gn(b, Ns), n.customBlocks?.length) for (let e of n.customBlocks) b.registerCustom(e, pr);
+	if (gn(b, Ms), n.customBlocks?.length) for (let e of n.customBlocks) b.registerCustom(e, pr);
 	function x(e) {
 		for (let t of e) b.registerCustom(t, pr);
 	}
@@ -4209,4 +4209,4 @@ function Ps(e) {
 	};
 }
 //#endregion
-export { Pn as A, Lt as B, Yn as C, Hn as D, Un as E, En as F, Cn as I, un as L, jn as M, On as N, zn as O, Dn as P, nn as R, er as S, Wn as T, br as _, ps as a, ir as b, Qo as c, Yr as d, Jr as f, Sr as g, Pr as h, gs as i, Mn as j, Fn as k, di as l, Rr as m, Ms as n, os as o, qr as p, Ss as r, rs as s, Ps as t, li as u, hr as v, Jn as w, nr as x, pr as y, Kt as z };
+export { Pn as A, Lt as B, Yn as C, Hn as D, Un as E, En as F, Cn as I, un as L, jn as M, On as N, zn as O, Dn as P, nn as R, er as S, Wn as T, br as _, fs as a, ir as b, Qo as c, Yr as d, Jr as f, Sr as g, Pr as h, hs as i, Mn as j, Fn as k, di as l, Rr as m, js as n, as as o, qr as p, xs as r, ns as s, Ns as t, li as u, hr as v, Jn as w, nr as x, pr as y, Kt as z };

package/dist/{x-CG_NV3nP.js → x-Ctg_250T.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createLucideIcon-Bh9xOmlW.js";
+import { t as e } from "./createLucideIcon-FSF4peHQ.js";
 var t = e("x", [["path", {
 	d: "M18 6 6 18",
 	key: "1bl5f8"

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@templatical/editor",
   "description": "Vue 3 visual drag-and-drop email editor powered by Templatical",
-  "version": "0.16.3",
+  "version": "0.16.4",
   "bugs": "https://github.com/templatical/sdk/issues",
   "devDependencies": {
-    "@lucide/vue": "^1.24.0",
+    "@lucide/vue": "^1.25.0",
     "@tiptap/core": "^3.28.0",
     "@tiptap/extension-color": "^3.28.0",
     "@tiptap/extension-font-family": "^3.28.0",
@@ -32,9 +32,9 @@
     "vue": "^3.5.40",
     "vue-draggable-plus": "^0.6.1",
     "vue-tsc": "^3.3.7",
-    "@templatical/core": "0.16.3",
-    "@templatical/quality": "0.16.3",
-    "@templatical/types": "0.16.3"
+    "@templatical/core": "0.16.4",
+    "@templatical/quality": "0.16.4",
+    "@templatical/types": "0.16.4"
   },
   "exports": {
     ".": {
@@ -62,9 +62,9 @@
   "license": "SEE LICENSE IN LICENSE",
   "module": "./dist/templatical-editor.js",
   "peerDependencies": {
-    "@templatical/media-library": "0.16.3",
-    "@templatical/quality": "0.16.3",
-    "@templatical/renderer": "0.16.3"
+    "@templatical/media-library": "0.16.4",
+    "@templatical/quality": "0.16.4",
+    "@templatical/renderer": "0.16.4"
   },
   "peerDependenciesMeta": {
     "@templatical/renderer": {

package/dist/cdn/chunks/CountdownToolbar-B1oniVq1.js

@@ -1,212 +0,0 @@
-import { M as e, P as t, V as n, ct as r, f as i, g as a, it as o, m as s, ot as c, p as l, u, v as d, x as f, y as p } from "./draggable-D840DIZB.js";
-import { zt as m } from "./features-Dwb5aTLg.js";
-import { f as h, t as g } from "./ColorPicker-Pi-1fR8c.js";
-import { n as _, r as v, t as y } from "./NumberWithSuffix-CkOxH3F7.js";
-//#region src/components/toolbar/CheckboxItem.vue?vue&type=script&setup=true&lang.ts
-var b = { class: "tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-2 tpl:text-[12px] tpl:text-[var(--tpl-text)]" }, x = ["checked"], S = /* @__PURE__ */ f({
-	__name: "CheckboxItem",
-	props: {
-		modelValue: { type: Boolean },
-		label: {}
-	},
-	emits: ["update:modelValue"],
-	setup(t, { emit: n }) {
-		let i = n;
-		return (n, o) => (e(), a("label", b, [l("input", {
-			type: "checkbox",
-			class: "tpl:size-3.5 tpl:cursor-pointer tpl:accent-[var(--tpl-primary)]",
-			checked: t.modelValue,
-			onChange: o[0] ||= (e) => i("update:modelValue", e.target.checked)
-		}, null, 40, x), d(" " + r(t.label), 1)]));
-	}
-}), C = ["value"], w = ["value"], T = ["value"], E = { class: "tpl:grid tpl:grid-cols-2 tpl:gap-2" }, D = ["value"], O = { value: "" }, k = ["value"], A = { class: "tpl:grid tpl:grid-cols-2 tpl:gap-3" }, j = { class: "tpl:grid tpl:grid-cols-2 tpl:gap-3" }, M = { class: "tpl:grid tpl:grid-cols-2 tpl:gap-2" }, N = [
-	"value",
-	"placeholder",
-	"onInput"
-], P = ["value", "placeholder"], F = ["value"], I = /* @__PURE__ */ f({
-	__name: "CountdownToolbar",
-	props: {
-		block: {},
-		fontFamilies: {}
-	},
-	emits: ["update"],
-	setup(d, { emit: f }) {
-		let b = f, { t: x } = m(), I = [
-			"UTC",
-			"America/New_York",
-			"America/Chicago",
-			"America/Denver",
-			"America/Los_Angeles",
-			"Europe/London",
-			"Europe/Berlin",
-			"Europe/Paris",
-			"Europe/Moscow",
-			"Asia/Dubai",
-			"Asia/Kolkata",
-			"Asia/Shanghai",
-			"Asia/Tokyo",
-			"Australia/Sydney",
-			"Pacific/Auckland"
-		], L = [
-			{
-				value: ":",
-				label: ":"
-			},
-			{
-				value: "-",
-				label: "-"
-			},
-			{
-				value: " ",
-				label: "␣"
-			}
-		], R = [
-			"Days",
-			"Hours",
-			"Minutes",
-			"Seconds"
-		], z = i(() => R.map((e) => ({
-			unit: e,
-			showKey: `show${e}`,
-			labelKey: `label${e}`,
-			translationKey: e.toLowerCase()
-		})));
-		function B(e, t) {
-			b("update", { [e]: t });
-		}
-		return (i, f) => (e(), a(u, null, [
-			p(_, { label: o(x).countdown.targetDate }, {
-				default: n(() => [l("input", {
-					type: "datetime-local",
-					class: c(o(h)),
-					value: d.block.targetDate,
-					onInput: f[0] ||= (e) => B("targetDate", e.target.value)
-				}, null, 42, C)]),
-				_: 1
-			}, 8, ["label"]),
-			p(_, { label: o(x).countdown.timezone }, {
-				default: n(() => [l("select", {
-					class: c(o(h)),
-					value: d.block.timezone,
-					onChange: f[1] ||= (e) => B("timezone", e.target.value)
-				}, [(e(), a(u, null, t(I, (e) => l("option", {
-					key: e,
-					value: e
-				}, r(e), 9, T)), 64))], 42, w)]),
-				_: 1
-			}, 8, ["label"]),
-			p(_, { label: o(x).countdown.display }, {
-				default: n(() => [l("div", E, [(e(!0), a(u, null, t(z.value, (t) => (e(), s(S, {
-					key: t.unit,
-					"model-value": d.block[t.showKey],
-					label: o(x).countdown[t.translationKey],
-					"onUpdate:modelValue": (e) => B(t.showKey, e)
-				}, null, 8, [
-					"model-value",
-					"label",
-					"onUpdate:modelValue"
-				]))), 128))])]),
-				_: 1
-			}, 8, ["label"]),
-			p(_, { label: o(x).countdown.separator }, {
-				default: n(() => [p(v, {
-					options: L,
-					"model-value": d.block.separator,
-					"onUpdate:modelValue": f[2] ||= (e) => B("separator", e)
-				}, null, 8, ["model-value"])]),
-				_: 1
-			}, 8, ["label"]),
-			p(_, { label: o(x).countdown.fontFamily }, {
-				default: n(() => [l("select", {
-					class: c(o(h)),
-					value: d.block.fontFamily || "",
-					onChange: f[3] ||= (e) => B("fontFamily", e.target.value || void 0)
-				}, [l("option", O, r(o(x).countdown.inheritFont), 1), (e(!0), a(u, null, t(d.fontFamilies, (t) => (e(), a("option", {
-					key: t.value,
-					value: t.value
-				}, r(t.label), 9, k))), 128))], 42, D)]),
-				_: 1
-			}, 8, ["label"]),
-			l("div", A, [p(_, { label: o(x).countdown.digitFontSize }, {
-				default: n(() => [p(y, {
-					"model-value": d.block.digitFontSize,
-					min: 12,
-					max: 72,
-					suffix: "px",
-					"onUpdate:modelValue": f[4] ||= (e) => B("digitFontSize", e)
-				}, null, 8, ["model-value"])]),
-				_: 1
-			}, 8, ["label"]), p(_, { label: o(x).countdown.labelFontSize }, {
-				default: n(() => [p(y, {
-					"model-value": d.block.labelFontSize,
-					min: 8,
-					max: 24,
-					suffix: "px",
-					"onUpdate:modelValue": f[5] ||= (e) => B("labelFontSize", e)
-				}, null, 8, ["model-value"])]),
-				_: 1
-			}, 8, ["label"])]),
-			l("div", j, [p(_, { label: o(x).countdown.digitColor }, {
-				default: n(() => [p(g, {
-					"model-value": d.block.digitColor,
-					"onUpdate:modelValue": f[6] ||= (e) => B("digitColor", e)
-				}, null, 8, ["model-value"])]),
-				_: 1
-			}, 8, ["label"]), p(_, { label: o(x).countdown.labelColor }, {
-				default: n(() => [p(g, {
-					"model-value": d.block.labelColor,
-					"onUpdate:modelValue": f[7] ||= (e) => B("labelColor", e)
-				}, null, 8, ["model-value"])]),
-				_: 1
-			}, 8, ["label"])]),
-			p(_, { label: o(x).countdown.background }, {
-				default: n(() => [p(g, {
-					"model-value": d.block.backgroundColor,
-					"onUpdate:modelValue": f[8] ||= (e) => B("backgroundColor", e)
-				}, null, 8, ["model-value"])]),
-				_: 1
-			}, 8, ["label"]),
-			p(_, { label: o(x).countdown.labels }, {
-				default: n(() => [l("div", M, [(e(!0), a(u, null, t(z.value, (t) => (e(), a("input", {
-					key: t.unit,
-					type: "text",
-					class: c(o(h)),
-					value: d.block[t.labelKey],
-					placeholder: o(x).countdown[t.translationKey],
-					onInput: (e) => B(t.labelKey, e.target.value)
-				}, null, 42, N))), 128))])]),
-				_: 1
-			}, 8, ["label"]),
-			p(_, { label: o(x).countdown.expiry }, {
-				default: n(() => [l("input", {
-					type: "text",
-					class: c(o(h)),
-					value: d.block.expiredMessage,
-					placeholder: o(x).countdown.expiredMessagePlaceholder,
-					onInput: f[9] ||= (e) => B("expiredMessage", e.target.value)
-				}, null, 42, P)]),
-				_: 1
-			}, 8, ["label"]),
-			p(_, { label: o(x).countdown.expiredImageUrl }, {
-				default: n(() => [l("input", {
-					type: "url",
-					class: c(o(h)),
-					value: d.block.expiredImageUrl,
-					placeholder: "https://...",
-					onInput: f[10] ||= (e) => B("expiredImageUrl", e.target.value)
-				}, null, 42, F)]),
-				_: 1
-			}, 8, ["label"]),
-			p(S, {
-				"model-value": d.block.hideOnExpiry,
-				label: o(x).countdown.hideOnExpiry,
-				class: "tpl:mb-3.5",
-				"onUpdate:modelValue": f[11] ||= (e) => B("hideOnExpiry", e)
-			}, null, 8, ["model-value", "label"])
-		], 64));
-	}
-});
-//#endregion
-export { I as default };
-
-//# sourceMappingURL=CountdownToolbar-B1oniVq1.js.map