npm - @templatical/editor - Versions diffs - 0.16.3 → 0.16.5 - Mend

@templatical/editor 0.16.3 → 0.16.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (139) hide show

package/dist/cdn/chunks/{features-Dwb5aTLg.js → features-BSpDuFFR.js} RENAMED Viewed

@@ -1564,7 +1564,7 @@ function Cr(e) {
 	o || l();
 	async function l() {
 		try {
-			let t = await import("./quality-A_V2Iqu_.js").then((e) => e.t);
+			let t = await import("./quality-Bb7vN32U.js").then((e) => e.t);
 			if (c) return;
 			a.value = { lintTemplate: t.lintTemplate }, r.value = !0, u(), s = fn(e.content, u, {
 				debounce: e.debounce ?? 500,
@@ -2048,7 +2048,7 @@ function Qr() {
 	return v(Zr, {});
 }
 //#endregion
-//#region ../../node_modules/.pnpm/@lucide+vue@1.24.0_vue@3.5.40_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/Icon.mjs
+//#region ../../node_modules/.pnpm/@lucide+vue@1.25.0_vue@3.5.40_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/Icon.mjs
 var $r = ({ name: e, iconNode: t, "icon-node": n, absoluteStrokeWidth: r, "absolute-stroke-width": i, strokeWidth: o, "stroke-width": s, size: c, color: l, ...u }, { slots: d }) => {
 	let { size: f, color: p, strokeWidth: m = 2, absoluteStrokeWidth: h = !1, class: g = "" } = Qr(), _ = O(() => {
 		let e = Gr(r) || Gr(i) || r === !0 || i === !0 || h === !0, t = o || s || m || Xr["stroke-width"];
@@ -3415,7 +3415,31 @@ var za = {
 			})
 		}, D(e.block.separator), 5)) : A("", !0)], 64))), 128))], 4)) : (f(), k("div", $a, [V(j(Ci), { size: 16 }), I("span", null, D(j(n).menu.addLinks), 1)]))]));
 	}
