@emailmaker/emailmaker 1.1.49 → 1.1.53

package/two_step_headless_plugin.html

@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8" />
     <title>Two-step flow: design → subject/preheader (headless)</title>
-    <script id="plugin-script" type="text/javascript" src="emailmaker.js?686599cb"></script>
+    <script id="plugin-script" type="text/javascript" src="emailmaker.js?2cbaea2b"></script>
     <style>
       body {
         margin: 0;

package/ui-kit/index.js

@@ -4910,51 +4910,52 @@ var { Option: Pp } = of, Fp = ({ options: e, position: t, setPosition: n, unit:
 		className: "limits-counter-extra",
 		children: o
 	})]
-}), Lp = "draggable-input-number__handle", $ = t.forwardRef(({ dragspeed: e = 1, prefix: t, ...n }, r) => {
-	let [i, a] = f(!1), [s, l] = f(0), [u, d] = f(n.value || n.defaultValue || null), [p, m] = f(n.value || n.defaultValue || null), h = (e) => {
-		e.target.closest?.(`.${Lp}`) && (e.preventDefault(), a(!0), l(e.clientX), d(p));
-	}, g = () => a(!1), _ = o((t) => {
-		if (i) {
-			let r = t.clientX - s, i = (u || 0) + r * e;
-			i = Math.max(0, Math.round(i)), n.max !== void 0 && (i = Math.min(i, Number(n.max))), n.min !== void 0 && (i = Math.max(i, Number(n.min))), m(i), n.onChange && n.onChange(i);
+}), Lp = "draggable-input-number__handle", $ = t.forwardRef(({ dragspeed: e = 1, prefix: t, onChange: n, ...r }, i) => {
+	let [a, s] = f(!1), [l, u] = f(0), [d, p] = f(null), m = r.value !== void 0, [h, g] = f(!1), [_, v] = f(null), [y, b] = f(null), x = h ? _ : r.defaultValue ?? null, S = a && y !== null ? y : m ? r.value ?? null : x, C = o((e) => {
+		m || (g(!0), v(e));
+	}, [m]), w = o((e) => {
+		C(e), n?.(e);
+	}, [C, n]), T = (e) => {
+		e.target.closest?.(`.${Lp}`) && (e.preventDefault(), s(!0), u(e.clientX), p(S));
+	}, E = o(() => {
+		s(!1), b(null);
+	}, []), D = o((t) => {
+		if (a) {
+			let i = t.clientX - l, a = (d || 0) + i * e;
+			a = Math.max(0, Math.round(a)), r.max !== void 0 && (a = Math.min(a, Number(r.max))), r.min !== void 0 && (a = Math.max(a, Number(r.min))), b(a), C(a), n?.(a);
 		}
 	}, [
-		i,
-		n.onChange,
-		n.max,
-		n.min,
-		u,
-		s,
-		e
-	]);
-	c(() => {
-		n.value !== void 0 && n.value !== null ? m(n.value) : n.defaultValue !== void 0 && n.defaultValue !== null ? m(n.defaultValue) : m(null);
-	}, [n.value, n.defaultValue]), c(() => (document.addEventListener("mouseup", g), document.addEventListener("mousemove", _), () => {
-		document.removeEventListener("mouseup", g), document.removeEventListener("mousemove", _);
-	}), [
-		i,
-		s,
-		u,
-		_
+		a,
+		n,
+		r.max,
+		r.min,
+		d,
+		l,
+		e,
+		C
 	]);
-	let v = t == null ? t : /* @__PURE__ */ F("span", {
+	c(() => (document.addEventListener("mouseup", E), document.addEventListener("mousemove", D), () => {
+		document.removeEventListener("mouseup", E), document.removeEventListener("mousemove", D);
+	}), [E, D]);
+	let ee = t == null ? t : /* @__PURE__ */ F("span", {
 		role: "none",
 		className: Lp,
 		children: t
 	});
 	return /* @__PURE__ */ I("div", {
 		role: "none",
-		onMouseDown: h,
+		onMouseDown: T,
 		children: [/* @__PURE__ */ F($d, {
-			...n,
-			ref: r,
-			value: p,
-			prefix: v,
+			...r,
+			ref: i,
+			value: S,
+			onChange: w,
+			prefix: ee,
 			className: "input-draggable"
-		}), i && /* @__PURE__ */ F("div", {
+		}), a && /* @__PURE__ */ F("div", {
 			role: "none",
 			className: "draggable-input-number-overlay",
-			onMouseUp: g
+			onMouseUp: E
 		})]
 	});
 }), Rp = (e) => e?.closest(".blocks-app") || (e?.ownerDocument?.body ?? document.body);
@@ -4971,13 +4972,13 @@ function Bp(e) {
 		}))
 	}));
 }
