useblocks 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="useblocks.js?15a9129c"></script>
+    <script id="plugin-script" type="text/javascript" src="useblocks.js?2a5dade1"></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";

package/{useblocks-core.15a9129c.js → useblocks-core.2a5dade1.js}

@@ -3,16 +3,16 @@ __useblocks__.define("core", [
 	"exports",
 	"module",
 	"static/core/bd36b180.js",
-	"static/core/c59f9731.js",
-	"static/core/de79e0c5.js",
-	"static/core/13f581cc.js"
+	"static/core/ee0ddb51.js",
+	"static/core/c3058168.js",
+	"static/core/5318562c.js"
 ], function(f, E, he) {
 	Object.defineProperties(E, {
 		__esModule: { value: !0 },
 		[Symbol.toStringTag]: { value: "Module" }
 	});
 	f("./static/core/bd36b180.js");
-	const n = f("./static/core/c59f9731.js"), c = f("./static/core/de79e0c5.js"), h = f("./static/core/13f581cc.js");
+	const n = f("./static/core/ee0ddb51.js"), c = f("./static/core/c3058168.js"), h = f("./static/core/5318562c.js");
 	var L = "Editor instance was destroyed and cannot be reused. A fresh instance will be created instead.";
 	function O() {
 		const e = new Error(L);
@@ -499,7 +499,7 @@ __useblocks__.define("core", [
 		P
 	];
 	async function Q() {
-		return (await Promise.resolve().then(() => f("./static/core/339377b8.js"))).default;
+		return (await Promise.resolve().then(() => f("./static/core/d1eb3c68.js"))).default;
 	}
 	var Z = (e) => {
 		let t = null, r = !1;
@@ -639,5 +639,5 @@ __useblocks__.define("core", [
 			ampHtml: r
 		};
 	}
-	E.init = oe, E.parseAMP = ae, E.version = "1.1.49";
+	E.init = oe, E.parseAMP = ae, E.version = "1.1.53";
 });

package/useblocks-esm.js

@@ -76,7 +76,7 @@ import { a as v, i as Y, n as Q, r as C, t as w } from "./static/esm/448d4bb0.js
 		} catch {
 			return m.slice(-1) !== "/" && (m += "/"), n(m + f);
 		}
-	}), e.version || (e.version = "1.1.49");
+	}), e.version || (e.version = "1.1.53");
 	var o = e.modules = /* @__PURE__ */ Object.create(null), a = import("./runtime/index.js"), c = import("./ui-kit/index.js");
 	o.React = a.then(function(t) {
 		return t.React;
@@ -789,7 +789,7 @@ import { a as v, i as Y, n as Q, r as C, t as w } from "./static/esm/448d4bb0.js
 })();
 `)(e), typeof e.require == "function" && typeof e.require.config == "function" && e.require.config({
 		baseUrl: "./",
-		paths: { core: "useblocks-core.15a9129c.js" }
+		paths: { core: "useblocks-core.2a5dade1.js" }
 	});
 	var h = typeof e.prefetch == "function" ? e.prefetch : void 0;
 	if (e.prefetch = function() {
@@ -1435,7 +1435,7 @@ function j(e, ...o) {
 	const a = w.get(e);
 	o.some((c) => c !== void 0 && c === a) && w.delete(e);
 }
-var Je = "1.1.49";
+var Je = "1.1.53";
 async function $e(e) {
 	await $(typeof window.__useblocks__ < "u" ? window.__useblocks__ : void 0);
 }

package/useblocks.js

@@ -689,7 +689,7 @@ var __amdEnv = window.__useblocks__ || (window.__useblocks__ = {});
 
 
 // Configure AMD loader
-__amdEnv.require.config({ baseUrl: "./", paths: {"core":"useblocks-core.15a9129c.js"} });
+__amdEnv.require.config({ baseUrl: "./", paths: {"core":"useblocks-core.2a5dade1.js"} });
 
 // PublicPath (script detection: entry script lookup → document.currentScript)
 if (!__useblocks__.publicPath) {
@@ -1037,7 +1037,7 @@ if (!ns.assetUrl) {
 }
 
 if (!ns.version) {
-  ns.version = "1.1.49";
+  ns.version = "1.1.53";
 }
 
   var modules = ns.modules = Object.create(null);
@@ -2499,7 +2499,7 @@ __useblocks__.define("useblocks.js", [
 		const r = I.get(e);
 		t.some((n) => n !== void 0 && n === r) && I.delete(e);
 	}
-	var _t = "1.1.49";
+	var _t = "1.1.53";
 	async function Et(e) {
 		await X(typeof __useblocks__ < "u" ? __useblocks__ : void 0);
 	}