@templatical/editor 0.16.2 → 0.16.3

package/dist/cdn/editor.js

@@ -1,7 +1,7 @@
 import { A as e, C as t, H as n, M as r, V as i, Z as a, ct as o, g as s, h as c, it as l, j as u, l as d, m as f, n as p, ot as m, p as h, r as g, s as _, st as v, v as ee, x as y, y as b } from "./chunks/draggable-D840DIZB.js";
-import { $ as x, A as S, An as C, Fn as w, Qn as T, Sn as E, Y as D, ot as O } from "./chunks/features-C-cjT_8L.js";
-import { S as te } from "./chunks/icons-ay0_fN-T.js";
-import { a as ne, c as re, d as ie, f as ae, i as oe, l as se, n as ce, o as le, r as ue, s as de, t as fe, u as pe } from "./chunks/styles-DBjy3lz9.js";
+import { $n as x, A as S, Cn as C, In as w, Y as T, et as E, jn as D, st as O } from "./chunks/features-Dwb5aTLg.js";
+import { S as te } from "./chunks/icons-Dhqh5lYQ.js";
+import { a as ne, c as re, d as ie, f as ae, i as oe, l as se, n as ce, o as le, r as ue, s as de, t as fe, u as pe } from "./chunks/styles--UXn88wH.js";
 //#region src/Editor.vue?vue&type=script&setup=true&lang.ts
 var me = ["data-tpl-theme"], k = {
 	class: "tpl-header tpl:absolute tpl:top-0 tpl:right-0 tpl:left-0 tpl:z-50 tpl:grid tpl:h-14 tpl:grid-cols-[1fr_auto_1fr] tpl:items-center tpl:px-4 tpl:shadow-[var(--tpl-shadow-md)] tpl:border-b tpl:border-[var(--tpl-border)]",
@@ -19,12 +19,12 @@ var me = ["data-tpl-theme"], k = {
 		shadowRoot: {}
 	},
 	setup(t, { expose: g }) {
-		let y = t, x = E({
+		let y = t, x = C({
 			content: y.config.content,
 			templateDefaults: y.config.templateDefaults
-		}), C = a(null), w = S({
+		}), w = a(null), E = S({
 			editor: x,
-			containerEl: C,
+			containerEl: w,
 			config: {
 				uiTheme: y.config.uiTheme,
 				theme: y.config.theme,
@@ -42,23 +42,23 @@ var me = ["data-tpl-theme"], k = {
 			fontsManager: y.fontsManager,
 			autoSaveOptions: y.config.onChange ? { onChange: () => y.config.onChange(JSON.parse(JSON.stringify(x.state.content))) } : null,
 			editorRoot: y.shadowRoot
-		}), { showNotice: T } = D(() => y.config.smallScreenNotice);
+		}), { showNotice: D } = T(() => y.config.smallScreenNotice);
 		return e(async () => {
 			await y.fontsManager.loadCustomFonts();
 		}), u(() => {
-			y.fontsManager.cleanupFontLinks(), w.destroy();
+			y.fontsManager.cleanupFontLinks(), E.destroy();
 		}), g({
 			getContent: () => x.content.value,
 			setContent: (e) => x.setContent(e),
 			setTheme: (e) => x.setUiTheme(e),
-			renderCustomBlock: w.registry.renderCustomBlock,
-			getCustomBlockStylesheet: (e) => w.registry.getDefinition(e)?.stylesheet
+			renderCustomBlock: E.registry.renderCustomBlock,
+			getCustomBlockStylesheet: (e) => E.registry.getDefinition(e)?.stylesheet
 		}), (e, a) => (r(), s("div", {
 			ref_key: "rootEl",
-			ref: C,
+			ref: w,
 			class: m(["tpl tpl:relative tpl:h-full tpl:overflow-hidden", { "tpl:dark": l(x).state.darkMode }]),
-			"data-tpl-theme": l(w).resolvedTheme.value,
-			style: v(l(w).themeStyles.value),
+			"data-tpl-theme": l(E).resolvedTheme.value,
+			style: v(l(E).themeStyles.value),
 			onDragover: a[5] ||= d(() => {}, ["prevent"]),
 			onDrop: a[6] ||= d(() => {}, ["prevent"])
 		}, [
@@ -86,15 +86,15 @@ var me = ["data-tpl-theme"], k = {
 				class: m(["tpl-body tpl:absolute tpl:bottom-0 tpl:overflow-auto tpl:bg-[var(--tpl-canvas-bg)]", [l(x).state.previewMode ? "tpl:left-0 tpl:right-0" : "tpl:left-12 tpl:right-[320px]", "tpl:top-14"]]),
 				style: { transition: "all 300ms cubic-bezier(0.34, 1.56, 0.64, 1)" }
 			}, [h("div", j, [b(p, { name: "tpl-restore-btn" }, {
-				default: i(() => [l(w).conditionPreview.hasHiddenBlocks.value ? (r(), s("button", {
+				default: i(() => [l(E).conditionPreview.hasHiddenBlocks.value ? (r(), s("button", {
 					key: 0,
 					class: "tpl:absolute tpl:left-1/2 tpl:top-2 tpl:-translate-x-1/2 tpl:inline-flex tpl:items-center tpl:gap-1.5 tpl:rounded-full tpl:border tpl:px-3.5 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:whitespace-nowrap tpl:shadow-md tpl:hover:opacity-80 tpl:bg-[var(--tpl-warning-light)] tpl:text-[var(--tpl-warning)] tpl:border-[var(--tpl-warning)]",
 					style: { "backdrop-filter": "blur(8px)" },
-					onClick: a[0] ||= (e) => l(w).conditionPreview.reset()
+					onClick: a[0] ||= (e) => l(E).conditionPreview.reset()
 				}, [b(l(te), {
 					size: 13,
 					"stroke-width": 2
-				}), ee(" " + o(l(w).t.blockSettings.restoreHiddenBlocks), 1)])) : c("", !0)]),
+				}), ee(" " + o(l(E).t.blockSettings.restoreHiddenBlocks), 1)])) : c("", !0)]),
 				_: 1
 			})]), h("div", M, [b(ie, {
 				viewport: l(x).state.viewport,
@@ -120,27 +120,27 @@ var me = ["data-tpl-theme"], k = {
 				role: "status",
 				"aria-live": "polite",
 				"aria-atomic": "true",
-				"aria-label": l(w).t.landmarks.reorderAnnouncements
-			}, o(l(w).keyboardReorder.announcement.value), 9, N),
+				"aria-label": l(E).t.landmarks.reorderAnnouncements
+			}, o(l(E).keyboardReorder.announcement.value), 9, N),
 			n(b(re, {
 				"selected-block": l(x).selectedBlock.value,
 				settings: l(x).content.value.settings,
 				onUpdateBlock: a[1] ||= (e) => l(x).updateBlock(l(x).state.selectedBlockId, e),
 				onDeleteBlock: a[2] ||= () => {
-					l(x).state.selectedBlockId && l(w).blockActions.deleteBlock(l(x).state.selectedBlockId);
+					l(x).state.selectedBlockId && l(E).blockActions.deleteBlock(l(x).state.selectedBlockId);
 				},
 				onDuplicateBlock: a[3] ||= () => {
-					l(x).selectedBlock.value && l(w).blockActions.duplicateBlock(l(x).selectedBlock.value);
+					l(x).selectedBlock.value && l(E).blockActions.duplicateBlock(l(x).selectedBlock.value);
 				},
 				onUpdateSettings: a[4] ||= (e) => l(x).updateSettings(e)
 			}, null, 8, ["selected-block", "settings"]), [[_, !l(x).state.previewMode]]),
 			h("div", {
-				ref: (e) => l(w).popoverRoot.value = e,
+				ref: (e) => l(E).popoverRoot.value = e,
 				class: "tpl-popover-root"
 			}, null, 512),
 			b(ce),
 			b(fe),
-			l(T) ? (r(), f(de, { key: 1 })) : c("", !0)
+			l(D) ? (r(), f(de, { key: 1 })) : c("", !0)
 		], 46, me));
 	}
 }), [["__scopeId", "data-v-f848fa43"]]), F = /* #__PURE__ */ Object.assign({
@@ -199,7 +199,7 @@ function ye() {
 async function be(e) {
 	let t;
 	try {
-		t = await import("./chunks/renderer-JQ91A09w.js").then((e) => e.t);
+		t = await import("./chunks/renderer-BM_-zceB.js").then((e) => e.t);
 	} catch {
 		throw Error("[Templatical] toMjml() requires the @templatical/renderer package. Please install it.");
 	}
@@ -245,7 +245,7 @@ function X(e) {
 async function we(e) {
 	let n = typeof e.container == "string" ? document.querySelector(e.container) : e.container;
 	if (!n) throw Error(`[Templatical] Container element not found: ${e.container}`);
-	let r = await G(e.locale ?? "en"), i = x(e.fonts);
+	let r = await G(e.locale ?? "en"), i = E(e.fonts);
 	X(n);
 	let o = q(n, e.shadowDom ?? !0), s = a(null), c = g({ setup() {
 		return () => t(P, {
@@ -263,7 +263,7 @@ async function we(e) {
 	}), Y = n;
 	let l = {
 		getContent() {
-			return C(s.value ? s.value.getContent() : e.content ?? w());
+			return D(s.value ? s.value.getContent() : e.content ?? w());
 		},
 		setContent(t) {
 			s.value && s.value.setContent(t), e.content = t;
@@ -290,13 +290,13 @@ function $(e) {
 async function Te(e) {
 	let n = typeof e.container == "string" ? document.querySelector(e.container) : e.container;
 	if (!n) throw Error(`[Templatical] Container element not found: ${e.container}`);
-	let { default: r } = await import("./chunks/CloudEditor-CX6y1k3C.js"), [i, o] = await Promise.all([G(e.locale ?? "en"), he(e.locale ?? "en")]), s = x(e.fonts);
+	let { default: r } = await import("./chunks/CloudEditor-ClfgLU48.js"), [i, o] = await Promise.all([G(e.locale ?? "en"), he(e.locale ?? "en")]), s = E(e.fonts);
 	$(n);
 	let c = q(n, e.shadowDom ?? !0), l = a(null);
 	return await new Promise((a, u) => {
 		let d = setTimeout(() => {
 			u(/* @__PURE__ */ Error("[Templatical] Cloud editor initialization timed out"));
-		}, T), f = g({ setup() {
+		}, x), f = g({ setup() {
 			return () => t(r, {
 				config: e,
 				translations: i,
@@ -316,7 +316,7 @@ async function Te(e) {
 		}), Q = n;
 	}), {
 		getContent() {
-			return C(l.value ? l.value.getContent() : e.content ?? w());
+			return D(l.value ? l.value.getContent() : e.content ?? w());
 		},
 		setContent(e) {
 			l.value && l.value.setContent(e);
@@ -340,6 +340,6 @@ function Ee() {
 	Y && X(Y);
 }
 //#endregion
-export { H as getBaseLocale, ye as getSupportedCloudLocales, ve as getSupportedLocales, we as init, Te as initCloud, _e as isCloudLocaleSupported, ge as isLocaleSupported, Ee as unmount, x as useFonts };
+export { H as getBaseLocale, ye as getSupportedCloudLocales, ve as getSupportedLocales, we as init, Te as initCloud, _e as isCloudLocaleSupported, ge as isLocaleSupported, Ee as unmount, E as useFonts };
 
 //# sourceMappingURL=editor.js.map

package/dist/{dist-CFOQvhSC.js → color-DhoxCSMv.js}

@@ -248,4 +248,12 @@ function N(e, n = {}) {
 	};
 }
 //#endregion
-export { A as a, S as i, j as n, N as r, w as t };
+//#region src/utils/color.ts
+function P(e) {
+	let t = /^rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/i.exec(e.trim());
+	if (!t) return e;
+	let n = (e) => Number(e).toString(16).padStart(2, "0");
+	return `#${n(t[1])}${n(t[2])}${n(t[3])}`;
+}
+//#endregion
+export { S as a, N as i, w as n, A as o, j as r, P as t };

package/dist/{styles-mvx3k1hf.js → styles-CPt6RYEc.js}

@@ -1,7 +1,7 @@
 import { A as e, Dt as t, Et as n, H as r, I as i, K as a, N as o, O as s, Ot as c, R as l, W as u, Y as d, _ as f, c as p, d as m, g as h, h as g, j as _, l as v, m as y, nt as b, q as x, r as S, s as C, u as w, w as T, x as E, y as D, z as O } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
 import { a as k, c as A, o as j, s as M, t as N } from "./runtime-dom.esm-bundler-GdMI8WqG.js";
 import { C as P, D as F, E as I, O as L, k as R, o as z, r as B, s as V, u as ee, w as te } from "./dist-DoRIUsfz.js";
-import { C as ne, F as H, I as re, L as ie, M as ae, N as oe, O as se, P as ce, R as le, _ as ue, a as de, c as fe, f as pe, g as me, h as he, i as ge, l as _e, m as ve, n as ye, o as be, p as xe, r as Se, s as Ce, u as we, v as Te, y as Ee, z as De } from "./useEditorCore-DtZkR7Vk.js";
+import { C as ne, F as H, I as re, L as ie, M as ae, N as oe, O as se, P as ce, R as le, _ as ue, a as de, c as fe, f as pe, g as me, h as he, i as ge, l as _e, m as ve, n as ye, o as be, p as xe, r as Se, s as Ce, u as we, v as Te, y as Ee, z as De } from "./useEditorCore-CSfeEwCj.js";
 import { c as Oe, m as ke } from "./dist-DYv_Pttj.js";
 import { D as Ae, F as je, I as Me, L as Ne, N as Pe, P as Fe, T as Ie, a as Le, d as Re, f as ze, g as Be, k as Ve, m as He, n as Ue, o as We, p as Ge, s as Ke, u as qe, w as Je, x as Ye } from "./keys-BbDgCU6K.js";
 import { t as U } from "./useI18n-eR1yVW0v.js";
@@ -9,7 +9,7 @@ import { t as W } from "./createLucideIcon-Bh9xOmlW.js";
 import { n as Xe, t as Ze } from "./scan-line-QgyDIgn_.js";
 import { t as Qe } from "./chevron-down-ByXpufZD.js";
 import { t as $e } from "./circle-alert-CjcAORUw.js";
-import { i as et, n as tt, r as nt, t as rt } from "./blockTypeIcons-DVJXg5si.js";
+import { i as et, n as tt, r as nt, t as rt } from "./blockTypeIcons-B9f5fH_5.js";
 import { n as it, t as at } from "./refresh-cw--lvWGy0_.js";
 import { t as ot } from "./image-up-Bj_nes3f.js";
 import { t as st } from "./info-BhSQCxBV.js";
@@ -27,10 +27,10 @@ import { t as bt } from "./useAliveFlag-C43EhZFY.js";
 import { t as xt } from "./readableTextColor-f8Kykfnh.js";
 import { t as St } from "./CountdownBlock-173fiO5Z.js";
 import { t as Ct } from "./usePopoverRoot-C1j0D7cc.js";
-import { _ as wt, f as G, g as Tt, h as K, i as Et, l as Dt, m as q, n as Ot, p as J, t as Y, u as kt } from "./ColorPicker-CXAbjTaG.js";
+import { _ as wt, f as G, g as Tt, h as K, i as Et, l as Dt, m as q, n as Ot, p as J, t as Y, u as kt } from "./ColorPicker-Gs4BMVog.js";
 import { n as At, r as jt } from "./MergeTagSuggestion-DrT3LiZ4.js";
-import { n as X, r as Z, t as Mt } from "./NumberWithSuffix-BoZyUoNz.js";
-import { t as Nt } from "./TplModal-Ca-29YDD.js";
+import { n as X, r as Z, t as Mt } from "./NumberWithSuffix-BxSRfI8b.js";
+import { t as Nt } from "./TplModal-DObT0uxf.js";
 var Pt = W("circle", [["circle", {
 	cx: "12",
 	cy: "12",
@@ -3267,7 +3267,7 @@ var Co = { class: "tpl:mb-3.5" }, wo = ["value"], To = ["value"], Eo = { class:
 		"duplicate"
 	],
 	setup(e, { emit: t }) {
-		let n = h(() => import("./CountdownToolbar-nY9H0BKd.js")), r = e, i = t, { t: a } = U(), l = Ne(Be, "Toolbar"), u = E(Re, []), d = C(() => r.block.type), f = C(() => L(r.block)), _ = C(() => {
+		let n = h(() => import("./CountdownToolbar-92w1YySJ.js")), r = e, i = t, { t: a } = U(), l = Ne(Be, "Toolbar"), u = E(Re, []), d = C(() => r.block.type), f = C(() => L(r.block)), _ = C(() => {
 			if (f.value) return u.find((e) => e.type === r.block.customType);
 		}), y = C(() => f.value ? _.value?.name ?? r.block.customType : le(d.value, a)), x = l.fonts;
 		function T(e) {

package/dist/templatical-editor.js

@@ -2,8 +2,8 @@ import { D as e, Dt as t, E as n, Et as r, O as i, Ot as a, R as o, Y as s, _ as
 import { c as v, n as y, o as b, t as ee } from "./runtime-dom.esm-bundler-GdMI8WqG.js";
 import { r as x } from "./timeouts-Bmi_yePw.js";
 import { P as S, d as C } from "./dist-DoRIUsfz.js";
-import { B as w, b as te, t as ne, w as T } from "./useEditorCore-DtZkR7Vk.js";
-import { a as re, c as ie, d as ae, f as oe, i as E, l as D, n as O, o as se, p as ce, r as k, s as le, t as ue, u as de } from "./styles-mvx3k1hf.js";
+import { B as w, b as te, t as ne, w as T } from "./useEditorCore-CSfeEwCj.js";
+import { a as re, c as ie, d as ae, f as oe, i as E, l as D, n as O, o as se, p as ce, r as k, s as le, t as ue, u as de } from "./styles-CPt6RYEc.js";
 import { t as fe } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 //#region src/Editor.vue?vue&type=script&setup=true&lang.ts
 var pe = ["data-tpl-theme"], me = {
@@ -293,7 +293,7 @@ function $(e) {
 async function Te(e) {
 	let t = typeof e.container == "string" ? document.querySelector(e.container) : e.container;
 	if (!t) throw Error(`[Templatical] Container element not found: ${e.container}`);
-	let { default: n } = await import("./CloudEditor-BQyZ_nFg.js"), [r, i] = await Promise.all([G(e.locale ?? "en"), he(e.locale ?? "en")]), a = T(e.fonts);
+	let { default: n } = await import("./CloudEditor-CUIWUMp5.js"), [r, i] = await Promise.all([G(e.locale ?? "en"), he(e.locale ?? "en")]), a = T(e.fonts);
 	$(t);
 	let o = q(t, e.shadowDom ?? !0), c = s(null);
 	return await new Promise((s, l) => {