-var Vp = ({ value: e, onChange: t, textEditor: n = !1, safeFonts: r, googleFontsData: i, loadGoogleFonts: a, loading: s, getPopupContainer: l = Rp, style: d, placement: p = "bottomRight", labels: m, filterOptions: h }) => {
-	let [g, _] = f(), [v, y] = f(e), [b, x] = f(null), [S, C] = f(!!a), { __: w } = G(), T = u(() => ({
-		safeFonts: m?.safeFonts ?? w("Safe Fonts"),
-		googleFonts: m?.googleFonts ?? w("Google Fonts"),
-		sansSerif: m?.sansSerif ?? w("Sans Serif"),
-		serif: m?.serif ?? w("Serif")
-	}), [m, w]), E = h?.subsets ?? _p.subsets, D = h?.maxPopularity ?? _p.maxPopularity, ee = r ?? mp, O = i ?? b, k = s ?? S;
+var Vp = ({ value: e, onChange: t, textEditor: n = !1, safeFonts: r, googleFontsData: i, loadGoogleFonts: a, loading: s, getPopupContainer: l = Rp, style: p, placement: m = "bottomRight", labels: h, filterOptions: g }) => {
+	let [_, v] = f(), y = d(e), [b, x] = f(null), [S, C] = f(!!a), { __: w } = G(), T = u(() => ({
+		safeFonts: h?.safeFonts ?? w("Safe Fonts"),
+		googleFonts: h?.googleFonts ?? w("Google Fonts"),
+		sansSerif: h?.sansSerif ?? w("Sans Serif"),
+		serif: h?.serif ?? w("Serif")
+	}), [h, w]), E = g?.subsets ?? _p.subsets, D = g?.maxPopularity ?? _p.maxPopularity, ee = r ?? mp, O = i ?? b, k = s ?? S;
 	c(() => {
 		if (!a || i) return;
 		let e = !1;
@@ -5001,23 +5002,24 @@ var Vp = ({ value: e, onChange: t, textEditor: n = !1, safeFonts: r, googleFonts
 		D
 	]);
 	c(() => {
-		O && (n && e !== v ? e ? e[1] === "Sans Serif" ? _([
+		if (!O) return;
+		let t = e !== y.current;
+		y.current = e, n && t ? e ? e[1] === "Sans Serif" ? v([
 			yp,
 			bp,
 			A.find((t) => t?.family.replace(/\s/g, "") === String(e[2]).replace(/\s/g, ""))?.family ?? "",
 			String(e[3]).replace(/Italic/g, " Italic")
-		]) : e[1] === "Serif" ? _([
+		]) : e[1] === "Serif" ? v([
 			yp,
 			xp,
 			j.find((t) => t?.family.replace(/\s/g, "") === String(e[2]).replace(/\s/g, ""))?.family ?? "",
 			String(e[3]).replace(/Italic/g, " Italic")
-		]) : (e[0] === "Safe Fonts" || g === void 0) && _(e) : _([""]) : g === void 0 && v && _(e), n || _(e), y(e));
+		]) : (e[0] === "Safe Fonts" || _ === void 0) && v(e) : v([""]) : !t && _ === void 0 && v(e), !n && (t || _ === void 0) && v(e);
 	}, [
 		e,
 		O,
 		n,
-		v,
-		g,
+		_,
 		A,
 		j
 	]);
@@ -5062,8 +5064,8 @@ var Vp = ({ value: e, onChange: t, textEditor: n = !1, safeFonts: r, googleFonts
 	return /* @__PURE__ */ F(Bd, {
 		allowClear: !1,
 		showSearch: !0,
-		value: g,
-		placement: p,
+		value: _,
+		placement: m,
 		popupClassName: "control-font-family-dropdown",
 		options: ne,
 		getPopupContainer: o((e) => {
@@ -5071,7 +5073,7 @@ var Vp = ({ value: e, onChange: t, textEditor: n = !1, safeFonts: r, googleFonts
 			return r != null && (r.overflowX === "hidden" || r.overflowX === "clip" || r.overflow === "hidden" || r.overflow === "clip") ? t : n;
 		}, [l]),
 		onChange: N,
-		style: d
+		style: p
 	});
 };
 Vp.displayName = "ControlFontFamily";