@aswin.dev/editor 0.7.2 → 0.7.4

package/dist/useMergeTag-BVL3A4OO.js

@@ -0,0 +1,34 @@
+import { D as e, et as t } from "./vue.runtime.esm-bundler-CjauPXjj.js";
+import { F as n, i as r, j as i } from "./dist-DP82Y0rs.js";
+import { C as a, b as o, h as s, x as c, y as l } from "./keys-CvX8D-8C.js";
+//#region src/composables/useMergeTag.ts
+function u() {
+	let u = e(s, "email") === "popup", d = u ? [] : e(l, []), f = e(c, r.liquid), p = u ? null : e(a, null), m = u ? !1 : e(o, !0), h = t(!1);
+	function g(e) {
+		return n(e, f);
+	}
+	function _(e) {
+		return i(e, d);
+	}
+	async function v() {
+		if (!p) return null;
+		h.value = !0;
+		try {
+			return await p();
+		} finally {
+			h.value = !1;
+		}
+	}
+	return {
+		mergeTags: d,
+		isRequesting: h,
+		canRequestMergeTag: !!p,
+		autocomplete: m,
+		syntax: f,
+		isMergeTagValue: g,
+		getMergeTagLabel: _,
+		requestMergeTag: v
+	};
+}
+//#endregion
+export { u as t };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@aswin.dev/editor",
   "description": "Vue 3 visual drag-and-drop email editor powered by Templatical",
