@templatical/editor 0.16.4 → 0.16.5

package/dist/{AiFeatureMenu-BPCkrHAS.js → AiFeatureMenu-B1oEJebq.js}

@@ -1,5 +1,5 @@
 import { A as e, Dt as t, N as n, O as r, Ot as i, _ as a, c as o, d as s, l as c, r as l, s as u } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
-import "./useEditorCore-DBq2689h.js";
+import "./useEditorCore-DnOG2a_b.js";
 import { L as d, t as f } from "./keys-BbDgCU6K.js";
 import { t as p } from "./image-up-CDEgJqwA.js";
 import { t as m } from "./shield-check-YYDhGroE.js";

package/dist/{CloudEditor-v8ARYaFW.js → CloudEditor-D6KNL6VU.js}

@@ -2,15 +2,15 @@ import { A as e, D as t, Dt as n, E as r, Et as i, I as a, K as o, O as s, Ot as
 import { c as E, o as D, t as O } from "./runtime-dom.esm-bundler-GdMI8WqG.js";
 import { t as k } from "./timeouts-Bmi_yePw.js";
 import { O as A, a as j } from "./dist-DoRIUsfz.js";
-import { L as M, T as N, b as ee, t as P } from "./useEditorCore-DBq2689h.js";
+import { L as M, T as N, b as ee, t as P } from "./useEditorCore-DnOG2a_b.js";
 import { m as F } from "./dist-DYv_Pttj.js";
-import { n as I } from "./color-DhoxCSMv.js";
+import { i as I } from "./usePopoverPosition-B3Byo68F.js";
 import { D as L, M as R, c as z, j as te, l as ne, r as B, s as re, t as ie } from "./keys-BbDgCU6K.js";
 import { t as V } from "./useI18n-eR1yVW0v.js";
 import { t as H } from "./createLucideIcon-FSF4peHQ.js";
 import { t as U } from "./check-Cg6Mc2pP.js";
 import { t as W } from "./circle-alert-Bhzm-fNA.js";
-import { a as G, c as ae, d as oe, f as K, i as q, l as se, n as ce, o as le, p as ue, r as de, s as fe, t as pe, u as me } from "./styles-DN4J7w-C.js";
+import { a as G, c as ae, d as oe, f as K, i as q, l as se, n as ce, o as le, p as ue, r as de, s as fe, t as pe, u as me } from "./styles-DJfTblY7.js";
 import { t as he } from "./clock-m7TwQw4b.js";
 import { t as J } from "./loader-circle-BT38qSm3.js";
 import { t as ge } from "./message-circle-BAHcL9S-.js";
@@ -19,7 +19,7 @@ import { t as Y } from "./sparkles-CCwQMMMZ.js";
 import { t as X } from "./triangle-alert-B2g0ALvq.js";
 import { t as Z } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { n as Q } from "./useCloudI18n-WbfVWq5k.js";
-import { d as $ } from "./ColorPicker-Cab6U2sH.js";
+import { d as $ } from "./ColorPicker-CppJgX_T.js";
 import { _ as ve, a as ye, c as be, d as xe, f as Se, g as Ce, h as we, l as Te, m as Ee, n as De, o as Oe, p as ke, r as Ae, s as je, t as Me, v as Ne, y as Pe } from "./cloud-BogxOeZu.js";
 var Fe = H("save", [
 	["path", {
@@ -628,7 +628,7 @@ var Ge = ["aria-label"], Ke = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 	},
 	emits: ["save"],
 	setup(e) {
-		let t = h(() => import("./CollaboratorBar-BQzKZ2zo.js")), r = h(() => import("./SnapshotHistory-tWvgMCe6.js")), a = h(() => import("./AiFeatureMenu-BPCkrHAS.js")), { t: o, format: u } = Q();
+		let t = h(() => import("./CollaboratorBar-C_EhXQ5R.js")), r = h(() => import("./SnapshotHistory-B38ImqMO.js")), a = h(() => import("./AiFeatureMenu-B1oEJebq.js")), { t: o, format: u } = Q();
 		return (d, f) => (s(), m("header", tt, [
 			p("div", nt, [e.featureFlags.templateLimit.value === null ? w("", !0) : (s(), m("span", rt, c(b(u)(b(o).header.templatesUsed, {
 				used: e.featureFlags.templateCount.value,
@@ -790,7 +790,7 @@ var Ge = ["aria-label"], Ke = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 		"module-insert"
 	],
 	setup(e, { expose: t, emit: n }) {
-		let r = h(() => import("./AiChatSidebar-CYAbVB2G.js")), i = h(() => import("./CommentsSidebar-C_XLBbo3.js")), a = h(() => import("./DesignReferenceSidebar-Bh9uAZ4B.js")), o = h(() => import("./TemplateScoringPanel-ZhObHWeb.js")), c = h(() => import("./TestEmailModal-EdwEcsrD.js")), l = h(() => import("./SaveModuleDialog-BNN3dcxD.js")), d = h(() => import("./ModuleBrowserModal-CzzChPmN.js")), f = h(async () => {
+		let r = h(() => import("./AiChatSidebar-CYAbVB2G.js")), i = h(() => import("./CommentsSidebar-C_XLBbo3.js")), a = h(() => import("./DesignReferenceSidebar-Bh9uAZ4B.js")), o = h(() => import("./TemplateScoringPanel-ZhObHWeb.js")), c = h(() => import("./TestEmailModal-DbstIzEf.js")), l = h(() => import("./SaveModuleDialog-CYu5PhBz.js")), d = h(() => import("./ModuleBrowserModal-CXy8Bbv9.js")), f = h(async () => {
 			try {
 				return (await import("@templatical/media-library")).MediaLibraryModal;
 			} catch {

package/dist/{CollaboratorBar-BQzKZ2zo.js → CollaboratorBar-C_EhXQ5R.js}

@@ -1,5 +1,5 @@
 import { A as e, Dt as t, O as n, Ot as r, _ as i, c as a, d as o, l as s, nt as c, r as l, s as u, u as d } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
-import "./useEditorCore-DBq2689h.js";
+import "./useEditorCore-DnOG2a_b.js";
 import { t as f } from "./createLucideIcon-FSF4peHQ.js";
 import { n as p } from "./useCloudI18n-WbfVWq5k.js";
 import { t as m } from "./readableTextColor-f8Kykfnh.js";

package/dist/{ColorPicker-Cab6U2sH.js → ColorPicker-CppJgX_T.js}

@@ -1,10 +1,9 @@
 import { Dt as e, Et as t, O as n, R as r, Y as i, _ as a, c as o, d as s, h as c, i as ee, l as te, nt as l, s as u, u as d, x as f } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
 import { c as ne, s as p, t as re } from "./runtime-dom.esm-bundler-GdMI8WqG.js";
-import { n as ie, t as m } from "./color-DhoxCSMv.js";
-import { I as ae, P as oe } from "./keys-BbDgCU6K.js";
-import { t as se } from "./useI18n-eR1yVW0v.js";
+import { i as ie, n as ae, r as m, t as oe } from "./usePopoverPosition-B3Byo68F.js";
+import { I as se, P as ce } from "./keys-BbDgCU6K.js";
+import { t as le } from "./useI18n-eR1yVW0v.js";
 import { t as h } from "./x-Ctg_250T.js";
-import { t as ce } from "./usePopoverRoot-C1j0D7cc.js";
 //#region src/constants/styleConstants.ts
 var g = "tpl:block tpl:mb-1.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]", _ = "tpl:w-full tpl:h-10 tpl:px-3.5 tpl:py-1.5 tpl:text-sm tpl:border tpl:rounded-[var(--tpl-radius-sm)] tpl:shadow-xs tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)] tpl:border-[var(--tpl-border)] tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:outline-none focus:tpl:border-[var(--tpl-primary)] focus:tpl:shadow-[var(--tpl-ring)] placeholder:tpl:text-[var(--tpl-text-dim)]", v = "tpl:w-full tpl:h-10 tpl:px-3.5 tpl:py-1.5 tpl:text-sm tpl:border tpl:rounded-l-[var(--tpl-radius-sm)] tpl:rounded-r-none tpl:border-r-0 tpl:shadow-xs tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)] tpl:border-[var(--tpl-border)] tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:outline-none focus:tpl:border-[var(--tpl-primary)] focus:tpl:shadow-[var(--tpl-ring)] placeholder:tpl:text-[var(--tpl-text-dim)]", y = "tpl:flex tpl:items-center tpl:px-2.5 tpl:text-xs tpl:border tpl:border-l-0 tpl:text-[var(--tpl-text-dim)] tpl:bg-[var(--tpl-bg-hover)] tpl:border-[var(--tpl-border)] tpl:rounded-r-[var(--tpl-radius-sm)]", b = "tpl:flex-1 tpl:h-10 tpl:px-3.5 tpl:py-1.5 tpl:text-xs tpl:font-mono tpl:border tpl:rounded-[var(--tpl-radius-sm)] tpl:shadow-xs tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)] tpl:border-[var(--tpl-border)] tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:outline-none focus:tpl:border-[var(--tpl-primary)] focus:tpl:shadow-[var(--tpl-ring)]", x = "tpl:rounded-[var(--tpl-radius)] tpl:bg-[var(--tpl-bg-elevated)] tpl:p-4 tpl:border tpl:border-[var(--tpl-border)] tpl:transition-colors tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] hover:tpl:bg-[var(--tpl-bg-hover)]", S = "tpl:flex tpl:size-8 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-150 tpl:hover:border-[var(--tpl-danger)] tpl:hover:bg-[var(--tpl-danger-light)] tpl:hover:text-[var(--tpl-danger)]", C = "tpl:flex tpl:w-full tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-md tpl:border tpl:border-dashed tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-150 tpl:hover:border-[var(--tpl-primary)] tpl:hover:text-[var(--tpl-primary)]", w = "tpl:w-full tpl:resize-y tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-2.5 tpl:py-2 tpl:font-mono tpl:text-xs tpl:text-[var(--tpl-text)] tpl:outline-none tpl:transition-all tpl:duration-150 tpl:placeholder:text-[var(--tpl-text-dim)] tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[0_0_0_3px_var(--tpl-primary-light)]", T = "tpl-btn tpl:inline-flex tpl:items-center tpl:gap-1.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:px-3.5 tpl:py-2 tpl:text-sm tpl:font-medium tpl:whitespace-nowrap tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] hover:tpl:bg-[var(--tpl-primary)] hover:tpl:text-[var(--tpl-bg)] tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50", E = [
 	"10px",
@@ -59,7 +58,7 @@ var g = "tpl:block tpl:mb-1.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-te
 	}
 ], k = "#000000", A = "#ffffff", j = "#ffff00", M = "#f2f2f2", N = (e, t = 0, n = 1) => e > n ? n : e < t ? t : e, P = (e, t = 0, n = 10 ** t) => Math.round(n * e) / n;
 360 / (Math.PI * 2);
-var F = (e) => de(I(e)), I = (e) => (e[0] === "#" && (e = e.substring(1)), e.length < 6 ? {
+var F = (e) => fe(I(e)), I = (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),
@@ -69,7 +68,7 @@ var F = (e) => de(I(e)), I = (e) => (e[0] === "#" && (e = e.substring(1)), e.len
 	g: parseInt(e.substring(2, 4), 16),
 	b: parseInt(e.substring(4, 6), 16),
 	a: e.length === 8 ? P(parseInt(e.substring(6, 8), 16) / 255, 2) : 1
-}), L = (e) => ue(le(e)), R = ({ h: e, s: t, v: n, a: r }) => {
+}), L = (e) => de(ue(e)), R = ({ h: e, s: t, v: n, a: r }) => {
 	let i = (200 - t) * n / 100;
 	return {
 		h: P(e),
@@ -80,7 +79,7 @@ var F = (e) => de(I(e)), I = (e) => (e[0] === "#" && (e = e.substring(1)), e.len
 }, z = (e) => {
 	let { h: t, s: n, l: r } = R(e);
 	return `hsl(${t}, ${n}%, ${r}%)`;
-}, le = ({ h: e, s: t, v: n, a: r }) => {
+}, ue = ({ 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 {
@@ -113,10 +112,10 @@ var F = (e) => de(I(e)), I = (e) => (e[0] === "#" && (e = e.substring(1)), e.len
 }, B = (e) => {
 	let t = e.toString(16);
 	return t.length < 2 ? "0" + t : t;
-}, ue = ({ r: e, g: t, b: n, a: r }) => {
+}, de = ({ r: e, g: t, b: n, a: r }) => {
 	let i = r < 1 ? B(P(r * 255)) : "";
 	return "#" + B(e) + B(t) + B(n) + i;
-}, de = ({ r: e, g: t, b: n, a: r }) => {
+}, fe = ({ 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: P(60 * (o < 0 ? o + 6 : o)),
@@ -128,7 +127,7 @@ var F = (e) => de(I(e)), I = (e) => (e[0] === "#" && (e = e.substring(1)), e.len
 	if (e === t) return !0;
 	for (let n in e) if (e[n] !== t[n]) return !1;
 	return !0;
-}, fe = (e, t) => e.toLowerCase() === t.toLowerCase() || V(I(e), I(t)), H = {}, U = (e) => {
+}, pe = (e, t) => e.toLowerCase() === t.toLowerCase() || V(I(e), I(t)), H = {}, U = (e) => {
 	let t = H[e];
 	return t || (t = document.createElement("template"), t.innerHTML = e, H[e] = t), t;
 }, W = (e, t, n) => {
@@ -136,13 +135,13 @@ var F = (e) => de(I(e)), I = (e) => (e[0] === "#" && (e = e.substring(1)), e.len
 		bubbles: !0,
 		detail: n
 	}));
-}, G = !1, K = (e) => "touches" in e, pe = (e) => G && !K(e) ? !1 : (G ||= K(e), !0), q = (e, t) => {
+}, G = !1, K = (e) => "touches" in e, me = (e) => G && !K(e) ? !1 : (G ||= K(e), !0), q = (e, t) => {
 	let n = K(t) ? t.touches[0] : t, r = e.el.getBoundingClientRect();
 	W(e.el, "move", e.getMove({
 		x: N((n.pageX - (r.left + window.pageXOffset)) / r.width),
 		y: N((n.pageY - (r.top + window.pageYOffset)) / r.height)
 	}));
-}, me = (e, t) => {
+}, he = (e, t) => {
 	let n = t.keyCode;
 	n > 40 || e.xy && n < 37 || n < 33 || (t.preventDefault(), W(e.el, "move", e.getMove({
 		x: n === 39 ? .01 : n === 37 ? -.01 : n === 34 ? .05 : n === 33 ? -.05 : n === 35 ? 1 : n === 36 ? -1 : 0,
@@ -163,7 +162,7 @@ var F = (e) => de(I(e)), I = (e) => (e[0] === "#" && (e = e.substring(1)), e.len
 		switch (e.type) {
 			case "mousedown":
 			case "touchstart":
-				if (e.preventDefault(), !pe(e) || !G && e.button != 0) return;
+				if (e.preventDefault(), !me(e) || !G && e.button != 0) return;
 				this.el.focus(), q(this, e), this.dragging = !0;
 				break;
 			case "mousemove":
@@ -175,7 +174,7 @@ var F = (e) => de(I(e)), I = (e) => (e[0] === "#" && (e = e.substring(1)), e.len
 				this.dragging = !1;
 				break;
 			case "keydown":
-				me(this, e);
+				he(this, e);
 				break;
 		}
 	}
@@ -184,7 +183,7 @@ var F = (e) => de(I(e)), I = (e) => (e[0] === "#" && (e = e.substring(1)), e.len
 			for (let n in e) this.nodes[t].style.setProperty(n, e[n]);
 		});
 	}
-}, he = class extends J {
+}, ge = class extends J {
 	constructor(e) {
 		super(e, "hue", "aria-label=\"Hue\" aria-valuemin=\"0\" aria-valuemax=\"360\"", !1);
 	}
@@ -202,7 +201,7 @@ var F = (e) => de(I(e)), I = (e) => (e[0] === "#" && (e = e.substring(1)), e.len
 	getMove(e, t) {
 		return { h: t ? N(this.h + e.x * 360, 0, 360) : 360 * e.x };
 	}
-}, ge = class extends J {
+}, _e = class extends J {
 	constructor(e) {
 		super(e, "saturation", "aria-label=\"Color\"", !0);
 	}
@@ -224,19 +223,19 @@ var F = (e) => de(I(e)), I = (e) => (e[0] === "#" && (e = e.substring(1)), e.len
 			v: t ? N(this.hsva.v - e.y * 100, 0, 100) : Math.round(100 - e.y * 100)
 		};
 	}
-}, _e = ":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)}", ve = "[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}", ye = "[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}", Y = Symbol("same"), X = Symbol("color"), Z = Symbol("hsva"), Q = Symbol("update"), $ = Symbol("parts"), be = Symbol("css"), xe = Symbol("sliders"), Se = class extends HTMLElement {
+}, ve = ":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)}", ye = "[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}", be = "[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}", Y = Symbol("same"), X = Symbol("color"), Z = Symbol("hsva"), Q = Symbol("update"), xe = Symbol("parts"), Se = Symbol("css"), $ = Symbol("sliders"), Ce = class extends HTMLElement {
 	static get observedAttributes() {
 		return ["color"];
 	}
-	get [be]() {
+	get [Se]() {
 		return [
-			_e,
 			ve,
-			ye
+			ye,
+			be
 		];
 	}
-	get [xe]() {
-		return [ge, he];
+	get [$]() {
+		return [_e, ge];
 	}
 	get color() {
 		return this[X];
@@ -249,8 +248,8 @@ var F = (e) => de(I(e)), I = (e) => (e[0] === "#" && (e = e.substring(1)), e.len
 	}
 	constructor() {
 		super();
-		let e = U(`<style>${this[be].join("")}</style>`), t = this.attachShadow({ mode: "open" });
-		t.appendChild(e.content.cloneNode(!0)), t.addEventListener("move", this), this[$] = this[xe].map((e) => new e(t));
+		let e = U(`<style>${this[Se].join("")}</style>`), t = this.attachShadow({ mode: "open" });
+		t.appendChild(e.content.cloneNode(!0)), t.addEventListener("move", this), this[xe] = this[$].map((e) => new e(t));
 	}
 	connectedCallback() {
 		if (this.hasOwnProperty("color")) {
@@ -275,9 +274,9 @@ var F = (e) => de(I(e)), I = (e) => (e[0] === "#" && (e = e.substring(1)), e.len
 		return this.color && this.colorModel.equal(e, this.color);
 	}
 	[Q](e) {
-		this[Z] = e, this[$].forEach((t) => t.update(e));
+		this[Z] = e, this[xe].forEach((t) => t.update(e));
 	}
-}, Ce = {
+}, we = {
 	defaultColor: "#000",
 	toHsva: F,
 	fromHsva: ({ h: e, s: t, v: n }) => L({
@@ -286,38 +285,38 @@ var F = (e) => de(I(e)), I = (e) => (e[0] === "#" && (e = e.substring(1)), e.len
 		v: n,
 		a: 1
 	}),
-	equal: fe,
+	equal: pe,
 	fromAttr: (e) => e
-}, we = class extends Se {
+}, Te = class extends Ce {
 	get colorModel() {
-		return Ce;
+		return we;
 	}
-}, Te = class extends we {};
-customElements.define("hex-color-picker", Te);
+}, Ee = class extends Te {};
+customElements.define("hex-color-picker", Ee);
 //#endregion
 //#region src/components/ColorPicker.vue?vue&type=script&setup=true&lang.ts
-var Ee = [
+var De = [
 	"disabled",
 	"aria-label",
 	"title",
 	"aria-expanded"
-], De = {
+], Oe = {
 	key: 0,
 	class: "tpl:relative tpl:flex-1"
-}, Oe = [
+}, ke = [
 	"value",
 	"placeholder",
 	"disabled",
 	"aria-label"
-], ke = ["aria-label", "title"], Ae = ["data-tpl-theme"], je = ["color", "aria-label"], Me = {
+], Ae = ["aria-label", "title"], je = ["data-tpl-theme"], Me = ["color", "aria-label"], Ne = {
 	key: 0,
 	class: "tpl:relative tpl:mt-2"
-}, Ne = [
+}, Pe = [
 	"value",
 	"placeholder",
 	"disabled",
 	"aria-label"
-], Pe = ["aria-label", "title"], Fe = /* @__PURE__ */ a({
+], Fe = ["aria-label", "title"], Ie = /* @__PURE__ */ a({
 	__name: "ColorPicker",
 	props: {
 		modelValue: {},
@@ -336,7 +335,7 @@ var Ee = [
 	},
 	emits: ["update:modelValue"],
 	setup(a, { emit: g }) {
-		let _ = a, v = g, { t: y } = se(), x = i(!1), S = i(), C = i(), w = i(!1);
+		let _ = a, v = g, { t: y } = le(), x = i(!1), S = i(), C = i(), w = i(!1);
 		ie(S, () => {
 			x.value = !1;
 		}, { ignore: [C] });
@@ -356,20 +355,20 @@ var Ee = [
 		function N() {
 			v("update:modelValue", "");
 		}
-		let P = ce(), F = f(oe, null), I = f(ae, null), L = i({
+		let P = ae(), { toLocal: F } = oe(), I = f(ce, null), L = f(se, null), R = i({
 			top: 0,
 			left: 0
 		});
-		function R() {
+		function z() {
 			if (!_.disabled) {
 				if (!x.value) {
 					let e = C.value?.getBoundingClientRect();
 					if (e) {
-						let t = e.bottom + 8 + 240 <= window.innerHeight;
-						L.value = {
-							top: t ? e.bottom + 8 : Math.max(8, e.top - 240 - 8),
+						let t = e.bottom + 8 + 240 <= window.innerHeight ? e.bottom + 8 : Math.max(8, e.top - 240 - 8);
+						R.value = F({
+							top: t,
 							left: e.left
-						};
+						});
 					}
 				}
 				x.value = !x.value;
@@ -390,12 +389,12 @@ var Ee = [
 					x.value ? "tpl:border-[var(--tpl-primary)] tpl:shadow-[var(--tpl-ring)]" : !a.disabled && "hover:tpl:border-[var(--tpl-text-dim)]",
 					a.size === "sm" ? "tpl:size-8" : "tpl:size-10"
 				]),
-				onClick: R
+				onClick: z
 			}, [o("span", {
 				class: t(["tpl:block tpl:size-full tpl:rounded-[calc(var(--tpl-radius-sm)-2px)]", { "tpl-color-swatch-empty": T.value }]),
 				style: e(T.value ? void 0 : { backgroundColor: E.value })
-			}, null, 6)], 10, Ee),
-			a.swatchOnly ? d("", !0) : (n(), s("div", De, [o("input", {
+			}, null, 6)], 10, De),
+			a.swatchOnly ? d("", !0) : (n(), s("div", Oe, [o("input", {
 				type: "text",
 				class: t([l(b), "tpl:w-full"]),
 				style: e(O.value ? { paddingRight: "2.25rem" } : void 0),
@@ -404,7 +403,7 @@ var Ee = [
 				disabled: a.disabled,
 				"aria-label": l(y).colorPicker.hexValue,
 				onInput: M
-			}, null, 46, Oe), O.value ? (n(), s("button", {
+			}, null, 46, ke), O.value ? (n(), s("button", {
 				key: 0,
 				type: "button",
 				"aria-label": l(y).colorPicker.clear,
@@ -414,7 +413,7 @@ var Ee = [
 			}, [c(l(h), {
 				size: 14,
 				"stroke-width": 1.5
-			})], 8, ke)) : d("", !0)])),
+			})], 8, Ae)) : d("", !0)])),
 			(n(), te(ee, {
 				to: l(P),
 				disabled: !l(P)
@@ -430,12 +429,12 @@ var Ee = [
 					key: 0,
 					ref_key: "popoverRef",
 					ref: S,
-					"data-tpl-theme": l(I),
-					class: "tpl-color-popover tpl:fixed tpl:z-modal tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)] tpl:p-3 tpl:shadow-lg",
+					"data-tpl-theme": l(L),
+					class: "tpl-color-popover tpl:absolute tpl:z-modal tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)] tpl:p-3 tpl:shadow-lg",
 					style: e({
-						top: `${L.value.top}px`,
-						left: `${L.value.left}px`,
-						...l(F)
+						top: `${R.value.top}px`,
+						left: `${R.value.left}px`,
+						...l(I)
 					})
 				}, [o("hex-color-picker", {
 					color: D.value,
@@ -444,7 +443,7 @@ var Ee = [
 					onPointerdown: A,
 					onPointerup: j,
 					onKeydown: u[0] ||= p((e) => x.value = !1, ["escape"])
-				}, null, 40, je), a.swatchOnly ? (n(), s("div", Me, [o("input", {
+				}, null, 40, Me), a.swatchOnly ? (n(), s("div", Ne, [o("input", {
 					type: "text",
 					class: t([l(b), "tpl:w-full"]),
 					style: e(O.value ? { paddingRight: "2.25rem" } : void 0),
@@ -454,7 +453,7 @@ var Ee = [
 					"aria-label": l(y).colorPicker.hexValue,
 					onChange: M,
 					onKeydown: u[1] ||= p(ne((e) => e.target.blur(), ["prevent"]), ["enter"])
-				}, null, 46, Ne), O.value ? (n(), s("button", {
+				}, null, 46, Pe), O.value ? (n(), s("button", {
 					key: 0,
 					type: "button",
 					"aria-label": l(y).colorPicker.clear,
@@ -464,11 +463,11 @@ var Ee = [
 				}, [c(l(h), {
 					size: 14,
 					"stroke-width": 1.5
-				})], 8, Pe)) : d("", !0)])) : d("", !0)], 12, Ae)) : d("", !0)]),
+				})], 8, Fe)) : d("", !0)])) : d("", !0)], 12, je)) : d("", !0)]),
 				_: 1
 			})], 8, ["to", "disabled"]))
 		], 2));
 	}
 });
 //#endregion
-export { S as _, k as a, D as c, T as d, _ as f, w as g, g as h, M as i, C as l, y as m, A as n, E as o, v as p, j as r, O as s, Fe as t, x as u };
+export { S as _, k as a, D as c, T as d, _ as f, w as g, g as h, M as i, C as l, y as m, A as n, E as o, v as p, j as r, O as s, Ie as t, x as u };

package/dist/{CountdownToolbar-q3umZ7TZ.js → CountdownToolbar-D5GaA_lt.js}

@@ -1,8 +1,8 @@
 import { A as e, Et as t, O as n, Ot as r, R as i, _ as a, c as o, d as s, h as c, l, nt as u, r as d, s as f } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
 import { t as p } from "./useI18n-eR1yVW0v.js";
-import { f as m, t as h } from "./ColorPicker-Cab6U2sH.js";
+import { f as m, t as h } from "./ColorPicker-CppJgX_T.js";
 import { t as g } from "./ToggleSwitch-DUNuUPsZ.js";
-import { n as _, r as v, t as y } from "./NumberWithSuffix-Bhm2ByHs.js";
+import { n as _, r as v, t as y } from "./NumberWithSuffix-DNi-v4l1.js";
 //#region src/components/toolbar/CountdownToolbar.vue?vue&type=script&setup=true&lang.ts
 var b = ["value"], x = ["value"], S = ["value"], C = { class: "tpl:grid tpl:grid-cols-2 tpl:gap-2" }, w = ["value"], T = { value: "" }, E = ["value"], D = { class: "tpl:grid tpl:grid-cols-2 tpl:gap-3" }, O = { class: "tpl:grid tpl:grid-cols-2 tpl:gap-3" }, k = { class: "tpl:grid tpl:grid-cols-2 tpl:gap-2" }, A = [
 	"value",

package/dist/{MergeTagSuggestion-DrT3LiZ4.js → MergeTagSuggestion-jIpT_jmz.js}

@@ -1202,11 +1202,13 @@ function kt(e, t) {
 	}
 	function b(e) {
 		if (!r || !e || e.bottom < 0 || e.top > window.innerHeight) return;
-		r.style.position = "fixed", r.style.left = `${e.left}px`, r.style.zIndex = "9999", r.style.top = `${e.bottom}px`;
-		let t = r.offsetHeight;
-		if (t !== 0 && window.innerHeight - e.bottom < t) {
-			let n = Math.max(0, e.top - t);
-			r.style.top = `${n}px`;
+		r.style.position = "absolute", r.style.zIndex = "9999";
+		let t = r.offsetParent?.getBoundingClientRect(), n = t?.top ?? 0, i = t?.left ?? 0;
+		r.style.left = `${e.left - i}px`, r.style.top = `${e.bottom - n}px`;
+		let a = r.offsetHeight;
+		if (a !== 0 && window.innerHeight - e.bottom < a) {
+			let t = Math.max(0, e.top - a);
+			r.style.top = `${t - n}px`;
 		}
 	}
 	function x(e, t) {

package/dist/{ModuleBrowserModal-CzzChPmN.js → ModuleBrowserModal-CXy8Bbv9.js}

@@ -1,13 +1,13 @@
 import { A as e, Dt as t, I as n, N as r, O as i, Ot as a, R as o, Y as s, _ as c, c as l, d as u, g as ee, h as d, l as f, nt as p, r as m, s as h, u as te, z as g } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
 import { a as ne, c as _, i as re } from "./runtime-dom.esm-bundler-GdMI8WqG.js";
-import "./useEditorCore-DBq2689h.js";
+import "./useEditorCore-DnOG2a_b.js";
 import { L as v, j as ie, m as ae } from "./keys-BbDgCU6K.js";
 import { t as oe } from "./useI18n-eR1yVW0v.js";
-import { n as se, r as y, t as b } from "./blockTypeIcons-DHcYPMB8.js";
+import { n as se, r as y, t as b } from "./blockTypeIcons-BVIEw0XJ.js";
 import { t as ce } from "./trash-2-CRBDolnR.js";
 import { t as le } from "./x-Ctg_250T.js";
 import { n as ue } from "./useCloudI18n-WbfVWq5k.js";
-import { t as de } from "./TplModal-Niu4Y96-.js";
+import { t as de } from "./TplModal-BXnx3sLr.js";
 //#region src/cloud/components/ModuleBrowserModal.vue?vue&type=script&setup=true&lang.ts
 var fe = {
 	role: "dialog",
@@ -46,7 +46,7 @@ var fe = {
 	props: { visible: { type: Boolean } },
 	emits: ["close", "insert"],
 	setup(c, { emit: B }) {
-		let Te = c, V = B, Ee = ee(() => import("./ModulePreviewCanvas-C0Q2n3FL.js")), { t: De } = oe(), { t: H } = ue(), U = v(ie, "ModuleBrowserModal"), W = v(ae, "ModuleBrowserModal"), G = s(""), K = s(null), q = s(null), J = s("end"), Y = h(() => {
+		let Te = c, V = B, Ee = ee(() => import("./ModulePreviewCanvas-CJC9kyZN.js")), { t: De } = oe(), { t: H } = ue(), U = v(ie, "ModuleBrowserModal"), W = v(ae, "ModuleBrowserModal"), G = s(""), K = s(null), q = s(null), J = s("end"), Y = h(() => {
 			let e = U.modules.value;
 			if (!G.value) return e;
 			let t = G.value.toLowerCase();

package/dist/{ModulePreviewCanvas-C0Q2n3FL.js → ModulePreviewCanvas-CJC9kyZN.js}

@@ -1,5 +1,5 @@
 import { A as e, Dt as t, M as n, N as r, O as i, _ as a, c as o, d as s, l as c, nt as l, r as u, s as d, x as f } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
-import { I 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-DBq2689h.js";
+import { I 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-DnOG2a_b.js";
 import { o as D } from "./keys-BbDgCU6K.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__ */ a({

package/dist/{NumberWithSuffix-Bhm2ByHs.js → NumberWithSuffix-DNi-v4l1.js}

@@ -1,5 +1,5 @@
 import { A as e, Dt as t, Et as n, N as r, O as i, Ot as a, _ as o, c as s, d as c, j as l, l as u, nt as d, r as f, s as p, u as m } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
-import { h, m as g, p as _ } from "./ColorPicker-Cab6U2sH.js";
+import { h, m as g, p as _ } from "./ColorPicker-CppJgX_T.js";
 //#region src/components/SlidingPillSelect.vue?vue&type=script&setup=true&lang.ts
 var v = [
 	"aria-checked",