-}), to = /* @__PURE__ */ new Set([
+});
+//#endregion
+//#region src/composables/usePopoverRoot.ts
+function to() {
+	return v(pr, C(null));
+}
+//#endregion
+//#region src/composables/usePopoverPosition.ts
+function no() {
+	let e = to();
+	function t(t) {
+		let n = e.value?.getBoundingClientRect();
+		return n ? {
+			top: t.top - n.top,
+			left: t.left - n.left
+		} : {
+			top: t.top,
+			left: t.left
+		};
+	}
+	return { toLocal: t };
+}
+//#endregion
+//#region src/utils/sanitizeRichTextHtml.ts
+var ro = /* @__PURE__ */ new Set([
 	"http",
 	"https",
 	"mailto",
@@ -3425,7 +3449,7 @@ var za = {
 	"sms",
 	"xmpp",
 	"cid"
-]), no = /* @__PURE__ */ new Set([
+]), io = /* @__PURE__ */ new Set([
 	"SCRIPT",
 	"STYLE",
 	"IFRAME",
@@ -3435,7 +3459,7 @@ var za = {
 	"META",
 	"BASE",
 	"FORM"
-]), ro = /* @__PURE__ */ new Set([
+]), ao = /* @__PURE__ */ new Set([
 	"href",
 	"xlink:href",
 	"formaction",
@@ -3444,16 +3468,16 @@ var za = {
 	"background",
 	"poster"
 ]);
-function io(e, t) {
+function oo(e, t) {
 	let n = e.replace(/[\t\n\r]/g, "").replace(/^[\u0000-\u0020]+/, "").trimEnd();
 	if (!n || n.startsWith("#")) return !0;
 	let r = /^([a-z][a-z0-9+.-]*):/i.exec(n);
 	if (!r) return !0;
 	let i = r[1].toLowerCase();
-	return to.has(i) ? !0 : t && i === "data" ? /^data:image\/(png|jpe?g|gif|webp|svg\+xml);/i.test(n) : !1;
+	return ro.has(i) ? !0 : t && i === "data" ? /^data:image\/(png|jpe?g|gif|webp|svg\+xml);/i.test(n) : !1;
 }
-function ao(e) {
-	if (no.has(e.tagName)) {
+function so(e) {
+	if (io.has(e.tagName)) {
 		e.remove();
 		return;
 	}
@@ -3465,57 +3489,57 @@ function ao(e) {
 			e.removeAttribute(n);
 			continue;
 		}
-		if (ro.has(t)) {
-			io(e.getAttribute(n) ?? "", !1) || e.removeAttribute(n);
+		if (ao.has(t)) {
+			oo(e.getAttribute(n) ?? "", !1) || e.removeAttribute(n);
 			continue;
 		}
 		if (t === "src") {
-			io(e.getAttribute(n) ?? "", !0) || e.removeAttribute(n);
+			oo(e.getAttribute(n) ?? "", !0) || e.removeAttribute(n);
 			continue;
 		}
 		t === "srcdoc" && e.removeAttribute(n);
 	}
 	let n = Array.from(e.children);
-	for (let e of n) ao(e);
+	for (let e of n) so(e);
 }
-function oo(e) {
+function co(e) {
 	if (typeof DOMParser > "u") return e;
 	let t = new DOMParser().parseFromString(`<!doctype html><body>${e}</body>`, "text/html").body, n = Array.from(t.children);
-	for (let e of n) ao(e);
+	for (let e of n) so(e);
 	return t.innerHTML;
 }
 //#endregion
 //#region src/composables/useEditableTextBlock.ts
-function so(e) {
-	let t = v(Zn, []), { syntax: n } = na(), r = O(() => oo(wt(bt(e(), t), n))), i = C(!1), a = C(null), { top: o, left: s } = kn(a), c = O(() => ({
+function lo(e) {
+	let t = v(Zn, []), { syntax: n } = na(), r = O(() => co(wt(bt(e(), t), n))), i = C(!1), a = C(null), { top: o, left: s } = kn(a), { toLocal: c } = no(), l = O(() => c({
 		top: o.value - 8,
 		left: s.value
 	}));
-	function l() {
+	function u() {
 		i.value = !0;
 	}
-	function u() {
+	function d() {
 		i.value = !1;
 	}
 	return {
 		isEditing: i,
 		blockRef: a,
-		toolbarPosition: c,
+		toolbarPosition: l,
 		resolvedContent: r,
-		handleDoubleClick: l,
-		handleEditorDone: u
+		handleDoubleClick: u,
+		handleEditorDone: d
 	};
 }
 //#endregion
 //#region src/components/blocks/ParagraphBlock.vue?vue&type=script&setup=true&lang.ts
-var co = ["innerHTML"], lo = /* @__PURE__ */ B({
+var uo = ["innerHTML"], fo = /* @__PURE__ */ B({
 	__name: "ParagraphBlock",
 	props: {
 		block: {},
 		viewport: {}
 	},
 	setup(e) {
-		let t = e, n = T(() => import("./ParagraphEditor-4cMKKC-V.js")), { isEditing: r, blockRef: i, toolbarPosition: a, resolvedContent: o, handleDoubleClick: s, handleEditorDone: c } = so(() => t.block.content);
+		let t = e, n = T(() => import("./ParagraphEditor-IpZsg8qo.js")), { isEditing: r, blockRef: i, toolbarPosition: a, resolvedContent: o, handleDoubleClick: s, handleEditorDone: c } = lo(() => t.block.content);
 		return (t, l) => (f(), k("div", {
 			ref_key: "blockRef",
 			ref: i,
@@ -3534,46 +3558,46 @@ var co = ["innerHTML"], lo = /* @__PURE__ */ B({
 			key: 1,
 			class: "tpl-text-content tpl:outline-none [&_a]:tpl:underline [&_li]:tpl:my-1 [&_ol]:tpl:my-2 [&_ol]:tpl:pl-6 [&_p]:tpl:m-0 [&_p]:tpl:mb-2 [&_p:last-child]:tpl:mb-0 [&_s]:tpl:line-through [&_sub]:tpl:align-sub [&_sub]:tpl:text-[0.75em] [&_sup]:tpl:align-super [&_sup]:tpl:text-[0.75em] [&_ul]:tpl:my-2 [&_ul]:tpl:pl-6",
 			innerHTML: j(o)
-		}, null, 8, co))], 544));
+		}, null, 8, uo))], 544));
 	}
 });
 //#endregion
 //#region src/utils/blockComponentResolver.ts
-function uo(e, t, n) {
+function po(e, t, n) {
 	if (t) {
 		let n = t.getComponent(e);
 		if (n) return n;
 	}
 	return n[e.type] ?? null;
 }
-function fo(e) {
+function mo(e) {
 	let { padding: t, backgroundColor: n } = e.styles, r = {
 		padding: `${t.top}px ${t.right}px ${t.bottom}px ${t.left}px`,
 		backgroundColor: n || "transparent"
 	};
 	return e.type === "section" && e.borderRadius && e.borderRadius > 0 && (r.borderRadius = `${e.borderRadius}px`), r;
 }
-function po(e) {
+function ho(e) {
 	if (e.type !== "section" || !e.wrapper) return null;
 	let t = e.wrapper, n = {};
 	return t.backgroundColor && (n.backgroundColor = t.backgroundColor), t.padding && (n.padding = `${t.padding.top}px ${t.padding.right}px ${t.padding.bottom}px ${t.padding.left}px`), t.borderRadius && t.borderRadius > 0 && (n.borderRadius = `${t.borderRadius}px`), n;
 }
 //#endregion
 //#region src/components/blocks/BlockWrapper.vue?vue&type=script&setup=true&lang.ts
-var mo = ["data-block-id", "data-block-type"], ho = ["aria-label"], go = [
+var go = ["data-block-id", "data-block-type"], _o = ["aria-label"], vo = [
 	"aria-label",
 	"aria-pressed",
 	"title"
-], _o = ["aria-label", "title"], vo = ["aria-label", "title"], yo = ["aria-label", "title"], bo = {
+], yo = ["aria-label", "title"], bo = ["aria-label", "title"], xo = ["aria-label", "title"], So = {
 	key: 1,
 	class: "tpl-block-hidden-overlay tpl:pointer-events-none tpl:absolute tpl:inset-0 tpl:z-[5] tpl:flex tpl:items-center tpl:justify-center tpl:rounded-sm"
-}, xo = { class: "tpl:flex tpl:items-center tpl:gap-1 tpl:rounded tpl:px-2 tpl:py-1 tpl:text-[10px] tpl:font-medium tpl:bg-[var(--tpl-bg-elevated)] tpl:text-[var(--tpl-text-muted)] tpl:shadow-[var(--tpl-shadow-sm)]" }, So = {
+}, Co = { class: "tpl:flex tpl:items-center tpl:gap-1 tpl:rounded tpl:px-2 tpl:py-1 tpl:text-[10px] tpl:font-medium tpl:bg-[var(--tpl-bg-elevated)] tpl:text-[var(--tpl-text-muted)] tpl:shadow-[var(--tpl-shadow-sm)]" }, wo = {
 	key: 2,
 	class: "tpl:absolute tpl:-left-1 tpl:top-1/2 tpl:z-[5] tpl:-translate-x-full tpl:-translate-y-1/2"
-}, Co = ["aria-label", "title"], wo = {
+}, To = ["aria-label", "title"], Eo = {
 	key: 3,
 	class: "tpl:absolute tpl:-right-1 tpl:-top-1 tpl:z-[5] tpl:translate-x-full"
-}, To = ["aria-label"], Eo = /*#__PURE__*/ Gi(/* @__PURE__ */ B({
+}, Do = ["aria-label"], Oo = /*#__PURE__*/ Gi(/* @__PURE__ */ B({
 	__name: "BlockWrapper",
 	props: {
 		block: {},
@@ -3583,7 +3607,7 @@ var mo = ["data-block-id", "data-block-type"], ho = ["aria-label"], go = [
 	},
 	emits: ["select"],
 	setup(e, { emit: t }) {
-		let n = T(() => import("./BlockIssueBadge-BAa_dI-c.js")), r = e, i = t, { t: a, format: s } = Y(), c = v(ur, null), l = C(null), u = O(() => c?.liftedBlockId.value === r.block.id), d = O(() => u.value ? s(a.blockActions.dragLifted, { block: r.block.type }) : a.blockActions.drag);
+		let n = T(() => import("./BlockIssueBadge-BHEl_Hs7.js")), r = e, i = t, { t: a, format: s } = Y(), c = v(ur, null), l = C(null), u = O(() => c?.liftedBlockId.value === r.block.id), d = O(() => u.value ? s(a.blockActions.dragLifted, { block: r.block.type }) : a.blockActions.drag);
 		async function p() {
 			await m(), l.value?.focus();
 		}
@@ -3610,12 +3634,12 @@ var mo = ["data-block-id", "data-block-type"], ho = ["aria-label"], go = [
 			desktop: a.viewport.desktop,
 			mobile: a.viewport.mobile
 		}[r.viewport] ?? r.viewport : ""), b = O(() => !!r.block.displayCondition), x = v(Vn, null), S = v(Hn, null), w = v(lr, {}), ee = O(() => !!w.savedModules), E = O(() => w.comments?.getBlockCount(r.block.id) ?? 0), te = O(() => {
-			let e = fo(r.block), t = {
+			let e = mo(r.block), t = {
 				padding: e.padding,
 				backgroundColor: e.backgroundColor
 			};
 			return e.borderRadius && (t.borderRadius = e.borderRadius), t;
-		}), ne = O(() => po(r.block));
+		}), ne = O(() => ho(r.block));
 		function re(e) {
 			r.previewMode || (e.target?.closest("a") && e.preventDefault(), e.stopPropagation(), i("select"));
 		}
@@ -3661,7 +3685,7 @@ var mo = ["data-block-id", "data-block-type"], ho = ["aria-label"], go = [
 				}, [V(j(_i), {
 					size: 14,
 					"stroke-width": 1.5
-				})], 40, go),
+				})], 40, vo),
 				I("button", {
 					class: "tpl-block-action-btn tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-sm tpl:border-none tpl:transition-colors tpl:duration-150",
 					"aria-label": j(a).blockActions.duplicate,
@@ -3670,7 +3694,7 @@ var mo = ["data-block-id", "data-block-type"], ho = ["aria-label"], go = [
 				}, [V(j(di), {
 					size: 14,
 					"stroke-width": 1.5
-				})], 8, _o),
+				})], 8, yo),
 				ee.value ? (f(), k("button", {
 					key: 0,
 					class: "tpl-block-action-btn tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-sm tpl:border-none tpl:transition-colors tpl:duration-150",
@@ -3680,7 +3704,7 @@ var mo = ["data-block-id", "data-block-type"], ho = ["aria-label"], go = [
 				}, [V(j(ei), {
 					size: 14,
 					"stroke-width": 1.5
-				})], 8, vo)) : A("", !0),
+				})], 8, bo)) : A("", !0),
 				I("button", {
 					class: "tpl-block-action-btn tpl-block-delete-btn tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-sm tpl:border-none tpl:transition-colors tpl:duration-150",
 					"aria-label": j(a).blockActions.delete,
@@ -3689,13 +3713,13 @@ var mo = ["data-block-id", "data-block-type"], ho = ["aria-label"], go = [
 				}, [V(j(Fi), {
 					size: 14,
 					"stroke-width": 1.5
-				})], 8, yo)
-			], 8, ho)) : A("", !0),
-			g.value ? (f(), k("div", bo, [I("span", xo, [V(j(fi), {
+				})], 8, xo)
+			], 8, _o)) : A("", !0),
+			g.value ? (f(), k("div", So, [I("span", Co, [V(j(fi), {
 				size: 12,
 				"stroke-width": 1.5
 			}), z(" " + D(j(s)(j(a).blockActions.hiddenOnViewport, { viewport: y.value })), 1)])])) : A("", !0),
-			b.value && !g.value ? (f(), k("div", So, [I("button", {
+			b.value && !g.value ? (f(), k("div", wo, [I("button", {
 				class: "tpl-condition-toggle tpl:flex tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-md tpl:p-1 tpl:transition-colors tpl:duration-150 tpl:bg-[var(--tpl-bg-elevated)] tpl:text-[var(--tpl-primary)] tpl:border tpl:border-[var(--tpl-border)]",
 				"aria-label": j(a).blockActions.conditionToggle,
 				title: e.block.displayCondition?.label,
@@ -3703,15 +3727,15 @@ var mo = ["data-block-id", "data-block-type"], ho = ["aria-label"], go = [
 			}, [V(j(gi), {
 				size: 12,
 				"stroke-width": 2
-			})], 8, Co)])) : A("", !0),
-			E.value > 0 && !g.value ? (f(), k("div", wo, [I("button", {
+			})], 8, To)])) : A("", !0),
+			E.value > 0 && !g.value ? (f(), k("div", Eo, [I("button", {
 				class: "tpl-comment-indicator tpl:flex tpl:min-h-6 tpl:min-w-6 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-0.5 tpl:rounded-full tpl:border-none tpl:px-2 tpl:py-0.5 tpl:text-[10px] tpl:font-semibold tpl:transition-colors tpl:duration-150 tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-primary)]",
 				"aria-label": j(s)(j(a).blockActions.comments, { count: String(E.value) }),
 				onClick: r[0] ||= M((t) => j(w).comments?.openForBlock(e.block.id), ["stop"])
 			}, [V(j(Si), {
 				size: 12,
 				"stroke-width": 2.5
-			}), z(" " + D(E.value), 1)], 8, To)])) : A("", !0),
+			}), z(" " + D(E.value), 1)], 8, Do)])) : A("", !0),
 			ne.value ? (f(), k("div", {
 				key: 4,
 				class: "tpl-section-wrapper",
@@ -3724,31 +3748,31 @@ var mo = ["data-block-id", "data-block-type"], ho = ["aria-label"], go = [
 				class: "tpl-block-content",
 				style: L(te.value)
 			}, [o(t.$slots, "default", {}, void 0, !0)], 4))
-		], 10, mo));
+		], 10, go));
 	}
 }), [["__scopeId", "data-v-7d9e7893"]]);
 //#endregion
 //#region src/utils/unwrapParagraph.ts