-  "version": "0.7.2",
+  "version": "0.7.4",
   "bugs": "https://github.com/templatical/sdk/issues",
   "devDependencies": {
     "@lucide/vue": "^1.11.0",
@@ -33,9 +33,9 @@
     "vue": "^3.5.33",
     "vue-tsc": "^3.2.7",
     "vuedraggable": "^4.1.0",
-    "@aswin.dev/core": "0.7.2",
-    "@aswin.dev/types": "0.7.2",
-    "@aswin.dev/quality": "0.7.2"
+    "@aswin.dev/core": "0.7.4",
+    "@aswin.dev/quality": "0.7.4",
+    "@aswin.dev/types": "0.7.4"
   },
   "exports": {
     ".": {
@@ -63,9 +63,9 @@
   "license": "SEE LICENSE IN LICENSE",
   "module": "./dist/templatical-editor.js",
   "peerDependencies": {
-    "@aswin.dev/media-library": "0.7.2",
-    "@aswin.dev/quality": "0.7.2",
-    "@aswin.dev/renderer": "0.7.2"
+    "@aswin.dev/quality": "0.7.4",
+    "@aswin.dev/renderer": "0.7.4",
+    "@aswin.dev/media-library": "0.7.4"
   },
   "peerDependenciesMeta": {
     "@aswin.dev/renderer": {

package/dist/CountdownBlock-BCi7-DAM.js

@@ -1,92 +0,0 @@
-import { r as e } from "./rolldown-runtime-BZGGJVDF.js";
-import { C as t, F as n, Ft as r, N as i, _ as a, et as o, f as s, h as c, jt as l, m as u, st as d, v as f } from "./vue.runtime.esm-bundler-CjauPXjj.js";
-import { c as p } from "./dist-CivF9P8b.js";
-import { t as m } from "./useI18n-C2xQZ6K9.js";
-//#region src/components/blocks/CountdownBlock.vue?vue&type=script&setup=true&lang.ts
-var h = {
-	key: 0,
-	class: "tpl:flex tpl:items-center tpl:justify-center tpl:py-8 tpl:text-sm tpl:text-[var(--tpl-text-dim)]"
-}, g = {
-	key: 1,
-	class: "tpl:flex tpl:items-center tpl:justify-center tpl:py-4 tpl:text-xs tpl:text-[var(--tpl-text-dim)] tpl:opacity-50"
-}, _ = { class: "tpl:text-center" }, v = /* @__PURE__ */ t({
-	__name: "CountdownBlock",
-	props: {
-		block: {},
-		viewport: {}
-	},
-	setup(e) {
-		let t = e, { t: v } = m(), y = o(Date.now());
-		p(() => {
-			y.value = Date.now();
-		}, 1e3);
-		let b = u(() => {
-			if (!t.block.targetDate) return null;
-			let e = new Date(t.block.targetDate);
-			return isNaN(e.getTime()) ? null : e.getTime();
-		}), x = u(() => b.value ? y.value >= b.value : !1), S = u(() => {
-			if (!b.value || x.value) return {
-				days: 0,
-				hours: 0,
-				minutes: 0,
-				seconds: 0
-			};
-			let e = b.value - y.value, t = Math.floor(e / 1e3);
-			return {
-				days: Math.floor(t / 86400),
-				hours: Math.floor(t % 86400 / 3600),
-				minutes: Math.floor(t % 3600 / 60),
-				seconds: t % 60
-			};
-		}), C = u(() => {
-			let e = [];
-			return t.block.showDays && e.push({
-				value: String(S.value.days).padStart(2, "0"),
-				label: t.block.labelDays
-			}), t.block.showHours && e.push({
-				value: String(S.value.hours).padStart(2, "0"),
-				label: t.block.labelHours
-			}), t.block.showMinutes && e.push({
-				value: String(S.value.minutes).padStart(2, "0"),
-				label: t.block.labelMinutes
-			}), t.block.showSeconds && e.push({
-				value: String(S.value.seconds).padStart(2, "0"),
-				label: t.block.labelSeconds
-			}), e;
-		}), w = u(() => ({
-			backgroundColor: t.block.backgroundColor,
-			fontFamily: t.block.fontFamily || "inherit"
-		})), T = u(() => ({
-			fontSize: `${t.block.digitFontSize}px`,
-			fontWeight: "bold",
-			color: t.block.digitColor,
-			lineHeight: "1.2"
-		})), E = u(() => ({
-			fontSize: `${t.block.labelFontSize}px`,
-			color: t.block.labelColor,
-			marginTop: "4px"
-		})), D = u(() => ({
-			fontSize: `${t.block.digitFontSize}px`,
-			color: t.block.digitColor,
-			fontFamily: t.block.fontFamily || "inherit"
-		}));
-		return (t, o) => e.block.targetDate ? x.value && e.block.hideOnExpiry ? (i(), f("div", g, r(d(v).countdown.hidden), 1)) : x.value ? (i(), f("div", {
-			key: 2,
-			style: l(w.value),
-			class: "tpl:py-4 tpl:text-center"
-		}, [c("span", { style: l({
-			fontSize: `${e.block.digitFontSize}px`,
-			color: e.block.digitColor
-		}) }, r(e.block.expiredMessage), 5)], 4)) : (i(), f("div", {
-			key: 3,
-			style: l(w.value),
-			class: "tpl:flex tpl:items-center tpl:justify-center tpl:gap-2 tpl:py-4"
-		}, [(i(!0), f(s, null, n(C.value, (t, n) => (i(), f(s, { key: t.label }, [n > 0 ? (i(), f("span", {
-			key: 0,
-			style: l(D.value),
-			class: "tpl:self-start"
-		}, r(e.block.separator), 5)) : a("", !0), c("div", _, [c("div", { style: l(T.value) }, r(t.value), 5), c("div", { style: l(E.value) }, r(t.label), 5)])], 64))), 128))], 4)) : (i(), f("div", h, r(d(v).countdown.setDate), 1));
-	}
-}), y = /* @__PURE__ */ e({ default: () => b }), b = v;
-//#endregion
-export { y as n, b as t };

package/dist/CountdownToolbar-BuS8p5ju.js

@@ -1,210 +0,0 @@
-import { At as e, C as t, F as n, Ft as r, N as i, U as a, b as o, f as s, g as c, h as l, m as u, st as d, v as f, x as p } from "./vue.runtime.esm-bundler-CjauPXjj.js";
-import { t as m } from "./useI18n-C2xQZ6K9.js";
-import { f as h } from "./styleConstants-wWRbcuEK.js";
-import { i as g, n as _, r as v, t as y } from "./NumberWithSuffix-Ca3vNY84.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__ */ t({
-	__name: "CheckboxItem",
-	props: {
-		modelValue: { type: Boolean },
-		label: {}
-	},
-	emits: ["update:modelValue"],
-	setup(e, { emit: t }) {
-		let n = t;
-		return (t, a) => (i(), f("label", b, [l("input", {
-			type: "checkbox",
-			class: "tpl:size-3.5 tpl:cursor-pointer tpl:accent-[var(--tpl-primary)]",
-			checked: e.modelValue,
-			onChange: a[0] ||= (e) => n("update:modelValue", e.target.checked)
-		}, null, 40, x), o(" " + r(e.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__ */ t({
-	__name: "CountdownToolbar",
-	props: {
-		block: {},
-		fontFamilies: {}
-	},
-	emits: ["update"],
-	setup(t, { emit: o }) {
-		let b = o, { 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 = u(() => R.map((e) => ({
-			unit: e,
-			showKey: `show${e}`,
-			labelKey: `label${e}`,
-			translationKey: e.toLowerCase()
-		})));
-		function B(e, t) {
-			b("update", { [e]: t });
-		}
-		return (o, u) => (i(), f(s, null, [
-			p(_, { label: d(x).countdown.targetDate }, {
-				default: a(() => [l("input", {
-					type: "datetime-local",
-					class: e(d(h)),
-					value: t.block.targetDate,
-					onInput: u[0] ||= (e) => B("targetDate", e.target.value)
-				}, null, 42, C)]),
-				_: 1
-			}, 8, ["label"]),
-			p(_, { label: d(x).countdown.timezone }, {
-				default: a(() => [l("select", {
-					class: e(d(h)),
-					value: t.block.timezone,
-					onChange: u[1] ||= (e) => B("timezone", e.target.value)
-				}, [(i(), f(s, null, n(I, (e) => l("option", {
-					key: e,
-					value: e
-				}, r(e), 9, T)), 64))], 42, w)]),
-				_: 1
-			}, 8, ["label"]),
-			p(_, { label: d(x).countdown.display }, {
-				default: a(() => [l("div", E, [(i(!0), f(s, null, n(z.value, (e) => (i(), c(S, {
-					key: e.unit,
-					"model-value": t.block[e.showKey],
-					label: d(x).countdown[e.translationKey],
-					"onUpdate:modelValue": (t) => B(e.showKey, t)
-				}, null, 8, [
-					"model-value",
-					"label",
-					"onUpdate:modelValue"
-				]))), 128))])]),
-				_: 1
-			}, 8, ["label"]),
-			p(_, { label: d(x).countdown.separator }, {
-				default: a(() => [p(v, {
-					options: L,
-					"model-value": t.block.separator,
-					"onUpdate:modelValue": u[2] ||= (e) => B("separator", e)
-				}, null, 8, ["model-value"])]),
-				_: 1
-			}, 8, ["label"]),
-			p(_, { label: d(x).countdown.fontFamily }, {
-				default: a(() => [l("select", {
-					class: e(d(h)),
-					value: t.block.fontFamily || "",
-					onChange: u[3] ||= (e) => B("fontFamily", e.target.value || void 0)
-				}, [l("option", O, r(d(x).countdown.inheritFont), 1), (i(!0), f(s, null, n(t.fontFamilies, (e) => (i(), f("option", {
-					key: e.value,
-					value: e.value
-				}, r(e.label), 9, k))), 128))], 42, D)]),
-				_: 1
-			}, 8, ["label"]),
-			l("div", A, [p(_, { label: d(x).countdown.digitFontSize }, {
-				default: a(() => [p(y, {
-					"model-value": t.block.digitFontSize,
-					min: 12,
-					max: 72,
-					suffix: "px",
-					"onUpdate:modelValue": u[4] ||= (e) => B("digitFontSize", e)
-				}, null, 8, ["model-value"])]),
-				_: 1
-			}, 8, ["label"]), p(_, { label: d(x).countdown.labelFontSize }, {
-				default: a(() => [p(y, {
-					"model-value": t.block.labelFontSize,
-					min: 8,
-					max: 24,
-					suffix: "px",
-					"onUpdate:modelValue": u[5] ||= (e) => B("labelFontSize", e)
-				}, null, 8, ["model-value"])]),
-				_: 1
-			}, 8, ["label"])]),
-			l("div", j, [p(_, { label: d(x).countdown.digitColor }, {
-				default: a(() => [p(g, {
-					"model-value": t.block.digitColor,
-					"onUpdate:modelValue": u[6] ||= (e) => B("digitColor", e)
-				}, null, 8, ["model-value"])]),
-				_: 1
-			}, 8, ["label"]), p(_, { label: d(x).countdown.labelColor }, {
-				default: a(() => [p(g, {
-					"model-value": t.block.labelColor,
-					"onUpdate:modelValue": u[7] ||= (e) => B("labelColor", e)
-				}, null, 8, ["model-value"])]),
-				_: 1
-			}, 8, ["label"])]),
-			p(_, { label: d(x).countdown.background }, {
-				default: a(() => [p(g, {
-					"model-value": t.block.backgroundColor,
-					"onUpdate:modelValue": u[8] ||= (e) => B("backgroundColor", e)
-				}, null, 8, ["model-value"])]),
-				_: 1
-			}, 8, ["label"]),
-			p(_, { label: d(x).countdown.labels }, {
-				default: a(() => [l("div", M, [(i(!0), f(s, null, n(z.value, (n) => (i(), f("input", {
-					key: n.unit,
-					type: "text",
-					class: e(d(h)),
-					value: t.block[n.labelKey],
-					placeholder: d(x).countdown[n.translationKey],
-					onInput: (e) => B(n.labelKey, e.target.value)
-				}, null, 42, N))), 128))])]),
-				_: 1
-			}, 8, ["label"]),
-			p(_, { label: d(x).countdown.expiry }, {
-				default: a(() => [l("input", {
-					type: "text",
-					class: e(d(h)),
-					value: t.block.expiredMessage,
-					placeholder: d(x).countdown.expiredMessagePlaceholder,
-					onInput: u[9] ||= (e) => B("expiredMessage", e.target.value)
-				}, null, 42, P)]),
-				_: 1
-			}, 8, ["label"]),
-			p(_, { label: d(x).countdown.expiredImageUrl }, {
-				default: a(() => [l("input", {
-					type: "url",
-					class: e(d(h)),
-					value: t.block.expiredImageUrl,
-					placeholder: "https://...",
-					onInput: u[10] ||= (e) => B("expiredImageUrl", e.target.value)
-				}, null, 42, F)]),
-				_: 1
-			}, 8, ["label"]),
-			p(S, {
-				"model-value": t.block.hideOnExpiry,
-				label: d(x).countdown.hideOnExpiry,
-				class: "tpl:mb-3.5",
-				"onUpdate:modelValue": u[11] ||= (e) => B("hideOnExpiry", e)
-			}, null, 8, ["model-value", "label"])
-		], 64));
-	}
-});
-//#endregion
-export { I as default };

package/dist/blockTypeIcons-QkC6f5UE.js

@@ -1,140 +0,0 @@
-import { A as e, D as t, N as n, O as r, k as i } from "./useEditorCore-BGnzcT7p.js";
-import { t as a } from "./createLucideIcon-ClREiSx3.js";
-var o = a("columns-3", [
-	["rect", {
-		width: "18",
-		height: "18",
-		x: "3",
-		y: "3",
-		rx: "2",
-		key: "afitv7"
-	}],
-	["path", {
-		d: "M9 3v18",
-		key: "fh3hqa"
-	}],
-	["path", {
-		d: "M15 3v18",
-		key: "14nvp0"
-	}]
-]), s = a("heading", [
-	["path", {
-		d: "M6 12h12",
-		key: "8npq4p"
-	}],
-	["path", {
-		d: "M6 20V4",
-		key: "1w1bmo"
-	}],
-	["path", {
-		d: "M18 20V4",
-		key: "o2hl4u"
-	}]
-]), c = a("minus", [["path", {
-	d: "M5 12h14",
-	key: "1ays0h"
-}]]), l = a("move-vertical", [
-	["path", {
-		d: "M12 2v20",
-		key: "t6zp3m"
-	}],
-	["path", {
-		d: "m8 18 4 4 4-4",
-		key: "bh5tu3"
-	}],
-	["path", {
-		d: "m8 6 4-4 4 4",
-		key: "ybng9g"
-	}]
-]), u = a("package", [
-	["path", {
-		d: "M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z",
-		key: "1a0edw"
-	}],
-	["path", {
-		d: "M12 22V12",
-		key: "d0xqtd"
-	}],
-	["polyline", {
-		points: "3.29 7 12 12 20.71 7",
-		key: "ousv84"
-	}],
-	["path", {
-		d: "m7.5 4.27 9 5.15",
-		key: "1c824w"
-	}]
-]), d = a("pilcrow", [
-	["path", {
-		d: "M13 4v16",
-		key: "8vvj80"
-	}],
-	["path", {
-		d: "M17 4v16",
-		key: "7dpous"
-	}],
-	["path", {
-		d: "M19 4H9.5a4.5 4.5 0 0 0 0 9H13",
-		key: "sh4n9v"
-	}]
-]), f = a("play", [["path", {
-	d: "M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z",
-	key: "10ikf1"
-}]]), p = {
-	section: o,
-	title: s,
-	paragraph: d,
-	image: e,
-	button: a("rectangle-horizontal", [["rect", {
-		width: "20",
-		height: "12",
-		x: "2",
-		y: "6",
-		rx: "2",
-		key: "9lu3g6"
-	}]]),
-	input: a("text-cursor", [
-		["path", {
-			d: "M17 22h-1a4 4 0 0 1-4-4V6a4 4 0 0 1 4-4h1",
-			key: "uvaxm9"
-		}],
-		["path", {
-			d: "M7 22h1a4 4 0 0 0 4-4v-1",
-			key: "11xy8d"
-		}],
-		["path", {
-			d: "M7 2h1a4 4 0 0 1 4 4v1",
-			key: "1uw06m"
-		}]
-	]),
-	divider: c,
-	video: f,
-	social: r,
-	menu: i,
-	table: t,
-	spacer: l,
-	countdown: a("timer", [
-		["line", {
-			x1: "10",
-			x2: "14",
-			y1: "2",
-			y2: "2",
-			key: "14vaq8"
-		}],
-		["line", {
-			x1: "12",
-			x2: "15",
-			y1: "14",
-			y2: "11",
-			key: "17fdiu"
-		}],
-		["circle", {
-			cx: "12",
-			cy: "14",
-			r: "8",
-			key: "1e1u0o"
-		}]
-	]),
-	html: n
-};
-//#endregion
-export { u as n, c as r, p as t };