@templatical/editor 0.25.1 → 0.26.0

package/dist/cdn/chunks/{src-B2LpXMIw.js → src-C0N74uvF.js}

@@ -1,9 +1,9 @@
-import { A as e, C as t, D as n, F as r, H as i, I as a, K as o, L as s, M as c, N as l, P as u, T as d, V as f, Z as p, c as m, ct as h, d as g, f as _, g as v, h as y, it as b, l as x, m as S, n as C, o as w, ot as T, p as E, r as D, s as O, st as k, tt as ee, u as A, v as j, x as M, y as N, z as te } from "./draggable-BRF_Q_jB.js";
-import { h as ne } from "./dist-Dp46rwVY.js";
-import { a as re, n as ie, o as ae, r as P, s as F, t as oe } from "./dist-BLF-S9_A.js";
-import { B as I, C as se, Et as ce, Lt as le, P as ue, Pt as de, W as fe, Y as pe, _t as me, at as he, bt as ge, d as _e, lt as ve, n as ye, ot as be, q as xe, s as Se, xt as Ce } from "./icons-DN008liP.js";
+import { A as e, C as t, D as n, F as r, H as i, I as a, K as o, L as s, M as c, N as l, P as u, T as d, V as f, Z as p, c as m, ct as h, d as g, f as _, g as v, h as y, it as b, l as x, lt as S, m as C, n as w, o as T, p as E, r as D, s as O, st as k, tt as ee, u as A, v as j, x as M, y as N, z as te } from "./draggable-DCs9qL-b.js";
+import { h as ne } from "./dist-C6z8AjBC.js";
+import { a as re, n as ie, o as ae, r as P, s as F, t as oe } from "./dist-B2HKGHnc.js";
+import { C as I, Et as se, J as ce, K as le, Lt as ue, N as de, Pt as fe, U as pe, at as me, bt as he, ct as ge, d as _e, gt as ve, it as ye, n as be, s as xe, yt as Se, z as Ce } from "./icons-CvYN6zrM.js";
 import { t as we } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { S as L, b as Te, w as Ee, x as R } from "./cloud-CxNsW3hp.js";
+import { S as L, b as Te, w as Ee, x as R } from "./cloud-CuItCnN_.js";
 //#region ../media-library/src/api-client.ts
 var De = class {
 	authManager;
@@ -502,7 +502,7 @@ var ke = {
 			class: "tpl:transition-colors tpl:duration-150 tpl:hover:underline",
 			style: { color: "var(--tpl-primary)" },
 			onClick: t[0] ||= (e) => r("navigate", null)
-		}, h(b(i).mediaLibrary.allFiles), 1), (c(!0), v(A, null, u(a.value, (e, t) => (c(), v(A, { key: e.id }, [N(b(de), {
+		}, S(b(i).mediaLibrary.allFiles), 1), (c(!0), v(A, null, u(a.value, (e, t) => (c(), v(A, { key: e.id }, [N(b(fe), {
 			size: 12,
 			"stroke-width": 2
 		}), t < a.value.length - 1 ? (c(), v("button", {
@@ -510,7 +510,7 @@ var ke = {
 			class: "tpl:transition-colors tpl:duration-150 tpl:hover:underline",
 			style: { color: "var(--tpl-primary)" },
 			onClick: (t) => r("navigate", e.id)
-		}, h(e.name), 9, Ae)) : (c(), v("span", je, h(e.name), 1))], 64))), 128))])) : y("", !0);
+		}, S(e.name), 9, Ae)) : (c(), v("span", je, S(e.name), 1))], 64))), 128))])) : y("", !0);
 	}
 });
 //#endregion
@@ -684,8 +684,10 @@ var We, Ge, Ke, H = (We = function(e) {
 							var o = n.apply(null, i);
 							o && e.push(o);
 						}
-					} else if (a === "object") if (i.toString === Object.prototype.toString) for (var s in i) t.call(i, s) && i[s] && e.push(s);
-					else e.push(i.toString());
+					} else if (a === "object") {
+						if (i.toString === Object.prototype.toString) for (var s in i) t.call(i, s) && i[s] && e.push(s);
+						else e.push(i.toString());
+					}
 				}
 			}
 			return e.join(" ");
