@templatical/editor 0.24.0 → 0.24.1

package/dist/{useI18n-BhAejA-x.js → useI18n-DzOcl2wl.js}

@@ -1,5 +1,5 @@
-import { W as e, x as t } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
-import { z as n } from "./keys-BVlG5Ozc.js";
+import { W as e, x as t } from "./vue.runtime.esm-bundler-Xpz-L9Fn.js";
+import { z as n } from "./keys-uWpGv4Pq.js";
 //#region src/composables/useI18n.ts
 function r(r) {
 	let i = r ?? t(n, null);

package/dist/{useMergeTag-Ce95YIOO.js → useMergeTag-BFxXCv3p.js}

@@ -1,6 +1,6 @@
-import { Y as e, x as t } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
-import { D as n, P as r, a as i } from "./dist-DPHqs0Yh.js";
-import { D as a, E as o, M as s, T as c, k as l } from "./keys-BVlG5Ozc.js";
+import { Y as e, x as t } from "./vue.runtime.esm-bundler-Xpz-L9Fn.js";
+import { D as n, P as r, a as i } from "./dist-Ba5Q-UX1.js";
+import { D as a, E as o, M as s, T as c, k as l } from "./keys-uWpGv4Pq.js";
 //#region src/composables/useMergeTag.ts
 function u() {
 	let u = t(c, []), d = t(l, i.liquid), f = t(s, null), p = t(o, !0), m = t(a, null), h = e(!1);

package/dist/{usePopoverPosition-vjKJaqJf.js → usePopoverPosition-Dtr1Mp1x.js}

@@ -1,7 +1,7 @@
-import { E as e, I as t, L as n, Y as r, Z as i, b as a, et as o, nt as s, s as c, v as l, x as u } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
-import { _ as d, a as f, d as p, i as m, l as h, n as g, o as _, r as v, s as y, t as b, u as x } from "./dist-DYv_Pttj.js";
-import { P as S } from "./keys-BVlG5Ozc.js";
-//#region ../../node_modules/.pnpm/@vueuse+core@14.3.0_vue@3.5.40_typescript@6.0.3_/node_modules/@vueuse/core/dist/index.js
+import { E as e, I as t, L as n, Y as r, Z as i, b as a, et as o, nt as s, s as c, v as l, x as u } from "./vue.runtime.esm-bundler-Xpz-L9Fn.js";
+import { _ as d, a as f, d as p, i as m, l as h, n as g, o as _, r as v, s as y, t as b, u as x } from "./dist-DT1XnEnj.js";
+import { P as S } from "./keys-uWpGv4Pq.js";
+//#region ../../node_modules/.pnpm/@vueuse+core@14.4.0_vue@3.5.40_typescript@6.0.3_/node_modules/@vueuse/core/dist/index.js
 var C = g ? window : void 0;
 g && window.document, g && window.navigator, g && window.location;
 function w(e) {
@@ -135,7 +135,9 @@ function N(e, t = {}) {
 	let { window: r = C, ssrWidth: a = /* @__PURE__ */ M() } = t, s = /* @__PURE__ */ k(() => r && "matchMedia" in r && typeof r.matchMedia == "function"), l = i(typeof a == "number"), u = i(), d = i(!1);
 	return n(() => {
 		if (l.value) {
-			l.value = !s.value, d.value = o(e).split(",").some((e) => {
+			l.value = !s.value;
+			let t = o(e).split(",");
+			d.value = t.some((e) => {
 				let t = e.includes("not all"), n = e.match(/\(\s*min-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/), r = e.match(/\(\s*max-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/), i = !!(n || r);
 				return n && i && (i = a >= y(n[1])), r && i && (i = a <= y(r[1])), t ? !i : i;
 			});
@@ -157,8 +159,8 @@ function P(e, t = {}) {
 			return typeof t == "function" ? t(e) : !t?.length || e.length !== 0 && e.every((e) => t.some((t) => e.includes(t)));
 		}, f = (e) => {
 			if (i.checkValidity) return i.checkValidity(e);
-			let t = d(Array.from(e ?? []).map((e) => e.type)), n = c || e.length <= 1;
-			return t && n;
+			let t = Array.from(e ?? []).map((e) => e.type), n = d(t), r = c || e.length <= 1;
+			return n && r;
 		}, p = () => /^(?:(?!chrome|android).)*safari/i.test(navigator.userAgent) && !("chrome" in window), m = (e, t) => {
 			let s = e.dataTransfer?.items;
 			if (o = (s && f(s)) ?? !1, l && e.preventDefault(), !p() && !o) {
@@ -180,12 +182,10 @@ function P(e, t = {}) {
 					var h;
 					--a, a === 0 && (n.value = !1), (h = i.onLeave) == null || h.call(i, null, e);
 					break;
-				case "drop":
-					if (a = 0, n.value = !1, o) {
-						var g;
-						r.value = c, (g = i.onDrop) == null || g.call(i, c, e);
-					}
-					break;
+				case "drop": if (a = 0, n.value = !1, o) {
+					var g;
+					r.value = c, (g = i.onDrop) == null || g.call(i, c, e);
+				}
 			}
 		};
 		T(e, "dragenter", (e) => m(e, "enter")), T(e, "dragover", (e) => m(e, "over")), T(e, "dragleave", (e) => m(e, "leave")), T(e, "drop", (e) => m(e, "drop"));

package/dist/{vue.runtime.esm-bundler-B0xoGkDv.js → vue.runtime.esm-bundler-Xpz-L9Fn.js}

@@ -35,7 +35,8 @@ function ue(e) {
 			if (i) for (let e in i) t[e] = i[e];
 		}
 		return t;
-	} else if (g(e) || v(e)) return e;
+	}
+	if (g(e) || v(e)) return e;
 }
 var de = /;(?![^(]*\))/g, fe = /:([^]+)/, pe = /\/\*[^]*?\*\//g;
 function me(e) {
@@ -94,7 +95,7 @@ function M(e, ...t) {
 }
 var N, je = class {
 	constructor(e = !1) {
-		this.detached = e, this._active = !0, this._on = 0, this.effects = [], this.cleanups = [], this._isPaused = !1, this._warnOnRun = !0, this.__v_skip = !0, !e && N && (N.active ? (this.parent = N, this.index = (N.scopes ||= []).push(this) - 1) : (this._active = !1, this._warnOnRun = !1));
+		this.detached = e, this._active = !0, this._on = 0, this.effects = [], this.cleanups = [], this._isPaused = !1, this._warnOnRun = !0, this.__v_skip = !0, !e && N && (N.active ? (this.parent = N, this.index = (N.scopes || (N.scopes = [])).push(this) - 1) : (this._active = !1, this._warnOnRun = !1));
 	}
 	get active() {
 		return this._active;
@@ -130,7 +131,8 @@ var N, je = class {
 			} finally {
 				N = t;
 			}
-		} else process.env.NODE_ENV !== "production" && this._warnOnRun && M("cannot run an inactive effect scope.");
+		}
+		process.env.NODE_ENV !== "production" && this._warnOnRun && M("cannot run an inactive effect scope.");
 	}
 	on() {
 		++this._on === 1 && (this.prevScope = N, N = this);
@@ -398,9 +400,7 @@ function at(e, t, n, r, i, a) {
 			case "delete":
 				i || (s(o.get(nt)), f(e) && s(o.get(rt)));
 				break;
-			case "set":
-				f(e) && s(o.get(nt));
-				break;
+			case "set": f(e) && s(o.get(nt));
 		}
 	}
 	Ve();
@@ -1122,7 +1122,8 @@ function Fn(e, t, n, r) {
 		let i = [];
 		for (let a = 0; a < e.length; a++) i.push(Fn(e[a], t, n, r));
 		return i;
-	} else process.env.NODE_ENV !== "production" && V(`Invalid value type passed to callWithAsyncErrorHandling(): ${typeof e}`);
+	}
+	process.env.NODE_ENV !== "production" && V(`Invalid value type passed to callWithAsyncErrorHandling(): ${typeof e}`);
 }
 function In(e, n, r, i = !0) {
 	let a = n ? n.vnode : null, { errorHandler: o, throwUnhandledErrorInProduction: s } = n && n.appContext.config || t;
@@ -1251,7 +1252,7 @@ function ar(e) {
 	rr.get(e.type.__hmrId).instances.delete(e);
 }
 function or(e, t) {
-	return rr.has(e) ? !1 : (rr.set(e, {
+	return !rr.has(e) && (rr.set(e, {
 		initialDef: sr(t),
 		instances: /* @__PURE__ */ new Set()
 	}), !0);
@@ -1473,7 +1474,7 @@ var Gr = /* @__PURE__ */ new WeakMap(), Kr = /* @__PURE__ */ Symbol("_vte"), qr
 		let r = t(n);
 		return process.env.NODE_ENV !== "production" && !r && !Jr(e) && V(`Failed to locate Teleport target with selector "${n}". Note the target element must exist before the component is mounted - i.e. the target cannot be rendered by the component itself, and ideally should be outside of the entire Vue component tree.`), r;
 	} else return process.env.NODE_ENV !== "production" && V("Current renderer does not support string target for Teleports. (missing querySelector renderer option)"), null;
-	else return process.env.NODE_ENV !== "production" && !n && !Jr(e) && V(`Invalid Teleport target: ${n}`), n;
+	return process.env.NODE_ENV !== "production" && !n && !Jr(e) && V(`Invalid Teleport target: ${n}`), n;
 }, $r = {
 	name: "Teleport",
 	__isTeleport: !0,
@@ -1923,7 +1924,8 @@ function Fi(e, t, n = $, r = !1) {
 			return i(), Ye(), a;
 		};
 		return r ? i.unshift(a) : i.push(a), a;
-	} else process.env.NODE_ENV !== "production" && V(`${ie(Nn[e].replace(/ hook$/, ""))} is called when there is no active component instance to be associated with. Lifecycle injection APIs can only be used during execution of setup(). If you are using async setup(), make sure to register lifecycle hooks before the first await statement.`);
+	}
+	process.env.NODE_ENV !== "production" && V(`${ie(Nn[e].replace(/ hook$/, ""))} is called when there is no active component instance to be associated with. Lifecycle injection APIs can only be used during execution of setup(). If you are using async setup(), make sure to register lifecycle hooks before the first await statement.`);
 }
 var Ii = (e) => (t, n = $) => {
 	(!Os || e === "sp") && Fi(e, (...e) => t(...e), n);
@@ -1954,7 +1956,8 @@ function Zi(e, t, n = !0, r = !1) {
 			V(`Failed to resolve ${e.slice(0, -1)}: ${t}${n}`);
 		}
 		return o;
-	} else process.env.NODE_ENV !== "production" && V(`resolve${O(e.slice(0, -1))} can only be used in render() or setup().`);
+	}
+	process.env.NODE_ENV !== "production" && V(`resolve${O(e.slice(0, -1))} can only be used in render() or setup().`);
 }
 function Qi(e, t) {
 	return e && (e[t] || e[E(t)] || e[O(E(t))]);
@@ -2570,7 +2573,7 @@ function Qa(e, t, n, r = !1) {
 	let i = {}, a = Xa();
 	e.propsDefaults = /* @__PURE__ */ Object.create(null), to(e, t, i, a);
 	for (let t in e.propsOptions[0]) t in i || (i[t] = void 0);
-	process.env.NODE_ENV !== "production" && so(t || {}, i, e), n ? e.props = r ? i : /* @__PURE__ */ Wt(i) : e.type.props ? e.props = i : e.props = a, e.attrs = a;
+	process.env.NODE_ENV !== "production" && so(t || {}, i, e), e.props = n ? r ? i : /* @__PURE__ */ Wt(i) : e.type.props ? i : a, e.attrs = a;
 }
 function $a(e) {
 	for (; e;) {
@@ -2669,7 +2672,8 @@ function io(e, r, i = !1) {
 					if (n === "Boolean") {
 						a = !0;
 						break;
-					} else n === "String" && (o = !1);
+					}
+					n === "String" && (o = !1);
 				}
 				else a = h(i) && i.name === "Boolean";
 				r[0] = a, r[1] = o, (a || u(r, "default")) && f.push(t);
@@ -2680,7 +2684,7 @@ function io(e, r, i = !1) {
 	return v(e) && a.set(e, m), m;
 }
 function ao(e) {
-	return e[0] !== "$" && !T(e) ? !0 : (process.env.NODE_ENV !== "production" && V(`Invalid prop name: "${e}" is a reserved property.`), !1);
+	return e[0] !== "$" && !T(e) || (process.env.NODE_ENV !== "production" && V(`Invalid prop name: "${e}" is a reserved property.`), !1);
 }
 function oo(e) {
 	return e === null ? "null" : typeof e == "function" ? e.name || "" : typeof e == "object" && e.constructor && e.constructor.name || "";
@@ -3011,7 +3015,8 @@ function jo(e, i) {
 			if (f & 128) {
 				pe(l, d, n, r, i, a, o, s, c);
 				return;
-			} else if (f & 256) {
+			}
+			if (f & 256) {
 				fe(l, d, n, r, i, a, o, s, c);
 				return;
 			}
@@ -3480,7 +3485,7 @@ function ys(e, n, r) {
 		ec: null,
 		sp: null
 	};
-	return process.env.NODE_ENV === "production" ? o.ctx = { _: o } : o.ctx = sa(o), o.root = n ? n.root : o, o.emit = Na.bind(null, o), e.ce && e.ce(o), o;
+	return o.ctx = process.env.NODE_ENV === "production" ? { _: o } : sa(o), o.root = n ? n.root : o, o.emit = Na.bind(null, o), e.ce && e.ce(o), o;
 }
 var $ = null, bs = () => $ || W, xs, Ss;
 {
@@ -3613,7 +3618,8 @@ function Rs(e) {
 			},
 			expose: t
 		});
-	} else return {
+	}
+	return {
 		attrs: new Proxy(e.attrs, Is),
 		slots: e.slots,
 		emit: e.emit,
@@ -3695,7 +3701,8 @@ function qs() {
 					l(n),
 					">"
 				];
-			} else if (/* @__PURE__ */ Jt(t)) return [
+			}
+			return /* @__PURE__ */ Jt(t) ? [
 				"div",
 				{},
 				[
@@ -3706,8 +3713,7 @@ function qs() {
 				"<",
 				l(t),
 				`>${/* @__PURE__ */ Yt(t) ? " (readonly)" : ""}`
-			];
-			else if (/* @__PURE__ */ Yt(t)) return [
+			] : /* @__PURE__ */ Yt(t) ? [
 				"div",
 				{},
 				[
@@ -3718,8 +3724,7 @@ function qs() {
 				"<",
 				l(t),
 				">"
-			];
-			return null;
+			] : null;
 		},
 		hasBody(e) {
 			return e && e.__isVue;

package/dist/{x-CkD6A1iB.js → x-C4lETLDx.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createLucideIcon-JWHwTI6N.js";
+import { t as e } from "./createLucideIcon-AEltGIse.js";
 var t = e("x", [["path", {
 	d: "M18 6 6 18",
 	key: "1bl5f8"

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@templatical/editor",
   "description": "Vue 3 visual drag-and-drop email editor powered by Templatical",
-  "version": "0.24.0",
+  "version": "0.24.1",
   "bugs": "https://github.com/templatical/sdk/issues",
   "devDependencies": {
-    "@lucide/vue": "^1.27.0",
+    "@lucide/vue": "^1.28.0",
     "@tiptap/core": "^3.29.2",
     "@tiptap/extension-color": "^3.29.2",
     "@tiptap/extension-font-family": "^3.29.2",
@@ -20,21 +20,21 @@
     "@tiptap/vue-3": "^3.29.2",
     "@vitejs/plugin-vue": "^6.0.8",
     "@vue/test-utils": "^2.4.11",
-    "@vueuse/core": "^14.3.0",
+    "@vueuse/core": "^14.4.0",
     "es-module-lexer": "^2.3.1",
     "happy-dom": "^20.11.1",
-    "liquidjs": "^10.27.2",
+    "liquidjs": "^10.28.0",
     "tailwindcss": "^4.3.3",
     "typescript": "^6.0.3",
     "vanilla-colorful": "^0.7.2",
-    "vite": "^8.1.5",
+    "vite": "^8.2.0",
     "vitest": "^4.1.10",
     "vue": "^3.5.40",
     "vue-draggable-plus": "^0.6.1",
-    "vue-tsc": "^3.3.8",
-    "@templatical/core": "0.24.0",
-    "@templatical/quality": "0.24.0",
-    "@templatical/types": "0.24.0"
+    "vue-tsc": "^3.3.9",
+    "@templatical/core": "0.24.1",
+    "@templatical/quality": "0.24.1",
+    "@templatical/types": "0.24.1"
   },
   "exports": {
     ".": {
@@ -62,9 +62,9 @@
   "license": "SEE LICENSE IN LICENSE",
   "module": "./dist/templatical-editor.js",
   "peerDependencies": {
-    "@templatical/media-library": "0.24.0",
-    "@templatical/quality": "0.24.0",
-    "@templatical/renderer": "0.24.0"
+    "@templatical/media-library": "0.24.1",
+    "@templatical/quality": "0.24.1",
+    "@templatical/renderer": "0.24.1"
   },
   "peerDependenciesMeta": {
     "@templatical/renderer": {

package/dist/DesignReferenceSidebar-C4pTMzQE.js

@@ -1,264 +0,0 @@
-import { Dt as e, Et as t, I as n, O as r, Ot as i, R as ee, T as a, Y as o, _ as s, c, d as l, h as u, l as te, m as d, nt as f, s as ne, u as p, z as re } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
-import { a as ie, t as ae } from "./runtime-dom.esm-bundler-GdMI8WqG.js";
-import { t as oe } from "./upload-BwwE0U6G.js";
-import { H as m, h, r as se } from "./keys-BVlG5Ozc.js";
-import { t as g } from "./createLucideIcon-JWHwTI6N.js";
-import { t as ce } from "./circle-alert-CgtE46ND.js";
-import { t as _ } from "./image-up-CQdtq8ge.js";
-import { t as v } from "./x-CkD6A1iB.js";
-import { t as le } from "./LoadingTrack-KIcREPlS.js";
-import { t as y } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { n as ue } from "./useCloudI18n-DGr3b2SX.js";
-import { f as de } from "./cloud-DsUct4Zq.js";
-var fe = g("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"
-	}],
-	["path", {
-		d: "M14 2v5a1 1 0 0 0 1 1h5",
-		key: "wfsgrz"
-	}],
-	["circle", {
-		cx: "10",
-		cy: "12",
-		r: "2",
-		key: "737tya"
-	}],
-	["path", {
-		d: "m20 17-1.296-1.296a2.41 2.41 0 0 0-3.408 0L9 22",
-		key: "wt3hpn"
-	}]
-]), b = g("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"
-	}],
-	["path", {
-		d: "M14 2v5a1 1 0 0 0 1 1h5",
-		key: "wfsgrz"
-	}],
-	["path", {
-		d: "M10 9H8",
-		key: "b1mrlr"
-	}],
-	["path", {
-		d: "M16 13H8",
-		key: "t4e002"
-	}],
-	["path", {
-		d: "M16 17H8",
-		key: "z1uh3a"
-	}]
-]), 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)]"
-}, me = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3" }, he = { class: "tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-primary)]" }, x = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4" }, S = {
-	key: 0,
-	class: "tpl:flex tpl:h-full tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-3 tpl:text-center"
-}, C = { class: "tpl:flex tpl:w-full tpl:flex-col tpl:items-center tpl:gap-3" }, w = { class: "tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, T = {
-	key: 1,
-	class: "tpl:flex tpl:flex-col tpl:gap-4"
-}, E = { class: "tpl:flex tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:p-1 tpl:bg-[var(--tpl-bg-hover)]" }, D = {
-	key: 0,
-	class: "tpl:flex tpl:flex-col tpl:gap-2"
-}, O = { class: "tpl:relative tpl:overflow-hidden tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]" }, k = ["src", "alt"], A = {
-	key: 1,
-	class: "tpl:flex tpl:h-32 tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2"
-}, j = { class: "tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, M = { class: "tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, N = { class: "tpl:text-center tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]" }, P = ["accept"], F = { class: "tpl:flex tpl:flex-col tpl:gap-1.5" }, I = { class: "tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, L = ["placeholder"], R = {
-	key: 0,
-	class: "tpl:flex tpl:flex-col tpl:gap-2 tpl:rounded-[var(--tpl-radius)] tpl:px-3 tpl:py-3 tpl:bg-[var(--tpl-warning-light)] tpl:border tpl:border-[var(--tpl-warning)]"
-}, ge = { class: "tpl:text-xs tpl:leading-snug tpl:text-[var(--tpl-text)]" }, _e = { class: "tpl:flex tpl:gap-2" }, ve = {
-	key: 1,
-	class: "tpl:flex tpl:items-start tpl:gap-2 tpl:rounded-lg tpl:px-3 tpl:py-2 tpl:text-xs tpl:bg-[var(--tpl-danger-light)] tpl:text-[var(--tpl-danger)]"
-}, ye = ["disabled"], be = { class: "tpl:m-0 tpl:pt-1 tpl:text-center tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]" }, z = /*#__PURE__*/ y(/* @__PURE__ */ s({
-	__name: "DesignReferenceSidebar",
-	props: {
-		visible: { type: Boolean },
-		hasExistingBlocks: { type: Boolean }
-	},
-	emits: ["close", "apply"],
-	setup(s, { emit: g }) {
-		let y = s, z = g, { t: B } = ue(), xe = m(h, "DesignReferenceSidebar"), V = de({
-			authManager: m(se, "DesignReferenceSidebar"),
-			getTemplateId: () => xe.state.template?.id ?? null,
-			onApply: (e) => z("apply", e)
-		}), H = o(null), U = o("image"), W = o(null), G = o(""), K = o(null), q = o(!1), J = o(!1), Y = ne(() => !V.isGenerating.value && W.value !== null);
-		function X(e) {
-			U.value = e, Q();
-		}
-		function Se(e) {
-			let t = e.target, n = t.files?.[0];
-			n && Z(n), t.value = "";
-		}
-		function Z(e) {
-			if (e.size > 10485760) {
-				V.error.value = B.designReference.fileTooLarge;
-				return;
-			}
-			if (U.value === "image") {
-				if (![
-					"image/png",
-					"image/jpeg",
-					"image/jpg",
-					"image/webp"
-				].includes(e.type)) {
-					V.error.value = B.designReference.invalidFileType;
-					return;
-				}
-			} else if (U.value === "pdf" && e.type !== "application/pdf") {
-				V.error.value = B.designReference.invalidFileType;
-				return;
-			}
-			W.value = e, V.error.value = null, K.value && URL.revokeObjectURL(K.value), e.type.startsWith("image/") ? K.value = URL.createObjectURL(e) : K.value = null;
-		}
-		function Q() {
-			K.value &&= (URL.revokeObjectURL(K.value), null), W.value = null;
-		}
-		function Ce(e) {
-			e.preventDefault(), J.value = !0;
-		}
-		function we() {
-			J.value = !1;
-		}
-		function Te(e) {
-			e.preventDefault(), J.value = !1;
-			let t = e.dataTransfer?.files?.[0];
-			t && Z(t);
-		}
-		function $() {
-			if (!Y.value) return;
-			if (y.hasExistingBlocks && !q.value) {
-				q.value = !0;
-				return;
-			}
-			q.value = !1;
-			let e = {};
-			G.value.trim() && (e.prompt = G.value.trim()), U.value === "image" && W.value ? e.imageUpload = W.value : U.value === "pdf" && W.value && (e.pdfUpload = W.value), V.generate(e);
-		}
-		function Ee() {
-			q.value = !1;
-		}
-		return n(() => y.visible, (e) => {
-			e || (q.value = !1);
-		}), a(() => {
-			K.value &&= (URL.revokeObjectURL(K.value), null);
-		}), (n, a) => (r(), te(ae, {
-			"enter-active-class": "tpl-design-slide-enter-active",
-			"enter-from-class": "tpl:translate-x-full",
-			"enter-to-class": "tpl:translate-x-0",
-			"leave-active-class": "tpl-design-slide-leave-active",
-			"leave-from-class": "tpl:translate-x-0",
-			"leave-to-class": "tpl:translate-x-full"
-		}, {
-			default: ee(() => [s.visible ? (r(), l("div", pe, [c("div", me, [c("div", he, [u(f(_), {
-				size: 13,
-				"stroke-width": 2
-			}), c("span", null, i(f(B).designReference.title), 1)]), c("button", {
-				class: "tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]",
-				onClick: a[0] ||= (e) => z("close")
-			}, [u(f(v), {
-				size: 14,
-				"stroke-width": 2
-			})])]), c("div", x, [f(V).isGenerating.value ? (r(), l("div", S, [c("div", C, [u(le), c("p", w, i(f(B).designReference.generating), 1)])])) : (r(), l("div", T, [
-				c("div", E, [c("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: e({
-						backgroundColor: U.value === "image" ? "var(--tpl-bg)" : "transparent",
-						color: U.value === "image" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
-						boxShadow: U.value === "image" ? "var(--tpl-shadow)" : "none"
-					}),
-					onClick: a[1] ||= (e) => X("image")
-				}, [u(f(fe), {
-					size: 12,
-					"stroke-width": 2
-				}), d(" " + i(f(B).designReference.uploadImage), 1)], 4), c("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: e({
-						backgroundColor: U.value === "pdf" ? "var(--tpl-bg)" : "transparent",
-						color: U.value === "pdf" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
-						boxShadow: U.value === "pdf" ? "var(--tpl-shadow)" : "none"
-					}),
-					onClick: a[2] ||= (e) => X("pdf")
-				}, [u(f(b), {
-					size: 12,
-					"stroke-width": 2
-				}), d(" " + i(f(B).designReference.uploadPdf), 1)], 4)]),
-				c("div", null, [W.value ? (r(), l("div", D, [c("div", O, [K.value ? (r(), l("img", {
-					key: 0,
-					src: K.value,
-					alt: W.value.name,
-					class: "tpl:h-auto tpl:max-h-48 tpl:w-full tpl:object-contain"
-				}, null, 8, k)) : (r(), l("div", A, [u(f(b), {
-					size: 32,
-					"stroke-width": 1.5,
-					class: "tpl:text-[var(--tpl-text-dim)]"
-				}), c("span", j, i(W.value.name), 1)])), c("button", {
-					class: "tpl:absolute tpl:top-2 tpl:right-2 tpl:rounded-full tpl:p-1 tpl:transition-colors tpl:duration-150 tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text-muted)] tpl:shadow-[var(--tpl-shadow)]",
-					onClick: Q
-				}, [u(f(v), {
-					size: 12,
-					"stroke-width": 2
-				})])])])) : (r(), l("div", {
-					key: 1,
-					class: "tpl-design-dropzone tpl:flex tpl:cursor-pointer tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded-[var(--tpl-radius)] tpl:border-2 tpl:border-dashed tpl:px-4 tpl:py-8 tpl:transition-colors tpl:duration-150",
-					style: e({
-						borderColor: J.value ? "var(--tpl-primary)" : "var(--tpl-border-light)",
-						backgroundColor: J.value ? "var(--tpl-primary-light)" : "var(--tpl-bg)"
-					}),
-					onClick: a[3] ||= (e) => H.value?.click(),
-					onDragover: Ce,
-					onDragleave: we,
-					onDrop: Te
-				}, [
-					u(f(oe), {
-						size: 24,
-						"stroke-width": 1.5,
-						class: "tpl:text-[var(--tpl-text-dim)]"
-					}),
-					c("span", M, i(f(B).designReference.dropHint), 1),
-					c("span", N, i(U.value === "image" ? f(B).designReference.acceptedImages : f(B).designReference.acceptedPdf), 1)
-				], 36)), c("input", {
-					ref_key: "fileInput",
-					ref: H,
-					type: "file",
-					class: "tpl:hidden",
-					accept: U.value === "image" ? "image/png,image/jpeg,image/webp" : "application/pdf",
-					onChange: Se
-				}, null, 40, P)]),
-				c("div", F, [c("label", I, i(f(B).designReference.promptLabel), 1), re(c("textarea", {
-					"onUpdate:modelValue": a[4] ||= (e) => G.value = e,
-					class: t(["tpl:min-h-[72px] tpl:w-full tpl:resize-none tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:px-3 tpl:py-2 tpl:font-sans tpl:text-sm tpl:outline-none tpl:transition-colors tpl:duration-150 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)]", ["tpl-design-prompt-input"]]),
-					placeholder: f(B).designReference.promptPlaceholder,
-					rows: "3"
-				}, null, 8, L), [[ie, G.value]])]),
-				q.value ? (r(), l("div", R, [c("p", ge, i(f(B).designReference.replaceWarning), 1), c("div", _e, [c("button", {
-					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:text-[var(--tpl-text-muted)] tpl:border tpl:border-[var(--tpl-border)]",
-					style: { "background-color": "transparent" },
-					onClick: Ee
-				}, i(f(B).designReference.replaceCancel), 1), c("button", {
-					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: $
-				}, i(f(B).designReference.replaceConfirm), 1)])])) : p("", !0),
-				f(V).error.value ? (r(), l("div", ve, [u(f(ce), {
-					size: 14,
-					"stroke-width": 2,
-					class: "tpl:mt-0.5 tpl:shrink-0"
-				}), c("span", null, i(f(B).designReference.error), 1)])) : p("", !0),
-				q.value ? p("", !0) : (r(), l("button", {
-					key: 2,
-					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: $
-				}, [u(f(_), {
-					size: 16,
-					"stroke-width": 2
-				}), d(" " + i(f(B).designReference.generate), 1)], 8, ye)),
-				c("p", be, i(f(B).aiMenu.disclaimer), 1)
-			]))])])) : p("", !0)]),
-			_: 1
-		}));
-	}
-}), [["__scopeId", "data-v-bdbf8d0d"]]);
-//#endregion
-export { z as default };

package/dist/TplModal-DPH4vV8M.js

@@ -1,49 +0,0 @@
-import { O as e, R as t, Y as n, _ as r, c as i, d as a, h as o, i as s, j as c, l, nt as u, s as d, u as f, x as p } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
-import { c as m, t as h } from "./runtime-dom.esm-bundler-GdMI8WqG.js";
-import { O as g } from "./useEditorCore-DOrGex_t.js";
-import { n as _ } from "./usePopoverPosition-vjKJaqJf.js";
-import { B as v } from "./keys-BVlG5Ozc.js";
-//#region src/components/TplModal.vue?vue&type=script&setup=true&lang.ts
-var y = ["data-tpl-theme"], b = /* @__PURE__ */ r({
-	__name: "TplModal",
-	props: { visible: { type: Boolean } },
-	emits: ["close", "keydown"],
-	setup(r, { emit: b }) {
-		let x = r, S = b, C = n(null);
-		g(C, d(() => x.visible));
-		let w = p(v), T = _();
-		function E(e) {
-			e.key === "Escape" && S("close"), S("keydown", e);
-		}
-		return (n, d) => u(T) ? (e(), l(s, {
-			key: 0,
-			to: u(T)
-		}, [o(h, {
-			"enter-active-class": "tpl:transition tpl:duration-150",
-			"enter-from-class": "tpl:opacity-0",
-			"enter-to-class": "tpl:opacity-100",
-			"leave-active-class": "tpl:transition tpl:duration-100",
-			"leave-from-class": "tpl:opacity-100",
-			"leave-to-class": "tpl:opacity-0"
-		}, {
-			default: t(() => [r.visible ? (e(), a("div", {
-				key: 0,
-				"data-tpl-theme": u(w),
-				class: "tpl tpl:fixed tpl:inset-0 tpl:z-modal tpl:flex tpl:items-center tpl:justify-center",
-				style: {
-					"background-color": "var(--tpl-overlay)",
-					"backdrop-filter": "blur(8px)",
-					"-webkit-backdrop-filter": "blur(8px)"
-				},
-				onClick: d[0] ||= m((e) => S("close"), ["self"]),
-				onKeydown: E
-			}, [i("div", {
-				ref_key: "dialogRef",
-				ref: C
-			}, [c(n.$slots, "default")], 512)], 40, y)) : f("", !0)]),
-			_: 3
-		})], 8, ["to"])) : f("", !0);
-	}
-});
-//#endregion
-export { b as t };