-function Do(e) {
+function ko(e) {
 	let t = e.match(/^\s*<p\b[^>]*>([\s\S]*)<\/p>\s*$/);
 	return !t || /<\/p>\s*<p\b/i.test(t[1]) ? e : t[1];
 }
 //#endregion
 //#region src/components/blocks/TitleBlock.vue
-var Oo = /* @__PURE__ */ B({
+var Ao = /* @__PURE__ */ B({
 	__name: "TitleBlock",
 	props: {
 		block: {},
 		viewport: {}
 	},
 	setup(e) {
-		let t = e, n = T(() => import("./TitleEditor-Cqw2jvuc.js")), { isEditing: r, blockRef: i, toolbarPosition: a, resolvedContent: o, handleDoubleClick: s, handleEditorDone: c } = so(() => t.block.content), l = O(() => {
+		let t = e, n = T(() => import("./TitleEditor-DU8wm0Rh.js")), { isEditing: r, blockRef: i, toolbarPosition: a, resolvedContent: o, handleDoubleClick: s, handleEditorDone: c } = lo(() => t.block.content), l = O(() => {
 			let e = {
 				fontSize: `${pe[t.block.level]}px`,
 				textAlign: t.block.textAlign
 			};
 			return t.block.color && (e.color = t.block.color), t.block.fontFamily && (e.fontFamily = t.block.fontFamily), e;
-		}), u = O(() => `h${t.block.level}`), p = O(() => Do(o.value));
+		}), u = O(() => `h${t.block.level}`), p = O(() => ko(o.value));
 		return (t, o) => (f(), k("div", {
 			ref_key: "blockRef",
 			ref: i,
@@ -3774,16 +3798,16 @@ var Oo = /* @__PURE__ */ B({
 });
 //#endregion
 //#region src/utils/sectionColumnDrop.ts
-function ko(e) {
+function jo(e) {
 	return e.dataset.blockType !== "section" && e.dataset.paletteType !== "section";
 }
 //#endregion
 //#region src/components/blocks/SectionBlock.vue?vue&type=script&setup=true&lang.ts
-var Ao = { class: "tpl:w-full" }, jo = { class: "tpl:flex tpl:gap-0" }, Mo = {
+var Mo = { class: "tpl:w-full" }, No = {
 	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)]"
-}, No = /* @__PURE__ */ B({
+}, Po = /* @__PURE__ */ B({
 	__name: "SectionBlock",
 	props: {
 		block: {},
@@ -3791,8 +3815,8 @@ var Ao = { class: "tpl:w-full" }, jo = { class: "tpl:flex tpl:gap-0" }, Mo = {
 	},
 	setup(e) {
 		let t = {
-			title: Oo,
-			paragraph: lo,
+			title: Ao,
+			paragraph: fo,
 			image: Xa,
 			button: Wr,
 			divider: Aa,
@@ -3813,34 +3837,34 @@ var Ao = { class: "tpl:w-full" }, jo = { class: "tpl:flex tpl:gap-0" }, Mo = {
 			let e = s.value.length, t = [...n.block.children];
 			for (; t.length < e;) t.push([]);
 			return t.slice(0, e);
-		});
-		function u(e) {
+		}), u = O(() => n.viewport === "mobile" && n.block.stackOnMobile !== !1);
+		function p(e) {
 			return l.value[e] || [];
 		}
-		function p(e, t) {
+		function m(e, t) {
 			let r = t.map((e) => JSON.parse(JSON.stringify(e))), a = [...n.block.children];
 			for (; a.length <= e;) a.push([]);
 			a[e] = r, i.updateBlock(n.block.id, { children: a });
 		}
-		function m(e) {
-			return uo(e, o, t);
+		function g(e) {
+			return po(e, o, t);
 		}
-		function g(e, t) {
+		function _(e, t) {
 			e.type === "custom" && i.updateBlock(e.id, {
 				fieldValues: t.fieldValues,
 				dataSourceFetched: t.dataSourceFetched
 			});
 		}
-		return (t, n) => (f(), k("div", Ao, [I("div", jo, [(f(!0), k(R, null, h(l.value, (t, n) => (f(), k("div", {
+		return (t, n) => (f(), k("div", Mo, [I("div", { class: F(["tpl:flex tpl:gap-0", { "tpl:flex-col": u.value }]) }, [(f(!0), k(R, null, h(l.value, (t, n) => (f(), k("div", {
 			key: n,
-			class: F(["tpl:relative tpl:min-h-[60px] tpl:rounded", u(n).length === 0 ? "tpl:border tpl:border-dashed tpl:border-[var(--tpl-border)]" : ""]),
-			style: L({ width: s.value[n] })
+			class: F(["tpl:relative tpl:min-h-[60px] tpl:rounded", p(n).length === 0 ? "tpl:border tpl:border-dashed tpl:border-[var(--tpl-border)]" : ""]),
+			style: L({ width: u.value ? "100%" : s.value[n] })
 		}, [V(j(ce), {
-			"model-value": u(n),
+			"model-value": p(n),
 			group: {
 				name: "blocks",
 				pull: !0,
-				put: (e, t, n) => j(ko)(n)
+				put: (e, t, n) => j(jo)(n)
 			},
 			animation: 150,
 			"ghost-class": "tpl-ghost",
@@ -3851,19 +3875,19 @@ var Ao = { class: "tpl:w-full" }, jo = { class: "tpl:flex tpl:gap-0" }, Mo = {
 			"empty-insert-threshold": 20,
 			"force-fallback": !0,
 			class: "tpl:min-h-[60px]",
-			"onUpdate:modelValue": (e) => p(n, e)
+			"onUpdate:modelValue": (e) => m(n, e)
 		}, {
-			default: b(() => [(f(!0), k(R, null, h(u(n), (t) => c((f(), k("div", { key: t.id }, [V(Eo, {
+			default: b(() => [(f(!0), k(R, null, h(p(n), (t) => c((f(), k("div", { key: t.id }, [V(Oo, {
 				block: t,
 				"is-selected": j(i).state.selectedBlockId === t.id,
 				viewport: e.viewport,
 				"preview-mode": j(i).state.previewMode,
 				onSelect: (e) => j(i).selectBlock(t.id)
 			}, {
-				default: b(() => [(f(), N(d(m(t)), {
+				default: b(() => [(f(), N(d(g(t)), {
 					block: t,
 					viewport: e.viewport,
-					onFetchData: (e) => g(t, e),
+					onFetchData: (e) => _(t, e),
 					onUpdate: (e) => j(i).updateBlock(t.id, e)
 				}, null, 40, [
 					"block",
@@ -3884,13 +3908,13 @@ var Ao = { class: "tpl:w-full" }, jo = { class: "tpl:flex tpl:gap-0" }, Mo = {
 			"model-value",
 			"group",
 			"onUpdate:modelValue"
-		]), u(n).length === 0 ? (f(), k("div", Mo, [I("span", null, D(j(r).section.dropHere), 1)])) : A("", !0)], 6))), 128))])]));
+		]), p(n).length === 0 ? (f(), k("div", No, [I("span", null, D(j(r).section.dropHere), 1)])) : A("", !0)], 6))), 128))], 2)]));
 	}
-}), Po = me, Fo = {
+}), Fo = me, Io = {
 	small: 24,
 	medium: 32,
 	large: 48
-}, Io = [
+}, Lo = [
 	"facebook",
 	"twitter",
 	"instagram",
@@ -3908,11 +3932,11 @@ var Ao = { class: "tpl:w-full" }, jo = { class: "tpl:flex tpl:gap-0" }, Mo = {
 	"github",
 	"dribbble",
 	"behance"
-], Lo = [
+], Ro = [
 	"width",
 	"height",
 	"fill"
-], Ro = ["d"], zo = /* @__PURE__ */ B({
+], zo = ["d"], Bo = /* @__PURE__ */ B({
 	__name: "SocialIconSvg",
 	props: {
 		platform: {},
@@ -3920,7 +3944,7 @@ var Ao = { class: "tpl:w-full" }, jo = { class: "tpl:flex tpl:gap-0" }, Mo = {
 		iconSize: {}
 	},
 	setup(e) {
-		let t = e, n = O(() => Po[t.platform]), r = O(() => Fo[t.iconSize]), i = O(() => {
+		let t = e, n = O(() => Fo[t.platform]), r = O(() => Io[t.iconSize]), i = O(() => {
 			let e = {
 				display: "inline-flex",
 				alignItems: "center",
@@ -3964,12 +3988,12 @@ var Ao = { class: "tpl:w-full" }, jo = { class: "tpl:flex tpl:gap-0" }, Mo = {
 			viewBox: "0 0 24 24",
 			fill: o.value,
 			xmlns: "http://www.w3.org/2000/svg"
-		}, [I("path", { d: n.value.path }, null, 8, Ro)], 8, Lo))], 4));
+		}, [I("path", { d: n.value.path }, null, 8, zo)], 8, Ro))], 4));
 	}
-}), Bo = { class: "tpl:w-full" }, Vo = ["href"], Ho = {
+}), Vo = { class: "tpl:w-full" }, Ho = ["href"], Uo = {
 	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)]"
-}, Uo = /* @__PURE__ */ B({
+}, Wo = /* @__PURE__ */ B({
 	__name: "SocialIconsBlock",
 	props: {
 		block: {},
@@ -3982,7 +4006,7 @@ var Ao = { class: "tpl:w-full" }, jo = { class: "tpl:flex tpl:gap-0" }, Mo = {
 			gap: `${t.block.spacing}px`,
 			justifyContent: t.block.align === "left" ? "flex-start" : t.block.align === "right" ? "flex-end" : "center"
 		})), i = O(() => t.block.icons.length > 0);
-		return (t, a) => (f(), k("div", Bo, [i.value ? (f(), k("div", {
+		return (t, a) => (f(), k("div", Vo, [i.value ? (f(), k("div", {
 			key: 0,
 			style: L(r.value)
 		}, [(f(!0), k(R, null, h(e.block.icons, (t) => (f(), k("a", {
@@ -3990,7 +4014,7 @@ var Ao = { class: "tpl:w-full" }, jo = { class: "tpl:flex tpl:gap-0" }, Mo = {
 			href: t.url || "#",
 			class: "tpl:cursor-default",
 			onClick: a[0] ||= M(() => {}, ["prevent"])
-		}, [V(zo, {
+		}, [V(Bo, {
 			platform: t.platform,
 			"icon-style": e.block.iconStyle,
 			"icon-size": e.block.iconSize
@@ -3998,16 +4022,16 @@ var Ao = { class: "tpl:w-full" }, jo = { class: "tpl:flex tpl:gap-0" }, Mo = {
 			"platform",
 			"icon-style",
 			"icon-size"
-		])], 8, Vo))), 128))], 4)) : (f(), k("div", Ho, [V(j(Ai), { size: 16 }), I("span", null, D(j(n).social.addIcons), 1)]))]));
+		])], 8, Ho))), 128))], 4)) : (f(), k("div", Uo, [V(j(Ai), { size: 16 }), I("span", null, D(j(n).social.addIcons), 1)]))]));
 	}
-}), Wo = { class: "tpl:w-full" }, Go = {
+}), Go = { class: "tpl:w-full" }, Ko = {
 	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)"
 	}
-}, Ko = /* @__PURE__ */ B({
+}, qo = /* @__PURE__ */ B({
 	__name: "SpacerBlock",
 	props: {
 		block: {},
@@ -4019,23 +4043,23 @@ var Ao = { class: "tpl:w-full" }, jo = { class: "tpl:flex tpl:gap-0" }, Mo = {
 			minHeight: `${t.block.height}px`,
 			...n.state.previewMode ? {} : { borderColor: "var(--tpl-border)" }
 		}));
-		return (t, i) => (f(), k("div", Wo, [I("div", {
+		return (t, i) => (f(), k("div", Go, [I("div", {
 			style: L(r.value),
 			class: F(["tpl:relative tpl:flex tpl:items-center tpl:justify-center", { "tpl:border-y tpl:border-dashed": !j(n).state.previewMode }])
-		}, [j(n).state.previewMode ? A("", !0) : (f(), k("span", Go, D(e.block.height) + "px ", 1))], 6)]));
+		}, [j(n).state.previewMode ? A("", !0) : (f(), k("span", Ko, D(e.block.height) + "px ", 1))], 6)]));
 	}
-}), qo = { class: "tpl:w-full" }, Jo = { key: 0 }, Yo = [
+}), Jo = { class: "tpl:w-full" }, Yo = { key: 0 }, Xo = [
 	"aria-label",
 	"data-placeholder",
 	"onBlur"
-], Xo = [
+], Zo = [
 	"aria-label",
 	"data-placeholder",
 	"onBlur"
-], Zo = {
+], Qo = {
 	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)]"
-}, Qo = /*#__PURE__*/ Gi(/* @__PURE__ */ B({
+}, $o = /*#__PURE__*/ Gi(/* @__PURE__ */ B({
 	__name: "TableBlock",
 	props: {
 		block: {},
@@ -4080,11 +4104,11 @@ var Ao = { class: "tpl:w-full" }, jo = { class: "tpl:flex tpl:gap-0" }, Mo = {
 			} : n);
 			i.updateBlock(n.block.id, { rows: o });
 		}
-		return (e, n) => (f(), k("div", qo, [a.value ? (f(), k("table", {
+		return (e, n) => (f(), k("div", Jo, [a.value ? (f(), k("table", {
 			key: 0,
 			style: L(o.value),
 			class: "tpl-table-editable"
-		}, [u.value ? (f(), k("thead", Jo, [I("tr", null, [(f(!0), k(R, null, h(u.value.cells, (e) => c((f(), k("th", {
+		}, [u.value ? (f(), k("thead", Yo, [I("tr", null, [(f(!0), k(R, null, h(u.value.cells, (e) => c((f(), k("th", {
 			key: e.id,
 			style: L(l.value),
 			"aria-label": j(r).table.cellPlaceholder,
@@ -4093,7 +4117,7 @@ var Ao = { class: "tpl:w-full" }, jo = { class: "tpl:flex tpl:gap-0" }, Mo = {
 			onBlur: (t) => m(u.value.id, e.id, t),
 			onKeydown: n[0] ||= E(M((e) => e.target.blur(), ["prevent"]), ["enter"]),
 			onClick: M(p, ["stop"])
-		}, null, 44, Yo)), [[t, e.content]])), 128))])])) : A("", !0), I("tbody", null, [(f(!0), k(R, null, h(d.value, (e) => (f(), k("tr", { key: e.id }, [(f(!0), k(R, null, h(e.cells, (i) => c((f(), k("td", {
+		}, null, 44, Xo)), [[t, e.content]])), 128))])])) : A("", !0), I("tbody", null, [(f(!0), k(R, null, h(d.value, (e) => (f(), k("tr", { key: e.id }, [(f(!0), k(R, null, h(e.cells, (i) => c((f(), k("td", {
 			key: i.id,
 			style: L(s.value),
 			"aria-label": j(r).table.cellPlaceholder,
@@ -4102,9 +4126,9 @@ var Ao = { class: "tpl:w-full" }, jo = { class: "tpl:flex tpl:gap-0" }, Mo = {
 			onBlur: (t) => m(e.id, i.id, t),
 			onKeydown: n[1] ||= E(M((e) => e.target.blur(), ["prevent"]), ["enter"]),
 			onClick: M(p, ["stop"])
-		}, null, 44, Xo)), [[t, i.content]])), 128))]))), 128))])], 4)) : (f(), k("div", Zo, [V(j(Pi), { size: 16 }), I("span", null, D(j(r).table.empty), 1)]))]));
+		}, null, 44, Zo)), [[t, i.content]])), 128))]))), 128))])], 4)) : (f(), k("div", Qo, [V(j(Pi), { size: 16 }), I("span", null, D(j(r).table.empty), 1)]))]));
 	}
-}), [["__scopeId", "data-v-963ac422"]]), $o = /* @__PURE__ */ B({
+}), [["__scopeId", "data-v-963ac422"]]), es = /* @__PURE__ */ B({
 	__name: "VideoPlayButton",
 	props: { hoverEffect: {
 		type: Boolean,
@@ -4122,7 +4146,7 @@ var Ao = { class: "tpl:w-full" }, jo = { class: "tpl:flex tpl:gap-0" }, Mo = {
 });
 //#endregion
 //#region src/utils/videoThumbnail.ts
-function es(e) {
+function ts(e) {
 	if (!e) return {
 		platform: "unknown",
 		videoId: null,
@@ -4154,25 +4178,25 @@ function es(e) {
 		thumbnailUrl: null
 	};
 }
-function ts(e, t) {
-	return t || es(e).thumbnailUrl;
+function ns(e, t) {
+	return t || ts(e).thumbnailUrl;
 }
 //#endregion
 //#region src/components/blocks/VideoBlock.vue?vue&type=script&setup=true&lang.ts
-var ns = ["src", "alt"], rs = {
+var rs = ["src", "alt"], is = {
 	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" }
-}, is = ["href"], as = ["src", "alt"], os = ["src", "alt"], ss = {
+}, as = ["href"], os = ["src", "alt"], ss = ["src", "alt"], cs = {
 	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)]"
-}, cs = /* @__PURE__ */ B({
+}, ls = /* @__PURE__ */ B({
 	__name: "VideoBlock",
 	props: {
 		block: {},
 		viewport: {}
 	},
 	setup(e) {
-		let t = e, { t: n } = Y(), { syntax: r } = na(), i = O(() => xt(t.block.url, r) || xt(t.block.thumbnailUrl, r)), a = O(() => i.value ? null : ts(t.block.url, t.block.thumbnailUrl)), o = O(() => ({ textAlign: t.block.align })), s = O(() => {
+		let t = e, { t: n } = Y(), { syntax: r } = na(), i = O(() => xt(t.block.url, r) || xt(t.block.thumbnailUrl, r)), a = O(() => i.value ? null : ns(t.block.url, t.block.thumbnailUrl)), o = O(() => ({ textAlign: t.block.align })), s = O(() => {
 			let e = t.block.align;
 			return {
 				maxWidth: "100%",
@@ -4193,7 +4217,7 @@ var ns = ["src", "alt"], rs = {
 			class: "tpl:w-full tpl:border-0",
 			src: e.block.placeholderUrl,
 			alt: e.block.alt
-		}, null, 8, ns), V($o)], 4)) : i.value ? (f(), k("div", {
+		}, null, 8, rs), V(es)], 4)) : i.value ? (f(), k("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: L([{ "border-color": "color-mix(in srgb, var(--tpl-primary) 40%, transparent)" }, s.value])
@@ -4202,7 +4226,7 @@ var ns = ["src", "alt"], rs = {
 			"stroke-width": 1.5,
 			class: "tpl:text-[var(--tpl-primary)]",
 			style: { opacity: "0.5" }
-		}), I("span", rs, [V(Vr, { text: c.value }, null, 8, ["text"])])], 4)) : a.value ? (f(), k(R, { key: 2 }, [e.block.url ? (f(), k("a", {
+		}), I("span", is, [V(Vr, { text: c.value }, null, 8, ["text"])])], 4)) : a.value ? (f(), k(R, { key: 2 }, [e.block.url ? (f(), k("a", {
 			key: 0,
 			href: e.block.url,
 			target: "_blank",
@@ -4214,7 +4238,7 @@ var ns = ["src", "alt"], rs = {
 			class: "tpl:w-full tpl:border-0",
 			src: a.value,
 			alt: e.block.alt
-		}, null, 8, as), V($o, { "hover-effect": "" })], 12, is)) : (f(), k("div", {
+		}, null, 8, os), V(es, { "hover-effect": "" })], 12, as)) : (f(), k("div", {
 			key: 1,
 			class: "tpl:relative tpl:inline-block",
 			style: L(s.value)
@@ -4222,28 +4246,28 @@ var ns = ["src", "alt"], rs = {
 			class: "tpl:w-full tpl:border-0",
 			src: a.value,
 			alt: e.block.alt
-		}, null, 8, os), V($o)], 4))], 64)) : (f(), k("div", ss, [V(j(zi), {
+		}, null, 8, ss), V(es)], 4))], 64)) : (f(), k("div", cs, [V(j(zi), {
 			size: 40,
 			"stroke-width": 1.5,
 			class: "tpl:text-[var(--tpl-border-light)]"
 		}), I("span", null, D(j(n).video.addVideo), 1)]))], 4));
 	}
-}), ls = {
-	section: No,
-	title: Oo,
-	paragraph: lo,
+}), us = {
+	section: Po,
+	title: Ao,
+	paragraph: fo,
 	image: Xa,
 	button: Wr,
 	divider: Aa,
-	video: cs,
-	social: Uo,
+	video: ls,
+	social: Wo,
 	menu: eo,
-	table: Qo,
-	spacer: Ko,
+	table: $o,
+	spacer: qo,
 	html: Fa,
-	countdown: T(() => import("./CountdownBlock-Bj7aoBUU.js").then((e) => e.n))
+	countdown: T(() => import("./CountdownBlock-8053oz4k.js").then((e) => e.n))
 };
-function us(e) {
+function ds(e) {
 	let { editor: t, config: n, translations: r, fontsManager: i } = e, { t: a, format: o } = Y(r);
 	t.setUiTheme(n.uiTheme ?? "auto");
 	let { resolvedTheme: c } = Er(O(() => t.state.uiTheme)), u = C(n.theme ?? {}), { themeStyles: d } = Or({
@@ -4275,7 +4299,7 @@ function us(e) {
 		t: a,
 		format: o
 	}), y = Mr();
-	if (Lr(y, ls), n.customBlocks?.length) for (let e of n.customBlocks) y.registerCustom(e, Oa);
+	if (Lr(y, us), n.customBlocks?.length) for (let e of n.customBlocks) y.registerCustom(e, Oa);
 	function b(e) {
 		for (let t of e) y.registerCustom(t, Oa);
 	}
@@ -4332,11 +4356,6 @@ function us(e) {
 	};
 }
 //#endregion
-//#region src/composables/usePopoverRoot.ts
-function ds() {
-	return v(pr, C(null));
-}
-//#endregion
 //#region src/components/TplModal.vue?vue&type=script&setup=true&lang.ts
 var fs = ["data-tpl-theme"], ps = /* @__PURE__ */ B({
 	__name: "TplModal",
@@ -4345,7 +4364,7 @@ var fs = ["data-tpl-theme"], ps = /* @__PURE__ */ B({
 	setup(e, { emit: t }) {
 		let n = e, r = t, i = C(null);
 		Qi(i, O(() => n.visible));
-		let a = v(Gn), s = ds();
+		let a = v(Gn), s = to();
 		function c(e) {
 			e.key === "Escape" && r("close"), r("keydown", e);
 		}
@@ -7412,6 +7431,6 @@ var Nu = {
 	}
 }), Ed = /* @__PURE__ */ e({ default: () => Dd }), Dd = Td;
 //#endregion
-export { la as $, ue as $n, Un as $t, us as A, St as An, li as At, uo as B, we as Bn, hr as Bt, xs as C, Ot as Cn, bi as Ct, hs as D, yt as Dn, fi as Dt, ms as E, Ct as En, pi as Et, Io as F, W as Fn, X as Ft, Ia as G, Se as Gn, lr as Gt, eo as H, Te as Hn, mr as Ht, No as I, We as In, Wr as It, Oa as J, ge as Jn, Hn as Jt, Fa as K, Ce as Kn, yr as Kt, Oo as L, ye as Ln, jr as Lt, Qo as M, lt as Mn, ai as Mt, Ko as N, ct as Nn, ri as Nt, ps as O, ht as On, di as Ot, Uo as P, st as Pn, ni as Pt, pa as Q, fe as Qn, zn as Qt, Eo as R, De as Rn, wr as Rt, Ss as S, Lt as Sn, xi as St, Z as T, xt as Tn, vi as Tt, Xa as U, _e as Un, Kn as Ut, lo as V, ve as Vn, cr as Vt, Ra as W, he as Wn, qn as Wt, _a as X, pe as Xn, Xn as Xt, ya as Y, xe as Yn, Jn as Yt, ha as Z, de as Zn, sr as Zt, Ps as _, An as _n, ki as _t, Ll as a, _r as an, ta as at, As as b, ln as bn, Ci as bt, Zs as c, Wn as cn, Wi as ct, Ws as d, J as dn, Ii as dt, ir as en, ca as et, Us as f, vn as fn, Fi as ft, zs as g, Nn as gn, Ai as gt, Bs as h, q as hn, ji as ht, fu as i, Yn as in, ea as it, cs as j, ut as jn, si as jt, ds as k, mt as kn, ui as kt, Ks as l, Rn as ln, Bi as lt, Vs as m, Dn as mn, Ni as mt, ud as n, Qn as nn, ra as nt, Cc as o, vr as on, Qi as ot, Hs as p, En as pn, Pi as pt, Aa as q, Ee as qn, gr as qt, Du as r, or as rn, na as rt, Qs as s, dr as sn, Gi as st, Ed as t, tr as tn, ia as tt, Gs as u, Gn as un, Ri as ut, Ns as v, on as vn, Di as vt, $ as w, dt as wn, yi as wt, Es as x, un as xn, Si as xt, js as y, an as yn, wi as yt, fo as z, be as zn, Y as zt };
+export { pa as $, fe as $n, zn as $t, ls as A, mt as An, ui as At, fo as B, be as Bn, Y as Bt, xs as C, Lt as Cn, xi as Ct, hs as D, Ct as Dn, pi as Dt, ms as E, xt as En, vi as Et, Po as F, st as Fn, ni as Ft, Ra as G, he as Gn, qn as Gt, to as H, ve as Hn, cr as Ht, Ao as I, W as In, X as It, Aa as J, Ee as Jn, gr as Jt, Ia as K, Se as Kn, lr as Kt, Oo as L, We as Ln, Wr as Lt, qo as M, ut as Mn, si as Mt, Wo as N, lt as Nn, ai as Nt, ps as O, yt as On, fi as Ot, Lo as P, ct as Pn, ri as Pt, ha as Q, de as Qn, sr as Qt, mo as R, ye as Rn, jr as Rt, Ss as S, un as Sn, Si as St, Z as T, dt as Tn, yi as Tt, eo as U, Te as Un, mr as Ut, no as V, we as Vn, hr as Vt, Xa as W, _e as Wn, Kn as Wt, ya as X, xe as Xn, Jn as Xt, Oa as Y, ge as Yn, Hn as Yt, _a as Z, pe as Zn, Xn as Zt, Ps as _, Nn as _n, Ai as _t, Ll as a, Yn as an, ea as at, As as b, an as bn, wi as bt, Zs as c, dr as cn, Gi as ct, Ws as d, Gn as dn, Ri as dt, Un as en, ue as er, la as et, Us as f, J as fn, Ii as ft, zs as g, q as gn, ji as gt, Bs as h, Dn as hn, Ni as ht, fu as i, or as in, na as it, $o as j, St as jn, li as jt, ds as k, ht as kn, di as kt, Ks as l, Wn as ln, Wi as lt, Vs as m, En as mn, Pi as mt, ud as n, tr as nn, ia as nt, Cc as o, _r as on, ta as ot, Hs as p, vn as pn, Fi as pt, Fa as q, Ce as qn, yr as qt, Du as r, Qn as rn, ra as rt, Qs as s, vr as sn, Qi as st, Ed as t, ir as tn, ca as tt, Gs as u, Rn as un, Bi as ut, Ns as v, An as vn, ki as vt, $ as w, Ot as wn, bi as wt, Es as x, ln as xn, Ci as xt, js as y, on as yn, Di as yt, po as z, De as zn, wr as zt };
-//# sourceMappingURL=features-Dwb5aTLg.js.map
+//# sourceMappingURL=features-BSpDuFFR.js.map