@@ -900,7 +902,7 @@ var at = function(e, t) {
 	]
 };
 lt.render = function(e, t, n, i, a, o) {
-	return c(), S("div", {
+	return c(), C("div", {
 		ref: "draggable",
 		class: n.classname,
 		onTouchstart: t[1] ||= function() {
@@ -948,7 +950,7 @@ var ut = U("vue-handler-wrapper"), dt = {
 };
 dt.render = function(e, t, n, i, o, s) {
 	var l = a("DraggableElement");
-	return c(), S("div", { class: s.classes.root }, [N(l, {
+	return c(), C("div", { class: s.classes.root }, [N(l, {
 		class: s.classes.draggable,
 		onDrag: t[1] ||= function(t) {
 			return e.$emit("drag", t);
@@ -995,7 +997,7 @@ var ft = U("vue-line-wrapper"), pt = {
 };
 pt.render = function(e, t, n, i, o, s) {
 	var l = a("DraggableElement");
-	return c(), S(l, {
+	return c(), C(l, {
 		class: s.classname,
 		onDrag: t[1] ||= function(t) {
 			return e.$emit("drag", t);
@@ -1118,7 +1120,7 @@ function Q(e) {
 	return e.width / e.height;
 }
 function Ct(e, t) {
-	return Math.min(t.right !== void 0 && t.left !== void 0 ? (t.right - t.left) / e.width : Infinity, t.bottom !== void 0 && t.top !== void 0 ? (t.bottom - t.top) / e.height : Infinity);
+	return Math.min(t.right !== void 0 && t.left !== void 0 ? (t.right - t.left) / e.width : 1 / 0, t.bottom !== void 0 && t.top !== void 0 ? (t.bottom - t.top) / e.height : 1 / 0);
 }
 function wt(e, t) {
 	var n = {
@@ -1133,16 +1135,16 @@ function Tt(e, t) {
 }
 function Et(e, t) {
 	var n = Q(e), r = Q(t);
-	return t.width < Infinity && t.height < Infinity ? n > r ? {
+	return t.width < 1 / 0 && t.height < 1 / 0 ? n > r ? {
 		width: t.width,
 		height: t.width / n
 	} : {
 		width: t.height * n,
 		height: t.height
-	} : t.width < Infinity ? {
+	} : t.width < 1 / 0 ? {
 		width: t.width,
 		height: t.width / n
-	} : t.height < Infinity ? {
+	} : t.height < 1 / 0 ? {
 		width: t.height * n,
 		height: t.height
 	} : e;
@@ -1172,8 +1174,8 @@ function $(e, t, n) {
 }
 function At(e) {
 	return {
-		width: e.right !== void 0 && e.left !== void 0 ? e.right - e.left : Infinity,
-		height: e.bottom !== void 0 && e.top !== void 0 ? e.bottom - e.top : Infinity
+		width: e.right !== void 0 && e.left !== void 0 ? e.right - e.left : 1 / 0,
+		height: e.bottom !== void 0 && e.top !== void 0 ? e.bottom - e.top : 1 / 0
 	};
 }
 function jt(e, t) {
@@ -1205,7 +1207,7 @@ function Ft(e, t) {
 function It(e) {
 	var t = e.width, n = e.height, r = e.sizeRestrictions, i = {
 		minimum: e.aspectRatio && e.aspectRatio.minimum || 0,
-		maximum: e.aspectRatio && e.aspectRatio.maximum || Infinity
+		maximum: e.aspectRatio && e.aspectRatio.maximum || 1 / 0
 	}, a = {
 		width: Math.max(r.minWidth, Math.min(r.maxWidth, t)),
 		height: Math.max(r.minHeight, Math.min(r.maxHeight, n))
@@ -1358,7 +1360,7 @@ function Ht(e) {
 	};
 }
 function Ut(e) {
-	var t = e.imageSize, n = e.visibleArea, r = e.aspectRatio, i = e.sizeRestrictions, a = n || t, o = Math.min(r.maximum || Infinity, Math.max(r.minimum || 0, Q(a))), s = a.width < a.height ? {
+	var t = e.imageSize, n = e.visibleArea, r = e.aspectRatio, i = e.sizeRestrictions, a = n || t, o = Math.min(r.maximum || 1 / 0, Math.max(r.minimum || 0, Q(a))), s = a.width < a.height ? {
 		width: .8 * a.width,
 		height: .8 * a.width / o
 	} : {
@@ -1422,7 +1424,7 @@ function qt(e) {
 	var h = {
 		stencil: {
 			minimum: Math.max(i.minWidth ? i.minWidth / d.width : 0, i.minHeight ? i.minHeight / d.height : 0),
-			maximum: Math.min(i.maxWidth ? i.maxWidth / d.width : Infinity, i.maxHeight ? i.maxHeight / d.height : Infinity, Ct(d, o))
+			maximum: Math.min(i.maxWidth ? i.maxWidth / d.width : 1 / 0, i.maxHeight ? i.maxHeight / d.height : 1 / 0, Ct(d, o))
 		},
 		area: { maximum: Ct(u, a({
 			visibleArea: u,
@@ -1497,12 +1499,12 @@ function Xt(e) {
 	var d = xt(Y(n, c), i);
 	s && (d.left && d.left > 0 && d.right === 0 ? (c.right += d.left, c.left -= d.left) : d.right && d.right > 0 && d.left === 0 && (c.left += d.right, c.right -= d.right), d.top && d.top > 0 && d.bottom === 0 ? (c.bottom += d.top, c.top -= d.top) : d.bottom && d.bottom > 0 && d.top === 0 && (c.top += d.bottom, c.bottom -= d.bottom), d = xt(Y(n, c), i));
 	var f = {
-		width: Infinity,
-		height: Infinity,
-		left: Infinity,
-		right: Infinity,
-		top: Infinity,
-		bottom: Infinity
+		width: 1 / 0,
+		height: 1 / 0,
+		left: 1 / 0,
+		right: 1 / 0,
+		top: 1 / 0,
+		bottom: 1 / 0
 	};
 	if (K.forEach((function(e) {
 		var t = d[e];
@@ -1511,20 +1513,20 @@ function Xt(e) {
 		var p = Math.min.apply(null, K.map((function(e) {
 			return f[e];
 		})));
-		p !== Infinity && K.forEach((function(e) {
+		p !== 1 / 0 && K.forEach((function(e) {
 			c[e] *= p;
 		}));
 	} else K.forEach((function(e) {
-		f[e] !== Infinity && (c[e] *= f[e]);
+		f[e] !== 1 / 0 && (c[e] *= f[e]);
 	}));
 	if (l = Y(n, c).width, u = Y(n, c).height, c.right + c.left && (l > a.maxWidth ? f.width = (a.maxWidth - n.width) / (c.right + c.left) : l < a.minWidth && (f.width = (a.minWidth - n.width) / (c.right + c.left))), c.bottom + c.top && (u > a.maxHeight ? f.height = (a.maxHeight - n.height) / (c.bottom + c.top) : u < a.minHeight && (f.height = (a.minHeight - n.height) / (c.bottom + c.top))), o) {
 		var m = Math.min(f.width, f.height);
-		m !== Infinity && K.forEach((function(e) {
+		m !== 1 / 0 && K.forEach((function(e) {
 			c[e] *= m;
 		}));
-	} else f.width !== Infinity && mt.forEach((function(e) {
+	} else f.width !== 1 / 0 && mt.forEach((function(e) {
 		c[e] *= f.width;
-	})), f.height !== Infinity && ht.forEach((function(e) {
+	})), f.height !== 1 / 0 && ht.forEach((function(e) {
 		c[e] *= f.height;
 	}));
 	return c;
@@ -1574,7 +1576,7 @@ var Qt = U("vue-simple-handler"), $t = U("vue-simple-handler-wrapper"), en = {
 };
 en.render = function(e, t, n, r, i, o) {
 	var s = a("HandlerWrapper");
-	return c(), S(s, {
+	return c(), C(s, {
 		class: o.classes.wrapper,
 		"vertical-position": n.verticalPosition,
 		"horizontal-position": n.horizontalPosition,
@@ -1639,7 +1641,7 @@ var tn = U("vue-simple-line"), nn = U("vue-simple-line-wrapper"), rn = {
 };
 rn.render = function(e, t, n, r, i, o) {
 	var s = a("LineWrapper");
-	return c(), S(s, {
+	return c(), C(s, {
 		class: o.classes.wrapper,
 		position: n.position,
 		disabled: n.disabled,
@@ -1847,14 +1849,14 @@ var an = U("vue-bounding-box"), on = [
 	emits: ["resize", "resize-end"]
 };
 cn.render = function(e, t, n, i, a, o) {
-	return c(), S("div", {
+	return c(), C("div", {
 		ref: "box",
 		class: o.classes.root,
 		style: o.style
 	}, [
 		r(e.$slots, "default"),
-		N("div", null, [(c(!0), S(A, null, u(o.lineNodes, (function(e) {
-			return c(), S(s(e.component), {
+		N("div", null, [(c(!0), C(A, null, u(o.lineNodes, (function(e) {
+			return c(), C(s(e.component), {
 				key: e.name,
 				"default-class": e.class,
 				"hover-class": e.hoverClass,
@@ -1876,12 +1878,12 @@ cn.render = function(e, t, n, i, a, o) {
 				"onDrag"
 			]);
 		})), 128))]),
-		(c(!0), S(A, null, u(o.handlerNodes, (function(e) {
-			return c(), S("div", {
+		(c(!0), C(A, null, u(o.handlerNodes, (function(e) {
+			return c(), C("div", {
 				key: e.name,
 				style: e.wrapperStyle,
 				class: e.wrapperClass
-			}, [(c(), S(s(e.component), {
+			}, [(c(), C(s(e.component), {
 				"default-class": e.class,
 				"hover-class": e.hoverClass,
 				"wrapper-class": e.wrapperClass,
@@ -1996,7 +1998,7 @@ var ln = U("vue-draggable-area"), un = {
 	emits: ["move", "move-end"]
 };
 un.render = function(e, t, n, i, a, o) {
-	return c(), S("div", {
+	return c(), C("div", {
 		ref: "container",
 		onTouchstart: t[1] ||= function() {
 			return o.onTouchStart && o.onTouchStart.apply(o, arguments);
@@ -2018,29 +2020,30 @@ function dn(e) {
 function fn(e) {
 	return new Promise((function(t, n) {
 		try {
-			if (e) if (/^data:/i.test(e)) t(function(e) {
-				e = e.replace(/^data:([^;]+);base64,/gim, "");
-				for (var t = atob(e), n = t.length, r = new ArrayBuffer(n), i = new Uint8Array(r), a = 0; a < n; a++) i[a] = t.charCodeAt(a);
-				return r;
-			}(e));
-			else if (/^blob:/i.test(e)) {
-				var r = new FileReader();
-				r.onload = function(e) {
-					t(e.target.result);
-				}, a = e, o = function(e) {
-					r.readAsArrayBuffer(e);
-				}, (s = new XMLHttpRequest()).open("GET", a, !0), s.responseType = "blob", s.onload = function() {
-					this.status != 200 && this.status !== 0 || o(this.response);
-				}, s.send();
-			} else {
-				var i = new XMLHttpRequest();
-				i.onreadystatechange = function() {
-					i.readyState === 4 && (i.status === 200 || i.status === 0 ? t(i.response) : n("Warning: could not load an image to parse its orientation"), i = null);
-				}, i.onprogress = function() {
-					i.getResponseHeader("content-type") !== "image/jpeg" && i.abort();
-				}, i.withCredentials = !1, i.open("GET", e, !0), i.responseType = "arraybuffer", i.send(null);
-			}
-			else n("Error: the image is empty");
+			if (e) {
+				if (/^data:/i.test(e)) t(function(e) {
+					e = e.replace(/^data:([^;]+);base64,/gim, "");
+					for (var t = atob(e), n = t.length, r = new ArrayBuffer(n), i = new Uint8Array(r), a = 0; a < n; a++) i[a] = t.charCodeAt(a);
+					return r;
+				}(e));
+				else if (/^blob:/i.test(e)) {
+					var r = new FileReader();
+					r.onload = function(e) {
+						t(e.target.result);
+					}, a = e, o = function(e) {
+						r.readAsArrayBuffer(e);
+					}, (s = new XMLHttpRequest()).open("GET", a, !0), s.responseType = "blob", s.onload = function() {
+						this.status != 200 && this.status !== 0 || o(this.response);
+					}, s.send();
+				} else {
+					var i = new XMLHttpRequest();
+					i.onreadystatechange = function() {
+						i.readyState === 4 && (i.status === 200 || i.status === 0 ? t(i.response) : n("Warning: could not load an image to parse its orientation"), i = null);
+					}, i.onprogress = function() {
+						i.getResponseHeader("content-type") !== "image/jpeg" && i.abort();
+					}, i.withCredentials = !1, i.open("GET", e, !0), i.responseType = "arraybuffer", i.send(null);
+				}
+			} else n("Error: the image is empty");
 		} catch (e) {
 			n(e);
 		}
@@ -2227,7 +2230,7 @@ var gn = {
 	]
 };
 gn.render = function(e, t, n, i, a, o) {
-	return c(), S("div", {
+	return c(), C("div", {
 		ref: "container",
 		onTouchstart: t[1] ||= function() {
 			return o.onTouchStart && o.onTouchStart.apply(o, arguments);
@@ -2264,7 +2267,7 @@ var _n = {
 };
 _n.render = function(e, t, n, i, o, s) {
 	var l = a("transformable-image");
-	return c(), S(l, {
+	return c(), C(l, {
 		"touch-move": n.touchMove,
 		"touch-resize": n.touchResize,
 		"mouse-move": n.mouseMove,
@@ -2412,7 +2415,7 @@ var vn = U("vue-preview"), yn = {
 	}
 };
 yn.render = function(e, t, n, r, a, o) {
-	return c(), S("div", {
+	return c(), C("div", {
 		ref: "root",
 		class: o.classes.root,
 		style: o.style
@@ -2433,7 +2436,7 @@ var bn = {
 };
 bn.render = function(e, t, r, i, o, s) {
 	var l = a("preview");
-	return c(), S(l, n(e.$attrs, { fill: !0 }), null, 16);
+	return c(), C(l, n(e.$attrs, { fill: !0 }), null, 16);
 };
 var xn = U("vue-rectangle-stencil"), Sn = {
 	name: "RectangleStencil",
@@ -2557,7 +2560,7 @@ var xn = U("vue-rectangle-stencil"), Sn = {
 };
 Sn.render = function(e, t, n, r, i, o) {
 	var s = a("stencil-preview"), l = a("draggable-area"), u = a("bounding-box");
-	return c(), S("div", {
+	return c(), C("div", {
 		class: o.classes.stencil,
 		style: o.style
 	}, [N(u, {
@@ -2980,19 +2983,19 @@ var Cn = ["transitions"], wn = U("vue-advanced-cropper"), Tn = {
 					imageSize: this.imageSize,
 					minWidth: G(this.minWidth) ? 0 : tt(this.minWidth),
 					minHeight: G(this.minHeight) ? 0 : tt(this.minHeight),
-					maxWidth: G(this.maxWidth) ? Infinity : tt(this.maxWidth),
-					maxHeight: G(this.maxHeight) ? Infinity : tt(this.maxHeight)
+					maxWidth: G(this.maxWidth) ? 1 / 0 : tt(this.maxWidth),
+					maxHeight: G(this.maxHeight) ? 1 / 0 : tt(this.maxHeight)
 				});
 				if (e = function(e) {
 					var t = e.areaRestrictions, n = e.sizeRestrictions, r = e.boundaries, i = e.positionRestrictions, a = W(W({}, n), {
 						minWidth: n.minWidth === void 0 ? 0 : n.minWidth,
 						minHeight: n.minHeight === void 0 ? 0 : n.minHeight,
-						maxWidth: n.maxWidth === void 0 ? Infinity : n.maxWidth,
-						maxHeight: n.maxHeight === void 0 ? Infinity : n.maxHeight
+						maxWidth: n.maxWidth === void 0 ? 1 / 0 : n.maxWidth,
+						maxHeight: n.maxHeight === void 0 ? 1 / 0 : n.maxHeight
 					});
 					i.left !== void 0 && i.right !== void 0 && (a.maxWidth = Math.min(a.maxWidth, i.right - i.left)), i.bottom !== void 0 && i.top !== void 0 && (a.maxHeight = Math.min(a.maxHeight, i.bottom - i.top));
 					var o = At(t), s = Et(r, o);
-					return o.width < Infinity && (!a.maxWidth || a.maxWidth > s.width) && (a.maxWidth = Math.min(a.maxWidth, s.width)), o.height < Infinity && (!a.maxHeight || a.maxHeight > s.height) && (a.maxHeight = Math.min(a.maxHeight, s.height)), a.minWidth > a.maxWidth && (a.minWidth = a.maxWidth, a.widthFrozen = !0), a.minHeight > a.maxHeight && (a.minHeight = a.maxHeight, a.heightFrozen = !0), a;
+					return o.width < 1 / 0 && (!a.maxWidth || a.maxWidth > s.width) && (a.maxWidth = Math.min(a.maxWidth, s.width)), o.height < 1 / 0 && (!a.maxHeight || a.maxHeight > s.height) && (a.maxHeight = Math.min(a.maxHeight, s.height)), a.minWidth > a.maxWidth && (a.minWidth = a.maxWidth, a.widthFrozen = !0), a.minHeight > a.maxHeight && (a.minHeight = a.maxHeight, a.heightFrozen = !0), a;
 				}({
 					sizeRestrictions: e,
 					areaRestrictions: this.getAreaRestrictions({
@@ -3287,8 +3290,8 @@ var Cn = ["transitions"], wn = U("vue-advanced-cropper"), Tn = {
 				}(this.$refs.sourceCanvas, t, this.imageTransforms) : t, r = B({
 					minWidth: 0,
 					minHeight: 0,
-					maxWidth: Infinity,
-					maxHeight: Infinity,
+					maxWidth: 1 / 0,
+					maxHeight: 1 / 0,
 					maxArea: this.maxCanvasSize,
 					imageSmoothingEnabled: !0,
 					imageSmoothingQuality: "high",
@@ -3302,8 +3305,8 @@ var Cn = ["transitions"], wn = U("vue-advanced-cropper"), Tn = {
 					sizeRestrictions: {
 						minWidth: i([r.width, r.minWidth]) || 0,
 						minHeight: i([r.height, r.minHeight]) || 0,
-						maxWidth: i([r.width, r.maxWidth]) || Infinity,
-						maxHeight: i([r.height, r.maxHeight]) || Infinity
+						maxWidth: i([r.width, r.maxWidth]) || 1 / 0,
+						maxHeight: i([r.height, r.maxHeight]) || 1 / 0
 					},
 					width: this.coordinates.width,
 					height: this.coordinates.height,
@@ -3745,7 +3748,7 @@ var Cn = ["transitions"], wn = U("vue-advanced-cropper"), Tn = {
 	style: { display: "none" }
 };
 Tn.render = function(e, t, r, a, o, l) {
-	return c(), S("div", {
+	return c(), C("div", {
 		ref: "cropper",
 		class: l.classes.cropper
 	}, [N("div", {
@@ -3754,7 +3757,7 @@ Tn.render = function(e, t, r, a, o, l) {
 	}, null, 2), N("div", {
 		class: l.classes.boundaries,
 		style: l.boundariesStyle
-	}, [(c(), S(s(r.backgroundWrapperComponent), {
+	}, [(c(), C(s(r.backgroundWrapperComponent), {
 		class: l.classes.cropperWrapper,
 		"wheel-resize": l.settings.resizeImage.wheel,
 		"touch-resize": l.settings.resizeImage.touch,
@@ -3781,7 +3784,7 @@ Tn.render = function(e, t, r, a, o, l) {
 					class: l.classes.foreground,
 					style: l.boundariesStyle
 				}, null, 6),
-				i((c(), S(s(r.stencilComponent), n({
+				i((c(), C(s(r.stencilComponent), n({
 					ref: "stencil",
 					image: l.image,
 					coordinates: o.coordinates,
@@ -3802,8 +3805,8 @@ Tn.render = function(e, t, r, a, o, l) {
 					"onMove",
 					"onMoveEnd"
 				])), [[O, o.imageLoaded]]),
-				r.canvas ? (c(), S("canvas", En, null, 512)) : y("", !0),
-				r.canvas ? (c(), S("canvas", Dn, null, 512)) : y("", !0)
+				r.canvas ? (c(), C("canvas", En, null, 512)) : y("", !0),
+				r.canvas ? (c(), C("canvas", Dn, null, 512)) : y("", !0)
 			];
 		})),
 		_: 1
@@ -3926,7 +3929,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
 		function ge(e) {
 			e.key === "Enter" && !I.value && (e.preventDefault(), he()), e.key === "Escape" && r("close");
 		}
-		return (t, n) => (c(), S(g, { to: b(s) || "body" }, [N(C, {
+		return (t, n) => (c(), C(g, { to: b(s) || "body" }, [N(w, {
 			"enter-active-class": "tpl:transition tpl:ease-out tpl:duration-150",
 			"enter-from-class": "tpl:opacity-0",
 			"enter-to-class": "tpl:opacity-100",
@@ -3942,10 +3945,10 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
 				onClick: n[3] ||= x((e) => r("close"), ["self"]),
 				onKeydown: ge
 			}, [E("div", {
-				class: T(["tpl:mx-4 tpl:flex tpl:max-h-[90vh] tpl:w-full tpl:flex-col tpl:overflow-hidden tpl:rounded-lg tpl:shadow-xl", ce.value ? "tpl:max-w-2xl" : "tpl:max-w-sm"]),
+				class: k(["tpl:mx-4 tpl:flex tpl:max-h-[90vh] tpl:w-full tpl:flex-col tpl:overflow-hidden tpl:rounded-lg tpl:shadow-xl", ce.value ? "tpl:max-w-2xl" : "tpl:max-w-sm"]),
 				style: { "background-color": "var(--tpl-bg-elevated)" }
 			}, [
-				E("div", kn, [E("h3", An, h(b(a).mediaLibrary.editFile), 1)]),
+				E("div", kn, [E("h3", An, S(b(a).mediaLibrary.editFile), 1)]),
 				E("div", jn, [
 					ce.value ? (c(), v("div", Mn, [E("div", Nn, [N(b(Tn), {
 						ref_key: "cropperRef",
@@ -3957,7 +3960,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
 						onChange: de,
 						onReady: fe
 					}, null, 8, ["src", "stencil-props"])]), E("div", Pn, [
-						E("div", null, [E("label", Fn, h(b(a).mediaLibrary.cropAspectRatio), 1), E("div", In, [(c(), v(A, null, u([
+						E("div", null, [E("label", Fn, S(b(a).mediaLibrary.cropAspectRatio), 1), E("div", In, [(c(), v(A, null, u([
 							"free",
 							"square",
 							"landscape43",
@@ -3967,14 +3970,14 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
 							key: e,
 							type: "button",
 							class: "tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-2.5 tpl:py-1 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
-							style: k({
+							style: h({
 								borderColor: M.value === e ? "var(--tpl-primary)" : "var(--tpl-border)",
 								backgroundColor: M.value === e ? "var(--tpl-primary-light)" : "var(--tpl-bg)",
 								color: M.value === e ? "var(--tpl-primary)" : "var(--tpl-text)"
 							}),
 							onClick: (t) => M.value = e
-						}, h(b(l)[`crop${e.charAt(0).toUpperCase()}${e.slice(1)}`]), 13, Ln)), 64))])]),
-						E("div", Rn, [E("div", zn, [E("label", Bn, [j(h(b(a).mediaLibrary.cropMaxWidth) + " ", 1), E("span", Vn, h(b(a).mediaLibrary.cropOptional), 1)]), E("div", Hn, [E("input", {
+						}, S(b(l)[`crop${e.charAt(0).toUpperCase()}${e.slice(1)}`]), 13, Ln)), 64))])]),
+						E("div", Rn, [E("div", zn, [E("label", Bn, [j(S(b(a).mediaLibrary.cropMaxWidth) + " ", 1), E("span", Vn, S(b(a).mediaLibrary.cropOptional), 1)]), E("div", Hn, [E("input", {
 							value: ie.value,
 							type: "number",
 							min: "1",
@@ -3986,7 +3989,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
 							},
 							placeholder: F.value?.width?.toString() || "",
 							onInput: pe
-						}, null, 40, Un), E("span", Wn, h(b(a).mediaLibrary.cropPixels), 1)])]), E("div", Gn, [E("label", Kn, [j(h(b(a).mediaLibrary.cropMaxHeight) + " ", 1), E("span", qn, h(b(a).mediaLibrary.cropOptional), 1)]), E("div", Jn, [E("input", {
+						}, null, 40, Un), E("span", Wn, S(b(a).mediaLibrary.cropPixels), 1)])]), E("div", Gn, [E("label", Kn, [j(S(b(a).mediaLibrary.cropMaxHeight) + " ", 1), E("span", qn, S(b(a).mediaLibrary.cropOptional), 1)]), E("div", Jn, [E("input", {
 							value: ae.value,
 							type: "number",
 							min: "1",
@@ -3998,10 +4001,10 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
 							},
 							placeholder: F.value?.height?.toString() || "",
 							onInput: me
-						}, null, 40, Yn), E("span", Xn, h(b(a).mediaLibrary.cropPixels), 1)])])]),
-						ue.value ? (c(), v("div", Zn, [E("span", null, h(b(a).mediaLibrary.cropOutputSize) + ": ", 1), E("span", Qn, h(ue.value.width) + " x " + h(ue.value.height) + " " + h(b(a).mediaLibrary.cropPixels), 1)])) : y("", !0)
+						}, null, 40, Yn), E("span", Xn, S(b(a).mediaLibrary.cropPixels), 1)])])]),
+						ue.value ? (c(), v("div", Zn, [E("span", null, S(b(a).mediaLibrary.cropOutputSize) + ": ", 1), E("span", Qn, S(ue.value.width) + " x " + S(ue.value.height) + " " + S(b(a).mediaLibrary.cropPixels), 1)])) : y("", !0)
 					])])) : y("", !0),
-					E("div", $n, [E("label", er, h(b(a).mediaLibrary.fileName), 1), i(E("input", {
+					E("div", $n, [E("label", er, S(b(a).mediaLibrary.fileName), 1), i(E("input", {
 						"onUpdate:modelValue": n[0] ||= (e) => D.value = e,
 						type: "text",
 						class: "tpl:w-full tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:outline-none",
@@ -4011,8 +4014,8 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
 							color: "var(--tpl-text)"
 						},
 						autofocus: !ce.value
-					}, null, 8, tr), [[w, D.value]])]),
-					b(m)(e.item.mime_type) ? (c(), v("div", nr, [E("label", rr, h(b(a).mediaLibrary.altText), 1), i(E("input", {
+					}, null, 8, tr), [[T, D.value]])]),
+					b(m)(e.item.mime_type) ? (c(), v("div", nr, [E("label", rr, S(b(a).mediaLibrary.altText), 1), i(E("input", {
 						"onUpdate:modelValue": n[1] ||= (e) => O.value = e,
 						type: "text",
 						class: "tpl:w-full tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:outline-none",
@@ -4022,7 +4025,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
 							color: "var(--tpl-text)"
 						},
 						placeholder: b(a).mediaLibrary.altTextPlaceholder
-					}, null, 8, ir), [[w, O.value]])])) : y("", !0)
+					}, null, 8, ir), [[T, O.value]])])) : y("", !0)
 				]),
 				E("div", ar, [E("button", {
 					class: "tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
@@ -4032,12 +4035,12 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
 						"background-color": "var(--tpl-bg)"
 					},
 					onClick: n[2] ||= (e) => r("close")
-				}, h(b(a).mediaLibrary.cancel), 1), E("button", {
+				}, S(b(a).mediaLibrary.cancel), 1), E("button", {
 					class: "tpl:cursor-pointer tpl:rounded-md tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:text-white tpl:transition-all tpl:duration-150 tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50",
 					style: { background: "linear-gradient(\n                  135deg,\n                  var(--tpl-primary),\n                  var(--tpl-primary-hover)\n                )" },
 					disabled: I.value,
 					onClick: he
-				}, h(I.value ? b(a).mediaLibrary.saving : b(a).mediaLibrary.saveChanges), 9, or)])
+				}, S(I.value ? b(a).mediaLibrary.saving : b(a).mediaLibrary.saveChanges), 9, or)])
 			], 2)], 40, On)) : y("", !0)]),
 			_: 1
 		})], 8, ["to"]));
@@ -4065,7 +4068,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
 		"deleteFolder"
 	],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { t: o } = z(), s = p(!1), l = p(!1), d = p(""), f = p(!1), g = p(""), C = _(() => (n.folder.children?.length ?? 0) > 0), D = _(() => n.depth < 4), O = _(() => n.currentFolderId === n.folder.id), ee = _(() => !n.currentFolderId || !n.folder.children ? !1 : M(n.folder.children, n.currentFolderId)), j = _(() => s.value || ee.value);
+		let n = e, r = t, { t: o } = z(), s = p(!1), l = p(!1), d = p(""), f = p(!1), g = p(""), w = _(() => (n.folder.children?.length ?? 0) > 0), D = _(() => n.depth < 4), O = _(() => n.currentFolderId === n.folder.id), ee = _(() => !n.currentFolderId || !n.folder.children ? !1 : M(n.folder.children, n.currentFolderId)), j = _(() => s.value || ee.value);
 		function M(e, t) {
 			for (let n of e) if (n.id === t || n.children && M(n.children, t)) return !0;
 			return !1;
@@ -4096,29 +4099,29 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
 			let s = a("MediaFolderTreeNode", !0);
 			return c(), v("div", null, [E("div", {
 				class: "tpl:group tpl:flex tpl:w-full tpl:items-center tpl:gap-1 tpl:py-1.5 tpl:pr-2 tpl:text-left tpl:text-xs tpl:transition-all tpl:duration-150",
-				style: k({
+				style: h({
 					paddingLeft: `${e.depth * 16 + 8}px`,
 					backgroundColor: O.value ? "var(--tpl-bg-active)" : "transparent",
 					color: O.value ? "var(--tpl-primary)" : "var(--tpl-text)"
 				})
 			}, [
-				C.value || f.value ? (c(), v("button", {
+				w.value || f.value ? (c(), v("button", {
 					key: 0,
 					class: "tpl:flex tpl:size-4 tpl:shrink-0 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
 					onClick: x(te, ["stop"])
-				}, [N(b(de), {
-					class: T(["tpl:transition-transform tpl:duration-150", { "tpl:rotate-90": j.value }]),
+				}, [N(b(fe), {
+					class: k(["tpl:transition-transform tpl:duration-150", { "tpl:rotate-90": j.value }]),
 					size: 10,
 					"stroke-width": 2
 				}, null, 8, ["class"])])) : (c(), v("span", cr)),
 				E("button", {
 					class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:items-center tpl:gap-1.5",
 					onClick: n[0] ||= (t) => r("navigate", e.folder.id)
-				}, [N(b(ge), {
+				}, [N(b(Se), {
 					class: "tpl:shrink-0",
 					size: 14,
 					"stroke-width": 1.5
-				}), l.value ? y("", !0) : (c(), v("span", lr, h(e.folder.name), 1))]),
+				}), l.value ? y("", !0) : (c(), v("span", lr, S(e.folder.name), 1))]),
 				l.value ? i((c(), v("input", {
 					key: 2,
 					"onUpdate:modelValue": n[1] ||= (e) => d.value = e,
@@ -4133,14 +4136,14 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
 					onKeydown: [m(re, ["enter"]), m(ie, ["escape"])],
 					onBlur: re,
 					onClick: n[2] ||= x(() => {}, ["stop"])
-				}, null, 544)), [[w, d.value]]) : y("", !0),
+				}, null, 544)), [[T, d.value]]) : y("", !0),
 				l.value ? y("", !0) : (c(), v("span", ur, [
 					D.value ? (c(), v("button", {
 						key: 0,
 						class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
 						title: b(o).mediaLibrary.addSubfolder,
 						onClick: x(ae, ["stop"])
-					}, [N(b(fe), {
+					}, [N(b(pe), {
 						size: 12,
 						"stroke-width": 2
 					})], 8, dr)) : y("", !0),
@@ -4148,7 +4151,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
 						class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
 						title: b(o).mediaLibrary.renameFolder,
 						onClick: x(ne, ["stop"])
-					}, [N(b(xe), {
+					}, [N(b(le), {
 						size: 12,
 						"stroke-width": 2
 					})], 8, fr),
@@ -4161,7 +4164,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
 						style: { color: "var(--tpl-danger)" }
 					})])
 				]))
-			], 4), j.value ? (c(), v("div", pr, [(c(!0), v(A, null, u(e.folder.children, (t) => (c(), S(s, {
+			], 4), j.value ? (c(), v("div", pr, [(c(!0), v(A, null, u(e.folder.children, (t) => (c(), C(s, {
 				key: t.id,
 				folder: t,
 				"current-folder-id": e.currentFolderId,
@@ -4176,7 +4179,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
 				"depth"
 			]))), 128)), f.value ? (c(), v("div", {
 				key: 0,
-				style: k({ paddingLeft: `${(e.depth + 1) * 16 + 8}px` }),
+				style: h({ paddingLeft: `${(e.depth + 1) * 16 + 8}px` }),
 				class: "tpl:py-1.5 tpl:pr-2"
 			}, [i(E("input", {
 				"onUpdate:modelValue": n[8] ||= (e) => g.value = e,
@@ -4191,7 +4194,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
 				autofocus: "",
 				onKeydown: [m(P, ["enter"]), m(F, ["escape"])],
 				onBlur: P
-			}, null, 40, mr), [[w, g.value]])], 4)) : y("", !0)])) : y("", !0)]);
+			}, null, 40, mr), [[T, g.value]])], 4)) : y("", !0)])) : y("", !0)]);
 		};
 	}
 }), gr = { class: "tpl:flex tpl:h-full tpl:flex-col tpl:overflow-y-auto" }, _r = {
@@ -4226,16 +4229,16 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
 		return (t, f) => (c(), v("div", gr, [
 			E("button", {
 				class: "tpl:flex tpl:w-full tpl:items-center tpl:gap-2 tpl:px-3 tpl:py-2 tpl:text-left tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
-				style: k({
+				style: h({
 					backgroundColor: e.viewMode === "files" && e.currentFolderId === null ? "var(--tpl-bg-active)" : "transparent",
 					color: e.viewMode === "files" && e.currentFolderId === null ? "var(--tpl-primary)" : "var(--tpl-text)"
 				}),
 				onClick: f[0] ||= (e) => n("navigate", null)
-			}, [N(b(Ce), {
+			}, [N(b(he), {
 				size: 14,
 				"stroke-width": 1.5
-			}), j(" " + h(b(r).mediaLibrary.allFiles), 1)], 4),
-			(c(!0), v(A, null, u(e.folders, (t) => (c(), S(hr, {
+			}), j(" " + S(b(r).mediaLibrary.allFiles), 1)], 4),
+			(c(!0), v(A, null, u(e.folders, (t) => (c(), C(hr, {
 				key: t.id,
 				folder: t,
 				"current-folder-id": e.currentFolderId,
@@ -4258,30 +4261,30 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
 				autofocus: "",
 				onKeydown: [m(l, ["enter"]), m(d, ["escape"])],
 				onBlur: l
-			}, null, 40, vr), [[w, o.value]])])) : y("", !0),
+			}, null, 40, vr), [[T, o.value]])])) : y("", !0),
 			a.value ? y("", !0) : (c(), v("button", {
 				key: 1,
 				class: "tpl:flex tpl:w-full tpl:items-center tpl:gap-2 tpl:px-3 tpl:py-2 tpl:text-left tpl:text-xs tpl:transition-all tpl:duration-150",
 				style: { color: "var(--tpl-text-muted)" },
 				onClick: s
-			}, [N(b(fe), {
+			}, [N(b(pe), {
 				size: 14,
 				"stroke-width": 1.5
-			}), j(" " + h(b(r).mediaLibrary.newFolder), 1)])),
+			}), j(" " + S(b(r).mediaLibrary.newFolder), 1)])),
 			f[7] ||= E("div", { class: "tpl:flex-1" }, null, -1),
 			e.hasFrequentlyUsed ? (c(), v("button", {
 				key: 2,
 				class: "tpl:flex tpl:w-full tpl:items-center tpl:gap-2 tpl:border-t tpl:px-3 tpl:py-2 tpl:text-left tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
-				style: k({
+				style: h({
 					borderColor: "var(--tpl-border)",
 					backgroundColor: e.viewMode === "frequently-used" ? "var(--tpl-bg-active)" : "transparent",
 					color: e.viewMode === "frequently-used" ? "var(--tpl-primary)" : "var(--tpl-text)"
 				}),
 				onClick: f[6] ||= (e) => n("showFrequentlyUsed")
-			}, [N(b(se), {
+			}, [N(b(I), {
 				size: 14,
 				"stroke-width": 1.5
-			}), j(" " + h(b(r).mediaLibrary.frequentlyUsed), 1)], 4)) : y("", !0)
+			}), j(" " + S(b(r).mediaLibrary.frequentlyUsed), 1)], 4)) : y("", !0)
 		]));
 	}
 }), br = { class: "tpl:flex tpl:aspect-square tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2" }, xr = /* @__PURE__ */ M({
@@ -4393,7 +4396,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
 			fill: "none",
 			stroke: "currentColor",
 			"stroke-width": "1.5",
-			style: k({ color: i.value.color })
+			style: h({ color: i.value.color })
 		}, [...t[0] ||= [
 			E("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }, null, -1),
 			E("polyline", { points: "14 2 14 8 20 8" }, null, -1),
@@ -4417,7 +4420,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
 			fill: "none",
 			stroke: "currentColor",
 			"stroke-width": "1.5",
-			style: k({ color: i.value.color })
+			style: h({ color: i.value.color })
 		}, [...t[1] ||= [E("rect", {
 			x: "2",
 			y: "4",
@@ -4436,7 +4439,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
 			fill: "none",
 			stroke: "currentColor",
 			"stroke-width": "1.5",
-			style: k({ color: i.value.color })
+			style: h({ color: i.value.color })
 		}, [...t[2] ||= [
 			E("path", { d: "M9 18V5l12-2v13" }, null, -1),
 			E("circle", {
@@ -4451,8 +4454,8 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
 			}, null, -1)
 		]], 4)), E("span", {
 			class: "tpl:text-xs tpl:font-bold tpl:tracking-wider",
-			style: k({ color: i.value.color })
-		}, h(i.value.label), 5)]));
+			style: h({ color: i.value.color })
+		}, S(i.value.label), 5)]));
 	}
 }), Sr = { class: "tpl:p-4" }, Cr = {
 	key: 1,
@@ -4537,20 +4540,20 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
 		return (t, n) => (c(), v("div", Sr, [
 			e.isLoading && e.items.length === 0 ? (c(), v("div", {
 				key: 0,
-				class: T(e.layout === "list" ? "tpl:flex tpl:flex-col tpl:gap-1" : "tpl:grid tpl:grid-cols-4 tpl:gap-3")
+				class: k(e.layout === "list" ? "tpl:flex tpl:flex-col tpl:gap-1" : "tpl:grid tpl:grid-cols-4 tpl:gap-3")
 			}, [(c(), v(A, null, u(8, (t) => E("div", {
 				key: t,
-				class: T(["tpl-pulse tpl:rounded-lg", e.layout === "list" ? "tpl:h-12" : "tpl:aspect-square"]),
+				class: k(["tpl-pulse tpl:rounded-lg", e.layout === "list" ? "tpl:h-12" : "tpl:aspect-square"]),
 				style: { "background-color": "var(--tpl-bg-hover)" }
-			}, null, 2)), 64))], 2)) : e.items.length === 0 ? (c(), v("div", Cr, [N(b(Ce), {
+			}, null, 2)), 64))], 2)) : e.items.length === 0 ? (c(), v("div", Cr, [N(b(he), {
 				class: "tpl:mb-3",
 				size: 40,
 				"stroke-width": 1,
 				style: { color: "var(--tpl-text-dim)" }
-			}), E("p", wr, h(b(l).mediaLibrary.noFiles), 1)])) : e.layout === "list" ? (c(), v("div", Lr, [(c(!0), v(A, null, u(e.items, (t) => (c(), v("div", {
+			}), E("p", wr, S(b(l).mediaLibrary.noFiles), 1)])) : e.layout === "list" ? (c(), v("div", Lr, [(c(!0), v(A, null, u(e.items, (t) => (c(), v("div", {
 				key: t.id,
-				class: T(["tpl-media-list-item tpl:group tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-3 tpl:rounded-lg tpl:px-3 tpl:py-2 tpl:transition-all tpl:duration-150", [!o(t) && !e.selectedIds.has(t.id) ? "tpl:opacity-60" : ""]]),
-				style: k({ backgroundColor: e.selectedIds.has(t.id) ? "var(--tpl-bg-hover)" : "transparent" }),
+				class: k(["tpl-media-list-item tpl:group tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-3 tpl:rounded-lg tpl:px-3 tpl:py-2 tpl:transition-all tpl:duration-150", [!o(t) && !e.selectedIds.has(t.id) ? "tpl:opacity-60" : ""]]),
+				style: h({ backgroundColor: e.selectedIds.has(t.id) ? "var(--tpl-bg-hover)" : "transparent" }),
 				onClick: (e) => s(t)
 			}, [
 				E("div", zr, [b(a)(t.mime_type) ? (c(), v("img", {
@@ -4560,13 +4563,13 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
 					class: "tpl:size-full tpl:object-cover",
 					loading: "lazy"
 				}, null, 8, Br)) : (c(), v("div", Vr, [N(xr, { "mime-type": t.mime_type }, null, 8, ["mime-type"])]))]),
-				E("div", Hr, [E("p", Ur, h(t.filename), 1), E("p", Wr, [j(h(f(t.size)) + " · " + h(m(t.created_at)) + " ", 1), b(a)(t.mime_type) && t.width && t.height ? (c(), v(A, { key: 0 }, [j(" · " + h(t.width) + "×" + h(t.height), 1)], 64)) : y("", !0)])]),
+				E("div", Hr, [E("p", Ur, S(t.filename), 1), E("p", Wr, [j(S(f(t.size)) + " · " + S(m(t.created_at)) + " ", 1), b(a)(t.mime_type) && t.width && t.height ? (c(), v(A, { key: 0 }, [j(" · " + S(t.width) + "×" + S(t.height), 1)], 64)) : y("", !0)])]),
 				E("div", Gr, [E("button", {
 					class: "tpl:flex tpl:size-6 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded",
 					style: { color: "var(--tpl-text-muted)" },
 					title: b(l).mediaLibrary.editFile,
 					onClick: x((e) => r("edit", t), ["stop"])
-				}, [N(b(xe), {
+				}, [N(b(le), {
 					size: 12,
 					"stroke-width": 2
 				})], 8, Kr), E("button", {
@@ -4574,22 +4577,22 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
 					style: { color: "var(--tpl-text-muted)" },
 					title: b(l).mediaLibrary.replaceFile,
 					onClick: x((e) => r("replace", t), ["stop"])
-				}, [N(b(I), {
+				}, [N(b(Ce), {
 					size: 12,
 					"stroke-width": 2
 				})], 8, qr)]),
-				e.selectedIds.has(t.id) ? (c(), v("div", Jr, [N(b(le), {
+				e.selectedIds.has(t.id) ? (c(), v("div", Jr, [N(b(ue), {
 					size: 12,
 					"stroke-width": 3
 				})])) : y("", !0)
 			], 14, Rr))), 128))])) : (c(), v("div", Tr, [(c(!0), v(A, null, u(e.items, (t) => (c(), v("div", {
 				key: t.id,
-				class: T(["tpl-media-item tpl:group tpl:relative tpl:overflow-hidden tpl:rounded-lg tpl:border-2 tpl:transition-all tpl:duration-150", [
+				class: k(["tpl-media-item tpl:group tpl:relative tpl:overflow-hidden tpl:rounded-lg tpl:border-2 tpl:transition-all tpl:duration-150", [
 					"tpl:cursor-pointer",
 					!o(t) && !e.selectedIds.has(t.id) ? "tpl:opacity-60" : "",
 					e.selectedIds.has(t.id) ? "tpl-media-item--selected" : ""
 				]]),
-				style: k({
+				style: h({
 					borderColor: e.selectedIds.has(t.id) ? "var(--tpl-primary)" : "transparent",
 					backgroundColor: !o(t) && !e.selectedIds.has(t.id) ? "var(--tpl-bg)" : "var(--tpl-bg-hover)"
 				}),
@@ -4601,17 +4604,17 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
 					alt: t.filename,
 					class: "tpl:size-full tpl:object-cover",
 					loading: "lazy"
-				}, null, 8, Or)) : (c(), S(xr, {
+				}, null, 8, Or)) : (c(), C(xr, {
 					key: 1,
 					"mime-type": t.mime_type
 				}, null, 8, ["mime-type"]))]),
-				E("div", kr, [E("p", Ar, h(t.filename), 1), E("p", jr, [E("span", null, h(f(t.size)), 1), b(a)(t.mime_type) && t.width && t.height ? (c(), v("span", Mr, h(t.width) + "×" + h(t.height), 1)) : y("", !0)])]),
+				E("div", kr, [E("p", Ar, S(t.filename), 1), E("p", jr, [E("span", null, S(f(t.size)), 1), b(a)(t.mime_type) && t.width && t.height ? (c(), v("span", Mr, S(t.width) + "×" + S(t.height), 1)) : y("", !0)])]),
 				E("div", Nr, [E("button", {
 					class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded-full tpl:text-white",
 					style: { "background-color": "rgba(0, 0, 0, 0.6)" },
 					title: b(l).mediaLibrary.editFile,
 					onClick: x((e) => r("edit", t), ["stop"])
-				}, [N(b(xe), {
+				}, [N(b(le), {
 					size: 11,
 					"stroke-width": 2
 				})], 8, Pr), E("button", {
@@ -4619,11 +4622,11 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
 					style: { "background-color": "rgba(0, 0, 0, 0.6)" },
 					title: b(l).mediaLibrary.replaceFile,
 					onClick: x((e) => r("replace", t), ["stop"])
-				}, [N(b(I), {
+				}, [N(b(Ce), {
 					size: 11,
 					"stroke-width": 2
 				})], 8, Fr)]),
-				e.selectedIds.has(t.id) ? (c(), v("div", Ir, [N(b(le), {
+				e.selectedIds.has(t.id) ? (c(), v("div", Ir, [N(b(ue), {
 					size: 12,
 					"stroke-width": 3
 				})])) : y("", !0)
@@ -4633,7 +4636,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
 				ref: d,
 				class: "tpl:h-4"
 			}, null, 512),
-			e.isLoading && e.items.length > 0 ? (c(), v("div", Yr, [N(b(he), {
+			e.isLoading && e.items.length > 0 ? (c(), v("div", Yr, [N(b(ye), {
 				class: "tpl-spinner",
 				size: 20,
 				"stroke-width": 2,
@@ -4674,10 +4677,10 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
 		function m() {
 			n.isImporting || r("close");
 		}
-		function _(e) {
+		function h(e) {
 			e.key === "Enter" && (e.preventDefault(), u()), e.key === "Escape" && m();
 		}
-		return (t, n) => (c(), S(g, { to: b(s) || "body" }, [N(C, {
+		return (t, n) => (c(), C(g, { to: b(s) || "body" }, [N(w, {
 			"enter-active-class": "tpl:transition tpl:ease-out tpl:duration-150",
 			"enter-from-class": "tpl:opacity-0",
 			"enter-to-class": "tpl:opacity-100",
@@ -4691,9 +4694,9 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
 				class: "tpl tpl:fixed tpl:inset-0 tpl:z-[10000] tpl:flex tpl:items-center tpl:justify-center",
 				style: { "background-color": "var(--tpl-overlay)" },
 				onClick: x(m, ["self"]),
-				onKeydown: _
+				onKeydown: h
 			}, [E("div", Qr, [
-				E("h3", $r, h(b(a).mediaLibrary.importFromUrl), 1),
+				E("h3", $r, S(b(a).mediaLibrary.importFromUrl), 1),
 				E("div", ei, [i(E("input", {
 					"onUpdate:modelValue": n[0] ||= (e) => l.value = e,
 					type: "url",
@@ -4706,10 +4709,10 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
 					placeholder: b(a).mediaLibrary.importUrlPlaceholder,
 					disabled: e.isImporting,
 					autofocus: ""
-				}, null, 8, ti), [[w, l.value]])]),
-				e.error ? (c(), v("p", ni, h(e.error), 1)) : y("", !0),
+				}, null, 8, ti), [[T, l.value]])]),
+				e.error ? (c(), v("p", ni, S(e.error), 1)) : y("", !0),
 				E("div", ri, [E("button", {
-					class: T(["tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150", { "tpl:cursor-not-allowed tpl:opacity-50": e.isImporting }]),
+					class: k(["tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150", { "tpl:cursor-not-allowed tpl:opacity-50": e.isImporting }]),
 					style: {
 						"border-color": "var(--tpl-border)",
 						color: "var(--tpl-text)",
@@ -4717,16 +4720,16 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
 					},
 					disabled: e.isImporting,
 					onClick: m
-				}, h(b(a).mediaLibrary.cancel), 11, ii), E("button", {
+				}, S(b(a).mediaLibrary.cancel), 11, ii), E("button", {
 					class: "tpl:cursor-pointer tpl:rounded-md tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:text-white tpl:transition-all tpl:duration-150 tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50",
 					style: { background: "linear-gradient(\n                  135deg,\n                  var(--tpl-primary),\n                  var(--tpl-primary-hover)\n                )" },
 					disabled: !l.value.trim() || e.isImporting,
 					onClick: u
-				}, [e.isImporting ? (c(), v("span", oi, [N(b(he), {
+				}, [e.isImporting ? (c(), v("span", oi, [N(b(ye), {
 					class: "tpl:animate-spin",
 					size: 12,
 					"stroke-width": 2
-				}), j(" " + h(b(a).mediaLibrary.importing), 1)])) : (c(), v("span", si, h(b(a).mediaLibrary.import), 1))], 8, ai)])
+				}), j(" " + S(b(a).mediaLibrary.importing), 1)])) : (c(), v("span", si, S(b(a).mediaLibrary.import), 1))], 8, ai)])
 			])], 40, Zr)) : y("", !0)]),
 			_: 1
 		})], 8, ["to"]));
@@ -4768,14 +4771,14 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
 			class: "tpl:flex tpl:w-full tpl:items-center tpl:gap-1.5 tpl:px-3 tpl:py-1.5 tpl:text-left tpl:text-xs tpl:transition-colors tpl:duration-100",
 			style: { color: "var(--tpl-text)" },
 			onClick: o[0] ||= (e) => n("select", null)
-		}, [N(b(Ce), {
+		}, [N(b(he), {
 			class: "tpl:shrink-0",
 			size: 14,
 			"stroke-width": 1.5
-		}), j(" " + h(b(r).mediaLibrary.moveToRoot), 1)])), (c(!0), v(A, null, u(a(e.folders), (t) => (c(), v("button", {
+		}), j(" " + S(b(r).mediaLibrary.moveToRoot), 1)])), (c(!0), v(A, null, u(a(e.folders), (t) => (c(), v("button", {
 			key: t.id,
 			class: "tpl:flex tpl:w-full tpl:items-center tpl:gap-1.5 tpl:py-1.5 tpl:pr-3 tpl:text-left tpl:text-xs tpl:transition-colors tpl:duration-100",
-			style: k({
+			style: h({
 				paddingLeft: `${t.depth * 16 + 12}px`,
 				color: t.id === e.currentFolderId ? "var(--tpl-text-dim)" : "var(--tpl-text)",
 				opacity: t.id === e.currentFolderId ? .5 : 1
@@ -4783,13 +4786,13 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
 			disabled: t.id === e.currentFolderId,
 			onClick: (e) => n("select", t.id)
 		}, [
-			N(b(ge), {
+			N(b(Se), {
 				class: "tpl:shrink-0",
 				size: 14,
 				"stroke-width": 1.5
 			}),
-			E("span", di, h(t.name), 1),
-			t.id === e.currentFolderId ? (c(), v("span", fi, h(b(r).mediaLibrary.currentFolder), 1)) : y("", !0)
+			E("span", di, S(t.name), 1),
+			t.id === e.currentFolderId ? (c(), v("span", fi, S(b(r).mediaLibrary.currentFolder), 1)) : y("", !0)
 		], 12, ui))), 128))])], 512));
 	}
 }), mi = { class: "tpl:flex tpl:items-center tpl:gap-3" }, hi = ["src", "alt"], gi = {
@@ -4866,10 +4869,10 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
 			let e = f(n.folders, n.item.folder_id);
 			return e ? e.join("/") : null;
 		}), m = _(() => a(n.item.mime_type));
-		function g(e) {
+		function h(e) {
 			return e < 1024 ? `${e} B` : e < 1048576 ? `${(e / 1024).toFixed(1)} KB` : `${(e / 1048576).toFixed(1)} MB`;
 		}
-		function x(e) {
+		function g(e) {
 			return new Date(e).toLocaleDateString(void 0, {
 				year: "numeric",
 				month: "short",
@@ -4888,27 +4891,27 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
 				class: "tpl-preview-icon"
 			}, null, 8, ["mime-type"])])),
 			E("div", _i, [
-				E("p", vi, h(e.item.filename), 1),
+				E("p", vi, S(e.item.filename), 1),
 				E("p", yi, [
-					j(h(g(e.item.size)) + " · " + h(x(e.item.created_at)) + " ", 1),
-					m.value && e.item.width && e.item.height ? (c(), v(A, { key: 0 }, [j(" · " + h(e.item.width) + "×" + h(e.item.height) + "px ", 1)], 64)) : y("", !0),
+					j(S(h(e.item.size)) + " · " + S(g(e.item.created_at)) + " ", 1),
+					m.value && e.item.width && e.item.height ? (c(), v(A, { key: 0 }, [j(" · " + S(e.item.width) + "×" + S(e.item.height) + "px ", 1)], 64)) : y("", !0),
 					p.value ? (c(), v(A, { key: 1 }, [
 						n[0] ||= j(" · ", -1),
-						N(b(ge), {
+						N(b(Se), {
 							class: "tpl:mb-px tpl:inline",
 							size: 9,
 							"stroke-width": 2
 						}),
-						j(" " + h(p.value), 1)
+						j(" " + S(p.value), 1)
 					], 64)) : y("", !0)
 				]),
 				m.value ? (c(), v("p", {
 					key: 0,
-					class: T(["tpl:mt-0.5 tpl:truncate tpl:text-[10px] tpl:italic", { "tpl:invisible": !e.item.alt_text }]),
+					class: k(["tpl:mt-0.5 tpl:truncate tpl:text-[10px] tpl:italic", { "tpl:invisible": !e.item.alt_text }]),
 					style: { color: "var(--tpl-text-dim)" }
-				}, h(e.item.alt_text || "\xA0"), 3)) : y("", !0)
+				}, S(e.item.alt_text || "\xA0"), 3)) : y("", !0)
 			]),
-			s.value ? (c(), v("div", bi, [E("label", xi, h(b(i).mediaLibrary.conversionLabel), 1), E("select", {
+			s.value ? (c(), v("div", bi, [E("label", xi, S(b(i).mediaLibrary.conversionLabel), 1), E("select", {
 				class: "tpl:mt-0.5 tpl:rounded-md tpl:border tpl:py-1 tpl:pr-6 tpl:pl-2 tpl:text-xs tpl:outline-none",
 				style: {
 					"border-color": "var(--tpl-border)",
@@ -4920,7 +4923,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
 			}, [(c(!0), v(A, null, u(o.value, (e) => (c(), v("option", {
 				key: e.value,
 				value: e.value
-			}, h(e.label), 9, Ci))), 128))], 40, Si)])) : y("", !0)
+			}, S(e.label), 9, Ci))), 128))], 40, Si)])) : y("", !0)
 		]));
 	}
 }), [["__scopeId", "data-v-56be5670"]]), Ti = ["data-tpl-theme"], Ei = {
@@ -4964,7 +4967,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
 			if (!n.item) return "";
 			let e = n.item.filename.split(".");
 			return e.length > 1 ? e[e.length - 1].toLowerCase() : "";
-		}), m = _(() => u.value ? `.${u.value}` : "*"), w = _(() => (n.usageInfo?.template_count ?? 0) > 0);
+		}), m = _(() => u.value ? `.${u.value}` : "*"), h = _(() => (n.usageInfo?.template_count ?? 0) > 0);
 		te(() => n.visible, (e) => {
 			e || (l.value = null, s.value && (s.value.value = ""));
 		});
@@ -4978,7 +4981,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
 		function O(e) {
 			e.key === "Escape" && r("close");
 		}
-		return (t, n) => (c(), S(g, { to: b(o) || "body" }, [N(C, {
+		return (t, n) => (c(), C(g, { to: b(o) || "body" }, [N(w, {
 			"enter-active-class": "tpl:transition tpl:ease-out tpl:duration-150",
 			"enter-from-class": "tpl:opacity-0",
 			"enter-to-class": "tpl:opacity-100",
@@ -4994,11 +4997,11 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
 				onClick: n[1] ||= x((e) => r("close"), ["self"]),
 				onKeydown: O
 			}, [E("div", Ei, [
-				E("h3", Di, h(b(i).mediaLibrary.replaceWarningTitle), 1),
-				E("p", Oi, h(b(i).mediaLibrary.replaceWarningMessage.replace("{extension}", `.${u.value}`)), 1),
-				w.value ? (c(), v("p", ki, h(b(i).mediaLibrary.replaceWarningUsageNote.replace("{count}", e.usageInfo.template_count.toString())), 1)) : y("", !0),
-				E("div", Ai, [E("p", ji, h(e.item.filename), 1)]),
-				E("div", Mi, [E("label", Ni, h(b(i).mediaLibrary.replaceSelectFile), 1), E("input", {
+				E("h3", Di, S(b(i).mediaLibrary.replaceWarningTitle), 1),
+				E("p", Oi, S(b(i).mediaLibrary.replaceWarningMessage.replace("{extension}", `.${u.value}`)), 1),
+				h.value ? (c(), v("p", ki, S(b(i).mediaLibrary.replaceWarningUsageNote.replace("{count}", e.usageInfo.template_count.toString())), 1)) : y("", !0),
+				E("div", Ai, [E("p", ji, S(e.item.filename), 1)]),
+				E("div", Mi, [E("label", Ni, S(b(i).mediaLibrary.replaceSelectFile), 1), E("input", {
 					ref_key: "fileInputRef",
 					ref: s,
 					type: "file",
@@ -5011,7 +5014,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
 					},
 					onChange: T
 				}, null, 40, Pi)]),
-				e.error ? (c(), v("p", Fi, h(e.error), 1)) : y("", !0),
+				e.error ? (c(), v("p", Fi, S(e.error), 1)) : y("", !0),
 				E("div", Ii, [E("button", {
 					class: "tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
 					style: {
@@ -5021,12 +5024,12 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
 					},
 					disabled: e.isReplacing,
 					onClick: n[0] ||= (e) => r("close")
-				}, h(b(i).mediaLibrary.cancel), 9, Li), E("button", {
+				}, S(b(i).mediaLibrary.cancel), 9, Li), E("button", {
 					class: "tpl:cursor-pointer tpl:rounded-md tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:text-white tpl:transition-all tpl:duration-150 tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50",
 					style: { background: "linear-gradient(\n                  135deg,\n                  var(--tpl-primary),\n                  var(--tpl-primary-hover)\n                )" },
 					disabled: !l.value || e.isReplacing,
 					onClick: D
-				}, h(e.isReplacing ? b(i).mediaLibrary.replacing : b(i).mediaLibrary.replace), 9, Ri)])
+				}, S(e.isReplacing ? b(i).mediaLibrary.replacing : b(i).mediaLibrary.replace), 9, Ri)])
 			])], 40, Ti)) : y("", !0)]),
 			_: 1
 		})], 8, ["to"]));
@@ -5063,38 +5066,38 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
 		}
 		let { isOverDropZone: f } = P(l, { onDrop: (e) => {
 			e?.length && d(e);
-		} }), { open: m, onChange: g } = ae({
+		} }), { open: m, onChange: h } = ae({
 			accept: o.value,
 			multiple: !0
 		});
-		return g((e) => {
+		return h((e) => {
 			e?.length && d(e);
 		}), (t, n) => (c(), v("div", {
 			ref_key: "dropZoneRef",
 			ref: l,
-			class: T(["tpl-upload-zone tpl:flex tpl:cursor-pointer tpl:flex-col tpl:items-center tpl:justify-center tpl:rounded-lg tpl:border-2 tpl:border-dashed tpl:p-5 tpl:text-center tpl:transition-all tpl:duration-150", b(f) ? "tpl-upload-zone-active" : ""]),
+			class: k(["tpl-upload-zone tpl:flex tpl:cursor-pointer tpl:flex-col tpl:items-center tpl:justify-center tpl:rounded-lg tpl:border-2 tpl:border-dashed tpl:p-5 tpl:text-center tpl:transition-all tpl:duration-150", b(f) ? "tpl-upload-zone-active" : ""]),
 			style: {
 				"border-color": "var(--tpl-border-light)",
 				"background-color": "var(--tpl-bg)"
 			},
 			onClick: n[0] ||= (e) => b(m)()
-		}, [e.isUploading ? (c(), v("div", Bi, [N(b(he), {
+		}, [e.isUploading ? (c(), v("div", Bi, [N(b(ye), {
 			class: "tpl-spinner",
 			size: 20,
 			"stroke-width": 2,
 			style: { color: "var(--tpl-primary)" }
-		}), E("span", Vi, h(e.uploadProgress && e.uploadProgress.total > 1 ? b(i)(b(r).mediaLibrary.uploadingProgress, {
+		}), E("span", Vi, S(e.uploadProgress && e.uploadProgress.total > 1 ? b(i)(b(r).mediaLibrary.uploadingProgress, {
 			current: e.uploadProgress.current,
 			total: e.uploadProgress.total
 		}) : b(r).mediaLibrary.uploading), 1)])) : (c(), v(A, { key: 1 }, [
-			N(b(Se), {
+			N(b(xe), {
 				class: "tpl:mb-2",
 				size: 24,
 				"stroke-width": 1.5,
 				style: { color: "var(--tpl-text-dim)" }
 			}),
-			E("p", Hi, h(b(r).mediaLibrary.dropOrClick), 1),
-			E("p", Ui, h(b(r).mediaLibrary.acceptedFormats), 1)
+			E("p", Hi, S(b(r).mediaLibrary.dropOrClick), 1),
+			E("p", Ui, S(b(r).mediaLibrary.acceptedFormats), 1)
 		], 64))], 2));
 	}
 }), Gi = [
@@ -5130,7 +5133,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
 	},
 	setup(e) {
 		let t = e, { t: n, format: r } = z(), i = p(!1), a = _(() => t.size ?? 24), o = _(() => Math.max(2, a.value / 8)), s = _(() => (a.value - o.value) / 2), l = _(() => 2 * Math.PI * s.value), u = _(() => t.limitBytes <= 0 ? 0 : Math.min(100, t.usedBytes / t.limitBytes * 100)), d = _(() => l.value - u.value / 100 * l.value), m = _(() => u.value >= 95 ? "var(--tpl-danger)" : u.value >= 75 ? "var(--tpl-warning, #f59e0b)" : "var(--tpl-primary)");
-		function g(e) {
+		function h(e) {
 			if (e === 0) return "0 B";
 			let t = 1024, n = [
 				"B",
@@ -5140,10 +5143,10 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
 			], r = Math.floor(Math.log(e) / Math.log(t));
 			return `${(e / t ** r).toFixed(+(r >= 2))} ${n[r]}`;
 		}
-		let b = _(() => g(t.usedBytes)), x = _(() => g(t.limitBytes)), S = _(() => Math.max(0, t.limitBytes - t.usedBytes)), w = _(() => g(S.value)), T = _(() => r(n.mediaLibrary.storageTooltip, {
-			used: b.value,
-			total: x.value,
-			remaining: w.value
+		let g = _(() => h(t.usedBytes)), b = _(() => h(t.limitBytes)), x = _(() => Math.max(0, t.limitBytes - t.usedBytes)), C = _(() => h(x.value)), T = _(() => r(n.mediaLibrary.storageTooltip, {
+			used: g.value,
+			total: b.value,
+			remaining: C.value
 		}));
 		return (e, t) => (c(), v("div", {
 			class: "tpl:relative tpl:inline-flex tpl:cursor-help tpl:items-center tpl:justify-center",
@@ -5172,7 +5175,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
 			"stroke-dasharray": l.value,
 			"stroke-dashoffset": d.value,
 			class: "tpl:transition-all tpl:duration-300 tpl:ease-out"
-		}, null, 8, qi)], 8, Gi)), N(C, {
+		}, null, 8, qi)], 8, Gi)), N(w, {
 			"enter-active-class": "tpl:transition tpl:ease-out tpl:duration-150",
 			"enter-from-class": "tpl:opacity-0 tpl:translate-y-1",
 			"enter-to-class": "tpl:opacity-100 tpl:translate-y-0",
@@ -5180,7 +5183,7 @@ var On = ["data-tpl-theme"], kn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, An
 			"leave-from-class": "tpl:opacity-100 tpl:translate-y-0",
 			"leave-to-class": "tpl:opacity-0 tpl:translate-y-1"
 		}, {
-			default: f(() => [i.value ? (c(), v("div", Ji, [j(h(T.value) + " ", 1), t[2] ||= E("div", {
+			default: f(() => [i.value ? (c(), v("div", Ji, [j(S(T.value) + " ", 1), t[2] ||= E("div", {
 				class: "tpl:absolute tpl:-top-1 tpl:left-1/2 tpl:size-2 tpl:-translate-x-1/2 tpl:rotate-45",
 				style: { "background-color": "var(--tpl-text)" }
 			}, null, -1)])) : y("", !0)]),
@@ -5377,7 +5380,7 @@ var Zi = ["data-tpl-theme"], Qi = {
 	setup(e, { emit: t }) {
 		let n = e, r = t, { t: i } = z(), a = d("tplUiTheme"), o = ee(() => n.popoverTarget ?? null);
 		l(ze, o);
-		let s = d("authManager"), p = d("projectId"), m = _(() => p.value), w = d("planConfig"), D = _(() => w.hasFeature("media_folders")), O = _(() => w.hasFeature("import_from_url")), M = _(() => w.config.value?.storage.used_bytes ?? 0), ne = _(() => w.config.value?.storage.limit_bytes ?? 0), { isAcceptedMimeType: ie, availableCategories: ae } = Ne(), P = Oe({
+		let s = d("authManager"), p = d("projectId"), m = _(() => p.value), T = d("planConfig"), D = _(() => T.hasFeature("media_folders")), O = _(() => T.hasFeature("import_from_url")), M = _(() => T.config.value?.storage.used_bytes ?? 0), ne = _(() => T.config.value?.storage.limit_bytes ?? 0), { isAcceptedMimeType: ie, availableCategories: ae } = Ne(), P = Oe({
 			projectId: m.value,
 			authManager: s
 		}), F = Xi({
@@ -5395,7 +5398,7 @@ var Zi = ["data-tpl-theme"], Qi = {
 		function I() {
 			return P.previewItem.value ? !n.accept?.length || ie(P.previewItem.value.mime_type, n.accept) : !1;
 		}
-		function se() {
+		function le() {
 			if (I()) {
 				let e = P.previewItem.value;
 				r("select", {
@@ -5404,7 +5407,7 @@ var Zi = ["data-tpl-theme"], Qi = {
 				}), r("close");
 			}
 		}
-		return (t, n) => (c(), S(g, { to: e.popoverTarget || "body" }, [N(C, {
+		return (t, n) => (c(), C(g, { to: e.popoverTarget || "body" }, [N(w, {
 			"enter-active-class": "tpl:transition tpl:duration-200",
 			"enter-from-class": "tpl:opacity-0",
 			"enter-to-class": "tpl:opacity-100",
@@ -5418,7 +5421,7 @@ var Zi = ["data-tpl-theme"], Qi = {
 				class: "tpl tpl-media-overlay tpl:fixed tpl:inset-0 tpl:z-[9999]",
 				onClick: n[18] ||= x((e) => r("close"), ["self"])
 			}, [E("div", Qi, [
-				E("div", $i, [E("h2", ea, h(b(i).mediaLibrary.title), 1), E("div", ta, [
+				E("div", $i, [E("h2", ea, S(b(i).mediaLibrary.title), 1), E("div", ta, [
 					N(Yi, {
 						"used-bytes": M.value,
 						"limit-bytes": ne.value,
@@ -5435,7 +5438,7 @@ var Zi = ["data-tpl-theme"], Qi = {
 						},
 						placeholder: b(i).mediaLibrary.searchPlaceholder,
 						onInput: n[0] ||= (e) => b(F).handleSearchInput(e.target.value)
-					}, null, 40, ra), N(b(ue), {
+					}, null, 40, ra), N(b(de), {
 						class: "tpl:absolute tpl:top-1/2 tpl:left-2.5 tpl:-translate-y-1/2",
 						size: 13,
 						"stroke-width": 2,
@@ -5445,12 +5448,12 @@ var Zi = ["data-tpl-theme"], Qi = {
 						class: "tpl:flex tpl:size-7 tpl:items-center tpl:justify-center tpl:rounded-md tpl:transition-all tpl:duration-150",
 						style: { color: "var(--tpl-text-muted)" },
 						onClick: n[1] ||= (e) => r("close")
-					}, [N(b(ye), {
+					}, [N(b(be), {
 						size: 18,
 						"stroke-width": 2
 					})])
 				])]),
-				E("div", ia, [N(C, {
+				E("div", ia, [N(w, {
 					"enter-active-class": "tpl:transition-all tpl:duration-200 tpl:ease-out",
 					"enter-from-class": "tpl:-ml-48 tpl:opacity-0",
 					"enter-to-class": "tpl:ml-0 tpl:opacity-100",
@@ -5484,18 +5487,18 @@ var Zi = ["data-tpl-theme"], Qi = {
 					D.value ? (c(), v("button", {
 						key: 0,
 						class: "tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-md tpl:transition-all tpl:duration-150",
-						style: k({
+						style: h({
 							color: b(F).showSidebar.value ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
 							backgroundColor: b(F).showSidebar.value ? "var(--tpl-bg)" : "transparent",
 							border: b(F).showSidebar.value ? "1px solid var(--tpl-border)" : "1px solid transparent"
 						}),
 						title: b(F).showSidebar.value ? b(i).mediaLibrary.hideFolders : b(i).mediaLibrary.showFolders,
 						onClick: n[2] ||= (e) => b(F).showSidebar.value = !b(F).showSidebar.value
-					}, [N(b(pe), {
+					}, [N(b(ce), {
 						size: 16,
 						"stroke-width": 2
 					})], 12, la)) : y("", !0),
-					b(P).viewMode.value === "frequently-used" ? (c(), v("span", ua, h(b(i).mediaLibrary.frequentlyUsed), 1)) : (c(), S(Me, {
+					b(P).viewMode.value === "frequently-used" ? (c(), v("span", ua, S(b(i).mediaLibrary.frequentlyUsed), 1)) : (c(), C(Me, {
 						key: 2,
 						folders: b(P).folders.value,
 						"current-folder-id": b(P).currentFolderId.value,
@@ -5507,24 +5510,24 @@ var Zi = ["data-tpl-theme"], Qi = {
 					])),
 					E("div", da, [E("button", {
 						class: "tpl:flex tpl:size-6 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:transition-all tpl:duration-150",
-						style: k({
+						style: h({
 							color: b(F).layoutMode.value === "grid" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
 							backgroundColor: b(F).layoutMode.value === "grid" ? "var(--tpl-bg-elevated)" : "transparent"
 						}),
 						title: b(i).mediaLibrary.viewGrid,
 						onClick: n[3] ||= (e) => b(F).layoutMode.value = "grid"
-					}, [N(b(me), {
+					}, [N(b(ve), {
 						size: 14,
 						"stroke-width": 2
 					})], 12, fa), E("button", {
 						class: "tpl:flex tpl:size-6 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:transition-all tpl:duration-150",
-						style: k({
+						style: h({
 							color: b(F).layoutMode.value === "list" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
 							backgroundColor: b(F).layoutMode.value === "list" ? "var(--tpl-bg-elevated)" : "transparent"
 						}),
 						title: b(i).mediaLibrary.viewList,
 						onClick: n[4] ||= (e) => b(F).layoutMode.value = "list"
-					}, [N(b(be), {
+					}, [N(b(me), {
 						size: 14,
 						"stroke-width": 2
 					})], 12, pa)])
@@ -5538,10 +5541,10 @@ var Zi = ["data-tpl-theme"], Qi = {
 					},
 					value: b(P).categoryFilter.value ?? "",
 					onChange: n[5] ||= (e) => b(P).filterByCategory(e.target.value || null)
-				}, [E("option", ga, h(b(i).mediaLibrary.filterAll), 1), (c(!0), v(A, null, u(b(ae), (e) => (c(), v("option", {
+				}, [E("option", ga, S(b(i).mediaLibrary.filterAll), 1), (c(!0), v(A, null, u(b(ae), (e) => (c(), v("option", {
 					key: e,
 					value: e
-				}, h(b(F).getCategoryLabel(e)), 9, _a))), 128))], 40, ha)) : y("", !0), E("select", {
+				}, S(b(F).getCategoryLabel(e)), 9, _a))), 128))], 40, ha)) : y("", !0), E("select", {
 					class: "tpl:rounded-md tpl:border tpl:py-1.5 tpl:pr-7 tpl:pl-2.5 tpl:text-xs tpl:transition-all tpl:duration-150 tpl:outline-none",
 					style: {
 						"border-color": "var(--tpl-border)",
@@ -5551,12 +5554,12 @@ var Zi = ["data-tpl-theme"], Qi = {
 					value: b(P).sortOption.value,
 					onChange: n[6] ||= (e) => b(P).sortBy(e.target.value)
 				}, [
-					E("option", ya, h(b(i).mediaLibrary.sortNewest), 1),
-					E("option", ba, h(b(i).mediaLibrary.sortOldest), 1),
-					E("option", xa, h(b(i).mediaLibrary.sortNameAsc), 1),
-					E("option", Sa, h(b(i).mediaLibrary.sortNameDesc), 1),
-					E("option", Ca, h(b(i).mediaLibrary.sortSizeAsc), 1),
-					E("option", wa, h(b(i).mediaLibrary.sortSizeDesc), 1)
+					E("option", ya, S(b(i).mediaLibrary.sortNewest), 1),
+					E("option", ba, S(b(i).mediaLibrary.sortOldest), 1),
+					E("option", xa, S(b(i).mediaLibrary.sortNameAsc), 1),
+					E("option", Sa, S(b(i).mediaLibrary.sortNameDesc), 1),
+					E("option", Ca, S(b(i).mediaLibrary.sortSizeAsc), 1),
+					E("option", wa, S(b(i).mediaLibrary.sortSizeDesc), 1)
 				], 40, va)])]), E("div", Ta, [b(P).viewMode.value === "files" ? (c(), v("div", Ea, [N(Wi, {
 					"is-uploading": b(P).isUploading.value,
 					"upload-progress": b(P).uploadProgress.value,
@@ -5574,10 +5577,10 @@ var Zi = ["data-tpl-theme"], Qi = {
 						"background-color": "var(--tpl-bg)"
 					},
 					onClick: n[7] ||= (e) => b(F).showImportUrlModal.value = !0
-				}, [N(b(ve), {
+				}, [N(b(ge), {
 					size: 14,
 					"stroke-width": 2
-				}), j(" " + h(b(i).mediaLibrary.importFromUrl), 1)])) : y("", !0)])) : y("", !0), N(Xr, {
+				}), j(" " + S(b(i).mediaLibrary.importFromUrl), 1)])) : y("", !0)])) : y("", !0), N(Xr, {
 					items: b(F).displayItems.value,
 					"selected-ids": b(P).selectedItems.value,
 					"is-loading": b(P).isLoading.value,
@@ -5641,7 +5644,7 @@ var Zi = ["data-tpl-theme"], Qi = {
 					"onReplace",
 					"onClose"
 				]),
-				N(C, {
+				N(w, {
 					"enter-active-class": "tpl:transition tpl:ease-out tpl:duration-150",
 					"enter-from-class": "tpl:opacity-0",
 					"enter-to-class": "tpl:opacity-100",
@@ -5659,17 +5662,17 @@ var Zi = ["data-tpl-theme"], Qi = {
 						},
 						onClick: n[12] ||= x((...e) => b(P).cancelDelete && b(P).cancelDelete(...e), ["self"])
 					}, [E("div", Da, [
-						E("h3", Oa, h(b(i).mediaLibrary.deleteWarningTitle), 1),
+						E("h3", Oa, S(b(i).mediaLibrary.deleteWarningTitle), 1),
 						E("p", {
-							class: T(["tpl:text-xs", b(F).hasUsedFiles.value ? "tpl:mb-2" : "tpl:mb-4"]),
+							class: k(["tpl:text-xs", b(F).hasUsedFiles.value ? "tpl:mb-2" : "tpl:mb-4"]),
 							style: { color: "var(--tpl-text-muted)" }
-						}, h(b(i).mediaLibrary.deleteWarningMessage), 3),
-						b(F).hasUsedFiles.value ? (c(), v("p", ka, h(b(i).mediaLibrary.deleteWarningUsageNote), 1)) : y("", !0),
+						}, S(b(i).mediaLibrary.deleteWarningMessage), 3),
+						b(F).hasUsedFiles.value ? (c(), v("p", ka, S(b(i).mediaLibrary.deleteWarningUsageNote), 1)) : y("", !0),
 						b(F).hasUsedFiles.value ? (c(), v("div", Aa, [(c(!0), v(A, null, u(b(P).deleteUsageInfo.value, (e, t) => (c(), v("div", {
 							key: t,
 							class: "tpl:text-xs",
 							style: { color: "var(--tpl-text)" }
-						}, [e.template_count > 0 ? (c(), v(A, { key: 0 }, [E("span", ja, h(b(F).displayItems.value.find((e) => e.id === t)?.filename || t), 1), E("span", Ma, " - " + h(b(i).mediaLibrary.usedInTemplates.replace("{count}", e.template_count.toString())), 1)], 64)) : y("", !0)]))), 128))])) : y("", !0),
+						}, [e.template_count > 0 ? (c(), v(A, { key: 0 }, [E("span", ja, S(b(F).displayItems.value.find((e) => e.id === t)?.filename || t), 1), E("span", Ma, " - " + S(b(i).mediaLibrary.usedInTemplates.replace("{count}", e.template_count.toString())), 1)], 64)) : y("", !0)]))), 128))])) : y("", !0),
 						E("div", Na, [E("button", {
 							class: "tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
 							style: {
@@ -5678,7 +5681,7 @@ var Zi = ["data-tpl-theme"], Qi = {
 								"background-color": "var(--tpl-bg)"
 							},
 							onClick: n[10] ||= (...e) => b(P).cancelDelete && b(P).cancelDelete(...e)
-						}, h(b(i).mediaLibrary.cancel), 1), E("button", {
+						}, S(b(i).mediaLibrary.cancel), 1), E("button", {
 							class: "tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
 							style: {
 								"border-color": "var(--tpl-danger)",
@@ -5686,11 +5689,11 @@ var Zi = ["data-tpl-theme"], Qi = {
 								"background-color": "var(--tpl-danger-light)"
 							},
 							onClick: n[11] ||= (...e) => b(P).confirmDelete && b(P).confirmDelete(...e)
-						}, h(b(F).hasUsedFiles.value ? b(i).mediaLibrary.deleteAnyway : b(i).mediaLibrary.confirmDelete), 1)])
+						}, S(b(F).hasUsedFiles.value ? b(i).mediaLibrary.deleteAnyway : b(i).mediaLibrary.confirmDelete), 1)])
 					])])) : y("", !0)]),
 					_: 1
 				}),
-				E("div", Pa, [E("div", Fa, [b(P).previewItem.value ? (c(), S(wi, {
+				E("div", Pa, [E("div", Fa, [b(P).previewItem.value ? (c(), C(wi, {
 					key: 0,
 					"selected-conversion": b(F).selectedConversion.value,
 					"onUpdate:selectedConversion": n[13] ||= (e) => b(F).selectedConversion.value = e,
@@ -5703,21 +5706,21 @@ var Zi = ["data-tpl-theme"], Qi = {
 				])) : y("", !0)]), E("div", Ia, [b(P).selectedItems.value.size > 0 ? (c(), v("div", La, [b(P).previewItem.value ? (c(), v("button", {
 					key: 0,
 					class: "tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-1 tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
-					style: k({
+					style: h({
 						borderColor: b(F).copied.value ? "var(--tpl-success)" : "var(--tpl-border)",
 						color: b(F).copied.value ? "var(--tpl-success)" : "var(--tpl-text)",
 						backgroundColor: "var(--tpl-bg)"
 					}),
 					onClick: n[14] ||= (e) => b(F).copy(b(F).selectedUrl.value)
-				}, [b(F).copied.value ? (c(), S(b(le), {
+				}, [b(F).copied.value ? (c(), C(b(ue), {
 					key: 1,
 					size: 12,
 					"stroke-width": 2
-				})) : (c(), S(b(ce), {
+				})) : (c(), C(b(se), {
 					key: 0,
 					size: 12,
 					"stroke-width": 2
-				})), j(" " + h(b(F).copied.value ? b(i).mediaLibrary.copied : b(i).mediaLibrary.copyUrl), 1)], 4)) : y("", !0), D.value ? (c(), v("div", Ra, [E("button", {
+				})), j(" " + S(b(F).copied.value ? b(i).mediaLibrary.copied : b(i).mediaLibrary.copyUrl), 1)], 4)) : y("", !0), D.value ? (c(), v("div", Ra, [E("button", {
 					class: "tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
 					style: {
 						"border-color": "var(--tpl-border)",
@@ -5725,7 +5728,7 @@ var Zi = ["data-tpl-theme"], Qi = {
 						"background-color": "var(--tpl-bg)"
 					},
 					onClick: n[15] ||= (e) => b(F).showMovePicker.value = !b(F).showMovePicker.value
-				}, h(b(i).mediaLibrary.moveSelected), 1), b(F).showMovePicker.value ? (c(), S(pi, {
+				}, S(b(i).mediaLibrary.moveSelected), 1), b(F).showMovePicker.value ? (c(), C(pi, {
 					key: 0,
 					folders: b(P).folders.value,
 					"current-folder-id": b(P).currentFolderId.value,
@@ -5744,15 +5747,15 @@ var Zi = ["data-tpl-theme"], Qi = {
 						"background-color": "var(--tpl-danger-light)"
 					},
 					onClick: n[17] ||= (...e) => b(F).handleDeleteClick && b(F).handleDeleteClick(...e)
-				}, h(b(i).mediaLibrary.deleteSelected), 1)) : y("", !0), E("button", {
+				}, S(b(i).mediaLibrary.deleteSelected), 1)) : y("", !0), E("button", {
 					class: "tpl:cursor-pointer tpl:rounded-md tpl:px-4 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:hover:opacity-90 tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50",
 					style: {
 						"background-color": "var(--tpl-primary)",
 						color: "var(--tpl-bg)"
 					},
 					disabled: !I(),
-					onClick: se
-				}, h(e.accept?.length ? b(i).mediaLibrary.selectImage : b(i).mediaLibrary.selectFile), 9, Ba)])])])
+					onClick: le
+				}, S(e.accept?.length ? b(i).mediaLibrary.selectImage : b(i).mediaLibrary.selectFile), 9, Ba)])])])
 			])], 8, Zi)) : y("", !0)]),
 			_: 1
 		})], 8, ["to"]));
@@ -5842,7 +5845,7 @@ var Zi = ["data-tpl-theme"], Qi = {
 			features: _(() => r.planConfig.features),
 			fetchConfig: async () => {}
 		});
-		let s = _(() => r.planConfig.features.media_folders ?? !1), d = _(() => r.planConfig.features.import_from_url ?? !1), m = _(() => r.planConfig.storage.used_bytes ?? 0), g = _(() => r.planConfig.storage.limit_bytes ?? 0), { availableCategories: w } = Ne(), D = Oe({
+		let s = _(() => r.planConfig.features.media_folders ?? !1), d = _(() => r.planConfig.features.import_from_url ?? !1), m = _(() => r.planConfig.storage.used_bytes ?? 0), g = _(() => r.planConfig.storage.limit_bytes ?? 0), { availableCategories: T } = Ne(), D = Oe({
 			projectId: r.projectId,
 			authManager: r.authManager,
 			onError: r.onError
@@ -5862,7 +5865,7 @@ var Zi = ["data-tpl-theme"], Qi = {
 		return e(() => {
 			D.loadItems(), D.loadFrequentlyUsed(), i("ready");
 		}), (e, n) => (c(), v("div", Ha, [
-			E("div", Ua, [E("h2", Wa, h(a.value.mediaLibrary.title), 1), E("div", Ga, [N(Yi, {
+			E("div", Ua, [E("h2", Wa, S(a.value.mediaLibrary.title), 1), E("div", Ga, [N(Yi, {
 				"used-bytes": m.value,
 				"limit-bytes": g.value,
 				size: 22
@@ -5877,13 +5880,13 @@ var Zi = ["data-tpl-theme"], Qi = {
 				},
 				placeholder: a.value.mediaLibrary.searchPlaceholder,
 				onInput: n[0] ||= (e) => b(O).handleSearchInput(e.target.value)
-			}, null, 40, qa), N(b(ue), {
+			}, null, 40, qa), N(b(de), {
 				class: "tpl:absolute tpl:top-1/2 tpl:left-2.5 tpl:-translate-y-1/2",
 				size: 13,
 				"stroke-width": 2,
 				style: { color: "var(--tpl-text-dim)" }
 			})])])]),
-			E("div", Ja, [N(C, {
+			E("div", Ja, [N(w, {
 				"enter-active-class": "tpl:transition-all tpl:duration-200 tpl:ease-out",
 				"enter-from-class": "tpl:-ml-48 tpl:opacity-0",
 				"enter-to-class": "tpl:ml-0 tpl:opacity-100",
@@ -5917,18 +5920,18 @@ var Zi = ["data-tpl-theme"], Qi = {
 				s.value ? (c(), v("button", {
 					key: 0,
 					class: "tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-md tpl:transition-all tpl:duration-150",
-					style: k({
+					style: h({
 						color: b(O).showSidebar.value ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
 						backgroundColor: b(O).showSidebar.value ? "var(--tpl-bg)" : "transparent",
 						border: b(O).showSidebar.value ? "1px solid var(--tpl-border)" : "1px solid transparent"
 					}),
 					title: b(O).showSidebar.value ? a.value.mediaLibrary.hideFolders : a.value.mediaLibrary.showFolders,
 					onClick: n[1] ||= (e) => b(O).showSidebar.value = !b(O).showSidebar.value
-				}, [N(b(pe), {
+				}, [N(b(ce), {
 					size: 16,
 					"stroke-width": 2
 				})], 12, $a)) : y("", !0),
-				b(D).viewMode.value === "frequently-used" ? (c(), v("span", eo, h(a.value.mediaLibrary.frequentlyUsed), 1)) : (c(), S(Me, {
+				b(D).viewMode.value === "frequently-used" ? (c(), v("span", eo, S(a.value.mediaLibrary.frequentlyUsed), 1)) : (c(), C(Me, {
 					key: 2,
 					folders: b(D).folders.value,
 					"current-folder-id": b(D).currentFolderId.value,
@@ -5940,28 +5943,28 @@ var Zi = ["data-tpl-theme"], Qi = {
 				])),
 				E("div", to, [E("button", {
 					class: "tpl:flex tpl:size-6 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:transition-all tpl:duration-150",
-					style: k({
+					style: h({
 						color: b(O).layoutMode.value === "grid" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
 						backgroundColor: b(O).layoutMode.value === "grid" ? "var(--tpl-bg-elevated)" : "transparent"
 					}),
 					title: a.value.mediaLibrary.viewGrid,
 					onClick: n[2] ||= (e) => b(O).layoutMode.value = "grid"
-				}, [N(b(me), {
+				}, [N(b(ve), {
 					size: 14,
 					"stroke-width": 2
 				})], 12, no), E("button", {
 					class: "tpl:flex tpl:size-6 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:transition-all tpl:duration-150",
-					style: k({
+					style: h({
 						color: b(O).layoutMode.value === "list" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
 						backgroundColor: b(O).layoutMode.value === "list" ? "var(--tpl-bg-elevated)" : "transparent"
 					}),
 					title: a.value.mediaLibrary.viewList,
 					onClick: n[3] ||= (e) => b(O).layoutMode.value = "list"
-				}, [N(b(be), {
+				}, [N(b(me), {
 					size: 14,
 					"stroke-width": 2
 				})], 12, ro)])
-			]), E("div", io, [b(w).length > 1 ? (c(), v("select", {
+			]), E("div", io, [b(T).length > 1 ? (c(), v("select", {
 				key: 0,
 				class: "tpl:rounded-md tpl:border tpl:py-1.5 tpl:pr-7 tpl:pl-2.5 tpl:text-xs tpl:transition-all tpl:duration-150 tpl:outline-none",
 				style: {
@@ -5971,10 +5974,10 @@ var Zi = ["data-tpl-theme"], Qi = {
 				},
 				value: b(D).categoryFilter.value ?? "",
 				onChange: n[4] ||= (e) => b(D).filterByCategory(e.target.value || null)
-			}, [E("option", oo, h(a.value.mediaLibrary.filterAll), 1), (c(!0), v(A, null, u(b(w), (e) => (c(), v("option", {
+			}, [E("option", oo, S(a.value.mediaLibrary.filterAll), 1), (c(!0), v(A, null, u(b(T), (e) => (c(), v("option", {
 				key: e,
 				value: e
-			}, h(b(O).getCategoryLabel(e)), 9, so))), 128))], 40, ao)) : y("", !0), E("select", {
+			}, S(b(O).getCategoryLabel(e)), 9, so))), 128))], 40, ao)) : y("", !0), E("select", {
 				class: "tpl:rounded-md tpl:border tpl:py-1.5 tpl:pr-7 tpl:pl-2.5 tpl:text-xs tpl:transition-all tpl:duration-150 tpl:outline-none",
 				style: {
 					"border-color": "var(--tpl-border)",
@@ -5984,12 +5987,12 @@ var Zi = ["data-tpl-theme"], Qi = {
 				value: b(D).sortOption.value,
 				onChange: n[5] ||= (e) => b(D).sortBy(e.target.value)
 			}, [
-				E("option", lo, h(a.value.mediaLibrary.sortNewest), 1),
-				E("option", uo, h(a.value.mediaLibrary.sortOldest), 1),
-				E("option", fo, h(a.value.mediaLibrary.sortNameAsc), 1),
-				E("option", po, h(a.value.mediaLibrary.sortNameDesc), 1),
-				E("option", mo, h(a.value.mediaLibrary.sortSizeAsc), 1),
-				E("option", ho, h(a.value.mediaLibrary.sortSizeDesc), 1)
+				E("option", lo, S(a.value.mediaLibrary.sortNewest), 1),
+				E("option", uo, S(a.value.mediaLibrary.sortOldest), 1),
+				E("option", fo, S(a.value.mediaLibrary.sortNameAsc), 1),
+				E("option", po, S(a.value.mediaLibrary.sortNameDesc), 1),
+				E("option", mo, S(a.value.mediaLibrary.sortSizeAsc), 1),
+				E("option", ho, S(a.value.mediaLibrary.sortSizeDesc), 1)
 			], 40, co)])]), E("div", go, [b(D).viewMode.value === "files" ? (c(), v("div", _o, [N(Wi, {
 				"is-uploading": b(D).isUploading.value,
 				"upload-progress": b(D).uploadProgress.value,
@@ -6007,10 +6010,10 @@ var Zi = ["data-tpl-theme"], Qi = {
 					"background-color": "var(--tpl-bg)"
 				},
 				onClick: n[6] ||= (e) => b(O).showImportUrlModal.value = !0
-			}, [N(b(ve), {
+			}, [N(b(ge), {
 				size: 14,
 				"stroke-width": 2
-			}), j(" " + h(a.value.mediaLibrary.importFromUrl), 1)])) : y("", !0)])) : y("", !0), N(Xr, {
+			}), j(" " + S(a.value.mediaLibrary.importFromUrl), 1)])) : y("", !0)])) : y("", !0), N(Xr, {
 				items: b(O).displayItems.value,
 				"selected-ids": b(D).selectedItems.value,
 				"is-loading": b(D).isLoading.value,
@@ -6072,7 +6075,7 @@ var Zi = ["data-tpl-theme"], Qi = {
 				"onReplace",
 				"onClose"
 			]),
-			N(C, {
+			N(w, {
 				"enter-active-class": "tpl:transition tpl:ease-out tpl:duration-150",
 				"enter-from-class": "tpl:opacity-0",
 				"enter-to-class": "tpl:opacity-100",
@@ -6090,17 +6093,17 @@ var Zi = ["data-tpl-theme"], Qi = {
 					},
 					onClick: n[11] ||= x((...e) => b(D).cancelDelete && b(D).cancelDelete(...e), ["self"])
 				}, [E("div", vo, [
-					E("h3", yo, h(a.value.mediaLibrary.deleteWarningTitle), 1),
+					E("h3", yo, S(a.value.mediaLibrary.deleteWarningTitle), 1),
 					E("p", {
-						class: T(["tpl:text-xs", b(O).hasUsedFiles.value ? "tpl:mb-2" : "tpl:mb-4"]),
+						class: k(["tpl:text-xs", b(O).hasUsedFiles.value ? "tpl:mb-2" : "tpl:mb-4"]),
 						style: { color: "var(--tpl-text-muted)" }
-					}, h(a.value.mediaLibrary.deleteWarningMessage), 3),
-					b(O).hasUsedFiles.value ? (c(), v("p", bo, h(a.value.mediaLibrary.deleteWarningUsageNote), 1)) : y("", !0),
+					}, S(a.value.mediaLibrary.deleteWarningMessage), 3),
+					b(O).hasUsedFiles.value ? (c(), v("p", bo, S(a.value.mediaLibrary.deleteWarningUsageNote), 1)) : y("", !0),
 					b(O).hasUsedFiles.value ? (c(), v("div", xo, [(c(!0), v(A, null, u(b(D).deleteUsageInfo.value, (e, t) => (c(), v("div", {
 						key: t,
 						class: "tpl:text-xs",
 						style: { color: "var(--tpl-text)" }
-					}, [e.template_count > 0 ? (c(), v(A, { key: 0 }, [E("span", So, h(b(O).displayItems.value.find((e) => e.id === t)?.filename || t), 1), E("span", Co, " - " + h(a.value.mediaLibrary.usedInTemplates.replace("{count}", e.template_count.toString())), 1)], 64)) : y("", !0)]))), 128))])) : y("", !0),
+					}, [e.template_count > 0 ? (c(), v(A, { key: 0 }, [E("span", So, S(b(O).displayItems.value.find((e) => e.id === t)?.filename || t), 1), E("span", Co, " - " + S(a.value.mediaLibrary.usedInTemplates.replace("{count}", e.template_count.toString())), 1)], 64)) : y("", !0)]))), 128))])) : y("", !0),
 					E("div", wo, [E("button", {
 						class: "tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
 						style: {
@@ -6109,7 +6112,7 @@ var Zi = ["data-tpl-theme"], Qi = {
 							"background-color": "var(--tpl-bg)"
 						},
 						onClick: n[9] ||= (...e) => b(D).cancelDelete && b(D).cancelDelete(...e)
-					}, h(a.value.mediaLibrary.cancel), 1), E("button", {
+					}, S(a.value.mediaLibrary.cancel), 1), E("button", {
 						class: "tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
 						style: {
 							"border-color": "var(--tpl-danger)",
@@ -6117,11 +6120,11 @@ var Zi = ["data-tpl-theme"], Qi = {
 							"background-color": "var(--tpl-danger-light)"
 						},
 						onClick: n[10] ||= (...e) => b(D).confirmDelete && b(D).confirmDelete(...e)
-					}, h(b(O).hasUsedFiles.value ? a.value.mediaLibrary.deleteAnyway : a.value.mediaLibrary.confirmDelete), 1)])
+					}, S(b(O).hasUsedFiles.value ? a.value.mediaLibrary.deleteAnyway : a.value.mediaLibrary.confirmDelete), 1)])
 				])])) : y("", !0)]),
 				_: 1
 			}),
-			E("div", To, [E("div", Eo, [b(D).previewItem.value ? (c(), S(wi, {
+			E("div", To, [E("div", Eo, [b(D).previewItem.value ? (c(), C(wi, {
 				key: 0,
 				"selected-conversion": b(O).selectedConversion.value,
 				"onUpdate:selectedConversion": n[12] ||= (e) => b(O).selectedConversion.value = e,
@@ -6134,21 +6137,21 @@ var Zi = ["data-tpl-theme"], Qi = {
 			])) : y("", !0)]), E("div", Do, [b(D).selectedItems.value.size > 0 ? (c(), v("div", Oo, [b(D).previewItem.value ? (c(), v("button", {
 				key: 0,
 				class: "tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-1 tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
-				style: k({
+				style: h({
 					borderColor: b(O).copied.value ? "var(--tpl-success)" : "var(--tpl-border)",
 					color: b(O).copied.value ? "var(--tpl-success)" : "var(--tpl-text)",
 					backgroundColor: "var(--tpl-bg)"
 				}),
 				onClick: n[13] ||= (e) => b(O).copy(b(O).selectedUrl.value)
-			}, [b(O).copied.value ? (c(), S(b(le), {
+			}, [b(O).copied.value ? (c(), C(b(ue), {
 				key: 1,
 				size: 12,
 				"stroke-width": 2
-			})) : (c(), S(b(ce), {
+			})) : (c(), C(b(se), {
 				key: 0,
 				size: 12,
 				"stroke-width": 2
-			})), j(" " + h(b(O).copied.value ? a.value.mediaLibrary.copied : a.value.mediaLibrary.copyUrl), 1)], 4)) : y("", !0), s.value ? (c(), v("div", ko, [E("button", {
+			})), j(" " + S(b(O).copied.value ? a.value.mediaLibrary.copied : a.value.mediaLibrary.copyUrl), 1)], 4)) : y("", !0), s.value ? (c(), v("div", ko, [E("button", {
 				class: "tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
 				style: {
 					"border-color": "var(--tpl-border)",
@@ -6156,7 +6159,7 @@ var Zi = ["data-tpl-theme"], Qi = {
 					"background-color": "var(--tpl-bg)"
 				},
 				onClick: n[14] ||= (e) => b(O).showMovePicker.value = !b(O).showMovePicker.value
-			}, h(a.value.mediaLibrary.moveSelected), 1), b(O).showMovePicker.value ? (c(), S(pi, {
+			}, S(a.value.mediaLibrary.moveSelected), 1), b(O).showMovePicker.value ? (c(), C(pi, {
 				key: 0,
 				folders: b(D).folders.value,
 				"current-folder-id": b(D).currentFolderId.value,
@@ -6175,7 +6178,7 @@ var Zi = ["data-tpl-theme"], Qi = {
 					"background-color": "var(--tpl-danger-light)"
 				},
 				onClick: n[16] ||= (...e) => b(O).handleDeleteClick && b(O).handleDeleteClick(...e)
-			}, h(a.value.mediaLibrary.deleteSelected), 1)) : y("", !0), t.onSelect ? (c(), v("button", {
+			}, S(a.value.mediaLibrary.deleteSelected), 1)) : y("", !0), t.onSelect ? (c(), v("button", {
 				key: 1,
 				class: "tpl:cursor-pointer tpl:rounded-md tpl:px-4 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:hover:opacity-90 tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50",
 				style: {
@@ -6184,7 +6187,7 @@ var Zi = ["data-tpl-theme"], Qi = {
 				},
 				disabled: !b(D).previewItem.value,
 				onClick: ee
-			}, h(a.value.mediaLibrary.selectFile), 9, jo)) : y("", !0)])])])
+			}, S(a.value.mediaLibrary.selectFile), 9, jo)) : y("", !0)])])])
 		]));
 	}
 }), No = /* #__PURE__ */ Object.assign({
@@ -6264,4 +6267,4 @@ typeof window < "u" && (window.TemplaticalMedia = {
 //#endregion
 export { De as MediaApiClient, Va as MediaLibraryModal };
 
-//# sourceMappingURL=src-B2LpXMIw.js.map
+//# sourceMappingURL=src-C0N74uvF.js.map