@templatical/editor 0.12.0 → 0.13.0

package/dist/{CollaboratorBar-ACUA7lBJ.js → CollaboratorBar-DgwjisX2.js}

@@ -1,5 +1,5 @@
 import { A as e, M as t, b as n, d as r, f as i, h as a, l as o, m as s, ot as c, p as l, rt as u, st as d } from "./vue.runtime.esm-bundler-B2k01iQh.js";
-import "./useEditorCore-D7dQFRkw.js";
+import "./useEditorCore-DKYZ7aKk.js";
 import { t as f } from "./createLucideIcon-CmPAC-gt.js";
 import { n as p } from "./useCloudI18n-L3H2XvdW.js";
 import { t as m } from "./readableTextColor-f8Kykfnh.js";

package/dist/{CountdownBlock-C-6o19qS.js → CountdownBlock-DO9fziwf.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
 import { A as t, M as n, X as r, b as i, d as a, f as o, h as s, l as c, m as l, ot as u, rt as d, st as f } from "./vue.runtime.esm-bundler-B2k01iQh.js";
-import { s as p } from "./dist-DJ9aD8yA.js";
+import { c as p } from "./dist-Cgry6fNv.js";
 import { t as m } from "./useI18n-CTs_bP9d.js";
 //#region src/components/blocks/CountdownBlock.vue?vue&type=script&setup=true&lang.ts
 var h = {

package/dist/{CountdownToolbar-CDy9_2Yj.js → CountdownToolbar-BeII06yJ.js}

@@ -1,7 +1,7 @@
 import { A as e, M as t, _ as n, at as r, b as i, d as a, f as o, h as s, l as c, p as l, rt as u, st as d, v as f, z as p } from "./vue.runtime.esm-bundler-B2k01iQh.js";
 import { t as m } from "./useI18n-CTs_bP9d.js";
 import { f as h } from "./styleConstants-lGobwiLH.js";
-import { i as g, n as _, r as v, t as y } from "./NumberWithSuffix-Cd7bz1Wk.js";
+import { i as g, n as _, r as v, t as y } from "./NumberWithSuffix-D3fdj0iO.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__ */ i({
 	__name: "CheckboxItem",

package/dist/{DesignReferenceSidebar-0dTsBW08.js → DesignReferenceSidebar-BgPDbOsl.js}

@@ -1,15 +1,16 @@
 import { A as e, B as t, D as n, L as r, X as i, _ as a, a as ee, at as te, b as o, d as ne, f as s, h as c, m as l, ot as u, p as re, rt as d, st as f, t as ie, v as p, z as ae } from "./vue.runtime.esm-bundler-B2k01iQh.js";
 import "./timeouts-Bmi_yePw.js";
-import { N as m, m as oe, r as h } from "./keys-mFiJ5N0_.js";
-import { t as g } from "./createLucideIcon-CmPAC-gt.js";
-import { t as se } from "./circle-alert-BStvZr3O.js";
-import { t as _ } from "./image-up-BFPbw_Zq.js";
+import { N as m, m as oe, r as se } from "./keys-mFiJ5N0_.js";
+import { t as h } from "./createLucideIcon-CmPAC-gt.js";
+import { t as ce } from "./circle-alert-BStvZr3O.js";
+import { t as g } from "./image-up-BFPbw_Zq.js";
+import { t as _ } from "./upload-BF7sxd1_.js";
 import { t as v } from "./x-CGjkjdKK.js";
-import { t as ce } from "./LoadingTrack-C7mGWPHS.js";
+import { t as le } from "./LoadingTrack-C7mGWPHS.js";
 import { t as y } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { n as le } from "./useCloudI18n-L3H2XvdW.js";
-import { u as ue } from "./cloud-_olro76D.js";
-var de = g("file-image", [
+import { n as ue } from "./useCloudI18n-L3H2XvdW.js";
+import { u as de } from "./cloud-_olro76D.js";
+var fe = h("file-image", [
 	["path", {
 		d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
 		key: "1oefj6"
@@ -28,7 +29,7 @@ var de = g("file-image", [
 		d: "m20 17-1.296-1.296a2.41 2.41 0 0 0-3.408 0L9 22",
 		key: "wt3hpn"
 	}]
-]), b = g("file-text", [
+]), b = h("file-text", [
 	["path", {
 		d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
 		key: "1oefj6"
@@ -49,19 +50,6 @@ var de = g("file-image", [
 		d: "M16 17H8",
 		key: "z1uh3a"
 	}]
-]), fe = g("upload", [
-	["path", {
-		d: "M12 3v12",
-		key: "1x0j5s"
-	}],
-	["path", {
-		d: "m17 8-5-5-5 5",
-		key: "7q97r8"
-	}],
-	["path", {
-		d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",
-		key: "ih7n3h"
-	}]
 ]), pe = {
 	key: 0,
 	class: "tpl-design-sidebar tpl:absolute tpl:top-14 tpl:right-0 tpl:bottom-0 tpl:z-panel tpl:flex tpl:w-[360px] tpl:flex-col tpl:border-l tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)]"
@@ -90,9 +78,9 @@ var de = g("file-image", [
 		hasExistingBlocks: { type: Boolean }
 	},
 	emits: ["close", "apply"],
-	setup(o, { emit: g }) {
-		let y = o, z = g, { t: B } = le(), xe = m(oe, "DesignReferenceSidebar"), V = ue({
-			authManager: m(h, "DesignReferenceSidebar"),
+	setup(o, { emit: h }) {
+		let y = o, z = h, { t: B } = ue(), xe = m(oe, "DesignReferenceSidebar"), V = de({
+			authManager: m(se, "DesignReferenceSidebar"),
 			getTemplateId: () => xe.state.template?.id ?? null,
 			onApply: (e) => z("apply", e)
 		}), H = i(null), U = i("image"), W = i(null), G = i(""), K = i(null), q = i(!1), J = i(!1), Y = ne(() => V.isGenerating.value ? !1 : W.value !== null);
@@ -163,7 +151,7 @@ var de = g("file-image", [
 			"leave-from-class": "tpl:translate-x-0",
 			"leave-to-class": "tpl:translate-x-full"
 		}, {
-			default: ae(() => [o.visible ? (e(), c("div", pe, [s("div", me, [s("div", he, [p(d(_), {
+			default: ae(() => [o.visible ? (e(), c("div", pe, [s("div", me, [s("div", he, [p(d(g), {
 				size: 13,
 				"stroke-width": 2
 			}), s("span", null, f(d(B).designReference.title), 1)]), s("button", {
@@ -172,7 +160,7 @@ var de = g("file-image", [
 			}, [p(d(v), {
 				size: 14,
 				"stroke-width": 2
-			})])]), s("div", x, [d(V).isGenerating.value ? (e(), c("div", S, [s("div", C, [p(ce), s("p", w, f(d(B).designReference.generating), 1)])])) : (e(), c("div", T, [
+			})])]), s("div", x, [d(V).isGenerating.value ? (e(), c("div", S, [s("div", C, [p(le), s("p", w, f(d(B).designReference.generating), 1)])])) : (e(), c("div", T, [
 				s("div", E, [s("button", {
 					class: "tpl:flex tpl:flex-1 tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:px-2 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
 					style: u({
@@ -181,7 +169,7 @@ var de = g("file-image", [
 						boxShadow: U.value === "image" ? "var(--tpl-shadow)" : "none"
 					}),
 					onClick: r[1] ||= (e) => X("image")
-				}, [p(d(de), {
+				}, [p(d(fe), {
 					size: 12,
 					"stroke-width": 2
 				}), a(" " + f(d(B).designReference.uploadImage), 1)], 4), s("button", {
@@ -223,7 +211,7 @@ var de = g("file-image", [
 					onDragleave: we,
 					onDrop: Te
 				}, [
-					p(d(fe), {
+					p(d(_), {
 						size: 24,
 						"stroke-width": 1.5,
 						class: "tpl:text-[var(--tpl-text-dim)]"
@@ -252,7 +240,7 @@ var de = g("file-image", [
 					class: "tpl:flex-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150 tpl:hover:opacity-90 tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-bg)]",
 					onClick: $
 				}, f(d(B).designReference.replaceConfirm), 1)])])) : l("", !0),
-				d(V).error.value ? (e(), c("div", ve, [p(d(se), {
+				d(V).error.value ? (e(), c("div", ve, [p(d(ce), {
 					size: 14,
 					"stroke-width": 2,
 					class: "tpl:mt-0.5 tpl:shrink-0"
@@ -262,7 +250,7 @@ var de = g("file-image", [
 					class: "tpl:flex tpl:w-full tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded-[var(--tpl-radius-sm)] tpl:px-4 tpl:py-2.5 tpl:text-sm tpl:font-medium tpl:transition-all tpl:duration-150 tpl:hover:opacity-90 tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50 tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-bg)]",
 					disabled: !Y.value,
 					onClick: $
-				}, [p(d(_), {
+				}, [p(d(g), {
 					size: 16,
 					"stroke-width": 2
 				}), a(" " + f(d(B).designReference.generate), 1)], 8, ye)),

package/dist/{ModuleBrowserModal-Bz9hSjMS.js → ModuleBrowserModal-DsZRr87F.js}

@@ -1,12 +1,12 @@
 import { A as e, B as t, F as n, L as r, M as i, X as a, a as ee, b as o, c as s, d as c, f as l, h as u, i as te, l as d, m as ne, ot as re, p as f, rt as p, st as m, v as h, y as ie, z as ae } from "./vue.runtime.esm-bundler-B2k01iQh.js";
-import "./useEditorCore-D7dQFRkw.js";
+import "./useEditorCore-DKYZ7aKk.js";
 import { D as oe, N as g, m as se } from "./keys-mFiJ5N0_.js";
 import { t as ce } from "./useI18n-CTs_bP9d.js";
-import { n as le, r as _, t as v } from "./blockTypeIcons-C6UGDmrC.js";
+import { n as le, r as _, t as v } from "./blockTypeIcons-CyAom3iI.js";
 import { t as ue } from "./trash-2-DpGb7fIt.js";
 import { t as de } from "./x-CGjkjdKK.js";
 import { n as fe } from "./useCloudI18n-L3H2XvdW.js";
-import { t as pe } from "./TplModal-utMtXzSO.js";
+import { t as pe } from "./TplModal-BYb-X5Bj.js";
 //#region src/cloud/components/ModuleBrowserModal.vue?vue&type=script&setup=true&lang.ts
 var me = {
 	role: "dialog",
@@ -45,7 +45,7 @@ var me = {
 	props: { visible: { type: Boolean } },
 	emits: ["close", "insert"],
 	setup(o, { emit: z }) {
-		let Ee = o, B = z, De = ie(() => import("./ModulePreviewCanvas-CpaumPMS.js")), { t: Oe } = ce(), { t: V } = fe(), H = g(oe, "ModuleBrowserModal"), U = g(se, "ModuleBrowserModal"), W = a(""), G = a(null), K = a(null), q = a("end"), J = c(() => {
+		let Ee = o, B = z, De = ie(() => import("./ModulePreviewCanvas-Dni9kK4j.js")), { t: Oe } = ce(), { t: V } = fe(), H = g(oe, "ModuleBrowserModal"), U = g(se, "ModuleBrowserModal"), W = a(""), G = a(null), K = a(null), q = a("end"), J = c(() => {
 			let e = H.modules.value;
 			if (!W.value) return e;
 			let t = W.value.toLowerCase();

package/dist/{ModulePreviewCanvas-CpaumPMS.js → ModulePreviewCanvas-Dni9kK4j.js}

@@ -1,5 +1,5 @@
 import { A as e, F as t, M as n, P as r, b as i, d as a, f as o, h as s, l as c, ot as l, p as u, rt as d, w as f } from "./vue.runtime.esm-bundler-B2k01iQh.js";
-import { N as p, _ as m, a as h, d as g, f as _, g as v, h as y, i as b, l as x, m as S, n as C, p as w, r as T, v as E } from "./useEditorCore-D7dQFRkw.js";
+import { P as p, _ as m, a as h, d as g, f as _, h as v, i as y, l as b, m as x, n as S, p as C, r as w, v as T, y as E } from "./useEditorCore-DKYZ7aKk.js";
 import { o as D } from "./keys-mFiJ5N0_.js";
 //#region src/components/blocks/PreviewSectionBlock.vue?vue&type=script&setup=true&lang.ts
 var O = { class: "tpl:w-full" }, k = { class: "tpl:flex tpl:gap-0" }, A = /* @__PURE__ */ i({
@@ -11,17 +11,17 @@ var O = { class: "tpl:w-full" }, k = { class: "tpl:flex tpl:gap-0" }, A = /* @__
 	},
 	setup(i) {
 		let A = {
-			title: x,
-			paragraph: w,
-			image: y,
-			video: C,
+			title: b,
+			paragraph: C,
+			image: v,
+			video: S,
 			button: p,
-			divider: m,
+			divider: T,
 			social: h,
-			menu: S,
-			table: T,
-			spacer: b,
-			html: v,
+			menu: x,
+			table: w,
+			spacer: y,
+			html: m,
 			custom: E
 		}, j = i, M = f(D, null), N = a(() => {
 			switch (j.block.columns) {
@@ -77,17 +77,17 @@ var O = { class: "tpl:w-full" }, k = { class: "tpl:flex tpl:gap-0" }, A = /* @__
 	setup(r) {
 		let i = f(D), a = {
 			section: A,
-			title: x,
-			paragraph: w,
-			image: y,
-			video: C,
+			title: b,
+			paragraph: C,
+			image: v,
+			video: S,
 			button: p,
-			divider: m,
+			divider: T,
 			social: h,
-			menu: S,
-			table: T,
-			spacer: b,
-			html: v,
+			menu: x,
+			table: w,
+			spacer: y,
+			html: m,
 			custom: E
 		};
 		function o(e) {

package/dist/{NumberWithSuffix-Cd7bz1Wk.js → NumberWithSuffix-D3fdj0iO.js}

@@ -1,36 +1,37 @@
-import { A as e, F as t, M as n, N as r, X as i, at as a, b as o, d as s, f as c, h as l, l as u, m as d, ot as f, p, rt as m, s as h, st as g, t as ee, v as _, z as te } from "./vue.runtime.esm-bundler-B2k01iQh.js";
-import { t as v } from "./dist-DJ9aD8yA.js";
-import { t as ne } from "./useI18n-CTs_bP9d.js";
-import { h as y, i as b, m as x, p as S, u as C } from "./styleConstants-lGobwiLH.js";
+import { A as e, F as t, M as n, N as r, X as i, at as a, b as o, d as s, f as c, h as l, l as u, m as d, ot as f, p, rt as m, s as ee, st as h, t as te, v as g, z as ne } from "./vue.runtime.esm-bundler-B2k01iQh.js";
+import { t as _ } from "./dist-Cgry6fNv.js";
+import { t as re } from "./useI18n-CTs_bP9d.js";
+import { t as ie } from "./x-CGjkjdKK.js";
+import { h as v, m as y, p as b, u as ae } from "./styleConstants-lGobwiLH.js";
 //#region ../../node_modules/.pnpm/vanilla-colorful@0.7.2/node_modules/vanilla-colorful/lib/utils/math.js
-var w = (e, t = 0, n = 1) => e > n ? n : e < t ? t : e, T = (e, t = 0, n = 10 ** t) => Math.round(n * e) / n;
+var x = (e, t = 0, n = 1) => e > n ? n : e < t ? t : e, S = (e, t = 0, n = 10 ** t) => Math.round(n * e) / n;
 360 / (Math.PI * 2);
-var re = (e) => j(E(e)), E = (e) => (e[0] === "#" && (e = e.substring(1)), e.length < 6 ? {
+var C = (e) => j(w(e)), w = (e) => (e[0] === "#" && (e = e.substring(1)), e.length < 6 ? {
 	r: parseInt(e[0] + e[0], 16),
 	g: parseInt(e[1] + e[1], 16),
 	b: parseInt(e[2] + e[2], 16),
-	a: e.length === 4 ? T(parseInt(e[3] + e[3], 16) / 255, 2) : 1
+	a: e.length === 4 ? S(parseInt(e[3] + e[3], 16) / 255, 2) : 1
 } : {
 	r: parseInt(e.substring(0, 2), 16),
 	g: parseInt(e.substring(2, 4), 16),
 	b: parseInt(e.substring(4, 6), 16),
-	a: e.length === 8 ? T(parseInt(e.substring(6, 8), 16) / 255, 2) : 1
-}), ie = (e) => A(O(e)), ae = ({ h: e, s: t, v: n, a: r }) => {
+	a: e.length === 8 ? S(parseInt(e.substring(6, 8), 16) / 255, 2) : 1
+}), T = (e) => A(O(e)), E = ({ h: e, s: t, v: n, a: r }) => {
 	let i = (200 - t) * n / 100;
 	return {
-		h: T(e),
-		s: T(i > 0 && i < 200 ? t * n / 100 / (i <= 100 ? i : 200 - i) * 100 : 0),
-		l: T(i / 2),
-		a: T(r, 2)
+		h: S(e),
+		s: S(i > 0 && i < 200 ? t * n / 100 / (i <= 100 ? i : 200 - i) * 100 : 0),
+		l: S(i / 2),
+		a: S(r, 2)
 	};
 }, D = (e) => {
-	let { h: t, s: n, l: r } = ae(e);
+	let { h: t, s: n, l: r } = E(e);
 	return `hsl(${t}, ${n}%, ${r}%)`;
 }, O = ({ h: e, s: t, v: n, a: r }) => {
 	e = e / 360 * 6, t /= 100, n /= 100;
 	let i = Math.floor(e), a = n * (1 - t), o = n * (1 - (e - i) * t), s = n * (1 - (1 - e + i) * t), c = i % 6;
 	return {
-		r: T([
+		r: S([
 			n,
 			o,
 			a,
@@ -38,7 +39,7 @@ var re = (e) => j(E(e)), E = (e) => (e[0] === "#" && (e = e.substring(1)), e.len
 			s,
 			n
 		][c] * 255),
-		g: T([
+		g: S([
 			s,
 			n,
 			n,
@@ -46,7 +47,7 @@ var re = (e) => j(E(e)), E = (e) => (e[0] === "#" && (e = e.substring(1)), e.len
 			a,
 			a
 		][c] * 255),
-		b: T([
+		b: S([
 			a,
 			a,
 			s,
@@ -54,27 +55,27 @@ var re = (e) => j(E(e)), E = (e) => (e[0] === "#" && (e = e.substring(1)), e.len
 			n,
 			o
 		][c] * 255),
-		a: T(r, 2)
+		a: S(r, 2)
 	};
 }, k = (e) => {
 	let t = e.toString(16);
 	return t.length < 2 ? "0" + t : t;
 }, A = ({ r: e, g: t, b: n, a: r }) => {
-	let i = r < 1 ? k(T(r * 255)) : "";
+	let i = r < 1 ? k(S(r * 255)) : "";
 	return "#" + k(e) + k(t) + k(n) + i;
 }, j = ({ r: e, g: t, b: n, a: r }) => {
 	let i = Math.max(e, t, n), a = i - Math.min(e, t, n), o = a ? i === e ? (t - n) / a : i === t ? 2 + (n - e) / a : 4 + (e - t) / a : 0;
 	return {
-		h: T(60 * (o < 0 ? o + 6 : o)),
-		s: T(i ? a / i * 100 : 0),
-		v: T(i / 255 * 100),
+		h: S(60 * (o < 0 ? o + 6 : o)),
+		s: S(i ? a / i * 100 : 0),
+		v: S(i / 255 * 100),
 		a: r
 	};
 }, M = (e, t) => {
 	if (e === t) return !0;
 	for (let n in e) if (e[n] !== t[n]) return !1;
 	return !0;
-}, oe = (e, t) => e.toLowerCase() === t.toLowerCase() ? !0 : M(E(e), E(t)), N = {}, P = (e) => {
+}, oe = (e, t) => e.toLowerCase() === t.toLowerCase() ? !0 : M(w(e), w(t)), N = {}, P = (e) => {
 	let t = N[e];
 	return t || (t = document.createElement("template"), t.innerHTML = e, N[e] = t), t;
 }, F = (e, t, n) => {
@@ -85,8 +86,8 @@ var re = (e) => j(E(e)), E = (e) => (e[0] === "#" && (e = e.substring(1)), e.len
 }, I = !1, L = (e) => "touches" in e, R = (e) => I && !L(e) ? !1 : (I ||= L(e), !0), z = (e, t) => {
 	let n = L(t) ? t.touches[0] : t, r = e.el.getBoundingClientRect();
 	F(e.el, "move", e.getMove({
-		x: w((n.pageX - (r.left + window.pageXOffset)) / r.width),
-		y: w((n.pageY - (r.top + window.pageYOffset)) / r.height)
+		x: x((n.pageX - (r.left + window.pageXOffset)) / r.width),
+		y: x((n.pageY - (r.top + window.pageYOffset)) / r.height)
 	}));
 }, B = (e, t) => {
 	let n = t.keyCode;
@@ -143,10 +144,10 @@ var re = (e) => j(E(e)), E = (e) => (e[0] === "#" && (e = e.substring(1)), e.len
 				v: 100,
 				a: 1
 			})
-		}]), this.el.setAttribute("aria-valuenow", `${T(e)}`);
+		}]), this.el.setAttribute("aria-valuenow", `${S(e)}`);
 	}
 	getMove(e, t) {
-		return { h: t ? w(this.h + e.x * 360, 0, 360) : 360 * e.x };
+		return { h: t ? x(this.h + e.x * 360, 0, 360) : 360 * e.x };
 	}
 }, U = class extends V {
 	constructor(e) {
@@ -162,12 +163,12 @@ var re = (e) => j(E(e)), E = (e) => (e[0] === "#" && (e = e.substring(1)), e.len
 			s: 100,
 			v: 100,
 			a: 1
-		}) }]), this.el.setAttribute("aria-valuetext", `Saturation ${T(e.s)}%, Brightness ${T(e.v)}%`);
+		}) }]), this.el.setAttribute("aria-valuetext", `Saturation ${S(e.s)}%, Brightness ${S(e.v)}%`);
 	}
 	getMove(e, t) {
 		return {
-			s: t ? w(this.hsva.s + e.x * 100, 0, 100) : e.x * 100,
-			v: t ? w(this.hsva.v - e.y * 100, 0, 100) : Math.round(100 - e.y * 100)
+			s: t ? x(this.hsva.s + e.x * 100, 0, 100) : e.x * 100,
+			v: t ? x(this.hsva.v - e.y * 100, 0, 100) : Math.round(100 - e.y * 100)
 		};
 	}
 }, W = ":host{display:flex;flex-direction:column;position:relative;width:200px;height:200px;user-select:none;-webkit-user-select:none;cursor:default}:host([hidden]){display:none!important}[role=slider]{position:relative;touch-action:none;user-select:none;-webkit-user-select:none;outline:0}[role=slider]:last-child{border-radius:0 0 8px 8px}[part$=pointer]{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;display:flex;place-content:center center;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}[part$=pointer]::after{content:\"\";width:100%;height:100%;border-radius:inherit;background-color:currentColor}[role=slider]:focus [part$=pointer]{transform:translate(-50%,-50%) scale(1.1)}", G = "[part=hue]{flex:0 0 24px;background:linear-gradient(to right,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}[part=hue-pointer]{top:50%;z-index:2}", K = "[part=saturation]{flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,rgba(255,255,255,0));box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}[part=saturation-pointer]{z-index:3}", q = Symbol("same"), J = Symbol("color"), Y = Symbol("hsva"), X = Symbol("update"), Z = Symbol("parts"), Q = Symbol("css"), $ = Symbol("sliders"), se = class extends HTMLElement {
@@ -225,8 +226,8 @@ var re = (e) => j(E(e)), E = (e) => (e[0] === "#" && (e = e.substring(1)), e.len
 	}
 }, ce = {
 	defaultColor: "#000",
-	toHsva: re,
-	fromHsva: ({ h: e, s: t, v: n }) => ie({
+	toHsva: C,
+	fromHsva: ({ h: e, s: t, v: n }) => T({
 		h: e,
 		s: t,
 		v: n,
@@ -246,17 +247,20 @@ var de = [
 	"disabled",
 	"aria-label",
 	"aria-expanded"
-], fe = [
+], fe = {
+	key: 0,
+	class: "tpl:relative tpl:flex-1"
+}, pe = [
 	"value",
 	"placeholder",
 	"disabled",
 	"aria-label"
-], pe = ["color", "aria-label"], me = /* @__PURE__ */ o({
+], me = ["aria-label", "title"], he = ["color", "aria-label"], ge = /* @__PURE__ */ o({
 	__name: "ColorPicker",
 	props: {
 		modelValue: {},
-		placeholder: { default: b },
-		size: { default: "default" },
+		placeholder: { default: "" },
+		seedColor: { default: "#ffffff" },
 		swatchOnly: {
 			type: Boolean,
 			default: !1
@@ -268,24 +272,30 @@ var de = [
 	},
 	emits: ["update:modelValue"],
 	setup(t, { emit: n }) {
-		let r = t, o = n, { t: u } = ne(), p = i(!1), g = i(), y = i();
-		v(g, () => {
+		let r = t, o = n, { t: u } = re(), p = i(!1), h = i(), v = i(), y = i(!1);
+		_(h, () => {
 			p.value = !1;
-		}, { ignore: [y] });
-		let b = s({
-			get: () => r.modelValue || "#000000",
-			set: (e) => o("update:modelValue", e)
-		});
-		function x(e) {
-			b.value = e.detail.value;
+		}, { ignore: [v] });
+		let b = s(() => !r.modelValue), x = s(() => r.modelValue || r.seedColor), S = s(() => !r.swatchOnly && !r.disabled && !b.value);
+		function C(e) {
+			y.value = !0, o("update:modelValue", e.detail.value);
+		}
+		function w() {
+			y.value = !1;
+		}
+		function T() {
+			!y.value && b.value && o("update:modelValue", x.value);
+		}
+		function E(e) {
+			o("update:modelValue", e.target.value);
 		}
-		function S(e) {
-			b.value = e.target.value;
+		function D() {
+			o("update:modelValue", "");
 		}
-		return (n, r) => (e(), l("div", { class: a(["tpl:flex tpl:gap-2 tpl:relative", t.disabled && "tpl:opacity-60 tpl:cursor-not-allowed"]) }, [
+		return (n, r) => (e(), l("div", { class: a(["tpl:flex tpl:items-center tpl:gap-2 tpl:relative", t.disabled && "tpl:opacity-60 tpl:cursor-not-allowed"]) }, [
 			c("button", {
 				ref_key: "swatchRef",
-				ref: y,
+				ref: v,
 				type: "button",
 				disabled: t.disabled,
 				"aria-label": m(u).colorPicker.pickColor,
@@ -294,24 +304,34 @@ var de = [
 					"tpl:shrink-0 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-0.5 tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]",
 					t.disabled ? "tpl:cursor-not-allowed" : "tpl:cursor-pointer",
 					p.value ? "tpl:border-[var(--tpl-primary)] tpl:shadow-[var(--tpl-ring)]" : !t.disabled && "hover:tpl:border-[var(--tpl-text-dim)]",
-					t.size === "large" ? "tpl:size-12" : "tpl:size-10"
+					"tpl:size-10"
 				]),
 				onClick: r[0] ||= (e) => !t.disabled && (p.value = !p.value)
 			}, [c("span", {
-				class: "tpl:block tpl:size-full tpl:rounded-[calc(var(--tpl-radius-sm)-2px)]",
-				style: f({ backgroundColor: b.value })
-			}, null, 4)], 10, de),
-			t.swatchOnly ? d("", !0) : (e(), l("input", {
-				key: 0,
+				class: a(["tpl:block tpl:size-full tpl:rounded-[calc(var(--tpl-radius-sm)-2px)]", { "tpl-color-swatch-empty": b.value }]),
+				style: f(b.value ? void 0 : { backgroundColor: t.modelValue })
+			}, null, 6)], 10, de),
+			t.swatchOnly ? d("", !0) : (e(), l("div", fe, [c("input", {
 				type: "text",
-				class: a(m(C)),
+				class: a([m(ae), "tpl:w-full"]),
+				style: f(S.value ? { paddingRight: "2.25rem" } : void 0),
 				value: t.modelValue,
-				placeholder: t.placeholder,
+				placeholder: t.placeholder || m(u).colorPicker.notSet,
 				disabled: t.disabled,
 				"aria-label": m(u).colorPicker.hexValue,
-				onInput: S
-			}, null, 42, fe)),
-			_(ee, {
+				onInput: E
+			}, null, 46, pe), S.value ? (e(), l("button", {
+				key: 0,
+				type: "button",
+				"aria-label": m(u).colorPicker.clear,
+				title: m(u).colorPicker.clear,
+				class: "tpl:absolute tpl:right-2 tpl:top-1/2 tpl:flex tpl:size-6 tpl:-translate-y-1/2 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:text-[var(--tpl-text-dim)] tpl:transition-colors tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] hover:tpl:bg-[var(--tpl-bg-hover)] hover:tpl:text-[var(--tpl-text)]",
+				onClick: D
+			}, [g(m(ie), {
+				size: 14,
+				"stroke-width": 1.5
+			})], 8, me)) : d("", !0)])),
+			g(te, {
 				"enter-active-class": "tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]",
 				"enter-from-class": "tpl:opacity-0 tpl:scale-95 tpl:translate-y-1",
 				"enter-to-class": "tpl:opacity-100 tpl:scale-100 tpl:translate-y-0",
@@ -319,27 +339,29 @@ var de = [
 				"leave-from-class": "tpl:opacity-100 tpl:scale-100 tpl:translate-y-0",
 				"leave-to-class": "tpl:opacity-0 tpl:scale-95 tpl:translate-y-1"
 			}, {
-				default: te(() => [p.value ? (e(), l("div", {
+				default: ne(() => [p.value ? (e(), l("div", {
 					key: 0,
 					ref_key: "popoverRef",
-					ref: g,
+					ref: h,
 					class: "tpl:absolute tpl:left-0 tpl:top-full tpl:z-50 tpl:mt-2 tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)] tpl:p-3 tpl:shadow-lg"
 				}, [c("hex-color-picker", {
-					color: b.value,
+					color: x.value,
 					"aria-label": m(u).colorPicker.pickColor,
-					onColorChanged: x,
-					onKeydown: r[1] ||= h((e) => p.value = !1, ["escape"])
-				}, null, 40, pe)], 512)) : d("", !0)]),
+					onColorChanged: C,
+					onPointerdown: w,
+					onPointerup: T,
+					onKeydown: r[1] ||= ee((e) => p.value = !1, ["escape"])
+				}, null, 40, he)], 512)) : d("", !0)]),
 				_: 1
 			})
 		], 2));
 	}
-}), he = [
+}), _e = [
 	"aria-checked",
 	"aria-label",
 	"title",
 	"onClick"
-], ge = { key: 1 }, _e = /* @__PURE__ */ o({
+], ve = { key: 1 }, ye = /* @__PURE__ */ o({
 	__name: "SlidingPillSelect",
 	props: {
 		options: {},
@@ -382,22 +404,22 @@ var de = [
 			key: 0,
 			size: 14,
 			"stroke-width": 2
-		})) : (e(), l("span", ge, g(n.label), 1))], 12, he))), 128))], 4));
+		})) : (e(), l("span", ve, h(n.label), 1))], 12, _e))), 128))], 4));
 	}
-}), ve = { class: "tpl:mb-3.5" }, ye = /* @__PURE__ */ o({
+}), be = { class: "tpl:mb-3.5" }, xe = /* @__PURE__ */ o({
 	__name: "FieldRow",
 	props: { label: {} },
 	setup(t) {
-		return (n, i) => (e(), l("div", ve, [t.label ? (e(), l("label", {
+		return (n, i) => (e(), l("div", be, [t.label ? (e(), l("label", {
 			key: 0,
-			class: a(m(y))
-		}, g(t.label), 3)) : d("", !0), r(n.$slots, "default")]));
+			class: a(m(v))
+		}, h(t.label), 3)) : d("", !0), r(n.$slots, "default")]));
 	}
-}), be = { class: "tpl:flex tpl:items-stretch" }, xe = [
+}), Se = { class: "tpl:flex tpl:items-stretch" }, Ce = [
 	"value",
 	"min",
 	"max"
-], Se = /* @__PURE__ */ o({
+], we = /* @__PURE__ */ o({
 	__name: "NumberWithSuffix",
 	props: {
 		modelValue: {},
@@ -408,15 +430,15 @@ var de = [
 	emits: ["update:modelValue"],
 	setup(t, { emit: n }) {
 		let r = n;
-		return (n, i) => (e(), l("div", be, [c("input", {
+		return (n, i) => (e(), l("div", Se, [c("input", {
 			type: "number",
-			class: a(m(S)),
+			class: a(m(b)),
 			value: t.modelValue,
 			min: t.min,
 			max: t.max,
 			onInput: i[0] ||= (e) => r("update:modelValue", Number(e.target.value))
-		}, null, 42, xe), c("span", { class: a(m(x)) }, g(t.suffix), 3)]));
+		}, null, 42, Ce), c("span", { class: a(m(y)) }, h(t.suffix), 3)]));
 	}
 });
 //#endregion
-export { me as i, ye as n, _e as r, Se as t };
+export { ge as i, xe as n, ye as r, we as t };

package/dist/{ParagraphEditor-BqRFV_Y-.js → ParagraphEditor-CZ-cmhX3.js}

@@ -1,6 +1,6 @@
 import { A as e, F as t, G as n, M as r, X as i, _ as a, at as o, b as s, c, d as l, f as u, h as d, l as f, m as p, ot as m, p as h, rt as g, s as _, st as v, u as y, v as b, w as x } from "./vue.runtime.esm-bundler-B2k01iQh.js";
-import { C as S, b as C, w } from "./useEditorCore-D7dQFRkw.js";
-import { t as T } from "./dist-DJ9aD8yA.js";
+import { T as S, w as C, x as w } from "./useEditorCore-DKYZ7aKk.js";
+import { t as T } from "./dist-Cgry6fNv.js";
 import { A as E, M as D, N as O, g as ee, x as te } from "./keys-mFiJ5N0_.js";
 import { t as k } from "./useI18n-CTs_bP9d.js";
 import { t as A } from "./createLucideIcon-CmPAC-gt.js";
@@ -166,8 +166,8 @@ var R = A("list-ordered", [
 	__name: "EmojiPickerDropdown",
 	emits: ["insert"],
 	setup(t, { emit: n }) {
-		let a = n, { categories: s, isOpen: m, toggle: h, close: y } = S(), { t: x, format: C } = k(), E = i(null), D = i(null);
-		w(E, l(() => m.value)), T(D, () => {
+		let a = n, { categories: s, isOpen: m, toggle: h, close: y } = C(), { t: x, format: w } = k(), E = i(null), D = i(null);
+		S(E, l(() => m.value)), T(D, () => {
 			m.value && y();
 		});
 		function O(e) {
@@ -206,7 +206,7 @@ var R = A("list-ordered", [
 		}, [u("div", q, v(g(x).emoji[t.key]), 1), u("div", J, [(e(!0), d(f, null, r(t.emojis, (t) => (e(), d("button", {
 			key: t,
 			type: "button",
-			"aria-label": g(C)(g(x).paragraphEditor.emojiItemLabel, { emoji: t }),
+			"aria-label": g(w)(g(x).paragraphEditor.emojiItemLabel, { emoji: t }),
 			class: "tpl:flex tpl:size-6 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:border-none tpl:bg-transparent tpl:text-base tpl:transition-all tpl:duration-100 tpl:hover:scale-125 tpl:hover:bg-[var(--tpl-bg-active)]",
 			onClick: (e) => O(t)
 		}, v(t), 9, Y))), 128))])]))), 128))], 40, K)) : p("", !0)], 512));
@@ -580,7 +580,7 @@ var Z = /*#__PURE__*/ F(pe, [["render", he]]), ge = [
 	},
 	emits: ["done"],
 	setup(t, { emit: r }) {
-		let i = t, a = r, o = L(), { editor: s, EditorContent: c, isLoading: l, initError: u, retry: f, showLinkDialog: p, linkUrl: m, linkDialogRef: h, canRequestMergeTag: _, openLinkDialog: v, insertLink: y, removeLink: x, closeLinkDialog: S, handleLinkKeydown: w, handleAddMergeTag: T } = C({
+		let i = t, a = r, o = L(), { editor: s, EditorContent: c, isLoading: l, initError: u, retry: f, showLinkDialog: p, linkUrl: m, linkDialogRef: h, canRequestMergeTag: _, openLinkDialog: v, insertLink: y, removeLink: x, closeLinkDialog: S, handleLinkKeydown: C, handleAddMergeTag: T } = w({
 			blockId: () => i.block.id,
 			blockContent: () => i.block.content,
 			onDone: () => a("done"),
@@ -682,7 +682,7 @@ var Z = /*#__PURE__*/ F(pe, [["render", he]]), ge = [
 				onClose: g(S),
 				onInsert: g(y),
 				onRemove: g(x),
-				onKeydown: g(w)
+				onKeydown: g(C)
 			}, null, 8, [
 				"visible",
 				"is-editing-link",

package/dist/{SaveModuleDialog-DmfvH5D0.js → SaveModuleDialog-C38VqN2T.js}

@@ -1,10 +1,10 @@
 import { A as e, B as t, L as n, M as r, X as i, _ as a, a as o, at as s, b as c, d as l, f as u, h as d, l as ee, m as f, ot as p, p as m, rt as h, st as g, v as _, z as v } from "./vue.runtime.esm-bundler-B2k01iQh.js";
-import "./useEditorCore-D7dQFRkw.js";
+import "./useEditorCore-DKYZ7aKk.js";
 import { D as y, N as b, m as x } from "./keys-mFiJ5N0_.js";
 import { t as S } from "./useI18n-CTs_bP9d.js";
 import { t as te } from "./loader-circle-CDF8eR_Q.js";
 import { n as ne } from "./useCloudI18n-L3H2XvdW.js";
-import { t as C } from "./TplModal-utMtXzSO.js";
+import { t as C } from "./TplModal-BYb-X5Bj.js";
 //#region src/cloud/components/SaveModuleDialog.vue?vue&type=script&setup=true&lang.ts
 var w = ["aria-busy"], T = {
 	id: "tpl-save-module-title",