@templatical/media-library 0.24.0 → 0.25.0

package/dist/cdn/media-library.js

@@ -1,4 +1,4 @@
-import { $ as e, A as t, B as n, C as r, D as i, E as a, F as o, G as s, H as c, I as l, J as u, K as d, L as f, M as p, N as m, O as h, P as g, Q as _, R as v, S as y, T as b, U as x, V as S, W as C, X as w, Y as T, Z as E, _ as D, a as O, at as k, b as ee, c as te, d as ne, et as re, f as A, g as ie, h as ae, i as oe, it as j, j as M, k as N, l as se, m as ce, n as le, nt as ue, o as de, ot as P, p as fe, q as F, r as pe, rt as I, s as me, st as L, t as he, tt as ge, u as _e, v as ve, w as R, x as ye, y as be, z } from "./chunks/icons-C_T1y_t4.js";
+import { $ as e, A as t, B as n, C as r, D as i, E as a, F as o, G as s, H as c, I as l, J as u, K as d, L as f, M as p, N as m, O as h, P as g, Q as _, R as v, S as y, T as b, U as x, V as S, W as C, X as w, Y as T, Z as E, _ as D, a as O, at as k, b as ee, c as te, d as ne, et as re, f as ie, g as ae, h as oe, i as se, it as A, j, k as M, l as ce, m as le, n as ue, nt as de, o as fe, ot as N, p as pe, q as P, r as me, rt as F, s as he, st as I, t as ge, tt as L, u as _e, v as ve, w as R, x as ye, y as be, z } from "./chunks/icons-D2C-Sl7d.js";
 //#region ../types/src/config.ts
 var xe = class extends Error {
 	statusCode;
@@ -28,7 +28,7 @@ var xe = class extends Error {
 	requestOptions;
 	onError;
 	refreshPromise = null;
-	static REFRESH_THRESHOLD_MS = 60 * 1e3;
+	static REFRESH_THRESHOLD_MS = 6e4;
 	constructor(t) {
 		this.url = t.url, this.baseUrl = (t.baseUrl ?? e.DEFAULT_BASE_URL).replace(/\/$/, ""), this.requestOptions = t.requestOptions ?? {}, this.onError = t.onError;
 	}
@@ -91,14 +91,14 @@ var xe = class extends Error {
 			if (!r.ok) throw new xe(`Token refresh failed: ${r.status}`, r.status);
 			let i = await r.json();
 			if (!i.token || !i.expires_at || !i.project_id || !i.tenant) throw Error("Invalid token response: missing token, expires_at, project_id, or tenant");
-			return this.accessToken = i.token, this.expiresAt = /* @__PURE__ */ new Date(i.expires_at * 1e3), this._projectId = i.project_id, this._tenantSlug = i.tenant, i.test_email?.allowed_emails && i.test_email?.signature ? this._testEmailConfig = {
+			return this.accessToken = i.token, this.expiresAt = /* @__PURE__ */ new Date(i.expires_at * 1e3), this._projectId = i.project_id, this._tenantSlug = i.tenant, this._testEmailConfig = i.test_email?.allowed_emails && i.test_email?.signature ? {
 				allowedEmails: i.test_email.allowed_emails,
 				signature: i.test_email.signature
-			} : this._testEmailConfig = null, i.user?.id && i.user?.name && i.user?.signature ? this._userConfig = {
+			} : null, this._userConfig = i.user?.id && i.user?.name && i.user?.signature ? {
 				id: i.user.id,
 				name: i.user.name,
 				signature: i.user.signature
-			} : this._userConfig = null, this.accessToken;
+			} : null, this.accessToken;
 		} catch (e) {
 			let t = e instanceof Error ? e : Error("Token refresh failed", { cause: e });
 			throw this.onError?.(t), t;
@@ -417,7 +417,7 @@ var je = {
 			class: "tpl:transition-colors tpl:duration-150 tpl:hover:underline",
 			style: { color: "var(--tpl-primary)" },
 			onClick: n[0] ||= (e) => o("navigate", null)
-		}, L(j(s).mediaLibrary.allFiles), 1), (z(!0), t(R, null, S(c.value, (e, n) => (z(), t(R, { key: e.id }, [p(j(ie), {
+		}, I(A(s).mediaLibrary.allFiles), 1), (z(!0), t(R, null, S(c.value, (e, n) => (z(), t(R, { key: e.id }, [p(A(ae), {
 			size: 12,
 			"stroke-width": 2
 		}), n < c.value.length - 1 ? (z(), t("button", {
@@ -425,7 +425,7 @@ var je = {
 			class: "tpl:transition-colors tpl:duration-150 tpl:hover:underline",
 			style: { color: "var(--tpl-primary)" },
 			onClick: (t) => o("navigate", e.id)
-		}, L(e.name), 9, Me)) : (z(), t("span", Ne, L(e.name), 1))], 64))), 128))])) : N("", !0);
+		}, I(e.name), 9, Me)) : (z(), t("span", Ne, I(e.name), 1))], 64))), 128))])) : M("", !0);
 	}
 });
 //#endregion
@@ -615,7 +615,7 @@ var Ke, qe, Je, G = (Ke = function(e) {
 			throw Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs");
 		}(t == null && Je.path);
 	}
-}, Je.exports), Je.exports), K = function(e) {
+}, Je.exports), Je.exports), Ye = function(e) {
 	return function(t, n) {
 		if (!t) return e;
 		var r;
@@ -627,7 +627,7 @@ var Ke, qe, Je, G = (Ke = function(e) {
 		}), "") : "");
 	};
 };
-function Ye(e, t, n) {
+function Xe(e, t, n) {
 	var r, i, a, o, s;
 	function c() {
 		var l = Date.now() - o;
@@ -645,65 +645,65 @@ function Ye(e, t, n) {
 		r &&= (s = e.apply(a, i), a = i = null, clearTimeout(r), null);
 	}, l;
 }
-Ye.debounce = Ye;
-var Xe = Ye, q = function() {
-	return q = Object.assign || function(e) {
+Xe.debounce = Xe;
+var Ze = Xe, K = function() {
+	return K = Object.assign || function(e) {
 		for (var t, n = 1, r = arguments.length; n < r; n++) for (var i in t = arguments[n]) Object.prototype.hasOwnProperty.call(t, i) && (e[i] = t[i]);
 		return e;
-	}, q.apply(this, arguments);
+	}, K.apply(this, arguments);
 };
-function Ze(e, t) {
+function Qe(e, t) {
 	var n, r;
 	return e && t ? (n = "" + e + t[0].toUpperCase() + t.slice(1), r = e + "-" + t) : (n = e || t, r = e || t), {
 		name: n,
 		classname: r
 	};
 }
-function Qe(e) {
+function $e(e) {
 	return /^blob:/.test(e);
 }
-function $e(e) {
-	return Qe(e) || function(e) {
+function et(e) {
+	return $e(e) || function(e) {
 		return /^data:/.test(e);
 	}(e);
 }
-function et(e) {
+function tt(e) {
 	return !!(e && e.constructor && e.call && e.apply);
 }
-function J(e) {
+function q(e) {
 	return e === void 0;
 }
-function tt(e) {
+function nt(e) {
 	return typeof e == "object" && !!e;
 }
-function nt(e, t, n) {
+function rt(e, t, n) {
 	var r = {};
-	return tt(e) ? (Object.keys(t).forEach((function(i) {
-		J(e[i]) ? r[i] = t[i] : tt(t[i]) ? tt(e[i]) ? r[i] = nt(e[i], t[i], n[i]) : r[i] = e[i] ? t[i] : n[i] : !0 === t[i] || !1 === t[i] ? r[i] = !!e[i] : r[i] = e[i];
+	return nt(e) ? (Object.keys(t).forEach((function(i) {
+		r[i] = q(e[i]) ? t[i] : nt(t[i]) ? nt(e[i]) ? rt(e[i], t[i], n[i]) : e[i] ? t[i] : n[i] : !0 === t[i] || !1 === t[i] ? !!e[i] : e[i];
 	})), r) : e ? t : n;
 }
-function rt(e) {
+function it(e) {
 	var t = Number(e);
 	return Number.isNaN(t) ? e : t;
 }
-function it(e) {
+function at(e) {
 	return typeof (e == "number" || function(e) {
 		return typeof e == "object" && !!e;
-	}(e) && toString.call(e) == "[object Number]") && !at(e);
+	}(e) && toString.call(e) == "[object Number]") && !ot(e);
 }
-function at(e) {
+function ot(e) {
 	return e != e;
 }
-function ot(e, t) {
+function st(e, t) {
 	return Math.sqrt((e.x - t.x) ** 2 + (e.y - t.y) ** 2);
 }
-var st = function(e, t) {
+var ct = function(e, t) {
 	e === void 0 && (e = {}), t === void 0 && (t = {}), this.type = "manipulateImage", this.move = e, this.scale = t;
-}, ct = function(e, t) {
+}, lt = function(e, t) {
 	t === void 0 && (t = {}), this.type = "resize", this.directions = e, this.params = t;
-}, lt = function(e) {
+}, ut = function(e) {
 	this.type = "move", this.directions = e;
-}, ut = function() {
+}, dt = function() {
 	function e(e, t, n, r, i) {
 		this.type = "drag", this.nativeEvent = e, this.position = n, this.previousPosition = r, this.element = t, this.anchor = i;
 	}
@@ -721,7 +721,7 @@ var st = function(e, t) {
 			top: 0
 		};
 	}, e;
-}(), dt = {
+}(), ft = {
 	name: "DraggableElement",
 	props: { classname: { type: String } },
 	beforeMount: function() {
@@ -792,7 +792,7 @@ var st = function(e, t) {
 			if (this.touches.length) {
 				if (this.touches.length === 1 && n.length === 1) {
 					var r = this.$refs.draggable;
-					this.$emit("drag", new ut(e, r, {
+					this.$emit("drag", new dt(e, r, {
 						left: n[0].clientX,
 						top: n[0].clientY
 					}, {
@@ -814,7 +814,7 @@ var st = function(e, t) {
 		"enter"
 	]
 };
-dt.render = function(e, t, n, r, i, a) {
+ft.render = function(e, t, n, r, i, a) {
 	return z(), h("div", {
 		ref: "draggable",
 		class: n.classname,
@@ -832,9 +832,9 @@ dt.render = function(e, t, n, r, i, a) {
 		}
 	}, [c(e.$slots, "default")], 34);
 };
-var ft = K("vue-handler-wrapper"), pt = {
+var pt = Ye("vue-handler-wrapper"), mt = {
 	name: "HandlerWrapper",
-	components: { DraggableElement: dt },
+	components: { DraggableElement: ft },
 	props: {
 		horizontalPosition: { type: String },
 		verticalPosition: { type: String },
@@ -846,12 +846,12 @@ var ft = K("vue-handler-wrapper"), pt = {
 	computed: { classes: function() {
 		var e;
 		if (this.horizontalPosition || this.verticalPosition) {
-			var t, n = Ze(this.horizontalPosition, this.verticalPosition);
-			e = ft((W(t = {}, n.classname, !0), W(t, "disabled", this.disabled), t));
-		} else e = ft({ disabled: this.disabled });
+			var t, n = Qe(this.horizontalPosition, this.verticalPosition);
+			e = pt((W(t = {}, n.classname, !0), W(t, "disabled", this.disabled), t));
+		} else e = pt({ disabled: this.disabled });
 		return {
 			root: e,
-			draggable: ft("draggable")
+			draggable: pt("draggable")
 		};
 	} },
 	emits: [
@@ -861,7 +861,7 @@ var ft = K("vue-handler-wrapper"), pt = {
 		"drag-end"
 	]
 };
-pt.render = function(e, t, n, r, i, a) {
+mt.render = function(e, t, n, r, i, a) {
 	var o = x("DraggableElement");
 	return z(), h("div", { class: a.classes.root }, [p(o, {
 		class: a.classes.draggable,
@@ -878,15 +878,15 @@ pt.render = function(e, t, n, r, i, a) {
 			return e.$emit("enter");
 		}
 	}, {
-		default: F((function() {
+		default: P((function() {
 			return [c(e.$slots, "default")];
 		})),
 		_: 3
 	}, 8, ["class"])], 2);
 };
-var mt = K("vue-line-wrapper"), ht = {
+var ht = Ye("vue-line-wrapper"), gt = {
 	name: "LineWrapper",
-	components: { DraggableElement: dt },
+	components: { DraggableElement: ft },
 	props: {
 		position: {
 			type: String,
@@ -899,7 +899,7 @@ var mt = K("vue-line-wrapper"), ht = {
 	},
 	computed: { classname: function() {
 		var e;
-		return mt((W(e = {}, this.position, !0), W(e, "disabled", this.disabled), e));
+		return ht((W(e = {}, this.position, !0), W(e, "disabled", this.disabled), e));
 	} },
 	emits: [
 		"leave",
@@ -908,7 +908,7 @@ var mt = K("vue-line-wrapper"), ht = {
 		"drag-end"
 	]
 };
-ht.render = function(e, t, n, r, i, a) {
+gt.render = function(e, t, n, r, i, a) {
 	var o = x("DraggableElement");
 	return z(), h(o, {
 		class: a.classname,
@@ -925,29 +925,29 @@ ht.render = function(e, t, n, r, i, a) {
 			return e.$emit("enter");
 		}
 	}, {
-		default: F((function() {
+		default: P((function() {
 			return [c(e.$slots, "default")];
 		})),
 		_: 3
 	}, 8, ["class"]);
 };
-var gt = [
+var _t = [
 	"left",
 	"right",
 	"top",
 	"bottom"
-], _t = ["left", "right"], vt = ["top", "bottom"], yt = ["left", "top"], bt = [
+], vt = ["left", "right"], yt = ["top", "bottom"], bt = ["left", "top"], xt = [
 	"fill-area",
 	"fit-area",
 	"stencil",
 	"none"
-], xt = {
+], St = {
 	left: 0,
 	top: 0,
 	width: 0,
 	height: 0
 };
-function St(e, t, n) {
+function Ct(e, t, n) {
 	return !(n ||= [
 		"width",
 		"height",
@@ -957,7 +957,7 @@ function St(e, t, n) {
 		return e[n] !== t[n];
 	}));
 }
-function Ct(e) {
+function wt(e) {
 	return {
 		left: e.left,
 		top: e.top,
@@ -965,31 +965,31 @@ function Ct(e) {
 		bottom: e.top + e.height
 	};
 }
-function wt(e, t) {
+function Tt(e, t) {
 	return {
 		left: e.left - t.left,
 		top: e.top - t.top
 	};
 }
-function Y(e) {
+function J(e) {
 	return {
 		left: e.left + e.width / 2,
 		top: e.top + e.height / 2
 	};
 }
-function Tt(e, t) {
+function Et(e, t) {
 	var n = {
 		left: 0,
 		top: 0,
 		right: 0,
 		bottom: 0
 	};
-	return gt.forEach((function(r) {
-		var i = t[r], a = Ct(e)[r];
+	return _t.forEach((function(r) {
+		var i = t[r], a = wt(e)[r];
 		n[r] = i !== void 0 && a !== void 0 ? r === "left" || r === "top" ? Math.max(0, i - a) : Math.max(0, a - i) : 0;
 	})), n;
 }
-function Et(e, t) {
+function Dt(e, t) {
 	return {
 		left: e.left - t.left,
 		top: e.top - t.top,
@@ -997,22 +997,22 @@ function Et(e, t) {
 		height: e.height + t.top + t.bottom
 	};
 }
-function Dt(e) {
+function Ot(e) {
 	return {
 		left: -e.left,
 		top: -e.top
 	};
 }
-function X(e, t) {
-	return q(q({}, e), {
+function Y(e, t) {
+	return K(K({}, e), {
 		left: e.left + t.left,
 		top: e.top + t.top
 	});
 }
-function Z(e, t, n, r) {
+function X(e, t, n, r) {
 	if (t !== 1) {
 		if (n) {
-			var i = Y(e);
+			var i = J(e);
 			return {
 				width: e.width * t,
 				height: e.height * t,
@@ -1029,25 +1029,25 @@ function Z(e, t, n, r) {
 	}
 	return e;
 }
-function Q(e) {
+function Z(e) {
 	return e.width / e.height;
 }
-function Ot(e, t) {
+function kt(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);
 }
-function kt(e, t) {
+function At(e, t) {
 	var n = {
 		left: 0,
 		top: 0
-	}, r = Tt(e, t);
+	}, r = Et(e, t);
 	return r.left && r.left > 0 ? n.left = r.left : r.right && r.right > 0 && (n.left = -r.right), r.top && r.top > 0 ? n.top = r.top : r.bottom && r.bottom > 0 && (n.top = -r.bottom), n;
 }
-function At(e, t) {
+function jt(e, t) {
 	var n;
 	return t.minimum && e < t.minimum ? n = t.minimum : t.maximum && e > t.maximum && (n = t.maximum), n;
 }
-function jt(e, t) {
-	var n = Q(e), r = Q(t);
+function Mt(e, t) {
+	var n = Z(e), r = Z(t);
 	return t.width < Infinity && t.height < Infinity ? n > r ? {
 		width: t.width,
 		height: t.width / n
@@ -1062,62 +1062,62 @@ function jt(e, t) {
 		height: t.height
 	} : e;
 }
-function Mt(e, t) {
+function Nt(e, t) {
 	var n = t * Math.PI / 180;
 	return {
 		width: Math.abs(e.width * Math.cos(n)) + Math.abs(e.height * Math.sin(n)),
 		height: Math.abs(e.width * Math.sin(n)) + Math.abs(e.height * Math.cos(n))
 	};
 }
-function Nt(e, t) {
+function Pt(e, t) {
 	var n = t * Math.PI / 180;
 	return {
 		left: e.left * Math.cos(n) - e.top * Math.sin(n),
 		top: e.left * Math.sin(n) + e.top * Math.cos(n)
 	};
 }
-function Pt(e, t) {
-	var n = Tt($(e, t), t);
-	return n.left + n.right + n.top + n.bottom ? n.left + n.right > n.top + n.bottom ? Math.min((e.width + n.left + n.right) / e.width, Ot(e, t)) : Math.min((e.height + n.top + n.bottom) / e.height, Ot(e, t)) : 1;
+function Ft(e, t) {
+	var n = Et(Q(e, t), t);
+	return n.left + n.right + n.top + n.bottom ? n.left + n.right > n.top + n.bottom ? Math.min((e.width + n.left + n.right) / e.width, kt(e, t)) : Math.min((e.height + n.top + n.bottom) / e.height, kt(e, t)) : 1;
 }
-function $(e, t, n) {
+function Q(e, t, n) {
 	n === void 0 && (n = !1);
-	var r = kt(e, t);
-	return X(e, n ? Dt(r) : r);
+	var r = At(e, t);
+	return Y(e, n ? Ot(r) : r);
 }
-function Ft(e) {
+function It(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
 	};
 }
-function It(e, t) {
-	return q(q({}, e), {
+function Lt(e, t) {
+	return K(K({}, e), {
 		minWidth: Math.min(t.width, e.minWidth),
 		minHeight: Math.min(t.height, e.minHeight),
 		maxWidth: Math.min(t.width, e.maxWidth),
 		maxHeight: Math.min(t.height, e.maxHeight)
 	});
 }
-function Lt(e, t, n) {
+function Rt(e, t, n) {
 	n === void 0 && (n = !0);
 	var r = {};
-	return gt.forEach((function(i) {
+	return _t.forEach((function(i) {
 		var a = e[i], o = t[i];
 		a !== void 0 && o !== void 0 ? r[i] = i === "left" || i === "top" ? n ? Math.max(a, o) : Math.min(a, o) : n ? Math.min(a, o) : Math.max(a, o) : o === void 0 ? a !== void 0 && (r[i] = a) : r[i] = o;
 	})), r;
 }
-function Rt(e, t) {
-	return Lt(e, t, !0);
+function zt(e, t) {
+	return Rt(e, t, !0);
 }
-function zt(e) {
+function Bt(e) {
 	var t = e.size, n = e.aspectRatio, r = e.ignoreMinimum, i = e.sizeRestrictions;
-	return !!((t.correctRatio || Q(t) >= n.minimum && Q(t) <= n.maximum) && t.height <= i.maxHeight && t.width <= i.maxWidth && t.width && t.height && (r || t.height >= i.minHeight && t.width >= i.minWidth));
+	return !!((t.correctRatio || Z(t) >= n.minimum && Z(t) <= n.maximum) && t.height <= i.maxHeight && t.width <= i.maxWidth && t.width && t.height && (r || t.height >= i.minHeight && t.width >= i.minWidth));
 }
-function Bt(e, t) {
+function Vt(e, t) {
 	return (e.width - t.width) ** 2 + (e.height - t.height) ** 2;
 }
-function Vt(e) {
+function Ht(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
@@ -1127,15 +1127,15 @@ function Vt(e) {
 	};
 	function o(e, a) {
 		return a === void 0 && (a = !1), e.reduce((function(e, o) {
-			return zt({
+			return Bt({
 				size: o,
 				aspectRatio: i,
 				sizeRestrictions: r,
 				ignoreMinimum: a
-			}) && (!e || Bt(o, {
+			}) && (!e || Vt(o, {
 				width: t,
 				height: n
-			}) < Bt(e, {
+			}) < Vt(e, {
 				width: t,
 				height: n
 			})) ? o : e;
@@ -1152,7 +1152,7 @@ function Vt(e) {
 			height: a.height,
 			correctRatio: !0
 		});
-	})), zt({
+	})), Bt({
 		size: a,
 		aspectRatio: i,
 		sizeRestrictions: r
@@ -1163,29 +1163,29 @@ function Vt(e) {
 		height: c.height
 	};
 }
-function Ht(e) {
-	var t = e.event, n = e.coordinates, r = e.positionRestrictions, i = r === void 0 ? {} : r, a = X(n, t.directions);
-	return X(a, kt(a, i));
-}
 function Ut(e) {
+	var t = e.event, n = e.coordinates, r = e.positionRestrictions, i = r === void 0 ? {} : r, a = Y(n, t.directions);
+	return Y(a, At(a, i));
+}
+function Wt(e) {
 	var t = e.coordinates, n = e.transform, r = e.imageSize, i = e.sizeRestrictions, a = e.positionRestrictions, o = e.aspectRatio, s = e.visibleArea, c = function(e, t) {
-		return Ht({
+		return Ut({
 			coordinates: e,
 			positionRestrictions: a,
-			event: new lt({
+			event: new ut({
 				left: t.left - e.left,
 				top: t.top - e.top
 			})
 		});
-	}, l = q({}, t);
+	}, l = K({}, t);
 	return (Array.isArray(n) ? n : [n]).forEach((function(e) {
 		var t = {};
-		J((t = typeof e == "function" ? e({
+		q((t = typeof e == "function" ? e({
 			coordinates: l,
 			imageSize: r,
 			visibleArea: s
-		}) : e).width) && J(t.height) || (l = function(e, t) {
-			return c(q(q(q({}, e), Vt({
+		}) : e).width) && q(t.height) || (l = function(e, t) {
+			return c(K(K(K({}, e), Ht({
 				width: t.width,
 				height: t.height,
 				sizeRestrictions: i,
@@ -1197,65 +1197,65 @@ function Ut(e) {
 				left: e.left,
 				top: e.top
 			});
-		}(l, q(q({}, l), t))), J(t.left) && J(t.top) || (l = c(l, q(q({}, l), t)));
+		}(l, K(K({}, l), t))), q(t.left) && q(t.top) || (l = c(l, K(K({}, l), t)));
 	})), l;
 }
-function Wt(e) {
-	var t = e.getAreaRestrictions, n = e.boundaries, r = e.coordinates, i = e.visibleArea, a = e.stencilSize, o = e.sizeRestrictions, s = e.positionRestrictions, c, l, u, d = q({}, r), f = q({}, i), p = q({}, a);
-	c = Q(p), l = Q(d), u === void 0 && (u = .001), (c === 0 || l === 0 ? Math.abs(l - c) < u : Math.abs(l / c) < 1 + u && Math.abs(l / c) > 1 - u) || (d = q(q({}, d), Vt({
+function Gt(e) {
+	var t = e.getAreaRestrictions, n = e.boundaries, r = e.coordinates, i = e.visibleArea, a = e.stencilSize, o = e.sizeRestrictions, s = e.positionRestrictions, c, l, u, d = K({}, r), f = K({}, i), p = K({}, a);
+	c = Z(p), l = Z(d), u === void 0 && (u = .001), (c === 0 || l === 0 ? Math.abs(l - c) < u : Math.abs(l / c) < 1 + u && Math.abs(l / c) > 1 - u) || (d = K(K({}, d), Ht({
 		sizeRestrictions: o,
 		width: d.width,
 		height: d.height,
 		aspectRatio: {
-			minimum: Q(p),
-			maximum: Q(p)
+			minimum: Z(p),
+			maximum: Z(p)
 		}
 	})));
-	var m = Pt(f = Z(f, d.width * n.width / (f.width * p.width)), t({
+	var m = Ft(f = X(f, d.width * n.width / (f.width * p.width)), t({
 		visibleArea: f,
 		type: "resize"
 	}));
-	return m !== 1 && (f = Z(f, m), d = Z(d, m)), f = $(f = X(f, wt(Y(d), Y(f))), t({
+	return m !== 1 && (f = X(f, m), d = X(d, m)), f = Q(f = Y(f, Tt(J(d), J(f))), t({
 		visibleArea: f,
 		type: "move"
 	})), {
-		coordinates: d = $(d, Rt(Ct(f), s)),
+		coordinates: d = Q(d, zt(wt(f), s)),
 		visibleArea: f
 	};
 }
-function Gt(e) {
-	var t = e.event, n = e.getAreaRestrictions, r = e.boundaries, i = e.coordinates, a = e.visibleArea, o = e.positionRestrictions, s = q({}, i), c = q({}, a);
+function Kt(e) {
+	var t = e.event, n = e.getAreaRestrictions, r = e.boundaries, i = e.coordinates, a = e.visibleArea, o = e.positionRestrictions, s = K({}, i), c = K({}, a);
 	if (i && a && t.type !== "manipulateImage") {
 		var l = {
 			width: 0,
 			height: 0
 		};
-		Q(r) > Q(s) ? (l.height = .8 * r.height, l.width = l.height * Q(s)) : (l.width = .8 * r.width, l.height = l.width * Q(s));
-		var u = Pt(c = Z(c, s.width * r.width / (c.width * l.width)), n({
+		Z(r) > Z(s) ? (l.height = .8 * r.height, l.width = l.height * Z(s)) : (l.width = .8 * r.width, l.height = l.width * Z(s));
+		var u = Ft(c = X(c, s.width * r.width / (c.width * l.width)), n({
 			visibleArea: c,
 			type: "resize"
 		}));
-		c = Z(c, u), u !== 1 && (l.height /= u, l.width /= u), c = $(c = X(c, wt(Y(s), Y(c))), n({
+		c = X(c, u), u !== 1 && (l.height /= u, l.width /= u), c = Q(c = Y(c, Tt(J(s), J(c))), n({
 			visibleArea: c,
 			type: "move"
-		})), s = $(s, Rt(Ct(c), o));
+		})), s = Q(s, zt(wt(c), o));
 	}
 	return {
 		coordinates: s,
 		visibleArea: c
 	};
 }
-function Kt(e) {
-	var t = e.event, n = e.coordinates, r = e.visibleArea, i = e.getAreaRestrictions, a = q({}, r), o = q({}, n);
+function qt(e) {
+	var t = e.event, n = e.coordinates, r = e.visibleArea, i = e.getAreaRestrictions, a = K({}, r), o = K({}, n);
 	if (t.type === "setCoordinates") {
 		var s = Math.max(0, o.width - a.width), c = Math.max(0, o.height - a.height);
-		s > c ? a = Z(a, Math.min(o.width / a.width, Ot(a, i({
+		s > c ? a = X(a, Math.min(o.width / a.width, kt(a, i({
 			visibleArea: a,
 			type: "resize"
-		})))) : c > s && (a = Z(a, Math.min(o.height / a.height, Ot(a, i({
+		})))) : c > s && (a = X(a, Math.min(o.height / a.height, kt(a, i({
 			visibleArea: a,
 			type: "resize"
-		}))))), a = $(a = X(a, Dt(kt(o, Ct(a)))), i({
+		}))))), a = Q(a = Y(a, Ot(At(o, wt(a)))), i({
 			visibleArea: a,
 			type: "move"
 		}));
@@ -1265,56 +1265,56 @@ function Kt(e) {
 		coordinates: o
 	};
 }
-function qt(e) {
+function Jt(e) {
 	var t = e.imageSize, n = e.visibleArea, r = e.coordinates, i = n || t;
 	return {
 		left: (n ? n.left : 0) + i.width / 2 - r.width / 2,
 		top: (n ? n.top : 0) + i.height / 2 - r.height / 2
 	};
 }
-function Jt(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 ? {
+function Yt(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, Z(a))), s = a.width < a.height ? {
 		width: .8 * a.width,
 		height: .8 * a.width / o
 	} : {
 		height: .8 * a.height,
 		width: .8 * a.height * o
 	};
-	return Vt(q(q({}, s), {
+	return Ht(K(K({}, s), {
 		aspectRatio: r,
 		sizeRestrictions: i
 	}));
 }
-function Yt(e) {
+function Xt(e) {
 	var t, n, r = e.imageSize, i = e.visibleArea, a = e.boundaries, o = e.aspectRatio, s = e.sizeRestrictions, c = e.stencilSize, l = i || r;
-	return Q(l) > Q(a) ? n = (t = c.height * l.height / a.height) * Q(c) : t = (n = c.width * l.width / a.width) / Q(c), Vt({
+	return Z(l) > Z(a) ? n = (t = c.height * l.height / a.height) * Z(c) : t = (n = c.width * l.width / a.width) / Z(c), Ht({
 		width: n,
 		height: t,
 		aspectRatio: o,
 		sizeRestrictions: s
 	});
 }
-function Xt(e) {
-	var t = e.getAreaRestrictions, n = e.coordinates, r = e.imageSize, i = Q(e.boundaries);
+function Zt(e) {
+	var t = e.getAreaRestrictions, n = e.coordinates, r = e.imageSize, i = Z(e.boundaries);
 	if (n) {
 		var a = {
 			height: Math.max(n.height, r.height),
 			width: Math.max(n.width, r.width)
-		}, o = jt({
-			width: Q(a) > i ? a.width : a.height * i,
-			height: Q(a) > i ? a.width / i : a.height
-		}, Ft(t())), s = {
+		}, o = Mt({
+			width: Z(a) > i ? a.width : a.height * i,
+			height: Z(a) > i ? a.width / i : a.height
+		}, It(t())), s = {
 			left: n.left + n.width / 2 - o.width / 2,
 			top: n.top + n.height / 2 - o.height / 2,
 			width: o.width,
 			height: o.height
-		}, c = Tt(n, Ct(q({
+		}, c = Et(n, wt(K({
 			left: 0,
 			top: 0
 		}, r))), l = {};
-		return !c.left && !c.right && s.width <= r.width && (l.left = 0, l.right = r.width), !c.top && !c.bottom && s.height <= r.height && (l.top = 0, l.bottom = r.height), $(s, l);
+		return !c.left && !c.right && s.width <= r.width && (l.left = 0, l.right = r.width), !c.top && !c.bottom && s.height <= r.height && (l.top = 0, l.bottom = r.height), Q(s, l);
 	}
-	var u = Q(r);
+	var u = Z(r);
 	return o = {
 		height: u > i ? r.height : r.width / i,
 		width: u > i ? r.height * i : r.width
@@ -1325,28 +1325,28 @@ function Xt(e) {
 		height: o.height
 	};
 }
-function Zt(e, t) {
-	return Lt(e, Ct(t));
+function Qt(e, t) {
+	return Rt(e, wt(t));
 }
-function Qt(e) {
-	var t = e.event, n = e.coordinates, r = e.visibleArea, i = e.sizeRestrictions, a = e.getAreaRestrictions, o = e.positionRestrictions, s = e.adjustStencil, c = t.scale, l = t.move, u = q({}, r), d = q({}, n), f = 1, p = 1, m = c.factor && Math.abs(c.factor - 1) > .001;
-	u = X(u, {
+function $t(e) {
+	var t = e.event, n = e.coordinates, r = e.visibleArea, i = e.sizeRestrictions, a = e.getAreaRestrictions, o = e.positionRestrictions, s = e.adjustStencil, c = t.scale, l = t.move, u = K({}, r), d = K({}, n), f = 1, p = 1, m = c.factor && Math.abs(c.factor - 1) > .001;
+	u = Y(u, {
 		left: l.left || 0,
 		top: l.top || 0
 	});
 	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, Ot(d, o))
+			maximum: Math.min(i.maxWidth ? i.maxWidth / d.width : Infinity, i.maxHeight ? i.maxHeight / d.height : Infinity, kt(d, o))
 		},
-		area: { maximum: Ot(u, a({
+		area: { maximum: kt(u, a({
 			visibleArea: u,
 			type: "resize"
 		})) }
 	};
-	c.factor && m && (c.factor < 1 ? (p = Math.max(c.factor, h.stencil.minimum)) > 1 && (p = 1) : c.factor > 1 && (p = Math.min(c.factor, Math.min(h.area.maximum, h.stencil.maximum))) < 1 && (p = 1)), p && (u = Z(u, p, c.center));
+	c.factor && m && (c.factor < 1 ? (p = Math.max(c.factor, h.stencil.minimum)) > 1 && (p = 1) : c.factor > 1 && (p = Math.min(c.factor, Math.min(h.area.maximum, h.stencil.maximum))) < 1 && (p = 1)), p && (u = X(u, p, c.center));
 	var g = n.left - r.left, _ = r.width + r.left - (n.width + n.left), v = n.top - r.top, y = r.height + r.top - (n.height + n.top);
-	return u = $(u = X(u, kt(u, {
+	return u = Q(u = Y(u, At(u, {
 		left: o.left === void 0 ? void 0 : o.left - g * p,
 		top: o.top === void 0 ? void 0 : o.top - v * p,
 		bottom: o.bottom === void 0 ? void 0 : o.bottom + y * p,
@@ -1354,49 +1354,49 @@ function Qt(e) {
 	})), a({
 		visibleArea: u,
 		type: "move"
-	})), d.width *= p, d.height *= p, d.left = u.left + g * p, d.top = u.top + v * p, d = $(d, Rt(Ct(u), o)), c.factor && m && s && (c.factor > 1 ? f = Math.min(h.area.maximum, c.factor) / p : c.factor < 1 && (f = Math.max(d.height / u.height, d.width / u.width, c.factor / p)), f !== 1 && (u = X(u = $(u = Z(u, f, c.factor > 1 ? c.center : Y(d)), a({
+	})), d.width *= p, d.height *= p, d.left = u.left + g * p, d.top = u.top + v * p, d = Q(d, zt(wt(u), o)), c.factor && m && s && (c.factor > 1 ? f = Math.min(h.area.maximum, c.factor) / p : c.factor < 1 && (f = Math.max(d.height / u.height, d.width / u.width, c.factor / p)), f !== 1 && (u = Y(u = Q(u = X(u, f, c.factor > 1 ? c.center : J(d)), a({
 		visibleArea: u,
 		type: "move"
-	})), Dt(kt(d, Ct(u)))))), {
+	})), Ot(At(d, wt(u)))))), {
 		coordinates: d,
 		visibleArea: u
 	};
 }
-function $t(e) {
-	var t = e.aspectRatio, n = e.getAreaRestrictions, r = e.coordinates, i = e.visibleArea, a = e.sizeRestrictions, o = e.positionRestrictions, s = e.imageSize, c = e.previousImageSize, l = e.angle, u = q({}, r), d = q({}, i), f = Nt(Y(q({
+function en(e) {
+	var t = e.aspectRatio, n = e.getAreaRestrictions, r = e.coordinates, i = e.visibleArea, a = e.sizeRestrictions, o = e.positionRestrictions, s = e.imageSize, c = e.previousImageSize, l = e.angle, u = K({}, r), d = K({}, i), f = Pt(J(K({
 		left: 0,
 		top: 0
 	}, c)), l);
-	return (u = q(q({}, Vt({
+	return (u = K(K({}, Ht({
 		sizeRestrictions: a,
 		aspectRatio: t,
 		width: u.width,
 		height: u.height
-	})), Nt(Y(u), l))).left -= f.left - s.width / 2 + u.width / 2, u.top -= f.top - s.height / 2 + u.height / 2, d = Z(d, Pt(d, n({
+	})), Pt(J(u), l))).left -= f.left - s.width / 2 + u.width / 2, u.top -= f.top - s.height / 2 + u.height / 2, d = X(d, Ft(d, n({
 		visibleArea: d,
 		type: "resize"
 	}))), {
-		coordinates: u = $(u, o),
-		visibleArea: d = $(d = X(d, wt(Y(u), Y(r))), n({
+		coordinates: u = Q(u, o),
+		visibleArea: d = Q(d = Y(d, Tt(J(u), J(r))), n({
 			visibleArea: d,
 			type: "move"
 		}))
 	};
 }
-function en(e) {
-	var t = e.flip, n = e.previousFlip, r = e.rotate, i = e.getAreaRestrictions, a = e.coordinates, o = e.visibleArea, s = e.imageSize, c = q({}, a), l = q({}, o), u = n.horizontal !== t.horizontal, d = n.vertical !== t.vertical;
+function tn(e) {
+	var t = e.flip, n = e.previousFlip, r = e.rotate, i = e.getAreaRestrictions, a = e.coordinates, o = e.visibleArea, s = e.imageSize, c = K({}, a), l = K({}, o), u = n.horizontal !== t.horizontal, d = n.vertical !== t.vertical;
 	if (u || d) {
-		var f = Nt({
+		var f = Pt({
 			left: s.width / 2,
 			top: s.height / 2
-		}, -r), p = Nt(Y(c), -r), m = Nt({
+		}, -r), p = Pt(J(c), -r), m = Pt({
 			left: u ? f.left - (p.left - f.left) : p.left,
 			top: d ? f.top - (p.top - f.top) : p.top
 		}, r);
-		c = X(c, wt(m, Y(c))), p = Nt(Y(l), -r), l = $(l = X(l, wt(m = Nt({
+		c = Y(c, Tt(m, J(c))), p = Pt(J(l), -r), l = Q(l = Y(l, Tt(m = Pt({
 			left: u ? f.left - (p.left - f.left) : p.left,
 			top: d ? f.top - (p.top - f.top) : p.top
-		}, r), Y(l))), i({
+		}, r), J(l))), i({
 			visibleArea: l,
 			type: "move"
 		}));
@@ -1406,11 +1406,11 @@ function en(e) {
 		visibleArea: l
 	};
 }
-function tn(e) {
-	var t = e.directions, n = e.coordinates, r = e.positionRestrictions, i = r === void 0 ? {} : r, a = e.sizeRestrictions, o = e.preserveRatio, s = e.compensate, c = q({}, t), l = Et(n, c).width, u = Et(n, c).height;
+function nn(e) {
+	var t = e.directions, n = e.coordinates, r = e.positionRestrictions, i = r === void 0 ? {} : r, a = e.sizeRestrictions, o = e.preserveRatio, s = e.compensate, c = K({}, t), l = Dt(n, c).width, u = Dt(n, c).height;
 	l < 0 && (c.left < 0 && c.right < 0 ? (c.left = -(n.width - a.minWidth) / (c.left / c.right), c.right = -(n.width - a.minWidth) / (c.right / c.left)) : c.left < 0 ? c.left = -(n.width - a.minWidth) : c.right < 0 && (c.right = -(n.width - a.minWidth))), u < 0 && (c.top < 0 && c.bottom < 0 ? (c.top = -(n.height - a.minHeight) / (c.top / c.bottom), c.bottom = -(n.height - a.minHeight) / (c.bottom / c.top)) : c.top < 0 ? c.top = -(n.height - a.minHeight) : c.bottom < 0 && (c.bottom = -(n.height - a.minHeight)));
-	var d = Tt(Et(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 = Tt(Et(n, c), i));
+	var d = Et(Dt(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 = Et(Dt(n, c), i));
 	var f = {
 		width: Infinity,
 		height: Infinity,
@@ -1419,37 +1419,37 @@ function tn(e) {
 		top: Infinity,
 		bottom: Infinity
 	};
-	if (gt.forEach((function(e) {
+	if (_t.forEach((function(e) {
 		var t = d[e];
 		t && c[e] && (f[e] = Math.max(0, 1 - t / c[e]));
 	})), o) {
-		var p = Math.min.apply(null, gt.map((function(e) {
+		var p = Math.min.apply(null, _t.map((function(e) {
 			return f[e];
 		})));
-		p !== Infinity && gt.forEach((function(e) {
+		p !== Infinity && _t.forEach((function(e) {
 			c[e] *= p;
 		}));
-	} else gt.forEach((function(e) {
+	} else _t.forEach((function(e) {
 		f[e] !== Infinity && (c[e] *= f[e]);
 	}));
-	if (l = Et(n, c).width, u = Et(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) {
+	if (l = Dt(n, c).width, u = Dt(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 && gt.forEach((function(e) {
+		m !== Infinity && _t.forEach((function(e) {
 			c[e] *= m;
 		}));
-	} else f.width !== Infinity && _t.forEach((function(e) {
+	} else f.width !== Infinity && vt.forEach((function(e) {
 		c[e] *= f.width;
-	})), f.height !== Infinity && vt.forEach((function(e) {
+	})), f.height !== Infinity && yt.forEach((function(e) {
 		c[e] *= f.height;
 	}));
 	return c;
 }
-function nn(e, t, n) {
+function rn(e, t, n) {
 	return t == 0 && n == 0 ? e / 2 : t == 0 ? 0 : n == 0 ? e : e * Math.abs(t / (t + n));
 }
-var rn = K("vue-simple-handler"), an = K("vue-simple-handler-wrapper"), on = {
+var an = Ye("vue-simple-handler"), on = Ye("vue-simple-handler-wrapper"), sn = {
 	name: "SimpleHandler",
-	components: { HandlerWrapper: pt },
+	components: { HandlerWrapper: mt },
 	props: {
 		defaultClass: { type: String },
 		hoverClass: { type: String },
@@ -1467,8 +1467,8 @@ var rn = K("vue-simple-handler"), an = K("vue-simple-handler-wrapper"), on = {
 	computed: { classes: function() {
 		var e, t = (W(e = {}, this.horizontalPosition, !!this.horizontalPosition), W(e, this.verticalPosition, !!this.verticalPosition), W(e, `${this.horizontalPosition}-${this.verticalPosition}`, !!(this.verticalPosition && this.horizontalPosition)), W(e, "hover", this.hover), e);
 		return {
-			default: G(rn(t), this.defaultClass, this.hover && this.hoverClass),
-			wrapper: G(an(t), this.wrapperClass)
+			default: G(an(t), this.defaultClass, this.hover && this.hoverClass),
+			wrapper: G(on(t), this.wrapperClass)
 		};
 	} },
 	methods: {
@@ -1487,7 +1487,7 @@ var rn = K("vue-simple-handler"), an = K("vue-simple-handler-wrapper"), on = {
 	},
 	emits: ["drag", "drag-end"]
 };
-on.render = function(e, t, n, r, i, a) {
+sn.render = function(e, t, n, r, i, a) {
 	var o = x("HandlerWrapper");
 	return z(), h(o, {
 		class: a.classes.wrapper,
@@ -1499,7 +1499,7 @@ on.render = function(e, t, n, r, i, a) {
 		onEnter: a.onEnter,
 		onLeave: a.onLeave
 	}, {
-		default: F((function() {
+		default: P((function() {
 			return [p("div", { class: a.classes.default }, null, 2)];
 		})),
 		_: 1
@@ -1514,9 +1514,9 @@ on.render = function(e, t, n, r, i, a) {
 		"onLeave"
 	]);
 };
-var sn = K("vue-simple-line"), cn = K("vue-simple-line-wrapper"), ln = {
+var cn = Ye("vue-simple-line"), ln = Ye("vue-simple-line-wrapper"), un = {
 	name: "SimpleLine",
-	components: { LineWrapper: ht },
+	components: { LineWrapper: gt },
 	props: {
 		defaultClass: { type: String },
 		hoverClass: { type: String },
@@ -1532,8 +1532,8 @@ var sn = K("vue-simple-line"), cn = K("vue-simple-line-wrapper"), ln = {
 	},
 	computed: { classes: function() {
 		return {
-			root: G(sn(W({}, this.position, !0)), this.defaultClass, this.hover && this.hoverClass),
-			wrapper: G(cn(W({}, this.position, !0)), this.wrapperClass)
+			root: G(cn(W({}, this.position, !0)), this.defaultClass, this.hover && this.hoverClass),
+			wrapper: G(ln(W({}, this.position, !0)), this.wrapperClass)
 		};
 	} },
 	methods: {
@@ -1552,7 +1552,7 @@ var sn = K("vue-simple-line"), cn = K("vue-simple-line-wrapper"), ln = {
 	},
 	emits: ["drag", "drag-end"]
 };
-ln.render = function(e, t, n, r, i, a) {
+un.render = function(e, t, n, r, i, a) {
 	var o = x("LineWrapper");
 	return z(), h(o, {
 		class: a.classes.wrapper,
@@ -1563,7 +1563,7 @@ ln.render = function(e, t, n, r, i, a) {
 		onEnter: a.onEnter,
 		onLeave: a.onLeave
 	}, {
-		default: F((function() {
+		default: P((function() {
 			return [p("div", { class: a.classes.root }, null, 2)];
 		})),
 		_: 1
@@ -1577,15 +1577,15 @@ ln.render = function(e, t, n, r, i, a) {
 		"onLeave"
 	]);
 };
-var un = K("vue-bounding-box"), dn = [
+var dn = Ye("vue-bounding-box"), fn = [
 	"east",
 	"west",
 	null
-], fn = [
+], pn = [
 	"south",
 	"north",
 	null
-], pn = {
+], mn = {
 	name: "BoundingBox",
 	props: {
 		width: { type: Number },
@@ -1609,7 +1609,7 @@ var un = K("vue-bounding-box"), dn = [
 		handlersComponent: {
 			type: [Object, String],
 			default: function() {
-				return on;
+				return sn;
 			}
 		},
 		handlersClasses: {
@@ -1638,7 +1638,7 @@ var un = K("vue-bounding-box"), dn = [
 		linesComponent: {
 			type: [Object, String],
 			default: function() {
-				return ln;
+				return un;
 			}
 		},
 		linesClasses: {
@@ -1660,10 +1660,10 @@ var un = K("vue-bounding-box"), dn = [
 	},
 	data: function() {
 		var e = [];
-		return dn.forEach((function(t) {
-			fn.forEach((function(n) {
+		return fn.forEach((function(t) {
+			pn.forEach((function(n) {
 				if (t !== n) {
-					var r = Ze(t, n);
+					var r = Qe(t, n);
 					e.push({
 						name: r.name,
 						classname: r.classname,
@@ -1682,7 +1682,7 @@ var un = K("vue-bounding-box"), dn = [
 		classes: function() {
 			var e = this.handlersClasses, t = this.handlersWrappersClasses, n = this.linesClasses, r = this.linesWrappersClasses;
 			return {
-				root: un(),
+				root: dn(),
 				handlers: e,
 				handlersWrappers: t,
 				lines: n,
@@ -1720,8 +1720,8 @@ var un = K("vue-bounding-box"), dn = [
 					};
 					if (n && r) {
 						var o = i.horizontalDirection, s = i.verticalDirection, c = o === "east" ? n : o === "west" ? 0 : n / 2, l = s === "south" ? r : s === "north" ? 0 : r / 2;
-						a.wrapperClass = un("handler"), a.wrapperStyle = { transform: `translate(${c}px, ${l}px)` }, e.transitions && e.transitions.enabled && (a.wrapperStyle.transition = `${e.transitions.time}ms ${e.transitions.timingFunction}`);
-					} else a.wrapperClass = un("handler", W({}, i.classname, !0));
+						a.wrapperClass = dn("handler"), a.wrapperStyle = { transform: `translate(${c}px, ${l}px)` }, e.transitions && e.transitions.enabled && (a.wrapperStyle.transition = `${e.transitions.time}ms ${e.transitions.timingFunction}`);
+					} else a.wrapperClass = dn("handler", W({}, i.classname, !0));
 					t.push(a);
 				}
 			})), t;
@@ -1747,7 +1747,7 @@ var un = K("vue-bounding-box"), dn = [
 				top: 0,
 				bottom: 0
 			};
-			t === "west" ? s.left -= a : t === "east" && (s.right += a), n === "north" ? s.top -= o : n === "south" && (s.bottom += o), !n && t ? r = "width" : n && !t && (r = "height"), this.resizable && this.$emit("resize", new ct(s, {
+			t === "west" ? s.left -= a : t === "east" && (s.right += a), n === "north" ? s.top -= o : n === "south" && (s.bottom += o), !n && t ? r = "width" : n && !t && (r = "height"), this.resizable && this.$emit("resize", new lt(s, {
 				allowedDirections: {
 					left: t === "west" || !t,
 					right: t === "east" || !t,
@@ -1761,7 +1761,7 @@ var un = K("vue-bounding-box"), dn = [
 	},
 	emits: ["resize", "resize-end"]
 };
-pn.render = function(e, t, n, r, i, a) {
+mn.render = function(e, t, n, r, i, a) {
 	return z(), h("div", {
 		ref: "box",
 		class: a.classes.root,
@@ -1821,7 +1821,7 @@ pn.render = function(e, t, n, r, i, a) {
 		})), 128))
 	], 6);
 };
-var mn = K("vue-draggable-area"), hn = {
+var hn = Ye("vue-draggable-area"), gn = {
 	name: "DraggableArea",
 	props: {
 		movable: {
@@ -1834,7 +1834,7 @@ var mn = K("vue-draggable-area"), hn = {
 		}
 	},
 	computed: { classnames: function() {
-		return { default: mn() };
+		return { default: hn() };
 	} },
 	beforeMount: function() {
 		window.addEventListener("mouseup", this.onMouseUp, { passive: !1 }), window.addEventListener("mousemove", this.onMouseMove, { passive: !1 }), window.addEventListener("touchmove", this.onTouchMove, { passive: !1 }), window.addEventListener("touchend", this.onTouchEnd, { passive: !1 });
@@ -1856,7 +1856,7 @@ var mn = K("vue-draggable-area"), hn = {
 			this.touchStarted = !1, this.processEnd();
 		},
 		onTouchMove: function(e) {
-			this.touches.length >= 1 && (this.touchStarted ? (this.processMove(e, e.touches), e.preventDefault(), e.stopPropagation()) : ot({
+			this.touches.length >= 1 && (this.touchStarted ? (this.processMove(e, e.touches), e.preventDefault(), e.stopPropagation()) : st({
 				x: this.touches[0].clientX,
 				y: this.touches[0].clientY
 			}, {
@@ -1898,7 +1898,7 @@ var mn = K("vue-draggable-area"), hn = {
 			var n = We(t);
 			if (this.touches.length) {
 				var r = this.$refs.container.getBoundingClientRect(), i = r.left, a = r.top;
-				this.touches.length === 1 && n.length === 1 && this.$emit("move", new lt({
+				this.touches.length === 1 && n.length === 1 && this.$emit("move", new ut({
 					left: n[0].clientX - (i + this.anchor.x),
 					top: n[0].clientY - (a + this.anchor.y)
 				}));
@@ -1910,7 +1910,7 @@ var mn = K("vue-draggable-area"), hn = {
 	},
 	emits: ["move", "move-end"]
 };
-hn.render = function(e, t, n, r, i, a) {
+gn.render = function(e, t, n, r, i, a) {
 	return z(), h("div", {
 		ref: "container",
 		onTouchstart: t[1] ||= function() {
@@ -1921,7 +1921,7 @@ hn.render = function(e, t, n, r, i, a) {
 		}
 	}, [c(e.$slots, "default")], 544);
 };
-function gn(e) {
+function _n(e) {
 	return {
 		rotate: e.rotate || 0,
 		flip: {
@@ -1930,7 +1930,7 @@ function gn(e) {
 		}
 	};
 }
-function _n(e) {
+function vn(e) {
 	return new Promise((function(t, n) {
 		try {
 			if (e) if (/^data:/i.test(e)) t(function(e) {
@@ -1962,11 +1962,11 @@ function _n(e) {
 		var a, o, s;
 	}));
 }
-function vn(e) {
+function yn(e) {
 	var t = e.rotate, n = e.flip, r = e.scaleX, i = e.scaleY, a = "";
 	return a += " rotate(" + t + "deg) ", a += " scaleX(" + r * (n.horizontal ? -1 : 1) + ") ", a += " scaleY(" + i * (n.vertical ? -1 : 1) + ") ";
 }
-function yn(e) {
+function bn(e) {
 	try {
 		var t, n = new DataView(e), r = void 0, i = void 0, a = void 0, o = void 0;
 		if (n.getUint8(0) === 255 && n.getUint8(1) === 216) for (var s = n.byteLength, c = 2; c + 1 < s;) {
@@ -1998,64 +1998,7 @@ function yn(e) {
 		return null;
 	}
 }
-var bn = K("vue-preview-result"), xn = {
-	name: "PreviewResult",
-	props: {
-		image: { type: Object },
-		transitions: { type: Object },
-		stencilCoordinates: {
-			type: Object,
-			default: function() {
-				return {
-					width: 0,
-					height: 0,
-					left: 0,
-					top: 0
-				};
-			}
-		},
-		imageClass: { type: String }
-	},
-	computed: {
-		classes: function() {
-			return {
-				root: bn(),
-				wrapper: bn("wrapper"),
-				imageWrapper: bn("image-wrapper"),
-				image: G(bn("image"), this.imageClass)
-			};
-		},
-		wrapperStyle: function() {
-			var e = {
-				width: `${this.stencilCoordinates.width}px`,
-				height: `${this.stencilCoordinates.height}px`,
-				left: `calc(50% - ${this.stencilCoordinates.width / 2}px)`,
-				top: `calc(50% - ${this.stencilCoordinates.height / 2}px)`
-			};
-			return this.transitions && this.transitions.enabled && (e.transition = `${this.transitions.time}ms ${this.transitions.timingFunction}`), e;
-		},
-		imageStyle: function() {
-			var e = this.image.transforms, t = Mt({
-				width: this.image.width,
-				height: this.image.height
-			}, e.rotate), n = {
-				width: `${this.image.width}px`,
-				height: `${this.image.height}px`,
-				left: "0px",
-				top: "0px"
-			}, r = {
-				left: (this.image.width - t.width) * e.scaleX / 2,
-				top: (this.image.height - t.height) * e.scaleY / 2
-			}, i = {
-				left: (1 - e.scaleX) * this.image.width / 2,
-				top: (1 - e.scaleY) * this.image.height / 2
-			};
-			return n.transform = `translate(
-				${-this.stencilCoordinates.left - e.translateX - r.left - i.left}px,${-this.stencilCoordinates.top - e.translateY - r.top - i.top}px) ` + vn(e), this.transitions && this.transitions.enabled && (n.transition = `${this.transitions.time}ms ${this.transitions.timingFunction}`), n;
-		}
-	}
-};
-function Sn(e, t) {
+function xn(e, t) {
 	var n = t.getBoundingClientRect(), r = n.left, i = n.top, a = {
 		left: 0,
 		top: 0
@@ -2063,7 +2006,7 @@ function Sn(e, t) {
 	return e.forEach((function(t) {
 		a.left += (t.clientX - r) / e.length, a.top += (t.clientY - i) / e.length;
 	})), e.forEach((function(e) {
-		o += ot({
+		o += st({
 			x: a.left,
 			y: a.top
 		}, {
@@ -2076,19 +2019,7 @@ function Sn(e, t) {
 		count: e.length
 	};
 }
-xn.render = function(e, t, n, r, i, a) {
-	return z(), h("div", { class: a.classes.root }, [p("div", {
-		ref: "wrapper",
-		class: a.classes.wrapper,
-		style: a.wrapperStyle
-	}, [p("img", {
-		ref: "image",
-		src: n.image.src,
-		class: a.classes.image,
-		style: a.imageStyle
-	}, null, 14, ["src"])], 6)], 2);
-};
-var Cn = {
+var Sn = {
 	props: {
 		touchMove: {
 			type: Boolean,
@@ -2118,18 +2049,18 @@ var Cn = {
 		window.removeEventListener("mouseup", this.onMouseUp), window.removeEventListener("mousemove", this.onMouseMove), window.removeEventListener("touchmove", this.onTouchMove), window.removeEventListener("touchend", this.onTouchEnd);
 	},
 	created: function() {
-		this.transforming = !1, this.debouncedProcessEnd = Xe(this.processEnd), this.touches = [];
+		this.transforming = !1, this.debouncedProcessEnd = Ze(this.processEnd), this.touches = [];
 	},
 	methods: {
 		processMove: function(e, t) {
 			if (this.touches.length) {
-				if (this.touches.length === 1 && t.length === 1) this.$emit("move", new st({
+				if (this.touches.length === 1 && t.length === 1) this.$emit("move", new ct({
 					left: this.touches[0].clientX - t[0].clientX,
 					top: this.touches[0].clientY - t[0].clientY
 				}));
 				else if (this.touches.length > 1 && this.touchResize) {
-					var n = Sn(t, this.$refs.container), r = this.oldGeometricProperties;
-					r.count === n.count && r.count > 1 && this.$emit("resize", new st({
+					var n = xn(t, this.$refs.container), r = this.oldGeometricProperties;
+					r.count === n.count && r.count > 1 && this.$emit("resize", new ct({
 						left: r.centerMass.left - n.centerMass.left,
 						top: r.centerMass.top - n.centerMass.top
 					}, {
@@ -2154,7 +2085,7 @@ var Cn = {
 				var t = this.$refs.container, n = t.getBoundingClientRect(), r = n.left, i = n.top, a = n.bottom, o = n.right;
 				this.touches = We(e.touches).filter((function(e) {
 					return e.clientX > r && e.clientX < o && e.clientY > i && e.clientY < a;
-				})), this.oldGeometricProperties = Sn(this.touches, t);
+				})), this.oldGeometricProperties = xn(this.touches, t);
 			}
 		},
 		onTouchEnd: function(e) {
@@ -2192,11 +2123,11 @@ var Cn = {
 		},
 		onWheel: function(e) {
 			if (this.wheelResize && this.processEvent(e)) {
-				var t = this.$refs.container.getBoundingClientRect(), n = t.left, r = t.top, i = 1 + this.wheelResize.ratio * (o = e.deltaY || e.detail || e.wheelDelta, (s = +o) == 0 || at(s) ? s : s > 0 ? 1 : -1), a = {
+				var t = this.$refs.container.getBoundingClientRect(), n = t.left, r = t.top, i = 1 + this.wheelResize.ratio * (o = e.deltaY || e.detail || e.wheelDelta, (s = +o) == 0 || ot(s) ? s : s > 0 ? 1 : -1), a = {
 					left: e.clientX - n,
 					top: e.clientY - r
 				};
-				this.$emit("resize", new st({}, {
+				this.$emit("resize", new ct({}, {
 					factor: i,
 					center: a
 				})), this.touches.length || this.debouncedProcessEnd();
@@ -2210,7 +2141,7 @@ var Cn = {
 		"transform-end"
 	]
 };
-Cn.render = function(e, t, n, r, i, a) {
+Sn.render = function(e, t, n, r, i, a) {
 	return z(), h("div", {
 		ref: "container",
 		onTouchstart: t[1] ||= function() {
@@ -2224,8 +2155,8 @@ Cn.render = function(e, t, n, r, i, a) {
 		}
 	}, [c(e.$slots, "default")], 544);
 };
-var wn = {
-	components: { TransformableImage: Cn },
+var Cn = {
+	components: { TransformableImage: Sn },
 	props: {
 		touchMove: {
 			type: Boolean,
@@ -2246,7 +2177,7 @@ var wn = {
 	},
 	emits: ["resize", "move"]
 };
-wn.render = function(e, t, n, r, i, a) {
+Cn.render = function(e, t, n, r, i, a) {
 	var o = x("transformable-image");
 	return z(), h(o, {
 		"touch-move": n.touchMove,
@@ -2260,7 +2191,7 @@ wn.render = function(e, t, n, r, i, a) {
 			return e.$emit("resize", t);
 		}
 	}, {
-		default: F((function() {
+		default: P((function() {
 			return [c(e.$slots, "default")];
 		})),
 		_: 3
@@ -2271,7 +2202,7 @@ wn.render = function(e, t, n, r, i, a) {
 		"wheel-resize"
 	]);
 };
-var Tn = K("vue-preview"), En = {
+var wn = Ye("vue-preview"), Tn = {
 	props: {
 		coordinates: { type: Object },
 		transitions: { type: Object },
@@ -2301,10 +2232,10 @@ var Tn = K("vue-preview"), En = {
 	computed: {
 		classes: function() {
 			return {
-				root: Tn({ fill: this.fill }),
-				wrapper: Tn("wrapper"),
-				imageWrapper: Tn("image-wrapper"),
-				image: G(Tn("image"), this.imageClass)
+				root: wn({ fill: this.fill }),
+				wrapper: wn("wrapper"),
+				imageWrapper: wn("image-wrapper"),
+				image: G(wn("image"), this.imageClass)
 			};
 		},
 		style: function() {
@@ -2332,7 +2263,7 @@ var Tn = K("vue-preview"), En = {
 				}, this.image.transforms), {}, {
 					scaleX: 1 / e,
 					scaleY: 1 / e
-				}), n = this.imageSize.width, r = this.imageSize.height, i = Mt({
+				}), n = this.imageSize.width, r = this.imageSize.height, i = Nt({
 					width: n,
 					height: r
 				}, t.rotate), a = {
@@ -2351,7 +2282,7 @@ var Tn = K("vue-preview"), En = {
 					}
 				};
 				return a.transform = `translate(
-				${-this.coordinates.left / e - o.rotate.left - o.scale.left}px,${-this.coordinates.top / e - o.rotate.top - o.scale.top}px) ` + vn(t), this.transitions && this.transitions.enabled && (a.transition = `${this.transitions.time}ms ${this.transitions.timingFunction}`), a;
+				${-this.coordinates.left / e - o.rotate.left - o.scale.left}px,${-this.coordinates.top / e - o.rotate.top - o.scale.top}px) ` + yn(t), this.transitions && this.transitions.enabled && (a.transition = `${this.transitions.time}ms ${this.transitions.timingFunction}`), a;
 			}
 			return {};
 		},
@@ -2395,7 +2326,7 @@ var Tn = K("vue-preview"), En = {
 		}
 	}
 };
-En.render = function(e, t, n, r, i, a) {
+Tn.render = function(e, t, n, r, i, a) {
 	return z(), h("div", {
 		ref: "root",
 		class: a.classes.root,
@@ -2411,20 +2342,20 @@ En.render = function(e, t, n, r, i, a) {
 		style: a.imageStyle
 	}, null, 14, ["src"]), [[ye, n.image && n.image.src]])], 6)], 6);
 };
-var Dn = {
-	components: { Preview: En },
+var En = {
+	components: { Preview: Tn },
 	inheritAttrs: !1
 };
-Dn.render = function(e, t, n, r, i, a) {
+En.render = function(e, t, n, r, i, a) {
 	var o = x("preview");
 	return z(), h(o, f(e.$attrs, { fill: !0 }), null, 16);
 };
-var On = K("vue-rectangle-stencil"), kn = {
+var Dn = Ye("vue-rectangle-stencil"), On = {
 	name: "RectangleStencil",
 	components: {
-		StencilPreview: Dn,
-		BoundingBox: pn,
-		DraggableArea: hn
+		StencilPreview: En,
+		BoundingBox: mn,
+		DraggableArea: gn
 	},
 	props: {
 		image: { type: Object },
@@ -2434,14 +2365,14 @@ var On = K("vue-rectangle-stencil"), kn = {
 		handlersComponent: {
 			type: [Object, String],
 			default: function() {
-				return on;
+				return sn;
 			}
 		},
 		lines: { type: Object },
 		linesComponent: {
 			type: [Object, String],
 			default: function() {
-				return ln;
+				return un;
 			}
 		},
 		aspectRatio: { type: [Number, String] },
@@ -2494,13 +2425,13 @@ var On = K("vue-rectangle-stencil"), kn = {
 	computed: {
 		classes: function() {
 			return {
-				stencil: G(On({
+				stencil: G(Dn({
 					movable: this.movable,
 					moving: this.moving,
 					resizing: this.resizing
 				}), this.moving && this.movingClass, this.resizing && this.resizingClass),
-				preview: G(On("preview"), this.previewClass),
-				boundingBox: G(On("bounding-box"), this.boundingBoxClass)
+				preview: G(Dn("preview"), this.previewClass),
+				boundingBox: G(Dn("bounding-box"), this.boundingBoxClass)
 			};
 		},
 		style: function() {
@@ -2539,7 +2470,7 @@ var On = K("vue-rectangle-stencil"), kn = {
 		"move-end"
 	]
 };
-kn.render = function(e, t, n, r, i, a) {
+On.render = function(e, t, n, r, i, a) {
 	var o = x("stencil-preview"), s = x("draggable-area"), c = x("bounding-box");
 	return z(), h("div", {
 		class: a.classes.stencil,
@@ -2561,13 +2492,13 @@ kn.render = function(e, t, n, r, i, a) {
 		onResize: a.onResize,
 		onResizeEnd: a.onResizeEnd
 	}, {
-		default: F((function() {
+		default: P((function() {
 			return [p(s, {
 				movable: n.movable,
 				onMove: a.onMove,
 				onMoveEnd: a.onMoveEnd
 			}, {
-				default: F((function() {
+				default: P((function() {
 					return [p(o, {
 						image: n.image,
 						coordinates: n.coordinates,
@@ -2610,206 +2541,9 @@ kn.render = function(e, t, n, r, i, a) {
 		"onResizeEnd"
 	])], 6);
 };
-var An = K("vue-circle-stencil"), jn = {
-	components: {
-		StencilPreview: Dn,
-		BoundingBox: pn,
-		DraggableArea: hn
-	},
-	props: {
-		image: { type: Object },
-		coordinates: { type: Object },
-		stencilCoordinates: { type: Object },
-		handlers: {
-			type: Object,
-			default: function() {
-				return {
-					eastNorth: !0,
-					westNorth: !0,
-					westSouth: !0,
-					eastSouth: !0
-				};
-			}
-		},
-		handlersComponent: {
-			type: [Object, String],
-			default: function() {
-				return on;
-			}
-		},
-		handlersClasses: {
-			type: Object,
-			default: function() {
-				return {};
-			}
-		},
-		handlersWrappersClasses: {
-			type: Object,
-			default: function() {
-				return {};
-			}
-		},
-		lines: { type: Object },
-		linesComponent: {
-			type: [Object, String],
-			default: function() {
-				return ln;
-			}
-		},
-		linesClasses: {
-			type: Object,
-			default: function() {
-				return {};
-			}
-		},
-		linesWrappersClasses: {
-			type: Object,
-			default: function() {
-				return {};
-			}
-		},
-		movable: {
-			type: Boolean,
-			default: !0
-		},
-		resizable: {
-			type: Boolean,
-			default: !0
-		},
-		transitions: { type: Object },
-		movingClass: { type: String },
-		resizingClass: { type: String },
-		previewClass: { type: String },
-		boundingBoxClass: { type: String }
-	},
-	data: function() {
-		return {
-			moving: !1,
-			resizing: !1
-		};
-	},
-	computed: {
-		classes: function() {
-			return {
-				stencil: G(An({
-					movable: this.movable,
-					moving: this.moving,
-					resizing: this.resizing
-				}), this.moving && this.movingClass, this.resizing && this.resizingClass),
-				preview: G(An("preview"), this.previewClass),
-				boundingBox: G(An("bounding-box"), this.boundingBoxClass)
-			};
-		},
-		style: function() {
-			var e = this.stencilCoordinates, t = e.height, n = e.width, r = e.left, i = e.top, a = {
-				width: `${n}px`,
-				height: `${t}px`,
-				transform: `translate(${r}px, ${i}px)`
-			};
-			return this.transitions && this.transitions.enabled && (a.transition = `${this.transitions.time}ms ${this.transitions.timingFunction}`), a;
-		}
-	},
-	methods: {
-		onMove: function(e) {
-			this.$emit("move", e), this.moving = !0;
-		},
-		onMoveEnd: function() {
-			this.$emit("move-end"), this.moving = !1;
-		},
-		onResize: function(e) {
-			this.$emit("resize", e), this.resizing = !0;
-		},
-		onResizeEnd: function() {
-			this.$emit("resize-end"), this.resizing = !1;
-		},
-		aspectRatios: function() {
-			return {
-				minimum: 1,
-				maximum: 1
-			};
-		}
-	},
-	emits: [
-		"resize",
-		"resize-end",
-		"move",
-		"move-end"
-	]
-};
-jn.render = function(e, t, n, r, i, a) {
-	var o = x("stencil-preview"), s = x("draggable-area"), c = x("bounding-box");
-	return z(), h("div", {
-		class: a.classes.stencil,
-		style: a.style
-	}, [p(c, {
-		width: n.stencilCoordinates.width,
-		height: n.stencilCoordinates.height,
-		transitions: n.transitions,
-		class: a.classes.boundingBox,
-		handlers: n.handlers,
-		"handlers-component": n.handlersComponent,
-		"handlers-classes": n.handlersClasses,
-		"handlers-wrappers-classes": n.handlersWrappersClasses,
-		lines: n.lines,
-		"lines-component": n.linesComponent,
-		"lines-classes": n.linesClasses,
-		"lines-wrappers-classes": n.linesWrappersClasses,
-		resizable: n.resizable,
-		onResize: a.onResize,
-		onResizeEnd: a.onResizeEnd
-	}, {
-		default: F((function() {
-			return [p(s, {
-				movable: n.movable,
-				onMove: a.onMove,
-				onMoveEnd: a.onMoveEnd
-			}, {
-				default: F((function() {
-					return [p(o, {
-						image: n.image,
-						coordinates: n.coordinates,
-						width: n.stencilCoordinates.width,
-						height: n.stencilCoordinates.height,
-						class: a.classes.preview,
-						transitions: n.transitions
-					}, null, 8, [
-						"image",
-						"coordinates",
-						"width",
-						"height",
-						"class",
-						"transitions"
-					])];
-				})),
-				_: 1
-			}, 8, [
-				"movable",
-				"onMove",
-				"onMoveEnd"
-			])];
-		})),
-		_: 1
-	}, 8, [
-		"width",
-		"height",
-		"transitions",
-		"class",
-		"handlers",
-		"handlers-component",
-		"handlers-classes",
-		"handlers-wrappers-classes",
-		"lines",
-		"lines-component",
-		"lines-classes",
-		"lines-wrappers-classes",
-		"resizable",
-		"onResize",
-		"onResizeEnd"
-	])], 6);
-};
-var Mn = ["transitions"], Nn = K("vue-advanced-cropper"), Pn = {
+var kn = ["transitions"], An = Ye("vue-advanced-cropper"), jn = {
 	name: "Cropper",
-	components: { BackgroundWrapper: wn },
+	components: { BackgroundWrapper: Cn },
 	props: {
 		src: {
 			type: String,
@@ -2818,13 +2552,13 @@ var Mn = ["transitions"], Nn = K("vue-advanced-cropper"), Pn = {
 		stencilComponent: {
 			type: [Object, String],
 			default: function() {
-				return kn;
+				return On;
 			}
 		},
 		backgroundWrapperComponent: {
 			type: [Object, String],
 			default: function() {
-				return wn;
+				return Cn;
 			}
 		},
 		stencilProps: {
@@ -2873,7 +2607,7 @@ var Mn = ["transitions"], Nn = K("vue-advanced-cropper"), Pn = {
 			type: String,
 			default: "fit-area",
 			validator: function(e) {
-				return bt.indexOf(e) !== -1;
+				return xt.indexOf(e) !== -1;
 			}
 		},
 		roundResult: {
@@ -2887,7 +2621,7 @@ var Mn = ["transitions"], Nn = K("vue-advanced-cropper"), Pn = {
 		defaultBoundaries: {
 			type: [Function, String],
 			validator: function(e) {
-				return !(typeof e == "string" && e !== "fill" && e !== "fit");
+				return typeof e != "string" || e === "fill" || e === "fit";
 			}
 		},
 		priority: {
@@ -2907,40 +2641,40 @@ var Mn = ["transitions"], Nn = K("vue-advanced-cropper"), Pn = {
 		resizeAlgorithm: {
 			type: Function,
 			default: function(e) {
-				var t = e.event, n = e.coordinates, r = e.aspectRatio, i = e.positionRestrictions, a = e.sizeRestrictions, o = q(q({}, n), {
+				var t = e.event, n = e.coordinates, r = e.aspectRatio, i = e.positionRestrictions, a = e.sizeRestrictions, o = K(K({}, n), {
 					right: n.left + n.width,
 					bottom: n.top + n.height
-				}), s = t.params || {}, c = q({}, t.directions), l = s.allowedDirections || {
+				}), s = t.params || {}, c = K({}, t.directions), l = s.allowedDirections || {
 					left: !0,
 					right: !0,
 					bottom: !0,
 					top: !0
 				};
-				a.widthFrozen && (c.left = 0, c.right = 0), a.heightFrozen && (c.top = 0, c.bottom = 0), gt.forEach((function(e) {
+				a.widthFrozen && (c.left = 0, c.right = 0), a.heightFrozen && (c.top = 0, c.bottom = 0), _t.forEach((function(e) {
 					l[e] || (c[e] = 0);
 				}));
-				var u = Et(o, c = tn({
+				var u = Dt(o, c = nn({
 					coordinates: o,
 					directions: c,
 					sizeRestrictions: a,
 					positionRestrictions: i
-				})).width, d = Et(o, c).height, f = s.preserveRatio ? Q(o) : At(u / d, r);
+				})).width, d = Dt(o, c).height, f = s.preserveRatio ? Z(o) : jt(u / d, r);
 				if (f) {
 					var p = s.respectDirection;
 					if (p ||= o.width >= o.height || f === 1 ? "width" : "height", p === "width") {
 						var m = u / f - o.height;
 						if (l.top && l.bottom) {
 							var h = c.top, g = c.bottom;
-							c.bottom = nn(m, g, h), c.top = nn(m, h, g);
+							c.bottom = rn(m, g, h), c.top = rn(m, h, g);
 						} else l.bottom ? c.bottom = m : l.top ? c.top = m : l.right ? c.right = 0 : l.left && (c.left = 0);
 					} else if (p === "height") {
 						var _ = o.width - d * f;
 						if (l.left && l.right) {
 							var v = c.left, y = c.right;
-							c.left = -nn(_, v, y), c.right = -nn(_, y, v);
+							c.left = -rn(_, v, y), c.right = -rn(_, y, v);
 						} else l.left ? c.left = -_ : l.right ? c.right = -_ : l.top ? c.top = 0 : l.bottom && (c.bottom = 0);
 					}
-					c = tn({
+					c = nn({
 						directions: c,
 						coordinates: o,
 						sizeRestrictions: a,
@@ -2949,10 +2683,10 @@ var Mn = ["transitions"], Nn = K("vue-advanced-cropper"), Pn = {
 						compensate: s.compensate
 					});
 				}
-				return u = Et(o, c).width, d = Et(o, c).height, (f = s.preserveRatio ? Q(o) : At(u / d, r)) && Math.abs(f - u / d) > .001 && gt.forEach((function(e) {
+				return u = Dt(o, c).width, d = Dt(o, c).height, (f = s.preserveRatio ? Z(o) : jt(u / d, r)) && Math.abs(f - u / d) > .001 && _t.forEach((function(e) {
 					l[e] || (c[e] = 0);
-				})), Ht({
-					event: new lt({
+				})), Ut({
+					event: new ut({
 						left: -c.left,
 						top: -c.top
 					}),
@@ -2968,19 +2702,19 @@ var Mn = ["transitions"], Nn = K("vue-advanced-cropper"), Pn = {
 		},
 		moveAlgorithm: {
 			type: Function,
-			default: Ht
+			default: Ut
 		},
 		initStretcher: {
 			type: Function,
 			default: function(e) {
-				var t = e.stretcher, n = e.imageSize, r = Q(n);
+				var t = e.stretcher, n = e.imageSize, r = Z(n);
 				t.style.width = n.width + "px", t.style.height = t.clientWidth / r + "px", t.style.width = t.clientWidth + "px";
 			}
 		},
 		fitCoordinates: {
 			type: Function,
 			default: function(e) {
-				var t = e.visibleArea, n = e.coordinates, r = e.aspectRatio, i = e.sizeRestrictions, a = e.positionRestrictions, o = q(q({}, n), Vt({
+				var t = e.visibleArea, n = e.coordinates, r = e.aspectRatio, i = e.sizeRestrictions, a = e.positionRestrictions, o = K(K({}, n), Ht({
 					width: n.width,
 					height: n.height,
 					aspectRatio: r,
@@ -2991,19 +2725,19 @@ var Mn = ["transitions"], Nn = K("vue-advanced-cropper"), Pn = {
 						minWidth: Math.min(t.width, i.minWidth)
 					}
 				}));
-				return o = $(o = X(o, wt(Y(n), Y(o))), Rt(Ct(t), a));
+				return o = Q(o = Y(o, Tt(J(n), J(o))), zt(wt(t), a));
 			}
 		},
 		fitVisibleArea: {
 			type: Function,
 			default: function(e) {
-				var t = e.visibleArea, n = e.boundaries, r = e.getAreaRestrictions, i = e.coordinates, a = q({}, t);
-				a.height = a.width / Q(n), a.top += (t.height - a.height) / 2, (i.height - a.height > 0 || i.width - a.width > 0) && (a = Z(a, Math.max(i.height / a.height, i.width / a.width)));
-				var o = Dt(kt(i, Ct(a = Z(a, Pt(a, r({
+				var t = e.visibleArea, n = e.boundaries, r = e.getAreaRestrictions, i = e.coordinates, a = K({}, t);
+				a.height = a.width / Z(n), a.top += (t.height - a.height) / 2, (i.height - a.height > 0 || i.width - a.width > 0) && (a = X(a, Math.max(i.height / a.height, i.width / a.width)));
+				var o = Ot(At(i, wt(a = X(a, Ft(a, r({
 					visibleArea: a,
 					type: "resize"
 				}))))));
-				return a.width < i.width && (o.left = 0), a.height < i.height && (o.top = 0), a = $(a = X(a, o), r({
+				return a.width < i.width && (o.left = 0), a.height < i.height && (o.top = 0), a = Q(a = Y(a, o), r({
 					visibleArea: a,
 					type: "move"
 				}));
@@ -3018,7 +2752,7 @@ var Mn = ["transitions"], Nn = K("vue-advanced-cropper"), Pn = {
 					top: 0,
 					right: r.width,
 					bottom: r.height
-				} : i === "fit-area" && (Q(n) > Q(r) ? (o = {
+				} : i === "fit-area" && (Z(n) > Z(r) ? (o = {
 					top: 0,
 					bottom: r.height
 				}, t && a === "move" && (t.width > r.width ? (o.left = -(t.width - r.width) / 2, o.right = r.width - o.left) : (o.left = 0, o.right = r.width))) : (o = {
@@ -3080,7 +2814,7 @@ var Mn = ["transitions"], Nn = K("vue-advanced-cropper"), Pn = {
 				height: 0
 			},
 			visibleArea: null,
-			coordinates: U({}, xt)
+			coordinates: U({}, St)
 		};
 	},
 	computed: {
@@ -3118,7 +2852,7 @@ var Mn = ["transitions"], Nn = K("vue-advanced-cropper"), Pn = {
 			return !!(this.visibleArea && this.imageLoaded);
 		},
 		settings: function() {
-			var e = nt(this.resizeImage, {
+			var e = rt(this.resizeImage, {
 				touch: !0,
 				wheel: { ratio: .1 },
 				adjustStencil: !0
@@ -3128,7 +2862,7 @@ var Mn = ["transitions"], Nn = K("vue-advanced-cropper"), Pn = {
 				adjustStencil: !1
 			});
 			return {
-				moveImage: nt(this.moveImage, {
+				moveImage: rt(this.moveImage, {
 					touch: !0,
 					mouse: !0
 				}, {
@@ -3159,20 +2893,20 @@ var Mn = ["transitions"], Nn = K("vue-advanced-cropper"), Pn = {
 			if (this.boundaries.width && this.boundaries.height && this.imageSize.width && this.imageSize.height) {
 				var e = this.sizeRestrictionsAlgorithm({
 					imageSize: this.imageSize,
-					minWidth: J(this.minWidth) ? 0 : rt(this.minWidth),
-					minHeight: J(this.minHeight) ? 0 : rt(this.minHeight),
-					maxWidth: J(this.maxWidth) ? Infinity : rt(this.maxWidth),
-					maxHeight: J(this.maxHeight) ? Infinity : rt(this.maxHeight)
+					minWidth: q(this.minWidth) ? 0 : it(this.minWidth),
+					minHeight: q(this.minHeight) ? 0 : it(this.minHeight),
+					maxWidth: q(this.maxWidth) ? Infinity : it(this.maxWidth),
+					maxHeight: q(this.maxHeight) ? Infinity : it(this.maxHeight)
 				});
 				if (e = function(e) {
-					var t = e.areaRestrictions, n = e.sizeRestrictions, r = e.boundaries, i = e.positionRestrictions, a = q(q({}, n), {
+					var t = e.areaRestrictions, n = e.sizeRestrictions, r = e.boundaries, i = e.positionRestrictions, a = K(K({}, 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
 					});
 					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 = Ft(t), s = jt(r, o);
+					var o = It(t), s = Mt(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;
 				}({
 					sizeRestrictions: e,
@@ -3187,7 +2921,7 @@ var Mn = ["transitions"], Nn = K("vue-advanced-cropper"), Pn = {
 					visibleArea: this.visibleArea,
 					stencilSize: this.getStencilSize()
 				}), this.visibleArea && this.stencilSize) {
-					var t = this.getStencilSize(), n = Ft(this.getAreaRestrictions({
+					var t = this.getStencilSize(), n = It(this.getAreaRestrictions({
 						visibleArea: this.visibleArea,
 						type: "resize"
 					}));
@@ -3210,15 +2944,15 @@ var Mn = ["transitions"], Nn = K("vue-advanced-cropper"), Pn = {
 		},
 		classes: function() {
 			return {
-				cropper: Nn(),
-				image: G(Nn("image"), this.imageClass),
-				stencil: Nn("stencil"),
-				boundaries: G(Nn("boundaries"), this.boundariesClass),
-				stretcher: G(Nn("stretcher")),
-				background: G(Nn("background"), this.backgroundClass),
-				foreground: G(Nn("foreground"), this.foregroundClass),
-				imageWrapper: G(Nn("image-wrapper")),
-				cropperWrapper: G(Nn("cropper-wrapper"))
+				cropper: An(),
+				image: G(An("image"), this.imageClass),
+				stencil: An("stencil"),
+				boundaries: G(An("boundaries"), this.boundariesClass),
+				stretcher: G(An("stretcher")),
+				background: G(An("background"), this.backgroundClass),
+				foreground: G(An("foreground"), this.foregroundClass),
+				imageWrapper: G(An("image-wrapper")),
+				cropperWrapper: G(An("cropper-wrapper"))
 			};
 		},
 		stencilCoordinates: function() {
@@ -3263,7 +2997,7 @@ var Mn = ["transitions"], Nn = K("vue-advanced-cropper"), Pn = {
 				height: `${e.height}px`,
 				left: "0px",
 				top: "0px",
-				transform: `translate(${-t.left - n.left - this.imageTransforms.translateX}px, ${-t.top - n.top - this.imageTransforms.translateY}px)` + vn(r)
+				transform: `translate(${-t.left - n.left - this.imageTransforms.translateX}px, ${-t.top - n.top - this.imageTransforms.translateY}px)` + yn(r)
 			};
 			return this.transitionsOptions.enabled && (i.transition = `${this.transitionsOptions.time}ms ${this.transitionsOptions.timingFunction}`), i;
 		}
@@ -3304,7 +3038,7 @@ var Mn = ["transitions"], Nn = K("vue-advanced-cropper"), Pn = {
 		}
 	},
 	created: function() {
-		this.debouncedUpdate = Xe(this.update, this.debounce), this.debouncedDisableTransitions = Xe(this.disableTransitions, this.transitionsOptions.time), this.awaiting = !1;
+		this.debouncedUpdate = Ze(this.update, this.debounce), this.debouncedDisableTransitions = Ze(this.disableTransitions, this.transitionsOptions.time), this.awaiting = !1;
 	},
 	mounted: function() {
 		this.$refs.image.addEventListener("load", this.onSuccessLoadImage), this.$refs.image.addEventListener("error", this.onFailLoadImage), this.onChangeImage(), window.addEventListener("resize", this.refresh), window.addEventListener("orientationchange", this.refresh);
@@ -3340,7 +3074,7 @@ var Mn = ["transitions"], Nn = K("vue-advanced-cropper"), Pn = {
 		},
 		zoom: function(e, t) {
 			var n = (arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}).transitions, r = n === void 0 || n;
-			this.onManipulateImage(new st({}, {
+			this.onManipulateImage(new ct({}, {
 				factor: 1 / e,
 				center: t
 			}), {
@@ -3350,7 +3084,7 @@ var Mn = ["transitions"], Nn = K("vue-advanced-cropper"), Pn = {
 		},
 		move: function(e, t) {
 			var n = (arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}).transitions, r = n === void 0 || n;
-			this.onManipulateImage(new st({
+			this.onManipulateImage(new ct({
 				left: e || 0,
 				top: t || 0
 			}), {
@@ -3392,15 +3126,15 @@ var Mn = ["transitions"], Nn = K("vue-advanced-cropper"), Pn = {
 					left: Math.round(t.left),
 					top: Math.round(t.top)
 				};
-				return i.width > n.maxWidth ? i.width = Math.floor(t.width) : i.width < n.minWidth && (i.width = Math.ceil(t.width)), i.height > n.maxHeight ? i.height = Math.floor(t.height) : i.height < n.minHeight && (i.height = Math.ceil(t.height)), $(i, r);
+				return i.width > n.maxWidth ? i.width = Math.floor(t.width) : i.width < n.minWidth && (i.width = Math.ceil(t.width)), i.height > n.maxHeight ? i.height = Math.floor(t.height) : i.height < n.minHeight && (i.height = Math.ceil(t.height)), Q(i, r);
 			}(U(U({}, this.getPublicProperties()), {}, {
-				positionRestrictions: Zt(this.positionRestrictions, this.visibleArea),
+				positionRestrictions: Qt(this.positionRestrictions, this.visibleArea),
 				coordinates: e
 			})) : e;
 		},
 		processAutoZoom: function(e, t, n, r) {
 			var i = this.autoZoomAlgorithm;
-			i ||= this.stencilSize ? Wt : this.autoZoom ? Gt : Kt;
+			i ||= this.stencilSize ? Gt : this.autoZoom ? Kt : qt;
 			var a = i({
 				event: {
 					type: e,
@@ -3415,16 +3149,16 @@ var Mn = ["transitions"], Nn = K("vue-advanced-cropper"), Pn = {
 				sizeRestrictions: this.sizeRestrictions,
 				stencilSize: this.getStencilSize()
 			});
-			return U(U({}, a), {}, { changed: !St(a.visibleArea, t) || !St(a.coordinates, n) });
+			return U(U({}, a), {}, { changed: !Ct(a.visibleArea, t) || !Ct(a.coordinates, n) });
 		},
 		runAutoZoom: function(e) {
-			var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = t.transitions, r = n !== void 0 && n, i = Ue(t, Mn), a = this.processAutoZoom(e, this.visibleArea, this.coordinates, i), o = a.visibleArea, s = a.coordinates, c = a.changed;
+			var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = t.transitions, r = n !== void 0 && n, i = Ue(t, kn), a = this.processAutoZoom(e, this.visibleArea, this.coordinates, i), o = a.visibleArea, s = a.coordinates, c = a.changed;
 			r && c && this.enableTransitions(), this.visibleArea = o, this.coordinates = s, r && c && this.debouncedDisableTransitions();
 		},
 		normalizeEvent: function(e) {
 			return function(e) {
 				var t = e.event, n = e.visibleArea, r = e.coefficient;
-				if (t.type === "manipulateImage") return q(q({}, t), {
+				if (t.type === "manipulateImage") return K(K({}, t), {
 					move: {
 						left: t.move && t.move.left ? r * t.move.left : 0,
 						top: t.move && t.move.top ? r * t.move.top : 0
@@ -3438,14 +3172,14 @@ var Mn = ["transitions"], Nn = K("vue-advanced-cropper"), Pn = {
 					}
 				});
 				if (t.type === "resize") {
-					var i = q(q({}, t), { directions: q({}, t.directions) });
-					return gt.forEach((function(e) {
+					var i = K(K({}, t), { directions: K({}, t.directions) });
+					return _t.forEach((function(e) {
 						i.directions[e] *= r;
 					})), i;
 				}
 				if (t.type === "move") {
-					var a = q(q({}, t), { directions: q({}, t.directions) });
-					return yt.forEach((function(e) {
+					var a = K(K({}, t), { directions: K({}, t.directions) });
+					return bt.forEach((function(e) {
 						a.directions[e] *= r;
 					})), a;
 				}
@@ -3458,9 +3192,9 @@ var Mn = ["transitions"], Nn = K("vue-advanced-cropper"), Pn = {
 					var r = n.rotate, i = n.flip, a = {
 						width: t.naturalWidth,
 						height: t.naturalHeight
-					}, o = Mt(a, r), s = e.getContext("2d");
+					}, o = Nt(a, r), s = e.getContext("2d");
 					e.height = o.height, e.width = o.width, s.save();
-					var c = Nt(Y(q({
+					var c = Pt(J(K({
 						left: 0,
 						top: 0
 					}, a)), r);
@@ -3479,7 +3213,7 @@ var Mn = ["transitions"], Nn = K("vue-advanced-cropper"), Pn = {
 						return t = e, !Number.isNaN(parseFloat(t)) && isFinite(t);
 						var t;
 					}));
-				}, a = Vt({
+				}, a = Ht({
 					sizeRestrictions: {
 						minWidth: i([r.width, r.minWidth]) || 0,
 						minHeight: i([r.height, r.minHeight]) || 0,
@@ -3513,8 +3247,8 @@ var Mn = ["transitions"], Nn = K("vue-advanced-cropper"), Pn = {
 			this.$emit("change", this.getResult());
 		},
 		applyTransform: function(e) {
-			var t = arguments.length > 1 && arguments[1] !== void 0 && arguments[1], n = this.visibleArea && t ? It(this.sizeRestrictions, this.visibleArea) : this.sizeRestrictions, r = this.visibleArea && t ? Zt(this.positionRestrictions, this.visibleArea) : this.positionRestrictions;
-			return Ut({
+			var t = arguments.length > 1 && arguments[1] !== void 0 && arguments[1], n = this.visibleArea && t ? Lt(this.sizeRestrictions, this.visibleArea) : this.sizeRestrictions, r = this.visibleArea && t ? Qt(this.positionRestrictions, this.visibleArea) : this.positionRestrictions;
+			return Wt({
 				transform: e,
 				coordinates: this.coordinates,
 				imageSize: this.imageSize,
@@ -3529,17 +3263,17 @@ var Mn = ["transitions"], Nn = K("vue-advanced-cropper"), Pn = {
 			if (this.$refs.image) {
 				this.$refs.cropper, this.$refs.image;
 				var t = this.defaultSize;
-				t ||= this.stencilSize ? Yt : Jt, this.sizeRestrictions;
-				var n = et(t) ? t({
+				t ||= this.stencilSize ? Xt : Yt, this.sizeRestrictions;
+				var n = tt(t) ? t({
 					boundaries: this.boundaries,
 					imageSize: this.imageSize,
 					aspectRatio: this.getAspectRatio(),
 					sizeRestrictions: this.sizeRestrictions,
 					stencilSize: this.getStencilSize(),
 					visibleArea: this.visibleArea
-				}) : t, r = this.defaultPosition || qt, i = [n, function(t) {
+				}) : t, r = this.defaultPosition || Jt, i = [n, function(t) {
 					var n = t.coordinates;
-					return U({}, et(r) ? r({
+					return U({}, tt(r) ? r({
 						coordinates: n,
 						imageSize: e.imageSize,
 						visibleArea: e.visibleArea
@@ -3575,13 +3309,13 @@ var Mn = ["transitions"], Nn = K("vue-advanced-cropper"), Pn = {
 					cropper: n,
 					imageSize: e.imageSize
 				};
-				if (et(e.defaultBoundaries) ? e.boundaries = e.defaultBoundaries(t) : e.defaultBoundaries === "fit" ? e.boundaries = function(e) {
+				if (e.boundaries = tt(e.defaultBoundaries) ? e.defaultBoundaries(t) : e.defaultBoundaries === "fit" ? function(e) {
 					var t = e.cropper, n = e.imageSize, r = t.clientHeight, i = t.clientWidth, a = r, o = n.width * r / n.height;
 					return o > i && (o = i, a = n.height * i / n.width), {
 						width: o,
 						height: a
 					};
-				}(t) : e.boundaries = function(e) {
+				}(t) : function(e) {
 					var t = e.cropper;
 					return {
 						width: t.clientWidth,
@@ -3594,8 +3328,8 @@ var Mn = ["transitions"], Nn = K("vue-advanced-cropper"), Pn = {
 			var e = this;
 			return this.appliedImageTransforms = U(U({}, this.defaultImageTransforms), {}, { flip: U({}, this.defaultImageTransforms.flip) }), this.updateBoundaries().then((function() {
 				e.priority !== "visible-area" && (e.visibleArea = null, e.resetCoordinates());
-				var t, n, r, i, a, o, s = e.defaultVisibleArea || Xt;
-				e.visibleArea = et(s) ? s({
+				var t, n, r, i, a, o, s = e.defaultVisibleArea || Zt;
+				e.visibleArea = tt(s) ? s({
 					imageSize: e.imageSize,
 					boundaries: e.boundaries,
 					coordinates: e.priority === "visible-area" ? null : e.coordinates,
@@ -3605,7 +3339,7 @@ var Mn = ["transitions"], Nn = K("vue-advanced-cropper"), Pn = {
 					visibleArea: e.visibleArea,
 					boundaries: e.boundaries,
 					getAreaRestrictions: e.getAreaRestrictions
-				}, n = t.visibleArea, r = t.boundaries, i = t.getAreaRestrictions, a = q({}, n), o = Q(r), a.width / a.height !== o && (a.height = a.width / o), $(a, i({
+				}, n = t.visibleArea, r = t.boundaries, i = t.getAreaRestrictions, a = K({}, n), o = Z(r), a.width / a.height !== o && (a.height = a.width / o), Q(a, i({
 					visibleArea: a,
 					type: "move"
 				}))), e.priority === "visible-area" ? e.resetCoordinates() : e.coordinates = e.fitCoordinates({
@@ -3646,7 +3380,7 @@ var Mn = ["transitions"], Nn = K("vue-advanced-cropper"), Pn = {
 			var e, t = this;
 			if (this.imageLoaded = !1, this.delayedTransforms = null, this.src) {
 				if (function(e) {
-					if ($e(e)) return !1;
+					if (et(e)) return !1;
 					var t = window.location, n = /(\w+:)?(?:\/\/)([\w.-]+)?(?::(\d+))?\/?/.exec(e) || [], r = {
 						protocol: n[1] || "",
 						host: n[2] || "",
@@ -3656,13 +3390,13 @@ var Mn = ["transitions"], Nn = K("vue-advanced-cropper"), Pn = {
 					};
 					return !(!r.protocol && !r.host && !r.port || r.protocol && r.protocol == t.protocol && r.host && r.host == t.host && r.host && i(r) == i(t));
 				}(this.src)) {
-					var n = J(this.crossOrigin) ? this.canvas : this.crossOrigin;
+					var n = q(this.crossOrigin) ? this.canvas : this.crossOrigin;
 					!0 === n && (n = "anonymous"), this.imageAttributes.crossOrigin = n || null;
 				}
 				if (this.checkOrientation) {
 					var r = (e = this.src, new Promise((function(t) {
-						_n(e).then((function(n) {
-							var r = yn(n);
+						vn(e).then((function(n) {
+							var r = bn(n);
 							t(n ? {
 								source: e,
 								arrayBuffer: n,
@@ -3699,14 +3433,14 @@ var Mn = ["transitions"], Nn = K("vue-advanced-cropper"), Pn = {
 		},
 		onParseImage: function(e) {
 			var t = this, n = e.source, r = e.arrayBuffer, i = e.orientation;
-			this.imageAttributes.revoke && this.imageAttributes.src && URL.revokeObjectURL(this.imageAttributes.src), this.imageAttributes.revoke = !1, r && i && i > 1 ? Qe(n) || !$e(n) ? (this.imageAttributes.src = URL.createObjectURL(new Blob([r])), this.imageAttributes.revoke = !0) : this.imageAttributes.src = function(e) {
+			this.imageAttributes.revoke && this.imageAttributes.src && URL.revokeObjectURL(this.imageAttributes.src), this.imageAttributes.revoke = !1, r && i && i > 1 ? $e(n) || !et(n) ? (this.imageAttributes.src = URL.createObjectURL(new Blob([r])), this.imageAttributes.revoke = !0) : this.imageAttributes.src = function(e) {
 				for (var t = [], n = new Uint8Array(e); n.length > 0;) {
 					var r = n.subarray(0, 8192);
 					t.push(String.fromCharCode.apply(null, Array.from ? Array.from(r) : r.slice())), n = n.subarray(8192);
 				}
 				return "data:image/jpeg;base64," + btoa(t.join(""));
-			}(r) : this.imageAttributes.src = n, et(this.defaultTransforms) ? this.appliedImageTransforms = gn(this.defaultTransforms()) : tt(this.defaultTransforms) ? this.appliedImageTransforms = gn(this.defaultTransforms) : this.appliedImageTransforms = function(e) {
-				var t = gn({});
+			}(r) : this.imageAttributes.src = n, this.appliedImageTransforms = tt(this.defaultTransforms) ? _n(this.defaultTransforms()) : nt(this.defaultTransforms) ? _n(this.defaultTransforms) : function(e) {
+				var t = _n({});
 				if (e) switch (e) {
 					case 2:
 						t.flip.horizontal = !0;
@@ -3746,7 +3480,7 @@ var Mn = ["transitions"], Nn = K("vue-advanced-cropper"), Pn = {
 			var t = this;
 			this.transitionsOptions.enabled || this.awaitRender((function() {
 				t.coordinates = t.moveAlgorithm(U(U({}, t.getPublicProperties()), {}, {
-					positionRestrictions: Zt(t.positionRestrictions, t.visibleArea),
+					positionRestrictions: Qt(t.positionRestrictions, t.visibleArea),
 					coordinates: t.coordinates,
 					event: t.normalizeEvent(e)
 				})), t.onChange();
@@ -3757,7 +3491,7 @@ var Mn = ["transitions"], Nn = K("vue-advanced-cropper"), Pn = {
 			this.transitionsOptions.enabled || this.stencilSize && !this.autoZoom || this.awaitRender((function() {
 				var n = t.sizeRestrictions, r = Math.min(t.coordinates.width, t.coordinates.height, 20 * t.coefficient);
 				t.coordinates = t.resizeAlgorithm(U(U({}, t.getPublicProperties()), {}, {
-					positionRestrictions: Zt(t.positionRestrictions, t.visibleArea),
+					positionRestrictions: Qt(t.positionRestrictions, t.visibleArea),
 					sizeRestrictions: {
 						maxWidth: Math.min(n.maxWidth, t.visibleArea.width),
 						maxHeight: Math.min(n.maxHeight, t.visibleArea.height),
@@ -3773,7 +3507,7 @@ var Mn = ["transitions"], Nn = K("vue-advanced-cropper"), Pn = {
 			if (!this.transitionsOptions.enabled) {
 				var n = t.transitions, r = n !== void 0 && n, i = t.normalize, a = i === void 0 || i;
 				r && this.enableTransitions();
-				var o = Qt(U(U({}, this.getPublicProperties()), {}, {
+				var o = $t(U(U({}, this.getPublicProperties()), {}, {
 					event: a ? this.normalizeEvent(e) : e,
 					getAreaRestrictions: this.getAreaRestrictions,
 					imageRestriction: this.imageRestriction,
@@ -3801,9 +3535,9 @@ var Mn = ["transitions"], Nn = K("vue-advanced-cropper"), Pn = {
 				var s = this.$refs.stencil.aspectRatios();
 				t = s.minimum, n = s.maximum;
 			}
-			if (J(t) && (t = J(i) ? a : i), J(n) && (n = J(i) ? o : i), !e && (J(t) || J(n))) {
-				var c = this.getStencilSize(), l = c ? Q(c) : null;
-				J(t) && (t = it(l) ? l : void 0), J(n) && (n = it(l) ? l : void 0);
+			if (q(t) && (t = q(i) ? a : i), q(n) && (n = q(i) ? o : i), !e && (q(t) || q(n))) {
+				var c = this.getStencilSize(), l = c ? Z(c) : null;
+				q(t) && (t = at(l) ? l : void 0), q(n) && (n = at(l) ? l : void 0);
 			}
 			return {
 				minimum: t,
@@ -3821,10 +3555,10 @@ var Mn = ["transitions"], Nn = K("vue-advanced-cropper"), Pn = {
 				coefficient: this.coefficient,
 				coordinates: this.coordinates,
 				aspectRatio: this.getAspectRatio(!0)
-			}, t = e.boundaries, n = e.stencilSize, r = e.aspectRatio, At(Q(i = et(n) ? n({
+			}, t = e.boundaries, n = e.stencilSize, r = e.aspectRatio, jt(Z(i = tt(n) ? n({
 				boundaries: t,
 				aspectRatio: r
-			}) : n), r) && (i = Vt({
+			}) : n), r) && (i = Ht({
 				sizeRestrictions: {
 					maxWidth: t.width,
 					maxHeight: t.height,
@@ -3837,7 +3571,7 @@ var Mn = ["transitions"], Nn = K("vue-advanced-cropper"), Pn = {
 					minimum: r.minimum,
 					maximum: r.maximum
 				}
-			})), (i.width > t.width || i.height > t.height) && (i = Vt({
+			})), (i.width > t.width || i.height > t.height) && (i = Ht({
 				sizeRestrictions: {
 					maxWidth: t.width,
 					maxHeight: t.height,
@@ -3847,8 +3581,8 @@ var Mn = ["transitions"], Nn = K("vue-advanced-cropper"), Pn = {
 				width: i.width,
 				height: i.height,
 				aspectRatio: {
-					minimum: Q(i),
-					maximum: Q(i)
+					minimum: Z(i),
+					maximum: Z(i)
 				}
 			})), i;
 			var e, t, n, r, i;
@@ -3866,13 +3600,13 @@ var Mn = ["transitions"], Nn = K("vue-advanced-cropper"), Pn = {
 			};
 		},
 		defaultCoordinates: function() {
-			return U({}, xt);
+			return U({}, St);
 		},
 		flip: function(e, t) {
 			var n = (arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}).transitions, r = n === void 0 || n;
 			if (!this.transitionsActive) {
 				r && this.enableTransitions();
-				var i = U({}, this.imageTransforms.flip), a = en({
+				var i = U({}, this.imageTransforms.flip), a = tn({
 					flip: {
 						horizontal: e ? !i.horizontal : i.horizontal,
 						vertical: t ? !i.vertical : i.vertical
@@ -3896,7 +3630,7 @@ var Mn = ["transitions"], Nn = K("vue-advanced-cropper"), Pn = {
 				n && this.enableTransitions();
 				var r = U({}, this.imageSize);
 				this.appliedImageTransforms.rotate += e;
-				var i = $t({
+				var i = en({
 					visibleArea: this.visibleArea,
 					coordinates: this.coordinates,
 					previousImageSize: r,
@@ -3916,16 +3650,16 @@ var Mn = ["transitions"], Nn = K("vue-advanced-cropper"), Pn = {
 		"error",
 		"ready"
 	]
-}, Fn = {
+}, Mn = {
 	key: 0,
 	ref: "canvas",
 	style: { display: "none" }
-}, In = {
+}, Nn = {
 	key: 1,
 	ref: "sourceCanvas",
 	style: { display: "none" }
 };
-Pn.render = function(e, t, n, i, a, o) {
+jn.render = function(e, t, n, i, a, o) {
 	return z(), h("div", {
 		ref: "cropper",
 		class: o.classes.cropper
@@ -3944,7 +3678,7 @@ Pn.render = function(e, t, n, i, a, o) {
 		onMove: o.onManipulateImage,
 		onResize: o.onManipulateImage
 	}, {
-		default: F((function() {
+		default: P((function() {
 			return [
 				p("div", {
 					class: o.classes.background,
@@ -3983,8 +3717,8 @@ Pn.render = function(e, t, n, i, a, o) {
 					"onMove",
 					"onMoveEnd"
 				])), [[ye, a.imageLoaded]]),
-				n.canvas ? (z(), h("canvas", Fn, null, 512)) : N("", !0),
-				n.canvas ? (z(), h("canvas", In, null, 512)) : N("", !0)
+				n.canvas ? (z(), h("canvas", Mn, null, 512)) : M("", !0),
+				n.canvas ? (z(), h("canvas", Nn, null, 512)) : M("", !0)
 			];
 		})),
 		_: 1
@@ -4000,57 +3734,57 @@ Pn.render = function(e, t, n, i, a, o) {
 };
 //#endregion
 //#region src/components/media/MediaEditModal.vue?vue&type=script&setup=true&lang.ts
-var Ln = ["data-tpl-theme"], Rn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, zn = {
+var Pn = ["data-tpl-theme"], Fn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, In = {
 	class: "tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, Bn = { class: "tpl:min-h-0 tpl:flex-1 tpl:overflow-y-auto tpl:px-5" }, Vn = {
+}, Ln = { class: "tpl:min-h-0 tpl:flex-1 tpl:overflow-y-auto tpl:px-5" }, Rn = {
 	key: 0,
 	class: "tpl:mb-4"
-}, Hn = {
+}, zn = {
 	class: "tpl:relative tpl:mb-3 tpl:overflow-hidden tpl:rounded-md tpl:border",
 	style: {
 		"border-color": "var(--tpl-border)",
 		height: "300px",
 		"background-color": "var(--tpl-bg)"
 	}
-}, Un = { class: "tpl:space-y-3" }, Wn = {
+}, Bn = { class: "tpl:space-y-3" }, Vn = {
 	class: "tpl:mb-1.5 tpl:block tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text-muted)" }
-}, Gn = { class: "tpl:flex tpl:flex-wrap tpl:gap-1.5" }, Kn = ["onClick"], qn = { class: "tpl:flex tpl:gap-3" }, Jn = { class: "tpl:flex-1" }, Yn = {
+}, Hn = { class: "tpl:flex tpl:flex-wrap tpl:gap-1.5" }, Un = ["onClick"], Wn = { class: "tpl:flex tpl:gap-3" }, Gn = { class: "tpl:flex-1" }, Kn = {
 	class: "tpl:mb-1 tpl:block tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text-muted)" }
-}, Xn = {
+}, qn = {
 	class: "tpl:font-normal",
 	style: { color: "var(--tpl-text-dim)" }
-}, Zn = { class: "tpl:relative" }, Qn = ["value", "placeholder"], $n = {
+}, Jn = { class: "tpl:relative" }, Yn = ["value", "placeholder"], Xn = {
 	class: "tpl:absolute tpl:top-1/2 tpl:right-2.5 tpl:-translate-y-1/2 tpl:text-xs",
 	style: { color: "var(--tpl-text-dim)" }
-}, er = { class: "tpl:flex-1" }, tr = {
+}, Zn = { class: "tpl:flex-1" }, Qn = {
 	class: "tpl:mb-1 tpl:block tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text-muted)" }
-}, nr = {
+}, $n = {
 	class: "tpl:font-normal",
 	style: { color: "var(--tpl-text-dim)" }
-}, rr = { class: "tpl:relative" }, ir = ["value", "placeholder"], ar = {
+}, er = { class: "tpl:relative" }, tr = ["value", "placeholder"], nr = {
 	class: "tpl:absolute tpl:top-1/2 tpl:right-2.5 tpl:-translate-y-1/2 tpl:text-xs",
 	style: { color: "var(--tpl-text-dim)" }
-}, or = {
+}, rr = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-1 tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, sr = {
+}, ir = {
 	class: "tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, cr = { class: "tpl:mb-3" }, lr = {
+}, ar = { class: "tpl:mb-3" }, or = {
 	class: "tpl:mb-1 tpl:block tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text-muted)" }
-}, ur = ["autofocus"], dr = {
+}, sr = ["autofocus"], cr = {
 	key: 1,
 	class: "tpl:mb-4"
-}, fr = {
+}, lr = {
 	class: "tpl:mb-1 tpl:block tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text-muted)" }
-}, pr = ["placeholder"], mr = { class: "tpl:flex tpl:shrink-0 tpl:justify-end tpl:gap-2 tpl:p-5 tpl:pt-4" }, hr = ["disabled"], gr = /*@__PURE__*/ m({
+}, ur = ["placeholder"], dr = { class: "tpl:flex tpl:shrink-0 tpl:justify-end tpl:gap-2 tpl:p-5 tpl:pt-4" }, fr = ["disabled"], pr = /*@__PURE__*/ m({
 	__name: "MediaEditModal",
 	props: {
 		visible: { type: Boolean },
@@ -4058,38 +3792,38 @@ var Ln = ["data-tpl-theme"], Rn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, zn
 	},
 	emits: ["save", "close"],
 	setup(n, { emit: o }) {
-		let c = n, d = o, { t: f } = Ae(), m = l("tplUiTheme"), g = l(Ve, e(null)), _ = f.mediaLibrary, { isImageMimeType: v } = Fe(), y = e(""), x = e(""), C = e(null), w = e("free"), T = e(void 0), E = e(void 0), D = e(""), O = e(""), te = e(void 0), ne = e(null), re = e(!1), A = e(!1), ie = e(!1), ae = a(() => c.item ? [
+		let c = n, d = o, { t: f } = Ae(), m = l("tplUiTheme"), g = l(Ve, e(null)), _ = f.mediaLibrary, { isImageMimeType: v } = Fe(), y = e(""), x = e(""), C = e(null), w = e("free"), T = e(void 0), E = e(void 0), D = e(""), O = e(""), te = e(void 0), ne = e(null), re = e(!1), ie = e(!1), ae = e(!1), oe = a(() => c.item ? [
 			"image/jpeg",
 			"image/png",
 			"image/webp",
 			"image/gif"
-		].includes(c.item.mime_type) : !1), oe = a(() => w.value === "original" ? te.value : Ie[w.value]), se = a(() => ne.value ? Be(ne.value.width, ne.value.height, T.value, E.value) : null);
+		].includes(c.item.mime_type) : !1), se = a(() => w.value === "original" ? te.value : Ie[w.value]), ce = a(() => ne.value ? Be(ne.value.width, ne.value.height, T.value, E.value) : null);
 		s(() => c.visible, (e) => {
-			e && c.item && (y.value = c.item.filename, x.value = c.item.alt_text || "", w.value = "free", T.value = void 0, E.value = void 0, D.value = "", O.value = "", te.value = void 0, ne.value = null, re.value = !1, ie.value = !1, c.item.width && c.item.height && (te.value = c.item.width / c.item.height));
+			e && c.item && (y.value = c.item.filename, x.value = c.item.alt_text || "", w.value = "free", T.value = void 0, E.value = void 0, D.value = "", O.value = "", te.value = void 0, ne.value = null, re.value = !1, ae.value = !1, c.item.width && c.item.height && (te.value = c.item.width / c.item.height));
 		});
-		function ce(e) {
+		function le(e) {
 			e.coordinates && (ne.value = {
 				width: Math.round(e.coordinates.width),
 				height: Math.round(e.coordinates.height)
-			}, ie.value = !0);
+			}, ae.value = !0);
 		}
-		function le() {
+		function ue() {
 			re.value = !0, !te.value && c.item?.width && c.item?.height && (te.value = c.item.width / c.item.height);
 		}
-		function ue(e) {
+		function de(e) {
 			let t = e.target.value;
 			D.value = t, T.value = t && parseInt(t, 10) || void 0;
 		}
-		function de(e) {
+		function fe(e) {
 			let t = e.target.value;
 			O.value = t, E.value = t && parseInt(t, 10) || void 0;
 		}
-		async function fe() {
+		async function pe() {
 			let e = y.value.trim();
-			if (!e || !c.item || A.value) return;
+			if (!e || !c.item || ie.value) return;
 			let t = v(c.item.mime_type), n;
-			if (ae.value && C.value && ie.value) {
-				A.value = !0;
+			if (oe.value && C.value && ae.value) {
+				ie.value = !0;
 				try {
 					let { canvas: e } = C.value.getResult();
 					if (e) {
@@ -4097,17 +3831,17 @@ var Ln = ["data-tpl-theme"], Rn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, zn
 						n = { file: await ze(t, c.item.filename, r) };
 					}
 				} catch {
-					A.value = !1;
+					ie.value = !1;
 					return;
 				}
-				A.value = !1;
+				ie.value = !1;
 			}
 			d("save", c.item.id, e, t ? x.value : void 0, n), d("close");
 		}
-		function pe(e) {
-			e.key === "Enter" && !A.value && (e.preventDefault(), fe()), e.key === "Escape" && d("close");
+		function me(e) {
+			e.key === "Enter" && !ie.value && (e.preventDefault(), pe()), e.key === "Escape" && d("close");
 		}
-		return (e, a) => (z(), h(b, { to: j(g) || "body" }, [p(ve, {
+		return (e, a) => (z(), h(b, { to: A(g) || "body" }, [p(ve, {
 			"enter-active-class": "tpl:transition tpl:ease-out tpl:duration-150",
 			"enter-from-class": "tpl:opacity-0",
 			"enter-to-class": "tpl:opacity-100",
@@ -4115,30 +3849,30 @@ var Ln = ["data-tpl-theme"], Rn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, zn
 			"leave-from-class": "tpl:opacity-100",
 			"leave-to-class": "tpl:opacity-0"
 		}, {
-			default: F(() => [n.visible && n.item ? (z(), t("div", {
+			default: P(() => [n.visible && n.item ? (z(), t("div", {
 				key: 0,
-				"data-tpl-theme": j(m),
+				"data-tpl-theme": A(m),
 				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: a[3] ||= r((e) => d("close"), ["self"]),
-				onKeydown: pe
+				onKeydown: me
 			}, [i("div", {
-				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", ae.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", oe.value ? "tpl:max-w-2xl" : "tpl:max-w-sm"]),
 				style: { "background-color": "var(--tpl-bg-elevated)" }
 			}, [
-				i("div", Rn, [i("h3", zn, L(j(f).mediaLibrary.editFile), 1)]),
-				i("div", Bn, [
-					ae.value ? (z(), t("div", Vn, [i("div", Hn, [p(j(Pn), {
+				i("div", Fn, [i("h3", In, I(A(f).mediaLibrary.editFile), 1)]),
+				i("div", Ln, [
+					oe.value ? (z(), t("div", Rn, [i("div", zn, [p(A(jn), {
 						ref_key: "cropperRef",
 						ref: C,
 						src: n.item.url,
-						"stencil-props": { aspectRatio: oe.value },
+						"stencil-props": { aspectRatio: se.value },
 						class: "tpl:h-full tpl:w-full",
 						"background-class": "tpl-cropper-background",
-						onChange: ce,
-						onReady: le
-					}, null, 8, ["src", "stencil-props"])]), i("div", Un, [
-						i("div", null, [i("label", Wn, L(j(f).mediaLibrary.cropAspectRatio), 1), i("div", Gn, [(z(), t(R, null, S([
+						onChange: le,
+						onReady: ue
+					}, null, 8, ["src", "stencil-props"])]), i("div", Bn, [
+						i("div", null, [i("label", Vn, I(A(f).mediaLibrary.cropAspectRatio), 1), i("div", Hn, [(z(), t(R, null, S([
 							"free",
 							"square",
 							"landscape43",
@@ -4148,14 +3882,14 @@ var Ln = ["data-tpl-theme"], Rn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, zn
 							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: P({
+							style: N({
 								borderColor: w.value === e ? "var(--tpl-primary)" : "var(--tpl-border)",
 								backgroundColor: w.value === e ? "var(--tpl-primary-light)" : "var(--tpl-bg)",
 								color: w.value === e ? "var(--tpl-primary)" : "var(--tpl-text)"
 							}),
 							onClick: (t) => w.value = e
-						}, L(j(_)[`crop${e.charAt(0).toUpperCase()}${e.slice(1)}`]), 13, Kn)), 64))])]),
-						i("div", qn, [i("div", Jn, [i("label", Yn, [M(L(j(f).mediaLibrary.cropMaxWidth) + " ", 1), i("span", Xn, L(j(f).mediaLibrary.cropOptional), 1)]), i("div", Zn, [i("input", {
+						}, I(A(_)[`crop${e.charAt(0).toUpperCase()}${e.slice(1)}`]), 13, Un)), 64))])]),
+						i("div", Wn, [i("div", Gn, [i("label", Kn, [j(I(A(f).mediaLibrary.cropMaxWidth) + " ", 1), i("span", qn, I(A(f).mediaLibrary.cropOptional), 1)]), i("div", Jn, [i("input", {
 							value: D.value,
 							type: "number",
 							min: "1",
@@ -4166,8 +3900,8 @@ var Ln = ["data-tpl-theme"], Rn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, zn
 								color: "var(--tpl-text)"
 							},
 							placeholder: ne.value?.width?.toString() || "",
-							onInput: ue
-						}, null, 40, Qn), i("span", $n, L(j(f).mediaLibrary.cropPixels), 1)])]), i("div", er, [i("label", tr, [M(L(j(f).mediaLibrary.cropMaxHeight) + " ", 1), i("span", nr, L(j(f).mediaLibrary.cropOptional), 1)]), i("div", rr, [i("input", {
+							onInput: de
+						}, null, 40, Yn), i("span", Xn, I(A(f).mediaLibrary.cropPixels), 1)])]), i("div", Zn, [i("label", Qn, [j(I(A(f).mediaLibrary.cropMaxHeight) + " ", 1), i("span", $n, I(A(f).mediaLibrary.cropOptional), 1)]), i("div", er, [i("input", {
 							value: O.value,
 							type: "number",
 							min: "1",
@@ -4178,11 +3912,11 @@ var Ln = ["data-tpl-theme"], Rn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, zn
 								color: "var(--tpl-text)"
 							},
 							placeholder: ne.value?.height?.toString() || "",
-							onInput: de
-						}, null, 40, ir), i("span", ar, L(j(f).mediaLibrary.cropPixels), 1)])])]),
-						se.value ? (z(), t("div", or, [i("span", null, L(j(f).mediaLibrary.cropOutputSize) + ": ", 1), i("span", sr, L(se.value.width) + " x " + L(se.value.height) + " " + L(j(f).mediaLibrary.cropPixels), 1)])) : N("", !0)
-					])])) : N("", !0),
-					i("div", cr, [i("label", lr, L(j(f).mediaLibrary.fileName), 1), u(i("input", {
+							onInput: fe
+						}, null, 40, tr), i("span", nr, I(A(f).mediaLibrary.cropPixels), 1)])])]),
+						ce.value ? (z(), t("div", rr, [i("span", null, I(A(f).mediaLibrary.cropOutputSize) + ": ", 1), i("span", ir, I(ce.value.width) + " x " + I(ce.value.height) + " " + I(A(f).mediaLibrary.cropPixels), 1)])) : M("", !0)
+					])])) : M("", !0),
+					i("div", ar, [i("label", or, I(A(f).mediaLibrary.fileName), 1), u(i("input", {
 						"onUpdate:modelValue": a[0] ||= (e) => y.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",
@@ -4191,9 +3925,9 @@ var Ln = ["data-tpl-theme"], Rn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, zn
 							"background-color": "var(--tpl-bg)",
 							color: "var(--tpl-text)"
 						},
-						autofocus: !ae.value
-					}, null, 8, ur), [[ee, y.value]])]),
-					j(v)(n.item.mime_type) ? (z(), t("div", dr, [i("label", fr, L(j(f).mediaLibrary.altText), 1), u(i("input", {
+						autofocus: !oe.value
+					}, null, 8, sr), [[ee, y.value]])]),
+					A(v)(n.item.mime_type) ? (z(), t("div", cr, [i("label", lr, I(A(f).mediaLibrary.altText), 1), u(i("input", {
 						"onUpdate:modelValue": a[1] ||= (e) => x.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",
@@ -4202,10 +3936,10 @@ var Ln = ["data-tpl-theme"], Rn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, zn
 							"background-color": "var(--tpl-bg)",
 							color: "var(--tpl-text)"
 						},
-						placeholder: j(f).mediaLibrary.altTextPlaceholder
-					}, null, 8, pr), [[ee, x.value]])])) : N("", !0)
+						placeholder: A(f).mediaLibrary.altTextPlaceholder
+					}, null, 8, ur), [[ee, x.value]])])) : M("", !0)
 				]),
-				i("div", mr, [i("button", {
+				i("div", dr, [i("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)",
@@ -4213,30 +3947,30 @@ var Ln = ["data-tpl-theme"], Rn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, zn
 						"background-color": "var(--tpl-bg)"
 					},
 					onClick: a[2] ||= (e) => d("close")
-				}, L(j(f).mediaLibrary.cancel), 1), i("button", {
+				}, I(A(f).mediaLibrary.cancel), 1), i("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: A.value,
-					onClick: fe
-				}, L(A.value ? j(f).mediaLibrary.saving : j(f).mediaLibrary.saveChanges), 9, hr)])
-			], 2)], 40, Ln)) : N("", !0)]),
+					disabled: ie.value,
+					onClick: pe
+				}, I(ie.value ? A(f).mediaLibrary.saving : A(f).mediaLibrary.saveChanges), 9, fr)])
+			], 2)], 40, Pn)) : M("", !0)]),
 			_: 1
 		})], 8, ["to"]));
 	}
-}), _r = (e, t) => {
+}), mr = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, vr = /*#__PURE__*/ _r(gr, [["__scopeId", "data-v-6b677237"]]), yr = {
+}, hr = /*#__PURE__*/ mr(pr, [["__scopeId", "data-v-6b677237"]]), gr = {
 	key: 1,
 	class: "tpl:size-4 tpl:shrink-0"
-}, br = {
+}, _r = {
 	key: 0,
 	class: "tpl:truncate"
-}, xr = {
+}, vr = {
 	key: 3,
 	class: "tpl:flex tpl:shrink-0 tpl:items-center tpl:gap-0.5 tpl:opacity-0 tpl:transition-opacity tpl:group-hover:opacity-100"
-}, Sr = ["title"], Cr = ["title"], wr = { key: 0 }, Tr = ["placeholder"], Er = 5, Dr = /* @__PURE__ */ m({
+}, yr = ["title"], br = ["title"], xr = { key: 0 }, Sr = ["placeholder"], Cr = /* @__PURE__ */ m({
 	__name: "MediaFolderTreeNode",
 	props: {
 		folder: {},
@@ -4250,7 +3984,7 @@ var Ln = ["data-tpl-theme"], Rn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, zn
 		"deleteFolder"
 	],
 	setup(n, { emit: o }) {
-		let s = n, c = o, { t: l } = Ae(), d = e(!1), f = e(!1), m = e(""), g = e(!1), _ = e(""), v = a(() => (s.folder.children?.length ?? 0) > 0), b = a(() => s.depth < Er - 1), C = a(() => s.currentFolderId === s.folder.id), w = a(() => !s.currentFolderId || !s.folder.children ? !1 : E(s.folder.children, s.currentFolderId)), T = a(() => d.value || w.value);
+		let s = n, c = o, { t: l } = Ae(), d = e(!1), f = e(!1), m = e(""), g = e(!1), _ = e(""), v = a(() => (s.folder.children?.length ?? 0) > 0), b = a(() => s.depth < 4), C = a(() => s.currentFolderId === s.folder.id), w = a(() => !s.currentFolderId || !s.folder.children ? !1 : E(s.folder.children, s.currentFolderId)), T = a(() => d.value || w.value);
 		function E(e, t) {
 			for (let n of e) if (n.id === t || n.children && E(n.children, t)) return !0;
 			return !1;
@@ -4271,17 +4005,17 @@ var Ln = ["data-tpl-theme"], Rn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, zn
 		function re() {
 			g.value = !0, _.value = "", d.value = !0;
 		}
-		function A() {
+		function ie() {
 			_.value.trim() && c("createFolder", _.value.trim(), s.folder.id), g.value = !1, _.value = "";
 		}
-		function ae() {
+		function oe() {
 			g.value = !1, _.value = "";
 		}
 		return (e, a) => {
 			let o = x("MediaFolderTreeNode", !0);
 			return z(), t("div", null, [i("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: P({
+				style: N({
 					paddingLeft: `${n.depth * 16 + 8}px`,
 					backgroundColor: C.value ? "var(--tpl-bg-active)" : "transparent",
 					color: C.value ? "var(--tpl-primary)" : "var(--tpl-text)"
@@ -4291,19 +4025,19 @@ var Ln = ["data-tpl-theme"], Rn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, zn
 					key: 0,
 					class: "tpl:flex tpl:size-4 tpl:shrink-0 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
 					onClick: r(D, ["stop"])
-				}, [p(j(ie), {
+				}, [p(A(ae), {
 					class: k(["tpl:transition-transform tpl:duration-150", { "tpl:rotate-90": T.value }]),
 					size: 10,
 					"stroke-width": 2
-				}, null, 8, ["class"])])) : (z(), t("span", yr)),
+				}, null, 8, ["class"])])) : (z(), t("span", gr)),
 				i("button", {
 					class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:items-center tpl:gap-1.5",
 					onClick: a[0] ||= (e) => c("navigate", n.folder.id)
-				}, [p(j(fe), {
+				}, [p(A(pe), {
 					class: "tpl:shrink-0",
 					size: 14,
 					"stroke-width": 1.5
-				}), f.value ? N("", !0) : (z(), t("span", br, L(n.folder.name), 1))]),
+				}), f.value ? M("", !0) : (z(), t("span", _r, I(n.folder.name), 1))]),
 				f.value ? u((z(), t("input", {
 					key: 2,
 					"onUpdate:modelValue": a[1] ||= (e) => m.value = e,
@@ -4318,35 +4052,35 @@ var Ln = ["data-tpl-theme"], Rn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, zn
 					onKeydown: [y(te, ["enter"]), y(ne, ["escape"])],
 					onBlur: te,
 					onClick: a[2] ||= r(() => {}, ["stop"])
-				}, null, 544)), [[ee, m.value]]) : N("", !0),
-				f.value ? N("", !0) : (z(), t("span", xr, [
+				}, null, 544)), [[ee, m.value]]) : M("", !0),
+				f.value ? M("", !0) : (z(), t("span", vr, [
 					b.value ? (z(), t("button", {
 						key: 0,
 						class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
-						title: j(l).mediaLibrary.addSubfolder,
+						title: A(l).mediaLibrary.addSubfolder,
 						onClick: r(re, ["stop"])
-					}, [p(j(de), {
+					}, [p(A(fe), {
 						size: 12,
 						"stroke-width": 2
-					})], 8, Sr)) : N("", !0),
+					})], 8, yr)) : M("", !0),
 					i("button", {
 						class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
-						title: j(l).mediaLibrary.renameFolder,
+						title: A(l).mediaLibrary.renameFolder,
 						onClick: r(O, ["stop"])
-					}, [p(j(me), {
+					}, [p(A(he), {
 						size: 12,
 						"stroke-width": 2
-					})], 8, Cr),
+					})], 8, br),
 					i("button", {
 						class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
 						onClick: a[3] ||= r((e) => c("deleteFolder", n.folder.id), ["stop"])
-					}, [p(j(le), {
+					}, [p(A(ue), {
 						size: 12,
 						"stroke-width": 2,
 						style: { color: "var(--tpl-danger)" }
 					})])
 				]))
-			], 4), T.value ? (z(), t("div", wr, [(z(!0), t(R, null, S(n.folder.children, (e) => (z(), h(o, {
+			], 4), T.value ? (z(), t("div", xr, [(z(!0), t(R, null, S(n.folder.children, (e) => (z(), h(o, {
 				key: e.id,
 				folder: e,
 				"current-folder-id": n.currentFolderId,
@@ -4361,7 +4095,7 @@ var Ln = ["data-tpl-theme"], Rn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, zn
 				"depth"
 			]))), 128)), g.value ? (z(), t("div", {
 				key: 0,
-				style: P({ paddingLeft: `${(n.depth + 1) * 16 + 8}px` }),
+				style: N({ paddingLeft: `${(n.depth + 1) * 16 + 8}px` }),
 				class: "tpl:py-1.5 tpl:pr-2"
 			}, [u(i("input", {
 				"onUpdate:modelValue": a[8] ||= (e) => _.value = e,
@@ -4372,17 +4106,17 @@ var Ln = ["data-tpl-theme"], Rn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, zn
 					"background-color": "var(--tpl-bg)",
 					color: "var(--tpl-text)"
 				},
-				placeholder: j(l).mediaLibrary.subfolderName,
+				placeholder: A(l).mediaLibrary.subfolderName,
 				autofocus: "",
-				onKeydown: [y(A, ["enter"]), y(ae, ["escape"])],
-				onBlur: A
-			}, null, 40, Tr), [[ee, _.value]])], 4)) : N("", !0)])) : N("", !0)]);
+				onKeydown: [y(ie, ["enter"]), y(oe, ["escape"])],
+				onBlur: ie
+			}, null, 40, Sr), [[ee, _.value]])], 4)) : M("", !0)])) : M("", !0)]);
 		};
 	}
-}), Or = { class: "tpl:flex tpl:h-full tpl:flex-col tpl:overflow-y-auto" }, kr = {
+}), wr = { class: "tpl:flex tpl:h-full tpl:flex-col tpl:overflow-y-auto" }, Tr = {
 	key: 0,
 	class: "tpl:px-3 tpl:py-2"
-}, Ar = ["placeholder"], jr = /* @__PURE__ */ m({
+}, Er = ["placeholder"], Dr = /* @__PURE__ */ m({
 	__name: "MediaFolderTree",
 	props: {
 		folders: {},
@@ -4408,19 +4142,19 @@ var Ln = ["data-tpl-theme"], Rn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, zn
 		function f() {
 			s.value = !1, c.value = "";
 		}
-		return (e, r) => (z(), t("div", Or, [
+		return (e, r) => (z(), t("div", wr, [
 			i("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: P({
+				style: N({
 					backgroundColor: n.viewMode === "files" && n.currentFolderId === null ? "var(--tpl-bg-active)" : "transparent",
 					color: n.viewMode === "files" && n.currentFolderId === null ? "var(--tpl-primary)" : "var(--tpl-text)"
 				}),
 				onClick: r[0] ||= (e) => a("navigate", null)
-			}, [p(j(ce), {
+			}, [p(A(le), {
 				size: 14,
 				"stroke-width": 1.5
-			}), M(" " + L(j(o).mediaLibrary.allFiles), 1)], 4),
-			(z(!0), t(R, null, S(n.folders, (e) => (z(), h(Dr, {
+			}), j(" " + I(A(o).mediaLibrary.allFiles), 1)], 4),
+			(z(!0), t(R, null, S(n.folders, (e) => (z(), h(Cr, {
 				key: e.id,
 				folder: e,
 				"current-folder-id": n.currentFolderId,
@@ -4430,7 +4164,7 @@ var Ln = ["data-tpl-theme"], Rn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, zn
 				onRenameFolder: r[3] ||= (e, t) => a("renameFolder", e, t),
 				onDeleteFolder: r[4] ||= (e) => a("deleteFolder", e)
 			}, null, 8, ["folder", "current-folder-id"]))), 128)),
-			s.value ? (z(), t("div", kr, [u(i("input", {
+			s.value ? (z(), t("div", Tr, [u(i("input", {
 				"onUpdate:modelValue": r[5] ||= (e) => c.value = e,
 				type: "text",
 				class: "tpl:w-full tpl:rounded tpl:border tpl:px-2 tpl:py-1 tpl:text-xs tpl:outline-none",
@@ -4439,37 +4173,37 @@ var Ln = ["data-tpl-theme"], Rn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, zn
 					"background-color": "var(--tpl-bg)",
 					color: "var(--tpl-text)"
 				},
-				placeholder: j(o).mediaLibrary.folderName,
+				placeholder: A(o).mediaLibrary.folderName,
 				autofocus: "",
 				onKeydown: [y(d, ["enter"]), y(f, ["escape"])],
 				onBlur: d
-			}, null, 40, Ar), [[ee, c.value]])])) : N("", !0),
-			s.value ? N("", !0) : (z(), t("button", {
+			}, null, 40, Er), [[ee, c.value]])])) : M("", !0),
+			s.value ? M("", !0) : (z(), t("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: l
-			}, [p(j(de), {
+			}, [p(A(fe), {
 				size: 14,
 				"stroke-width": 1.5
-			}), M(" " + L(j(o).mediaLibrary.newFolder), 1)])),
+			}), j(" " + I(A(o).mediaLibrary.newFolder), 1)])),
 			r[7] ||= i("div", { class: "tpl:flex-1" }, null, -1),
 			n.hasFrequentlyUsed ? (z(), t("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: P({
+				style: N({
 					borderColor: "var(--tpl-border)",
 					backgroundColor: n.viewMode === "frequently-used" ? "var(--tpl-bg-active)" : "transparent",
 					color: n.viewMode === "frequently-used" ? "var(--tpl-primary)" : "var(--tpl-text)"
 				}),
 				onClick: r[6] ||= (e) => a("showFrequentlyUsed")
-			}, [p(j(pe), {
+			}, [p(A(me), {
 				size: 14,
 				"stroke-width": 1.5
-			}), M(" " + L(j(o).mediaLibrary.frequentlyUsed), 1)], 4)) : N("", !0)
+			}), j(" " + I(A(o).mediaLibrary.frequentlyUsed), 1)], 4)) : M("", !0)
 		]));
 	}
-}), Mr = { class: "tpl:flex tpl:aspect-square tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2" }, Nr = /* @__PURE__ */ m({
+}), Or = { class: "tpl:flex tpl:aspect-square tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2" }, kr = /* @__PURE__ */ m({
 	__name: "MediaFileIcon",
 	props: { mimeType: {} },
 	setup(e) {
@@ -4570,7 +4304,7 @@ var Ln = ["data-tpl-theme"], Rn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, zn
 			bgColor: "#f9fafb",
 			icon: "document"
 		}, s = a(() => r[n.mimeType] ?? o);
-		return (e, n) => (z(), t("div", Mr, [s.value.icon === "document" ? (z(), t("svg", {
+		return (e, n) => (z(), t("div", Or, [s.value.icon === "document" ? (z(), t("svg", {
 			key: 0,
 			width: "60",
 			height: "60",
@@ -4578,7 +4312,7 @@ var Ln = ["data-tpl-theme"], Rn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, zn
 			fill: "none",
 			stroke: "currentColor",
 			"stroke-width": "1.5",
-			style: P({ color: s.value.color })
+			style: N({ color: s.value.color })
 		}, [...n[0] ||= [
 			i("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }, null, -1),
 			i("polyline", { points: "14 2 14 8 20 8" }, null, -1),
@@ -4602,7 +4336,7 @@ var Ln = ["data-tpl-theme"], Rn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, zn
 			fill: "none",
 			stroke: "currentColor",
 			"stroke-width": "1.5",
-			style: P({ color: s.value.color })
+			style: N({ color: s.value.color })
 		}, [...n[1] ||= [i("rect", {
 			x: "2",
 			y: "4",
@@ -4621,7 +4355,7 @@ var Ln = ["data-tpl-theme"], Rn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, zn
 			fill: "none",
 			stroke: "currentColor",
 			"stroke-width": "1.5",
-			style: P({ color: s.value.color })
+			style: N({ color: s.value.color })
 		}, [...n[2] ||= [
 			i("path", { d: "M9 18V5l12-2v13" }, null, -1),
 			i("circle", {
@@ -4636,16 +4370,16 @@ var Ln = ["data-tpl-theme"], Rn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, zn
 			}, null, -1)
 		]], 4)), i("span", {
 			class: "tpl:text-xs tpl:font-bold tpl:tracking-wider",
-			style: P({ color: s.value.color })
-		}, L(s.value.label), 5)]));
+			style: N({ color: s.value.color })
+		}, I(s.value.label), 5)]));
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/@vueuse+shared@14.3.0_vue@3.5.40_typescript@6.0.3_/node_modules/@vueuse/shared/dist/index.js
-function Pr(e, t) {
+//#region ../../node_modules/.pnpm/@vueuse+shared@14.4.0_vue@3.5.40_typescript@6.0.3_/node_modules/@vueuse/shared/dist/index.js
+function Ar(e, t) {
 	return T() ? (E(e, t), !0) : !1;
 }
-function Fr() {
+function jr() {
 	let e = /* @__PURE__ */ new Set(), t = (t) => {
 		e.delete(t);
 	};
@@ -4653,7 +4387,7 @@ function Fr() {
 		on: (n) => {
 			e.add(n);
 			let r = () => t(n);
-			return Pr(r), { off: r };
+			return Ar(r), { off: r };
 		},
 		off: t,
 		trigger: (...t) => Promise.all(Array.from(e).map((e) => e(...t))),
@@ -4662,14 +4396,14 @@ function Fr() {
 		}
 	};
 }
-var Ir = typeof window < "u" && typeof document < "u";
+var Mr = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-var Lr = (e) => e != null, Rr = Object.prototype.toString, zr = (e) => Rr.call(e) === "[object Object]", Br = () => {}, Vr = (e, t) => Object.hasOwn(e, t), Hr = /* @__PURE__ */ Ur();
-function Ur() {
+var Nr = (e) => e != null, Pr = Object.prototype.toString, Fr = (e) => Pr.call(e) === "[object Object]", $ = () => {}, Ir = (e, t) => Object.hasOwn(e, t), Lr = /* #__PURE__ */ Rr();
+function Rr() {
 	var e, t;
-	return Ir && !!(!((e = window) == null || (e = e.navigator) == null) && e.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((t = window) == null || (t = t.navigator) == null ? void 0 : t.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window?.navigator.userAgent));
+	return Mr && !!((e = window) != null && (e = e.navigator) != null && e.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((t = window) == null || (t = t.navigator) == null ? void 0 : t.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window?.navigator.userAgent));
 }
-function Wr(e, t) {
+function zr(e, t) {
 	function n(...n) {
 		return new Promise((r, i) => {
 			Promise.resolve(e(() => t.apply(this, n), {
@@ -4679,24 +4413,40 @@ function Wr(e, t) {
 			})).then(r).catch(i);
 		});
 	}
-	return n;
+	return "cancel" in e && Object.assign(n, {
+		cancel: e.cancel,
+		flush: e.flush,
+		isPending: e.isPending
+	}), n;
 }
-function Gr(e, t = {}) {
-	let n, r, i = Br, a = (e) => {
-		clearTimeout(e), i(), i = Br;
-	}, o;
-	return (s) => {
-		let c = I(e), l = I(t.maxWait);
-		return n && a(n), c <= 0 || l !== void 0 && l <= 0 ? (r &&= (a(r), void 0), Promise.resolve(s())) : new Promise((e, u) => {
-			i = t.rejectOnCancel ? u : e, o = s, l && !r && (r = setTimeout(() => {
-				n && a(n), r = void 0, e(o());
-			}, l)), n = setTimeout(() => {
-				r && a(r), r = void 0, e(s());
-			}, c);
-		});
-	};
+function Br(e, t = {}) {
+	let n, r, i = $, a = $, o = L(!1), s = (e) => {
+		clearTimeout(e), i(), i = $;
+	}, c;
+	return Object.assign((l) => {
+		let u = F(e), d = F(t.maxWait);
+		return n && s(n), u <= 0 || d !== void 0 && d <= 0 ? (r &&= (s(r), void 0), o.value = !1, Promise.resolve(l())) : (o.value = !0, new Promise((e, f) => {
+			i = t.rejectOnCancel ? f : e, a = e, c = l, d && !r && (r = setTimeout(() => {
+				n && s(n), r = void 0, o.value = !1, e(c());
+			}, d)), n = setTimeout(() => {
+				r && s(r), r = void 0, o.value = !1, e(l());
+			}, u);
+		}));
+	}, {
+		cancel: () => {
+			n &&= (s(n), void 0), r &&= (s(r), void 0), o.value = !1, a = $;
+		},
+		flush: () => {
+			if (o.value) {
+				n &&= (clearTimeout(n), void 0), r &&= (clearTimeout(r), void 0), o.value = !1;
+				let e = a;
+				i = $, a = $, e(c());
+			}
+		},
+		isPending: re(o)
+	});
 }
-function Kr(e) {
+function Vr(e) {
 	let t;
 	function n() {
 		return t ||= e(), t;
@@ -4706,14 +4456,14 @@ function Kr(e) {
 		t = void 0, e && await e;
 	}, n;
 }
-function qr(e) {
+function Hr(e) {
 	return Array.isArray(e) ? e : [e];
 }
-function Jr(e, t = 200, n = {}) {
-	return Wr(Gr(t, n), e);
+function Ur(e, t = 200, n = {}) {
+	return zr(Br(t, n), e);
 }
-function Yr(e, t, n = {}) {
-	let { immediate: r = !0, immediateCallback: i = !1 } = n, a = ge(!1), o;
+function Wr(e, t, n = {}) {
+	let { immediate: r = !0, immediateCallback: i = !1 } = n, a = L(!1), o;
 	function s() {
 		o &&= (clearTimeout(o), void 0);
 	}
@@ -4723,75 +4473,75 @@ function Yr(e, t, n = {}) {
 	function l(...n) {
 		i && e(), s(), a.value = !0, o = setTimeout(() => {
 			a.value = !1, o = void 0, e(...n);
-		}, I(t));
+		}, F(t));
 	}
-	return r && (a.value = !0, Ir && l()), Pr(c), {
+	return r && (a.value = !0, Mr && l()), Ar(c), {
 		isPending: re(a),
 		start: l,
 		stop: c
 	};
 }
-function Xr(e, t, n) {
+function Gr(e, t, n) {
 	return s(e, t, {
 		...n,
 		immediate: !0
 	});
 }
 //#endregion
-//#region ../../node_modules/.pnpm/@vueuse+core@14.3.0_vue@3.5.40_typescript@6.0.3_/node_modules/@vueuse/core/dist/index.js
-var Zr = Ir ? window : void 0, Qr = Ir ? window.document : void 0, $r = Ir ? window.navigator : void 0;
-function ei(e) {
-	let t = I(e);
+//#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 Kr = Mr ? window : void 0, qr = Mr ? window.document : void 0, Jr = Mr ? window.navigator : void 0;
+function Yr(e) {
+	let t = F(e);
 	return t?.$el ?? t;
 }
-function ti(...e) {
+function Xr(...e) {
 	let t = (e, t, n, r) => (e.addEventListener(t, n, r), () => e.removeEventListener(t, n, r)), n = a(() => {
-		let t = qr(I(e[0])).filter((e) => e != null);
+		let t = Hr(F(e[0])).filter((e) => e != null);
 		return t.every((e) => typeof e != "string") ? t : void 0;
 	});
-	return Xr(() => [
-		n.value?.map((e) => ei(e)) ?? [Zr].filter((e) => e != null),
-		qr(I(n.value ? e[1] : e[0])),
-		qr(j(n.value ? e[2] : e[1])),
-		I(n.value ? e[3] : e[2])
+	return Gr(() => [
+		n.value?.map((e) => Yr(e)) ?? [Kr].filter((e) => e != null),
+		Hr(F(n.value ? e[1] : e[0])),
+		Hr(A(n.value ? e[2] : e[1])),
+		F(n.value ? e[3] : e[2])
 	], ([e, n, r, i], a, o) => {
 		if (!e?.length || !n?.length || !r?.length) return;
-		let s = zr(i) ? { ...i } : i, c = e.flatMap((e) => n.flatMap((n) => r.map((r) => t(e, n, r, s))));
+		let s = Fr(i) ? { ...i } : i, c = e.flatMap((e) => n.flatMap((n) => r.map((r) => t(e, n, r, s))));
 		o(() => {
 			c.forEach((e) => e());
 		});
 	}, { flush: "post" });
 }
-var ni = !1;
-function ri(e, t, n = {}) {
-	let { window: r = Zr, ignore: i = [], capture: a = !0, detectIframe: o = !1, controls: s = !1 } = n;
+var Zr = !1;
+function Qr(e, t, n = {}) {
+	let { window: r = Kr, ignore: i = [], capture: a = !0, detectIframe: o = !1, controls: s = !1 } = n;
 	if (!r) return s ? {
-		stop: Br,
-		cancel: Br,
-		trigger: Br
-	} : Br;
-	if (Hr && !ni) {
-		ni = !0;
+		stop: $,
+		cancel: $,
+		trigger: $
+	} : $;
+	if (Lr && !Zr) {
+		Zr = !0;
 		let e = { passive: !0 };
-		Array.from(r.document.body.children).forEach((t) => t.addEventListener("click", Br, e)), r.document.documentElement.addEventListener("click", Br, e);
+		Array.from(r.document.body.children).forEach((t) => t.addEventListener("click", $, e)), r.document.documentElement.addEventListener("click", $, e);
 	}
-	let c = !0, l = (e) => I(i).some((t) => {
+	let c = !0, l = (e) => F(i).some((t) => {
 		if (typeof t == "string") return Array.from(r.document.querySelectorAll(t)).some((t) => t === e.target || e.composedPath().includes(t));
 		{
-			let n = ei(t);
+			let n = Yr(t);
 			return n && (e.target === n || e.composedPath().includes(n));
 		}
 	});
 	function u(e) {
-		let t = I(e);
+		let t = F(e);
 		return t && t.$.subTree.shapeFlag === 16;
 	}
 	function d(e, t) {
-		let n = I(e), r = n.$.subTree && n.$.subTree.children;
+		let n = F(e), r = n.$.subTree && n.$.subTree.children;
 		return r == null || !Array.isArray(r) ? !1 : r.some((e) => e.el === t.target || t.composedPath().includes(e.el));
 	}
 	let f = (n) => {
-		let r = ei(e);
+		let r = Yr(e);
 		if (n.target != null && !(!(r instanceof Element) && u(e) && d(e, n)) && !(!r || r === n.target || n.composedPath().includes(r))) {
 			if ("detail" in n && n.detail === 0 && (c = !l(n)), !c) {
 				c = !0;
@@ -4800,7 +4550,7 @@ function ri(e, t, n = {}) {
 			t(n);
 		}
 	}, p = !1, m = [
-		ti(r, "click", (e) => {
+		Xr(r, "click", (e) => {
 			p || (p = !0, setTimeout(() => {
 				p = !1;
 			}, 0), f(e));
@@ -4808,13 +4558,13 @@ function ri(e, t, n = {}) {
 			passive: !0,
 			capture: a
 		}),
-		ti(r, "pointerdown", (t) => {
-			let n = ei(e);
+		Xr(r, "pointerdown", (t) => {
+			let n = Yr(e);
 			c = !l(t) && !!(n && !t.composedPath().includes(n));
 		}, { passive: !0 }),
-		o && ti(r, "blur", (n) => {
+		o && Xr(r, "blur", (n) => {
 			setTimeout(() => {
-				let i = ei(e), a = r.document.activeElement;
+				let i = Yr(e), a = r.document.activeElement;
 				for (; a?.shadowRoot;) a = a.shadowRoot.activeElement;
 				a?.tagName === "IFRAME" && !i?.contains(r.document.activeElement) && t(n);
 			}, 0);
@@ -4830,22 +4580,22 @@ function ri(e, t, n = {}) {
 		}
 	} : h;
 }
-function ii() {
-	let e = ge(!1), t = g();
+function $r() {
+	let e = L(!1), t = g();
 	return t && v(() => {
 		e.value = !0;
 	}, t), e;
 }
 /* @__NO_SIDE_EFFECTS__ */
-function ai(e) {
-	return ii(), a(() => !!e());
+function ei(e) {
+	return $r(), a(() => !!e());
 }
-function oi(e, t = {}) {
-	let { controls: n = !1, navigator: r = $r } = t, i = /* @__PURE__ */ ai(() => r && "permissions" in r), a = ge(), o = typeof e == "string" ? { name: e } : e, s = ge(), c = () => {
+function ti(e, t = {}) {
+	let { controls: n = !1, navigator: r = Jr } = t, i = /* @__PURE__ */ ei(() => r && "permissions" in r), a = L(), o = typeof e == "string" ? { name: e } : e, s = L(), c = () => {
 		s.value = a.value?.state ?? "prompt";
 	};
-	ti(a, "change", c, { passive: !0 });
-	let l = Kr(async () => {
+	Xr(a, "change", c, { passive: !0 });
+	let l = Vr(async () => {
 		if (i.value) {
 			if (!a.value) try {
 				a.value = await r.permissions.query(o);
@@ -4854,7 +4604,7 @@ function oi(e, t = {}) {
 			} finally {
 				c();
 			}
-			if (n) return ue(a.value);
+			if (n) return de(a.value);
 		}
 	});
 	return l(), n ? {
@@ -4863,8 +4613,8 @@ function oi(e, t = {}) {
 		query: l
 	} : s;
 }
-function si(e = {}) {
-	let { navigator: t = $r, read: n = !1, source: r, copiedDuring: i = 1500, legacy: o = !1 } = e, s = /* @__PURE__ */ ai(() => t && "clipboard" in t), c = oi("clipboard-read"), l = oi("clipboard-write"), u = a(() => s.value || o), d = ge(""), f = ge(!1), p = ge(!1), m = Yr(() => f.value = !1, i, { immediate: !1 }), h = 0;
+function ni(e = {}) {
+	let { navigator: t = Jr, read: n = !1, source: r, copiedDuring: i = 1500, legacy: o = !1 } = e, s = /* @__PURE__ */ ei(() => t && "clipboard" in t), c = ti("clipboard-read"), l = ti("clipboard-write"), u = a(() => s.value || o), d = L(""), f = L(!1), p = L(!1), m = Wr(() => f.value = !1, i, { immediate: !1 }), h = 0;
 	async function g() {
 		let e = !(s.value && x(c.value));
 		if (!e) try {
@@ -4874,9 +4624,9 @@ function si(e = {}) {
 		}
 		e && (d.value = b());
 	}
-	u.value && n && ti(["copy", "cut"], g, { passive: !0 });
+	u.value && n && Xr(["copy", "cut"], g, { passive: !0 });
 	async function _(e) {
-		let n = e ?? I(r);
+		let n = e ?? F(r);
 		if (u.value && n != null) {
 			p.value = !0;
 			let e = !(s.value && x(l.value));
@@ -4916,16 +4666,20 @@ function si(e = {}) {
 		copy: _
 	};
 }
-function ci(e, t = {}) {
-	let n = ge(!1), r = ge(null), i = 0, a = !0;
-	if (Ir) {
+function ri(e, t = {}) {
+	let n = L(!1), r = L(null), i = 0, a = !0;
+	if (Mr) {
 		let o = typeof t == "function" ? { onDrop: t } : t, s = o.multiple ?? !0, c = o.preventDefaultForUnhandled ?? !1, l = (e) => {
 			let t = Array.from(e.dataTransfer?.files ?? []);
 			return t.length === 0 ? null : s ? t : [t[0]];
 		}, u = (e) => {
-			let t = j(o.dataTypes);
+			let t = A(o.dataTypes);
 			return typeof t == "function" ? t(e) : !t?.length || e.length !== 0 && e.every((e) => t.some((t) => e.includes(t)));
-		}, d = (e) => o.checkValidity ? o.checkValidity(e) : u(Array.from(e ?? []).map((e) => e.type)) && (s || e.length <= 1), f = () => /^(?:(?!chrome|android).)*safari/i.test(navigator.userAgent) && !("chrome" in window), p = (e, t) => {
+		}, d = (e) => {
+			if (o.checkValidity) return o.checkValidity(e);
+			let t = Array.from(e ?? []).map((e) => e.type);
+			return u(t) && (s || e.length <= 1);
+		}, f = () => /^(?:(?!chrome|android).)*safari/i.test(navigator.userAgent) && !("chrome" in window), p = (e, t) => {
 			let s = e.dataTransfer?.items;
 			if (a = (s && d(s)) ?? !1, c && e.preventDefault(), !f() && !a) {
 				e.dataTransfer && (e.dataTransfer.dropEffect = "none");
@@ -4946,44 +4700,42 @@ function ci(e, t = {}) {
 					var h;
 					--i, i === 0 && (n.value = !1), (h = o.onLeave) == null || h.call(o, null, e);
 					break;
-				case "drop":
-					if (i = 0, n.value = !1, a) {
-						var g;
-						r.value = u, (g = o.onDrop) == null || g.call(o, u, e);
-					}
-					break;
+				case "drop": if (i = 0, n.value = !1, a) {
+					var g;
+					r.value = u, (g = o.onDrop) == null || g.call(o, u, e);
+				}
 			}
 		};
-		ti(e, "dragenter", (e) => p(e, "enter")), ti(e, "dragover", (e) => p(e, "over")), ti(e, "dragleave", (e) => p(e, "leave")), ti(e, "drop", (e) => p(e, "drop"));
+		Xr(e, "dragenter", (e) => p(e, "enter")), Xr(e, "dragover", (e) => p(e, "over")), Xr(e, "dragleave", (e) => p(e, "leave")), Xr(e, "drop", (e) => p(e, "drop"));
 	}
 	return {
 		files: r,
 		isOverDropZone: n
 	};
 }
-function li(e, t, n = {}) {
-	let { root: r, rootMargin: i, threshold: o = 0, window: c = Zr, immediate: l = !0 } = n, u = /* @__PURE__ */ ai(() => c && "IntersectionObserver" in c), d = a(() => qr(I(e)).map(ei).filter(Lr)), f = Br, p = ge(l), m = u.value ? s(() => [
+function ii(e, t, n = {}) {
+	let { root: r, rootMargin: i, threshold: o = 0, window: c = Kr, immediate: l = !0 } = n, u = /* @__PURE__ */ ei(() => c && "IntersectionObserver" in c), d = a(() => Hr(F(e)).map(Yr).filter(Nr)), f = $, p = L(l), m = u.value ? s(() => [
 		d.value,
-		ei(r),
-		I(i),
+		Yr(r),
+		F(i),
 		p.value
 	], ([e, n, r]) => {
 		if (f(), !p.value || !e.length) return;
 		let i = new IntersectionObserver(t, {
-			root: ei(n),
+			root: Yr(n),
 			rootMargin: r,
 			threshold: o
 		});
 		e.forEach((e) => e && i.observe(e)), f = () => {
-			i.disconnect(), f = Br;
+			i.disconnect(), f = $;
 		};
 	}, {
 		immediate: l,
 		flush: "post"
-	}) : Br, h = () => {
+	}) : $, h = () => {
 		f(), m(), p.value = !1;
 	};
-	return Pr(h), {
+	return Ar(h), {
 		isSupported: u,
 		isActive: p,
 		pause() {
@@ -4995,22 +4747,22 @@ function li(e, t, n = {}) {
 		stop: h
 	};
 }
-var ui = {
+var ai = {
 	multiple: !0,
 	accept: "*",
 	reset: !1,
 	directory: !1
 };
-function di(e) {
+function oi(e) {
 	if (!e) return null;
 	if (e instanceof FileList) return e;
 	let t = new DataTransfer();
 	for (let n of e) t.items.add(n);
 	return t.files;
 }
-function fi(t = {}) {
-	let { document: n = Qr } = t, r = e(di(t.initialFiles)), { on: i, trigger: o } = Fr(), { on: s, trigger: c } = Fr(), l = a(() => {
-		let e = ei(t.input) ?? (n ? n.createElement("input") : void 0);
+function si(t = {}) {
+	let { document: n = qr } = t, r = e(oi(t.initialFiles)), { on: i, trigger: o } = jr(), { on: s, trigger: c } = jr(), l = a(() => {
+		let e = Yr(t.input) ?? (n ? n.createElement("input") : void 0);
 		return e && (e.type = "file", e.onchange = (e) => {
 			r.value = e.target.files, o(r.value);
 		}, e.oncancel = () => {
@@ -5020,7 +4772,7 @@ function fi(t = {}) {
 		r.value = null, l.value && l.value.value && (l.value.value = "", o(null));
 	}, f = (e) => {
 		let t = l.value;
-		t && (t.multiple = I(e.multiple), t.accept = I(e.accept), t.webkitdirectory = I(e.directory), Vr(e, "capture") && (t.capture = I(e.capture)));
+		t && (t.multiple = F(e.multiple), t.accept = F(e.accept), t.webkitdirectory = F(e.directory), Ir(e, "capture") && (t.capture = F(e.capture)));
 	};
 	return d(() => {
 		f(t);
@@ -5030,11 +4782,11 @@ function fi(t = {}) {
 			let n = l.value;
 			if (!n) return;
 			let r = {
-				...ui,
+				...ai,
 				...t,
 				...e
 			};
-			f(r), I(r.reset) && u(), n.click();
+			f(r), F(r.reset) && u(), n.click();
 		},
 		reset: u,
 		onCancel: s,
@@ -5043,48 +4795,48 @@ function fi(t = {}) {
 }
 //#endregion
 //#region src/components/media/MediaGrid.vue?vue&type=script&setup=true&lang.ts
-var pi = { class: "tpl:p-4" }, mi = {
+var ci = { class: "tpl:p-4" }, li = {
 	key: 1,
 	class: "tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:py-16"
-}, hi = {
+}, ui = {
 	class: "tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, gi = {
+}, di = {
 	key: 2,
 	class: "tpl:grid tpl:grid-cols-4 tpl:gap-3"
-}, _i = ["onClick"], vi = { class: "tpl:aspect-square" }, yi = ["src", "alt"], bi = { class: "tpl:px-2 tpl:py-1.5" }, xi = {
+}, fi = ["onClick"], pi = { class: "tpl:aspect-square" }, mi = ["src", "alt"], hi = { class: "tpl:px-2 tpl:py-1.5" }, gi = {
 	class: "tpl:truncate tpl:text-[10px] tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, Si = {
+}, _i = {
 	class: "tpl:flex tpl:justify-between tpl:text-[9px]",
 	style: { color: "var(--tpl-text-muted)" }
-}, Ci = { key: 0 }, wi = { class: "tpl:absolute tpl:top-1.5 tpl:left-1.5 tpl:flex tpl:gap-1 tpl:opacity-0 tpl:transition-opacity tpl:duration-150 tpl:group-hover:opacity-100" }, Ti = ["title", "onClick"], Ei = ["title", "onClick"], Di = {
+}, vi = { key: 0 }, yi = { class: "tpl:absolute tpl:top-1.5 tpl:left-1.5 tpl:flex tpl:gap-1 tpl:opacity-0 tpl:transition-opacity tpl:duration-150 tpl:group-hover:opacity-100" }, bi = ["title", "onClick"], xi = ["title", "onClick"], Si = {
 	key: 0,
 	class: "tpl:absolute tpl:top-1.5 tpl:right-1.5 tpl:flex tpl:size-5 tpl:items-center tpl:justify-center tpl:rounded-full tpl:text-white",
 	style: { "background-color": "var(--tpl-primary)" }
-}, Oi = {
+}, Ci = {
 	key: 3,
 	class: "tpl:flex tpl:flex-col tpl:gap-1"
-}, ki = ["onClick"], Ai = {
+}, wi = ["onClick"], Ti = {
 	class: "tpl:size-10 tpl:shrink-0 tpl:overflow-hidden tpl:rounded",
 	style: { "background-color": "var(--tpl-bg-hover)" }
-}, ji = ["src", "alt"], Mi = {
+}, Ei = ["src", "alt"], Di = {
 	key: 1,
 	class: "tpl-list-icon tpl:size-full"
-}, Ni = { class: "tpl:min-w-0 tpl:flex-1" }, Pi = {
+}, Oi = { class: "tpl:min-w-0 tpl:flex-1" }, ki = {
 	class: "tpl:truncate tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, Fi = {
+}, Ai = {
 	class: "tpl:text-[10px]",
 	style: { color: "var(--tpl-text-muted)" }
-}, Ii = { class: "tpl:flex tpl:gap-1 tpl:opacity-0 tpl:transition-opacity tpl:duration-150 tpl:group-hover:opacity-100" }, Li = ["title", "onClick"], Ri = ["title", "onClick"], zi = {
+}, ji = { class: "tpl:flex tpl:gap-1 tpl:opacity-0 tpl:transition-opacity tpl:duration-150 tpl:group-hover:opacity-100" }, Mi = ["title", "onClick"], Ni = ["title", "onClick"], Pi = {
 	key: 0,
 	class: "tpl:flex tpl:size-5 tpl:shrink-0 tpl:items-center tpl:justify-center tpl:rounded-full tpl:text-white",
 	style: { "background-color": "var(--tpl-primary)" }
-}, Bi = {
+}, Fi = {
 	key: 4,
 	class: "tpl:flex tpl:justify-center tpl:py-4"
-}, Vi = /*#__PURE__*/ _r(/* @__PURE__ */ m({
+}, Ii = /*#__PURE__*/ mr(/* @__PURE__ */ m({
 	__name: "MediaGrid",
 	props: {
 		items: {},
@@ -5110,11 +4862,11 @@ var pi = { class: "tpl:p-4" }, mi = {
 			s("select", e);
 		}
 		let { t: f } = Ae(), m = e(null);
-		li(m, ([{ isIntersecting: e }]) => {
+		ii(m, ([{ isIntersecting: e }]) => {
 			e && o.hasMore && !o.isLoading && s("loadMore");
 		}, { threshold: .1 });
 		function g(e) {
-			return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
+			return e < 1024 ? `${e} B` : e < 1048576 ? `${(e / 1024).toFixed(1)} KB` : `${(e / 1048576).toFixed(1)} MB`;
 		}
 		function _(e) {
 			return new Date(e).toLocaleDateString(void 0, {
@@ -5123,7 +4875,7 @@ var pi = { class: "tpl:p-4" }, mi = {
 				day: "numeric"
 			});
 		}
-		return (e, a) => (z(), t("div", pi, [
+		return (e, a) => (z(), t("div", ci, [
 			n.isLoading && n.items.length === 0 ? (z(), t("div", {
 				key: 0,
 				class: k(n.layout === "list" ? "tpl:flex tpl:flex-col tpl:gap-1" : "tpl:grid tpl:grid-cols-4 tpl:gap-3")
@@ -5131,119 +4883,119 @@ var pi = { class: "tpl:p-4" }, mi = {
 				key: e,
 				class: k(["tpl-pulse tpl:rounded-lg", n.layout === "list" ? "tpl:h-12" : "tpl:aspect-square"]),
 				style: { "background-color": "var(--tpl-bg-hover)" }
-			}, null, 2)), 64))], 2)) : n.items.length === 0 ? (z(), t("div", mi, [p(j(ce), {
+			}, null, 2)), 64))], 2)) : n.items.length === 0 ? (z(), t("div", li, [p(A(le), {
 				class: "tpl:mb-3",
 				size: 40,
 				"stroke-width": 1,
 				style: { color: "var(--tpl-text-dim)" }
-			}), i("p", hi, L(j(f).mediaLibrary.noFiles), 1)])) : n.layout === "list" ? (z(), t("div", Oi, [(z(!0), t(R, null, S(n.items, (e) => (z(), t("div", {
+			}), i("p", ui, I(A(f).mediaLibrary.noFiles), 1)])) : n.layout === "list" ? (z(), t("div", Ci, [(z(!0), t(R, null, S(n.items, (e) => (z(), t("div", {
 				key: e.id,
 				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", [!u(e) && !n.selectedIds.has(e.id) ? "tpl:opacity-60" : ""]]),
-				style: P({ backgroundColor: n.selectedIds.has(e.id) ? "var(--tpl-bg-hover)" : "transparent" }),
+				style: N({ backgroundColor: n.selectedIds.has(e.id) ? "var(--tpl-bg-hover)" : "transparent" }),
 				onClick: (t) => d(e)
 			}, [
-				i("div", Ai, [j(l)(e.mime_type) ? (z(), t("img", {
+				i("div", Ti, [A(l)(e.mime_type) ? (z(), t("img", {
 					key: 0,
 					src: e.small_url || e.url,
 					alt: e.filename,
 					class: "tpl:size-full tpl:object-cover",
 					loading: "lazy"
-				}, null, 8, ji)) : (z(), t("div", Mi, [p(Nr, { "mime-type": e.mime_type }, null, 8, ["mime-type"])]))]),
-				i("div", Ni, [i("p", Pi, L(e.filename), 1), i("p", Fi, [M(L(g(e.size)) + " · " + L(_(e.created_at)) + " ", 1), j(l)(e.mime_type) && e.width && e.height ? (z(), t(R, { key: 0 }, [M(" · " + L(e.width) + "×" + L(e.height), 1)], 64)) : N("", !0)])]),
-				i("div", Ii, [i("button", {
+				}, null, 8, Ei)) : (z(), t("div", Di, [p(kr, { "mime-type": e.mime_type }, null, 8, ["mime-type"])]))]),
+				i("div", Oi, [i("p", ki, I(e.filename), 1), i("p", Ai, [j(I(g(e.size)) + " · " + I(_(e.created_at)) + " ", 1), A(l)(e.mime_type) && e.width && e.height ? (z(), t(R, { key: 0 }, [j(" · " + I(e.width) + "×" + I(e.height), 1)], 64)) : M("", !0)])]),
+				i("div", ji, [i("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: j(f).mediaLibrary.editFile,
+					title: A(f).mediaLibrary.editFile,
 					onClick: r((t) => s("edit", e), ["stop"])
-				}, [p(j(me), {
+				}, [p(A(he), {
 					size: 12,
 					"stroke-width": 2
-				})], 8, Li), i("button", {
+				})], 8, Mi), i("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: j(f).mediaLibrary.replaceFile,
+					title: A(f).mediaLibrary.replaceFile,
 					onClick: r((t) => s("replace", e), ["stop"])
-				}, [p(j(O), {
+				}, [p(A(O), {
 					size: 12,
 					"stroke-width": 2
-				})], 8, Ri)]),
-				n.selectedIds.has(e.id) ? (z(), t("div", zi, [p(j(D), {
+				})], 8, Ni)]),
+				n.selectedIds.has(e.id) ? (z(), t("div", Pi, [p(A(D), {
 					size: 12,
 					"stroke-width": 3
-				})])) : N("", !0)
-			], 14, ki))), 128))])) : (z(), t("div", gi, [(z(!0), t(R, null, S(n.items, (e) => (z(), t("div", {
+				})])) : M("", !0)
+			], 14, wi))), 128))])) : (z(), t("div", di, [(z(!0), t(R, null, S(n.items, (e) => (z(), t("div", {
 				key: e.id,
 				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",
 					!u(e) && !n.selectedIds.has(e.id) ? "tpl:opacity-60" : "",
 					n.selectedIds.has(e.id) ? "tpl-media-item--selected" : ""
 				]]),
-				style: P({
+				style: N({
 					borderColor: n.selectedIds.has(e.id) ? "var(--tpl-primary)" : "transparent",
 					backgroundColor: !u(e) && !n.selectedIds.has(e.id) ? "var(--tpl-bg)" : "var(--tpl-bg-hover)"
 				}),
 				onClick: (t) => d(e)
 			}, [
-				i("div", vi, [j(l)(e.mime_type) ? (z(), t("img", {
+				i("div", pi, [A(l)(e.mime_type) ? (z(), t("img", {
 					key: 0,
 					src: e.small_url || e.url,
 					alt: e.filename,
 					class: "tpl:size-full tpl:object-cover",
 					loading: "lazy"
-				}, null, 8, yi)) : (z(), h(Nr, {
+				}, null, 8, mi)) : (z(), h(kr, {
 					key: 1,
 					"mime-type": e.mime_type
 				}, null, 8, ["mime-type"]))]),
-				i("div", bi, [i("p", xi, L(e.filename), 1), i("p", Si, [i("span", null, L(g(e.size)), 1), j(l)(e.mime_type) && e.width && e.height ? (z(), t("span", Ci, L(e.width) + "×" + L(e.height), 1)) : N("", !0)])]),
-				i("div", wi, [i("button", {
+				i("div", hi, [i("p", gi, I(e.filename), 1), i("p", _i, [i("span", null, I(g(e.size)), 1), A(l)(e.mime_type) && e.width && e.height ? (z(), t("span", vi, I(e.width) + "×" + I(e.height), 1)) : M("", !0)])]),
+				i("div", yi, [i("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: j(f).mediaLibrary.editFile,
+					title: A(f).mediaLibrary.editFile,
 					onClick: r((t) => s("edit", e), ["stop"])
-				}, [p(j(me), {
+				}, [p(A(he), {
 					size: 11,
 					"stroke-width": 2
-				})], 8, Ti), i("button", {
+				})], 8, bi), i("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: j(f).mediaLibrary.replaceFile,
+					title: A(f).mediaLibrary.replaceFile,
 					onClick: r((t) => s("replace", e), ["stop"])
-				}, [p(j(O), {
+				}, [p(A(O), {
 					size: 11,
 					"stroke-width": 2
-				})], 8, Ei)]),
-				n.selectedIds.has(e.id) ? (z(), t("div", Di, [p(j(D), {
+				})], 8, xi)]),
+				n.selectedIds.has(e.id) ? (z(), t("div", Si, [p(A(D), {
 					size: 12,
 					"stroke-width": 3
-				})])) : N("", !0)
-			], 14, _i))), 128))])),
+				})])) : M("", !0)
+			], 14, fi))), 128))])),
 			i("div", {
 				ref_key: "sentinelRef",
 				ref: m,
 				class: "tpl:h-4"
 			}, null, 512),
-			n.isLoading && n.items.length > 0 ? (z(), t("div", Bi, [p(j(se), {
+			n.isLoading && n.items.length > 0 ? (z(), t("div", Fi, [p(A(ce), {
 				class: "tpl-spinner",
 				size: 20,
 				"stroke-width": 2,
 				style: { color: "var(--tpl-primary)" }
-			})])) : N("", !0)
+			})])) : M("", !0)
 		]));
 	}
-}), [["__scopeId", "data-v-9db961d1"]]), Hi = ["data-tpl-theme"], Ui = {
+}), [["__scopeId", "data-v-9db961d1"]]), Li = ["data-tpl-theme"], Ri = {
 	class: "tpl:mx-4 tpl:w-full tpl:max-w-sm tpl:rounded-lg tpl:p-5 tpl:shadow-xl",
 	style: { "background-color": "var(--tpl-bg-elevated)" }
-}, Wi = {
+}, zi = {
 	class: "tpl:mb-4 tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, Gi = { class: "tpl:mb-3" }, Ki = ["placeholder", "disabled"], qi = {
+}, Bi = { class: "tpl:mb-3" }, Vi = ["placeholder", "disabled"], Hi = {
 	key: 0,
 	class: "tpl:mb-3 tpl:text-xs",
 	style: { color: "var(--tpl-danger)" }
-}, Ji = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Yi = ["disabled"], Xi = ["disabled"], Zi = {
+}, Ui = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Wi = ["disabled"], Gi = ["disabled"], Ki = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-1.5"
-}, Qi = { key: 1 }, $i = /* @__PURE__ */ m({
+}, qi = { key: 1 }, Ji = /* @__PURE__ */ m({
 	__name: "MediaImportUrlModal",
 	props: {
 		visible: { type: Boolean },
@@ -5266,7 +5018,7 @@ var pi = { class: "tpl:p-4" }, mi = {
 		function y(e) {
 			e.key === "Enter" && (e.preventDefault(), _()), e.key === "Escape" && v();
 		}
-		return (e, a) => (z(), h(b, { to: j(m) || "body" }, [p(ve, {
+		return (e, a) => (z(), h(b, { to: A(m) || "body" }, [p(ve, {
 			"enter-active-class": "tpl:transition tpl:ease-out tpl:duration-150",
 			"enter-from-class": "tpl:opacity-0",
 			"enter-to-class": "tpl:opacity-100",
@@ -5274,16 +5026,16 @@ var pi = { class: "tpl:p-4" }, mi = {
 			"leave-from-class": "tpl:opacity-100",
 			"leave-to-class": "tpl:opacity-0"
 		}, {
-			default: F(() => [n.visible ? (z(), t("div", {
+			default: P(() => [n.visible ? (z(), t("div", {
 				key: 0,
-				"data-tpl-theme": j(f),
+				"data-tpl-theme": A(f),
 				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: r(v, ["self"]),
 				onKeydown: y
-			}, [i("div", Ui, [
-				i("h3", Wi, L(j(d).mediaLibrary.importFromUrl), 1),
-				i("div", Gi, [u(i("input", {
+			}, [i("div", Ri, [
+				i("h3", zi, I(A(d).mediaLibrary.importFromUrl), 1),
+				i("div", Bi, [u(i("input", {
 					"onUpdate:modelValue": a[0] ||= (e) => g.value = e,
 					type: "url",
 					class: "tpl:w-full tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:outline-none",
@@ -5292,12 +5044,12 @@ var pi = { class: "tpl:p-4" }, mi = {
 						"background-color": "var(--tpl-bg)",
 						color: "var(--tpl-text)"
 					},
-					placeholder: j(d).mediaLibrary.importUrlPlaceholder,
+					placeholder: A(d).mediaLibrary.importUrlPlaceholder,
 					disabled: n.isImporting,
 					autofocus: ""
-				}, null, 8, Ki), [[ee, g.value]])]),
-				n.error ? (z(), t("p", qi, L(n.error), 1)) : N("", !0),
-				i("div", Ji, [i("button", {
+				}, null, 8, Vi), [[ee, g.value]])]),
+				n.error ? (z(), t("p", Hi, I(n.error), 1)) : M("", !0),
+				i("div", Ui, [i("button", {
 					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": n.isImporting }]),
 					style: {
 						"border-color": "var(--tpl-border)",
@@ -5306,25 +5058,25 @@ var pi = { class: "tpl:p-4" }, mi = {
 					},
 					disabled: n.isImporting,
 					onClick: v
-				}, L(j(d).mediaLibrary.cancel), 11, Yi), i("button", {
+				}, I(A(d).mediaLibrary.cancel), 11, Wi), i("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: !g.value.trim() || n.isImporting,
 					onClick: _
-				}, [n.isImporting ? (z(), t("span", Zi, [p(j(se), {
+				}, [n.isImporting ? (z(), t("span", Ki, [p(A(ce), {
 					class: "tpl:animate-spin",
 					size: 12,
 					"stroke-width": 2
-				}), M(" " + L(j(d).mediaLibrary.importing), 1)])) : (z(), t("span", Qi, L(j(d).mediaLibrary.import), 1))], 8, Xi)])
-			])], 40, Hi)) : N("", !0)]),
+				}), j(" " + I(A(d).mediaLibrary.importing), 1)])) : (z(), t("span", qi, I(A(d).mediaLibrary.import), 1))], 8, Gi)])
+			])], 40, Li)) : M("", !0)]),
 			_: 1
 		})], 8, ["to"]));
 	}
-}), ea = { class: "tpl:max-h-56 tpl:overflow-y-auto tpl:py-1" }, ta = ["disabled", "onClick"], na = { class: "tpl:truncate" }, ra = {
+}), Yi = { class: "tpl:max-h-56 tpl:overflow-y-auto tpl:py-1" }, Xi = ["disabled", "onClick"], Zi = { class: "tpl:truncate" }, Qi = {
 	key: 0,
 	class: "tpl:shrink-0",
 	style: { color: "var(--tpl-text-dim)" }
-}, ia = /* @__PURE__ */ m({
+}, $i = /* @__PURE__ */ m({
 	__name: "MediaMovePicker",
 	props: {
 		folders: {},
@@ -5342,7 +5094,7 @@ var pi = { class: "tpl:p-4" }, mi = {
 			}), r.children?.length && n.push(...c(r.children, t + 1));
 			return n;
 		}
-		return ri(s, () => {
+		return Qr(s, () => {
 			a("close");
 		}), (e, r) => (z(), t("div", {
 			ref_key: "pickerRef",
@@ -5352,19 +5104,19 @@ var pi = { class: "tpl:p-4" }, mi = {
 				"border-color": "var(--tpl-border)",
 				"background-color": "var(--tpl-bg-elevated)"
 			}
-		}, [i("div", ea, [n.currentFolderId === null ? N("", !0) : (z(), t("button", {
+		}, [i("div", Yi, [n.currentFolderId === null ? M("", !0) : (z(), t("button", {
 			key: 0,
 			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: r[0] ||= (e) => a("select", null)
-		}, [p(j(ce), {
+		}, [p(A(le), {
 			class: "tpl:shrink-0",
 			size: 14,
 			"stroke-width": 1.5
-		}), M(" " + L(j(o).mediaLibrary.moveToRoot), 1)])), (z(!0), t(R, null, S(c(n.folders), (e) => (z(), t("button", {
+		}), j(" " + I(A(o).mediaLibrary.moveToRoot), 1)])), (z(!0), t(R, null, S(c(n.folders), (e) => (z(), t("button", {
 			key: e.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: P({
+			style: N({
 				paddingLeft: `${e.depth * 16 + 12}px`,
 				color: e.id === n.currentFolderId ? "var(--tpl-text-dim)" : "var(--tpl-text)",
 				opacity: e.id === n.currentFolderId ? .5 : 1
@@ -5372,32 +5124,32 @@ var pi = { class: "tpl:p-4" }, mi = {
 			disabled: e.id === n.currentFolderId,
 			onClick: (t) => a("select", e.id)
 		}, [
-			p(j(fe), {
+			p(A(pe), {
 				class: "tpl:shrink-0",
 				size: 14,
 				"stroke-width": 1.5
 			}),
-			i("span", na, L(e.name), 1),
-			e.id === n.currentFolderId ? (z(), t("span", ra, L(j(o).mediaLibrary.currentFolder), 1)) : N("", !0)
-		], 12, ta))), 128))])], 512));
+			i("span", Zi, I(e.name), 1),
+			e.id === n.currentFolderId ? (z(), t("span", Qi, I(A(o).mediaLibrary.currentFolder), 1)) : M("", !0)
+		], 12, Xi))), 128))])], 512));
 	}
-}), aa = { class: "tpl:flex tpl:items-center tpl:gap-3" }, oa = ["src", "alt"], sa = {
+}), ea = { class: "tpl:flex tpl:items-center tpl:gap-3" }, ta = ["src", "alt"], na = {
 	key: 1,
 	class: "tpl:flex tpl:size-10 tpl:shrink-0 tpl:items-center tpl:justify-center tpl:overflow-hidden tpl:rounded",
 	style: { border: "1px solid var(--tpl-border)" }
-}, ca = { class: "tpl:min-w-0 tpl:flex-1" }, la = {
+}, ra = { class: "tpl:min-w-0 tpl:flex-1" }, ia = {
 	class: "tpl:truncate tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, ua = {
+}, aa = {
 	class: "tpl:mt-0.5 tpl:text-[10px]",
 	style: { color: "var(--tpl-text-muted)" }
-}, da = {
+}, oa = {
 	key: 2,
 	class: "tpl:shrink-0"
-}, fa = {
+}, sa = {
 	class: "tpl:block tpl:text-[10px]",
 	style: { color: "var(--tpl-text-muted)" }
-}, pa = ["value"], ma = ["value"], ha = /*#__PURE__*/ _r(/* @__PURE__ */ m({
+}, ca = ["value"], la = ["value"], ua = /*#__PURE__*/ mr(/* @__PURE__ */ m({
 	__name: "MediaPreviewPanel",
 	props: {
 		item: {},
@@ -5456,7 +5208,7 @@ var pi = { class: "tpl:p-4" }, mi = {
 			return e ? e.join("/") : null;
 		}), g = a(() => c(r.item.mime_type));
 		function _(e) {
-			return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
+			return e < 1024 ? `${e} B` : e < 1048576 ? `${(e / 1024).toFixed(1)} KB` : `${(e / 1048576).toFixed(1)} MB`;
 		}
 		function v(e) {
 			return new Date(e).toLocaleDateString(void 0, {
@@ -5465,39 +5217,39 @@ var pi = { class: "tpl:p-4" }, mi = {
 				day: "numeric"
 			});
 		}
-		return (n, r) => (z(), t("div", aa, [
+		return (n, r) => (z(), t("div", ea, [
 			g.value ? (z(), t("img", {
 				key: 0,
 				src: d.value ?? void 0,
 				alt: e.item.alt_text || e.item.filename,
 				class: "tpl:size-10 tpl:shrink-0 tpl:rounded tpl:object-cover",
 				style: { border: "1px solid var(--tpl-border)" }
-			}, null, 8, oa)) : (z(), t("div", sa, [p(Nr, {
+			}, null, 8, ta)) : (z(), t("div", na, [p(kr, {
 				"mime-type": e.item.mime_type,
 				class: "tpl-preview-icon"
 			}, null, 8, ["mime-type"])])),
-			i("div", ca, [
-				i("p", la, L(e.item.filename), 1),
-				i("p", ua, [
-					M(L(_(e.item.size)) + " · " + L(v(e.item.created_at)) + " ", 1),
-					g.value && e.item.width && e.item.height ? (z(), t(R, { key: 0 }, [M(" · " + L(e.item.width) + "×" + L(e.item.height) + "px ", 1)], 64)) : N("", !0),
+			i("div", ra, [
+				i("p", ia, I(e.item.filename), 1),
+				i("p", aa, [
+					j(I(_(e.item.size)) + " · " + I(v(e.item.created_at)) + " ", 1),
+					g.value && e.item.width && e.item.height ? (z(), t(R, { key: 0 }, [j(" · " + I(e.item.width) + "×" + I(e.item.height) + "px ", 1)], 64)) : M("", !0),
 					h.value ? (z(), t(R, { key: 1 }, [
-						r[0] ||= M(" · ", -1),
-						p(j(fe), {
+						r[0] ||= j(" · ", -1),
+						p(A(pe), {
 							class: "tpl:mb-px tpl:inline",
 							size: 9,
 							"stroke-width": 2
 						}),
-						M(" " + L(h.value), 1)
-					], 64)) : N("", !0)
+						j(" " + I(h.value), 1)
+					], 64)) : M("", !0)
 				]),
 				g.value ? (z(), t("p", {
 					key: 0,
 					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)" }
-				}, L(e.item.alt_text || "\xA0"), 3)) : N("", !0)
+				}, I(e.item.alt_text || "\xA0"), 3)) : M("", !0)
 			]),
-			u.value ? (z(), t("div", da, [i("label", fa, L(j(s).mediaLibrary.conversionLabel), 1), i("select", {
+			u.value ? (z(), t("div", oa, [i("label", sa, I(A(s).mediaLibrary.conversionLabel), 1), i("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)",
@@ -5509,36 +5261,36 @@ var pi = { class: "tpl:p-4" }, mi = {
 			}, [(z(!0), t(R, null, S(l.value, (e) => (z(), t("option", {
 				key: e.value,
 				value: e.value
-			}, L(e.label), 9, ma))), 128))], 40, pa)])) : N("", !0)
+			}, I(e.label), 9, la))), 128))], 40, ca)])) : M("", !0)
 		]));
 	}
-}), [["__scopeId", "data-v-060e36cd"]]), ga = ["data-tpl-theme"], _a = {
+}), [["__scopeId", "data-v-060e36cd"]]), da = ["data-tpl-theme"], fa = {
 	class: "tpl:mx-4 tpl:w-full tpl:max-w-sm tpl:rounded-lg tpl:p-5 tpl:shadow-xl",
 	style: { "background-color": "var(--tpl-bg-elevated)" }
-}, va = {
+}, pa = {
 	class: "tpl:mb-2 tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, ya = {
+}, ma = {
 	class: "tpl:mb-2 tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, ba = {
+}, ha = {
 	key: 0,
 	class: "tpl:mb-3 tpl:text-xs",
 	style: { color: "var(--tpl-warning)" }
-}, xa = {
+}, ga = {
 	class: "tpl:mb-3 tpl:rounded tpl:border tpl:p-2",
 	style: { "border-color": "var(--tpl-border)" }
-}, Sa = {
+}, _a = {
 	class: "tpl:truncate tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, Ca = { class: "tpl:mb-4" }, wa = {
+}, va = { class: "tpl:mb-4" }, ya = {
 	class: "tpl:mb-1 tpl:block tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text-muted)" }
-}, Ta = ["accept"], Ea = {
+}, ba = ["accept"], xa = {
 	key: 1,
 	class: "tpl:mb-3 tpl:text-xs",
 	style: { color: "var(--tpl-danger)" }
-}, Da = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Oa = ["disabled"], ka = ["disabled"], Aa = /* @__PURE__ */ m({
+}, Sa = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Ca = ["disabled"], wa = ["disabled"], Ta = /* @__PURE__ */ m({
 	__name: "MediaReplaceModal",
 	props: {
 		visible: { type: Boolean },
@@ -5567,7 +5319,7 @@ var pi = { class: "tpl:p-4" }, mi = {
 		function w(e) {
 			e.key === "Escape" && u("close");
 		}
-		return (e, a) => (z(), h(b, { to: j(m) || "body" }, [p(ve, {
+		return (e, a) => (z(), h(b, { to: A(m) || "body" }, [p(ve, {
 			"enter-active-class": "tpl:transition tpl:ease-out tpl:duration-150",
 			"enter-from-class": "tpl:opacity-0",
 			"enter-to-class": "tpl:opacity-100",
@@ -5575,19 +5327,19 @@ var pi = { class: "tpl:p-4" }, mi = {
 			"leave-from-class": "tpl:opacity-100",
 			"leave-to-class": "tpl:opacity-0"
 		}, {
-			default: F(() => [n.visible && n.item ? (z(), t("div", {
+			default: P(() => [n.visible && n.item ? (z(), t("div", {
 				key: 0,
-				"data-tpl-theme": j(f),
+				"data-tpl-theme": A(f),
 				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: a[1] ||= r((e) => u("close"), ["self"]),
 				onKeydown: w
-			}, [i("div", _a, [
-				i("h3", va, L(j(d).mediaLibrary.replaceWarningTitle), 1),
-				i("p", ya, L(j(d).mediaLibrary.replaceWarningMessage.replace("{extension}", `.${v.value}`)), 1),
-				x.value ? (z(), t("p", ba, L(j(d).mediaLibrary.replaceWarningUsageNote.replace("{count}", n.usageInfo.template_count.toString())), 1)) : N("", !0),
-				i("div", xa, [i("p", Sa, L(n.item.filename), 1)]),
-				i("div", Ca, [i("label", wa, L(j(d).mediaLibrary.replaceSelectFile), 1), i("input", {
+			}, [i("div", fa, [
+				i("h3", pa, I(A(d).mediaLibrary.replaceWarningTitle), 1),
+				i("p", ma, I(A(d).mediaLibrary.replaceWarningMessage.replace("{extension}", `.${v.value}`)), 1),
+				x.value ? (z(), t("p", ha, I(A(d).mediaLibrary.replaceWarningUsageNote.replace("{count}", n.usageInfo.template_count.toString())), 1)) : M("", !0),
+				i("div", ga, [i("p", _a, I(n.item.filename), 1)]),
+				i("div", va, [i("label", ya, I(A(d).mediaLibrary.replaceSelectFile), 1), i("input", {
 					ref_key: "fileInputRef",
 					ref: g,
 					type: "file",
@@ -5599,9 +5351,9 @@ var pi = { class: "tpl:p-4" }, mi = {
 						color: "var(--tpl-text)"
 					},
 					onChange: S
-				}, null, 40, Ta)]),
-				n.error ? (z(), t("p", Ea, L(n.error), 1)) : N("", !0),
-				i("div", Da, [i("button", {
+				}, null, 40, ba)]),
+				n.error ? (z(), t("p", xa, I(n.error), 1)) : M("", !0),
+				i("div", Sa, [i("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)",
@@ -5610,29 +5362,29 @@ var pi = { class: "tpl:p-4" }, mi = {
 					},
 					disabled: n.isReplacing,
 					onClick: a[0] ||= (e) => u("close")
-				}, L(j(d).mediaLibrary.cancel), 9, Oa), i("button", {
+				}, I(A(d).mediaLibrary.cancel), 9, Ca), i("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: !_.value || n.isReplacing,
 					onClick: C
-				}, L(n.isReplacing ? j(d).mediaLibrary.replacing : j(d).mediaLibrary.replace), 9, ka)])
-			])], 40, ga)) : N("", !0)]),
+				}, I(n.isReplacing ? A(d).mediaLibrary.replacing : A(d).mediaLibrary.replace), 9, wa)])
+			])], 40, da)) : M("", !0)]),
 			_: 1
 		})], 8, ["to"]));
 	}
-}), ja = {
+}), Ea = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-2"
-}, Ma = {
+}, Da = {
 	class: "tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, Na = {
+}, Oa = {
 	class: "tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, Pa = {
+}, ka = {
 	class: "tpl:mt-1 tpl:text-[10px]",
 	style: { color: "var(--tpl-text-dim)" }
-}, Fa = /* @__PURE__ */ m({
+}, Aa = /* @__PURE__ */ m({
 	__name: "MediaUploadZone",
 	props: {
 		isUploading: { type: Boolean },
@@ -5650,9 +5402,9 @@ var pi = { class: "tpl:p-4" }, mi = {
 			let t = f(e);
 			t.length && a("upload", t);
 		}
-		let { isOverDropZone: h } = ci(d, { onDrop: (e) => {
+		let { isOverDropZone: h } = ri(d, { onDrop: (e) => {
 			e?.length && m(e);
-		} }), { open: g, onChange: _ } = fi({
+		} }), { open: g, onChange: _ } = si({
 			accept: l.value,
 			multiple: !0
 		});
@@ -5661,41 +5413,41 @@ var pi = { class: "tpl:p-4" }, mi = {
 		}), (e, r) => (z(), t("div", {
 			ref_key: "dropZoneRef",
 			ref: d,
-			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", j(h) ? "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", A(h) ? "tpl-upload-zone-active" : ""]),
 			style: {
 				"border-color": "var(--tpl-border-light)",
 				"background-color": "var(--tpl-bg)"
 			},
-			onClick: r[0] ||= (e) => j(g)()
-		}, [n.isUploading ? (z(), t("div", ja, [p(j(se), {
+			onClick: r[0] ||= (e) => A(g)()
+		}, [n.isUploading ? (z(), t("div", Ea, [p(A(ce), {
 			class: "tpl-spinner",
 			size: 20,
 			"stroke-width": 2,
 			style: { color: "var(--tpl-primary)" }
-		}), i("span", Ma, L(n.uploadProgress && n.uploadProgress.total > 1 ? j(s)(j(o).mediaLibrary.uploadingProgress, {
+		}), i("span", Da, I(n.uploadProgress && n.uploadProgress.total > 1 ? A(s)(A(o).mediaLibrary.uploadingProgress, {
 			current: n.uploadProgress.current,
 			total: n.uploadProgress.total
-		}) : j(o).mediaLibrary.uploading), 1)])) : (z(), t(R, { key: 1 }, [
-			p(j(he), {
+		}) : A(o).mediaLibrary.uploading), 1)])) : (z(), t(R, { key: 1 }, [
+			p(A(ge), {
 				class: "tpl:mb-2",
 				size: 24,
 				"stroke-width": 1.5,
 				style: { color: "var(--tpl-text-dim)" }
 			}),
-			i("p", Na, L(j(o).mediaLibrary.dropOrClick), 1),
-			i("p", Pa, L(j(o).mediaLibrary.acceptedFormats), 1)
+			i("p", Oa, I(A(o).mediaLibrary.dropOrClick), 1),
+			i("p", ka, I(A(o).mediaLibrary.acceptedFormats), 1)
 		], 64))], 2));
 	}
-}), Ia = [
+}), ja = [
 	"width",
 	"height",
 	"viewBox"
-], La = [
+], Ma = [
 	"cx",
 	"cy",
 	"r",
 	"stroke-width"
-], Ra = [
+], Na = [
 	"cx",
 	"cy",
 	"r",
@@ -5703,14 +5455,14 @@ var pi = { class: "tpl:p-4" }, mi = {
 	"stroke",
 	"stroke-dasharray",
 	"stroke-dashoffset"
-], za = {
+], Pa = {
 	key: 0,
 	class: "tpl:absolute tpl:top-full tpl:left-1/2 tpl:z-50 tpl:mt-2 tpl:-translate-x-1/2 tpl:rounded-md tpl:px-2.5 tpl:py-1.5 tpl:text-xs tpl:whitespace-nowrap tpl:shadow-lg",
 	style: {
 		"background-color": "var(--tpl-text)",
 		color: "var(--tpl-bg-elevated)"
 	}
-}, Ba = /* @__PURE__ */ m({
+}, Fa = /* @__PURE__ */ m({
 	__name: "StorageProgressRing",
 	props: {
 		usedBytes: {},
@@ -5750,7 +5502,7 @@ var pi = { class: "tpl:p-4" }, mi = {
 			fill: "none",
 			"stroke-width": u.value,
 			style: { stroke: "var(--tpl-border)" }
-		}, null, 8, La), i("circle", {
+		}, null, 8, Ma), i("circle", {
 			cx: l.value / 2,
 			cy: l.value / 2,
 			r: d.value,
@@ -5761,7 +5513,7 @@ var pi = { class: "tpl:p-4" }, mi = {
 			"stroke-dasharray": f.value,
 			"stroke-dashoffset": h.value,
 			class: "tpl:transition-all tpl:duration-300 tpl:ease-out"
-		}, null, 8, Ra)], 8, Ia)), p(ve, {
+		}, null, 8, Na)], 8, ja)), p(ve, {
 			"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",
@@ -5769,14 +5521,14 @@ var pi = { class: "tpl:p-4" }, mi = {
 			"leave-from-class": "tpl:opacity-100 tpl:translate-y-0",
 			"leave-to-class": "tpl:opacity-0 tpl:translate-y-1"
 		}, {
-			default: F(() => [c.value ? (z(), t("div", za, [M(L(S.value) + " ", 1), n[2] ||= i("div", {
+			default: P(() => [c.value ? (z(), t("div", Pa, [j(I(S.value) + " ", 1), n[2] ||= i("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)])) : N("", !0)]),
+			}, null, -1)])) : M("", !0)]),
 			_: 1
 		})], 32));
 	}
-}), Va = class {
+}), Ia = class {
 	authManager;
 	constructor(e) {
 		this.authManager = e;
@@ -5933,9 +5685,9 @@ var pi = { class: "tpl:p-4" }, mi = {
 };
 //#endregion
 //#region src/composable.ts
-function Ha(t) {
+function La(t) {
 	if (!t.projectId) throw Error("projectId is required for useMediaLibrary");
-	let n = new Va(t.authManager), r = e([]), i = e([]), a = e(null), o = e("files"), s = e(""), c = e(null), l = e("newest"), u = e(!1), d = e(!1), f = e(!1), p = e(null), m = e(null), h = e(/* @__PURE__ */ new Set()), g = e(null), _ = e([]), v = e({}), y = e(!1), b = e([]), x = e(!1), S = e(null), C = e(!1), w = e(null), T = e(!1), E = e(null), D = e(null), O = 0;
+	let n = new Ia(t.authManager), r = e([]), i = e([]), a = e(null), o = e("files"), s = e(""), c = e(null), l = e("newest"), u = e(!1), d = e(!1), f = e(!1), p = e(null), m = e(null), h = e(/* @__PURE__ */ new Set()), g = e(null), _ = e([]), v = e({}), y = e(!1), b = e([]), x = e(!1), S = e(null), C = e(!1), w = e(null), T = e(!1), E = e(null), D = e(null), O = 0;
 	async function k() {
 		let e = ++O;
 		u.value = !0;
@@ -5985,13 +5737,13 @@ function Ha(t) {
 	async function re(e) {
 		l.value = e, await k();
 	}
-	async function A(e) {
+	async function ie(e) {
 		o.value = "files", a.value = e, s.value = "", h.value = /* @__PURE__ */ new Set(), g.value = null, await k();
 	}
-	async function ie() {
-		o.value = "frequently-used", a.value = null, s.value = "", h.value = /* @__PURE__ */ new Set(), g.value = null, await se();
+	async function ae() {
+		o.value = "frequently-used", a.value = null, s.value = "", h.value = /* @__PURE__ */ new Set(), g.value = null, await ce();
 	}
-	async function ae(e) {
+	async function oe(e) {
 		d.value = !0;
 		try {
 			let t = await n.uploadMedia(e, a.value);
@@ -6002,7 +5754,7 @@ function Ha(t) {
 			d.value = !1;
 		}
 	}
-	async function oe(e) {
+	async function se(e) {
 		d.value = !0, m.value = {
 			current: 0,
 			total: e.length
@@ -6024,7 +5776,7 @@ function Ha(t) {
 			d.value = !1, m.value = null;
 		}
 	}
-	async function j(e) {
+	async function A(e) {
 		if (h.value.size !== 0) try {
 			let t = await n.moveMedia([...h.value], e);
 			if (a.value === null) {
@@ -6036,7 +5788,7 @@ function Ha(t) {
 			t.onError?.(e);
 		}
 	}
-	async function M(e, i, a) {
+	async function j(e, i, a) {
 		try {
 			let t = await n.updateMedia(e, i, a);
 			r.value = r.value.map((n) => n.id === e ? t : n), g.value?.id === e && (g.value = t);
@@ -6044,21 +5796,21 @@ function Ha(t) {
 			t.onError?.(e);
 		}
 	}
-	async function N() {
+	async function M() {
 		if (h.value.size !== 0) try {
 			await n.deleteMedia([...h.value]), r.value = r.value.filter((e) => !h.value.has(e.id)), _.value = _.value.filter((e) => !h.value.has(e.id)), h.value = /* @__PURE__ */ new Set(), g.value = null;
 		} catch (e) {
 			t.onError?.(e);
 		}
 	}
-	async function se() {
+	async function ce() {
 		try {
 			_.value = await n.getFrequentlyUsed();
 		} catch (e) {
 			t.onError?.(e);
 		}
 	}
-	async function ce() {
+	async function le() {
 		if (h.value.size === 0) return !1;
 		b.value = [...h.value];
 		try {
@@ -6070,17 +5822,17 @@ function Ha(t) {
 			return t.onError?.(e), !1;
 		}
 	}
-	async function le() {
+	async function ue() {
 		if (y.value = !1, b.value.length !== 0) try {
 			await n.deleteMedia(b.value), r.value = r.value.filter((e) => !b.value.includes(e.id)), _.value = _.value.filter((e) => !b.value.includes(e.id)), h.value = /* @__PURE__ */ new Set(), g.value = null, b.value = [], v.value = {};
 		} catch (e) {
 			t.onError?.(e);
 		}
 	}
-	function ue() {
+	function de() {
 		y.value = !1, b.value = [], v.value = {};
 	}
-	async function de(e) {
+	async function fe(e) {
 		x.value = !0, S.value = null;
 		try {
 			let t = await n.importFromUrl(e, a.value);
@@ -6091,57 +5843,57 @@ function Ha(t) {
 			x.value = !1;
 		}
 	}
-	function P(e) {
+	function N(e) {
 		let t = new Set(h.value);
 		t.has(e) ? t.delete(e) : t.add(e), h.value = t;
 	}
-	function fe() {
+	function pe() {
 		h.value = /* @__PURE__ */ new Set(), g.value = null;
 	}
-	function F(e) {
+	function P(e) {
 		g.value = e, h.value = /* @__PURE__ */ new Set([e.id]);
 	}
-	async function pe() {
+	async function me() {
 		try {
 			i.value = await n.getMediaFolders();
 		} catch (e) {
 			t.onError?.(e);
 		}
 	}
-	async function I(e, r) {
+	async function F(e, r) {
 		try {
 			let t = await n.createMediaFolder(e, r);
-			return await pe(), t;
+			return await me(), t;
 		} catch (e) {
 			return t.onError?.(e), null;
 		}
 	}
-	function me(e, t) {
+	function he(e, t) {
 		for (let n of e) {
 			if (n.id === t) return n;
 			if (n.children) {
-				let e = me(n.children, t);
+				let e = he(n.children, t);
 				if (e) return e;
 			}
 		}
 		return null;
 	}
-	async function L(e, r) {
+	async function I(e, r) {
 		try {
-			await n.renameMediaFolder(e, r), await pe();
+			await n.renameMediaFolder(e, r), await me();
 		} catch (e) {
 			t.onError?.(e);
 		}
 	}
-	async function he(e) {
+	async function ge(e) {
 		try {
-			let t = me(i.value, e)?.parent_id ?? null;
-			await n.deleteMediaFolder(e), a.value === e && (a.value = t), await pe(), await k();
+			let t = he(i.value, e)?.parent_id ?? null;
+			await n.deleteMediaFolder(e), a.value === e && (a.value = t), await me(), await k();
 		} catch (e) {
 			t.onError?.(e);
 		}
 	}
-	async function ge(e) {
+	async function L(e) {
 		E.value = e, w.value = null;
 		try {
 			let t = await n.checkMediaUsage([e.id]);
@@ -6195,34 +5947,34 @@ function Ha(t) {
 		search: te,
 		filterByCategory: ne,
 		sortBy: re,
-		navigateToFolder: A,
-		showFrequentlyUsed: ie,
-		uploadFile: ae,
-		uploadFiles: oe,
-		moveSelected: j,
-		updateFile: M,
-		deleteSelected: N,
+		navigateToFolder: ie,
+		showFrequentlyUsed: ae,
+		uploadFile: oe,
+		uploadFiles: se,
+		moveSelected: A,
+		updateFile: j,
+		deleteSelected: M,
 		isImportingFromUrl: x,
 		importFromUrlError: S,
-		importFromUrl: de,
-		toggleSelection: P,
-		clearSelection: fe,
-		selectItem: F,
-		loadFolders: pe,
-		createFolder: I,
-		renameFolder: L,
-		deleteFolder: he,
-		findFolderInTree: me,
-		loadFrequentlyUsed: se,
-		checkUsageBeforeDelete: ce,
-		confirmDelete: le,
-		cancelDelete: ue,
+		importFromUrl: fe,
+		toggleSelection: N,
+		clearSelection: pe,
+		selectItem: P,
+		loadFolders: me,
+		createFolder: F,
+		renameFolder: I,
+		deleteFolder: ge,
+		findFolderInTree: he,
+		loadFrequentlyUsed: ce,
+		checkUsageBeforeDelete: le,
+		confirmDelete: ue,
+		cancelDelete: de,
 		isReplacing: C,
 		replaceError: w,
 		showReplaceWarning: T,
 		pendingReplaceItem: E,
 		replaceUsageInfo: D,
-		checkUsageBeforeReplace: ge,
+		checkUsageBeforeReplace: L,
 		cancelReplace: _e,
 		replaceFile: ve,
 		replaceMediaDirectly: R
@@ -6230,7 +5982,7 @@ function Ha(t) {
 }
 //#endregion
 //#region src/composables/useMediaLibraryUI.ts
-function Ua(t) {
+function Ra(t) {
 	let { library: n, canUseMediaFolders: r, translations: i } = t;
 	function o() {
 		return "value" in i && typeof i.value == "object" ? i.value : i;
@@ -6258,13 +6010,13 @@ function Ua(t) {
 	}), s(() => n.previewItem.value?.id, () => {
 		d.value = "original";
 	});
-	let x = Jr((e) => {
+	let x = Ur((e) => {
 		n.search(e);
 	}, 300);
 	function S(e) {
 		u.value = e, x(e);
 	}
-	let { copy: C, copied: w } = si({
+	let { copy: C, copied: w } = ni({
 		copiedDuring: 2e3,
 		legacy: !0
 	});
@@ -6295,16 +6047,16 @@ function Ua(t) {
 	async function re(e) {
 		m.value = !1, await n.moveSelected(e);
 	}
-	async function A() {
+	async function ie() {
 		await n.checkUsageBeforeDelete();
 	}
-	function ie(e) {
+	function ae(e) {
 		n.checkUsageBeforeReplace(e);
 	}
-	async function ae(e) {
+	async function oe(e) {
 		await n.replaceFile(e);
 	}
-	function oe() {
+	function se() {
 		n.clearSelection(), n.cancelDelete(), n.cancelReplace(), u.value = "", n.categoryFilter.value = null, n.sortOption.value = "newest", n.viewMode.value = "files", f.value = null, p.value = !1, d.value = "original";
 	}
 	return {
@@ -6332,15 +6084,15 @@ function Ua(t) {
 		handleEditSave: te,
 		handleImportFromUrl: ne,
 		handleMoveToFolder: re,
-		handleDeleteClick: A,
-		handleReplaceItem: ie,
-		handleReplaceFile: ae,
-		resetUI: oe
+		handleDeleteClick: ie,
+		handleReplaceItem: ae,
+		handleReplaceFile: oe,
+		resetUI: se
 	};
 }
 //#endregion
 //#region src/standalone/MediaLibrary.vue?vue&type=script&setup=true&lang.ts
-var Wa = {
+var za = {
 	class: "tpl tpl:flex tpl:flex-col tpl:overflow-hidden tpl:rounded-[var(--tpl-radius-lg)]",
 	style: {
 		width: "100%",
@@ -6348,62 +6100,62 @@ var Wa = {
 		"background-color": "var(--tpl-bg-elevated)",
 		border: "1px solid var(--tpl-border)"
 	}
-}, Ga = {
+}, Ba = {
 	class: "tpl:flex tpl:shrink-0 tpl:items-center tpl:justify-between tpl:border-b tpl:px-5 tpl:py-3.5",
 	style: { "border-color": "var(--tpl-border)" }
-}, Ka = {
+}, Va = {
 	class: "tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, qa = { class: "tpl:flex tpl:items-center tpl:gap-3" }, Ja = { class: "tpl:relative" }, Ya = ["value", "placeholder"], Xa = { class: "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:overflow-hidden" }, Za = {
+}, Ha = { class: "tpl:flex tpl:items-center tpl:gap-3" }, Ua = { class: "tpl:relative" }, Wa = ["value", "placeholder"], Ga = { class: "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:overflow-hidden" }, Ka = {
 	key: 0,
 	class: "tpl:flex tpl:w-48 tpl:shrink-0 tpl:flex-col tpl:border-r",
 	style: {
 		"border-color": "var(--tpl-border)",
 		"background-color": "var(--tpl-bg)"
 	}
-}, Qa = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:flex-col" }, $a = {
+}, qa = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:flex-col" }, Ja = {
 	class: "tpl:flex tpl:shrink-0 tpl:items-center tpl:justify-between tpl:border-b tpl:px-4 tpl:py-2.5",
 	style: { "border-color": "var(--tpl-border)" }
-}, eo = { class: "tpl:flex tpl:items-center tpl:gap-2" }, to = ["title"], no = {
+}, Ya = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Xa = ["title"], Za = {
 	key: 1,
 	class: "tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, ro = {
+}, Qa = {
 	class: "tpl:flex tpl:rounded-md tpl:p-0.5",
 	style: {
 		border: "1px solid var(--tpl-border)",
 		"background-color": "var(--tpl-bg)"
 	}
-}, io = ["title"], ao = ["title"], oo = { class: "tpl:flex tpl:items-center tpl:gap-2" }, so = ["value"], co = { value: "" }, lo = ["value"], uo = ["value"], fo = { value: "newest" }, po = { value: "oldest" }, mo = { value: "name_asc" }, ho = { value: "name_desc" }, go = { value: "size_asc" }, _o = { value: "size_desc" }, vo = { class: "tpl:min-h-0 tpl:flex-1 tpl:overflow-y-auto" }, yo = {
+}, $a = ["title"], eo = ["title"], to = { class: "tpl:flex tpl:items-center tpl:gap-2" }, no = ["value"], ro = { value: "" }, io = ["value"], ao = ["value"], oo = { value: "newest" }, so = { value: "oldest" }, co = { value: "name_asc" }, lo = { value: "name_desc" }, uo = { value: "size_asc" }, fo = { value: "size_desc" }, po = { class: "tpl:min-h-0 tpl:flex-1 tpl:overflow-y-auto" }, mo = {
 	key: 0,
 	class: "tpl:px-4 tpl:pt-3"
-}, bo = {
+}, ho = {
 	class: "tpl-scale-in tpl:mx-4 tpl:w-full tpl:max-w-sm tpl:rounded-[var(--tpl-radius-lg)] tpl:p-5",
 	style: {
 		"background-color": "var(--tpl-bg-elevated)",
 		"box-shadow": "var(--tpl-shadow-xl)"
 	}
-}, xo = {
+}, go = {
 	class: "tpl:mb-2 tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, So = {
+}, _o = {
 	key: 0,
 	class: "tpl:mb-4 tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, Co = {
+}, vo = {
 	key: 1,
 	class: "tpl:mb-4 tpl:max-h-32 tpl:overflow-y-auto tpl:rounded tpl:border tpl:p-2",
 	style: { "border-color": "var(--tpl-border)" }
-}, wo = { class: "tpl:font-medium" }, To = { style: { color: "var(--tpl-text-muted)" } }, Eo = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Do = {
+}, yo = { class: "tpl:font-medium" }, bo = { style: { color: "var(--tpl-text-muted)" } }, xo = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, So = {
 	class: "tpl:flex tpl:shrink-0 tpl:items-center tpl:justify-between tpl:border-t tpl:px-5 tpl:py-3",
 	style: { "border-color": "var(--tpl-border)" }
-}, Oo = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:items-center tpl:gap-3" }, ko = { class: "tpl:flex tpl:items-center tpl:gap-5" }, Ao = {
+}, Co = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:items-center tpl:gap-3" }, wo = { class: "tpl:flex tpl:items-center tpl:gap-5" }, To = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-2"
-}, jo = {
+}, Eo = {
 	key: 1,
 	class: "tpl:relative"
-}, Mo = { class: "tpl:flex tpl:items-center tpl:gap-2" }, No = ["disabled"], Po = /* @__PURE__ */ m({
+}, Do = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Oo = ["disabled"], ko = /* @__PURE__ */ m({
 	__name: "MediaLibrary",
 	props: {
 		authManager: {},
@@ -6416,39 +6168,41 @@ var Wa = {
 	emits: ["ready"],
 	setup(o, { emit: s }) {
 		let c = o, l = s, u = a(() => c.translations);
-		n("translations", c.translations), n("authManager", c.authManager), n("projectId", a(() => c.projectId)), n("planConfig", {
-			config: e(c.planConfig),
+		n("translations", c.translations), n("authManager", c.authManager), n("projectId", a(() => c.projectId));
+		let d = e(c.planConfig);
+		n("planConfig", {
+			config: d,
 			isLoading: e(!1),
 			hasFeature: (e) => c.planConfig.features[e] ?? !1,
 			features: a(() => c.planConfig.features),
 			fetchConfig: async () => {}
 		});
-		let d = a(() => c.planConfig.features.media_folders ?? !1), f = a(() => c.planConfig.features.import_from_url ?? !1), m = a(() => c.planConfig.storage.used_bytes ?? 0), g = a(() => c.planConfig.storage.limit_bytes ?? 0), { availableCategories: _ } = Fe(), y = Ha({
+		let f = a(() => c.planConfig.features.media_folders ?? !1), m = a(() => c.planConfig.features.import_from_url ?? !1), g = a(() => c.planConfig.storage.used_bytes ?? 0), _ = a(() => c.planConfig.storage.limit_bytes ?? 0), { availableCategories: y } = Fe(), b = La({
 			projectId: c.projectId,
 			authManager: c.authManager,
 			onError: c.onError
-		}), b = Ua({
-			library: y,
-			canUseMediaFolders: d,
+		}), x = Ra({
+			library: b,
+			canUseMediaFolders: f,
 			translations: u
 		});
-		function x() {
-			if (!y.previewItem.value) return;
-			let e = y.previewItem.value;
+		function C() {
+			if (!b.previewItem.value) return;
+			let e = b.previewItem.value;
 			c.onSelect?.({
 				...e,
-				url: b.selectedUrl.value || e.url
+				url: x.selectedUrl.value || e.url
 			});
 		}
 		return v(() => {
-			y.loadItems(), y.loadFrequentlyUsed(), l("ready");
-		}), (e, n) => (z(), t("div", Wa, [
-			i("div", Ga, [i("h2", Ka, L(u.value.mediaLibrary.title), 1), i("div", qa, [p(Ba, {
-				"used-bytes": m.value,
-				"limit-bytes": g.value,
+			b.loadItems(), b.loadFrequentlyUsed(), l("ready");
+		}), (e, n) => (z(), t("div", za, [
+			i("div", Ba, [i("h2", Va, I(u.value.mediaLibrary.title), 1), i("div", Ha, [p(Fa, {
+				"used-bytes": g.value,
+				"limit-bytes": _.value,
 				size: 22
-			}, null, 8, ["used-bytes", "limit-bytes"]), i("div", Ja, [i("input", {
-				value: j(b).searchInput.value,
+			}, null, 8, ["used-bytes", "limit-bytes"]), i("div", Ua, [i("input", {
+				value: A(x).searchInput.value,
 				type: "text",
 				class: "tpl:w-52 tpl:rounded-md tpl:border tpl:py-1.5 tpl:pr-3 tpl:pl-8 tpl:text-xs tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:outline-none tpl:focus:shadow-[var(--tpl-ring)]",
 				style: {
@@ -6457,14 +6211,14 @@ var Wa = {
 					color: "var(--tpl-text)"
 				},
 				placeholder: u.value.mediaLibrary.searchPlaceholder,
-				onInput: n[0] ||= (e) => j(b).handleSearchInput(e.target.value)
-			}, null, 40, Ya), p(j(oe), {
+				onInput: n[0] ||= (e) => A(x).handleSearchInput(e.target.value)
+			}, null, 40, Wa), p(A(se), {
 				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)" }
 			})])])]),
-			i("div", Xa, [p(ve, {
+			i("div", Ga, [p(ve, {
 				"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",
@@ -6472,16 +6226,16 @@ var Wa = {
 				"leave-from-class": "tpl:ml-0 tpl:opacity-100",
 				"leave-to-class": "tpl:-ml-48 tpl:opacity-0"
 			}, {
-				default: F(() => [d.value && j(b).showSidebar.value ? (z(), t("div", Za, [p(jr, {
-					folders: j(y).folders.value,
-					"current-folder-id": j(y).currentFolderId.value,
-					"view-mode": j(y).viewMode.value,
-					"has-frequently-used": j(b).hasFrequentlyUsed.value,
-					onNavigate: j(y).navigateToFolder,
-					onCreateFolder: j(b).handleCreateFolder,
-					onRenameFolder: j(b).handleRenameFolder,
-					onDeleteFolder: j(b).handleDeleteFolder,
-					onShowFrequentlyUsed: j(y).showFrequentlyUsed
+				default: P(() => [f.value && A(x).showSidebar.value ? (z(), t("div", Ka, [p(Dr, {
+					folders: A(b).folders.value,
+					"current-folder-id": A(b).currentFolderId.value,
+					"view-mode": A(b).viewMode.value,
+					"has-frequently-used": A(x).hasFrequentlyUsed.value,
+					onNavigate: A(b).navigateToFolder,
+					onCreateFolder: A(x).handleCreateFolder,
+					onRenameFolder: A(x).handleRenameFolder,
+					onDeleteFolder: A(x).handleDeleteFolder,
+					onShowFrequentlyUsed: A(b).showFrequentlyUsed
 				}, null, 8, [
 					"folders",
 					"current-folder-id",
@@ -6492,57 +6246,57 @@ var Wa = {
 					"onRenameFolder",
 					"onDeleteFolder",
 					"onShowFrequentlyUsed"
-				])])) : N("", !0)]),
+				])])) : M("", !0)]),
 				_: 1
-			}), i("div", Qa, [i("div", $a, [i("div", eo, [
-				d.value ? (z(), t("button", {
+			}), i("div", qa, [i("div", Ja, [i("div", Ya, [
+				f.value ? (z(), t("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: P({
-						color: j(b).showSidebar.value ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
-						backgroundColor: j(b).showSidebar.value ? "var(--tpl-bg)" : "transparent",
-						border: j(b).showSidebar.value ? "1px solid var(--tpl-border)" : "1px solid transparent"
+					style: N({
+						color: A(x).showSidebar.value ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
+						backgroundColor: A(x).showSidebar.value ? "var(--tpl-bg)" : "transparent",
+						border: A(x).showSidebar.value ? "1px solid var(--tpl-border)" : "1px solid transparent"
 					}),
-					title: j(b).showSidebar.value ? u.value.mediaLibrary.hideFolders : u.value.mediaLibrary.showFolders,
-					onClick: n[1] ||= (e) => j(b).showSidebar.value = !j(b).showSidebar.value
-				}, [p(j(te), {
+					title: A(x).showSidebar.value ? u.value.mediaLibrary.hideFolders : u.value.mediaLibrary.showFolders,
+					onClick: n[1] ||= (e) => A(x).showSidebar.value = !A(x).showSidebar.value
+				}, [p(A(te), {
 					size: 16,
 					"stroke-width": 2
-				})], 12, to)) : N("", !0),
-				j(y).viewMode.value === "frequently-used" ? (z(), t("span", no, L(u.value.mediaLibrary.frequentlyUsed), 1)) : (z(), h(Pe, {
+				})], 12, Xa)) : M("", !0),
+				A(b).viewMode.value === "frequently-used" ? (z(), t("span", Za, I(u.value.mediaLibrary.frequentlyUsed), 1)) : (z(), h(Pe, {
 					key: 2,
-					folders: j(y).folders.value,
-					"current-folder-id": j(y).currentFolderId.value,
-					onNavigate: j(y).navigateToFolder
+					folders: A(b).folders.value,
+					"current-folder-id": A(b).currentFolderId.value,
+					onNavigate: A(b).navigateToFolder
 				}, null, 8, [
 					"folders",
 					"current-folder-id",
 					"onNavigate"
 				])),
-				i("div", ro, [i("button", {
+				i("div", Qa, [i("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: P({
-						color: j(b).layoutMode.value === "grid" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
-						backgroundColor: j(b).layoutMode.value === "grid" ? "var(--tpl-bg-elevated)" : "transparent"
+					style: N({
+						color: A(x).layoutMode.value === "grid" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
+						backgroundColor: A(x).layoutMode.value === "grid" ? "var(--tpl-bg-elevated)" : "transparent"
 					}),
 					title: u.value.mediaLibrary.viewGrid,
-					onClick: n[2] ||= (e) => j(b).layoutMode.value = "grid"
-				}, [p(j(A), {
+					onClick: n[2] ||= (e) => A(x).layoutMode.value = "grid"
+				}, [p(A(ie), {
 					size: 14,
 					"stroke-width": 2
-				})], 12, io), i("button", {
+				})], 12, $a), i("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: P({
-						color: j(b).layoutMode.value === "list" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
-						backgroundColor: j(b).layoutMode.value === "list" ? "var(--tpl-bg-elevated)" : "transparent"
+					style: N({
+						color: A(x).layoutMode.value === "list" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
+						backgroundColor: A(x).layoutMode.value === "list" ? "var(--tpl-bg-elevated)" : "transparent"
 					}),
 					title: u.value.mediaLibrary.viewList,
-					onClick: n[3] ||= (e) => j(b).layoutMode.value = "list"
-				}, [p(j(_e), {
+					onClick: n[3] ||= (e) => A(x).layoutMode.value = "list"
+				}, [p(A(_e), {
 					size: 14,
 					"stroke-width": 2
-				})], 12, ao)])
-			]), i("div", oo, [j(_).length > 1 ? (z(), t("select", {
+				})], 12, eo)])
+			]), i("div", to, [A(y).length > 1 ? (z(), t("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: {
@@ -6550,36 +6304,36 @@ var Wa = {
 					"background-color": "var(--tpl-bg)",
 					color: "var(--tpl-text)"
 				},
-				value: j(y).categoryFilter.value ?? "",
-				onChange: n[4] ||= (e) => j(y).filterByCategory(e.target.value || null)
-			}, [i("option", co, L(u.value.mediaLibrary.filterAll), 1), (z(!0), t(R, null, S(j(_), (e) => (z(), t("option", {
+				value: A(b).categoryFilter.value ?? "",
+				onChange: n[4] ||= (e) => A(b).filterByCategory(e.target.value || null)
+			}, [i("option", ro, I(u.value.mediaLibrary.filterAll), 1), (z(!0), t(R, null, S(A(y), (e) => (z(), t("option", {
 				key: e,
 				value: e
-			}, L(j(b).getCategoryLabel(e)), 9, lo))), 128))], 40, so)) : N("", !0), i("select", {
+			}, I(A(x).getCategoryLabel(e)), 9, io))), 128))], 40, no)) : M("", !0), i("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)",
 					"background-color": "var(--tpl-bg)",
 					color: "var(--tpl-text)"
 				},
-				value: j(y).sortOption.value,
-				onChange: n[5] ||= (e) => j(y).sortBy(e.target.value)
+				value: A(b).sortOption.value,
+				onChange: n[5] ||= (e) => A(b).sortBy(e.target.value)
 			}, [
-				i("option", fo, L(u.value.mediaLibrary.sortNewest), 1),
-				i("option", po, L(u.value.mediaLibrary.sortOldest), 1),
-				i("option", mo, L(u.value.mediaLibrary.sortNameAsc), 1),
-				i("option", ho, L(u.value.mediaLibrary.sortNameDesc), 1),
-				i("option", go, L(u.value.mediaLibrary.sortSizeAsc), 1),
-				i("option", _o, L(u.value.mediaLibrary.sortSizeDesc), 1)
-			], 40, uo)])]), i("div", vo, [j(y).viewMode.value === "files" ? (z(), t("div", yo, [p(Fa, {
-				"is-uploading": j(y).isUploading.value,
-				"upload-progress": j(y).uploadProgress.value,
-				onUpload: j(b).handleUpload
+				i("option", oo, I(u.value.mediaLibrary.sortNewest), 1),
+				i("option", so, I(u.value.mediaLibrary.sortOldest), 1),
+				i("option", co, I(u.value.mediaLibrary.sortNameAsc), 1),
+				i("option", lo, I(u.value.mediaLibrary.sortNameDesc), 1),
+				i("option", uo, I(u.value.mediaLibrary.sortSizeAsc), 1),
+				i("option", fo, I(u.value.mediaLibrary.sortSizeDesc), 1)
+			], 40, ao)])]), i("div", po, [A(b).viewMode.value === "files" ? (z(), t("div", mo, [p(Aa, {
+				"is-uploading": A(b).isUploading.value,
+				"upload-progress": A(b).uploadProgress.value,
+				onUpload: A(x).handleUpload
 			}, null, 8, [
 				"is-uploading",
 				"upload-progress",
 				"onUpload"
-			]), f.value ? (z(), t("button", {
+			]), m.value ? (z(), t("button", {
 				key: 0,
 				class: "tpl:mt-2 tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-md tpl:border tpl:border-dashed tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
 				style: {
@@ -6587,21 +6341,21 @@ var Wa = {
 					color: "var(--tpl-text-muted)",
 					"background-color": "var(--tpl-bg)"
 				},
-				onClick: n[6] ||= (e) => j(b).showImportUrlModal.value = !0
-			}, [p(j(ne), {
+				onClick: n[6] ||= (e) => A(x).showImportUrlModal.value = !0
+			}, [p(A(ne), {
 				size: 14,
 				"stroke-width": 2
-			}), M(" " + L(u.value.mediaLibrary.importFromUrl), 1)])) : N("", !0)])) : N("", !0), p(Vi, {
-				items: j(b).displayItems.value,
-				"selected-ids": j(y).selectedItems.value,
-				"is-loading": j(y).isLoading.value,
-				"has-more": j(y).viewMode.value === "files" && j(y).hasMore.value,
-				layout: j(b).layoutMode.value,
-				onSelect: j(b).handleSelect,
-				onToggle: j(y).toggleSelection,
-				onLoadMore: j(y).loadMore,
-				onEdit: j(b).handleEditItem,
-				onReplace: j(b).handleReplaceItem
+			}), j(" " + I(u.value.mediaLibrary.importFromUrl), 1)])) : M("", !0)])) : M("", !0), p(Ii, {
+				items: A(x).displayItems.value,
+				"selected-ids": A(b).selectedItems.value,
+				"is-loading": A(b).isLoading.value,
+				"has-more": A(b).viewMode.value === "files" && A(b).hasMore.value,
+				layout: A(x).layoutMode.value,
+				onSelect: A(x).handleSelect,
+				onToggle: A(b).toggleSelection,
+				onLoadMore: A(b).loadMore,
+				onEdit: A(x).handleEditItem,
+				onReplace: A(x).handleReplaceItem
 			}, null, 8, [
 				"items",
 				"selected-ids",
@@ -6614,36 +6368,36 @@ var Wa = {
 				"onEdit",
 				"onReplace"
 			])])])]),
-			p($i, {
-				visible: j(b).showImportUrlModal.value,
-				"is-importing": j(y).isImportingFromUrl.value,
-				error: j(y).importFromUrlError.value,
-				onImport: j(b).handleImportFromUrl,
-				onClose: n[7] ||= (e) => j(b).showImportUrlModal.value = !1
+			p(Ji, {
+				visible: A(x).showImportUrlModal.value,
+				"is-importing": A(b).isImportingFromUrl.value,
+				error: A(b).importFromUrlError.value,
+				onImport: A(x).handleImportFromUrl,
+				onClose: n[7] ||= (e) => A(x).showImportUrlModal.value = !1
 			}, null, 8, [
 				"visible",
 				"is-importing",
 				"error",
 				"onImport"
 			]),
-			p(vr, {
-				visible: !!j(b).editingItem.value,
-				item: j(b).editingItem.value,
-				onSave: j(b).handleEditSave,
-				onClose: n[8] ||= (e) => j(b).editingItem.value = null
+			p(hr, {
+				visible: !!A(x).editingItem.value,
+				item: A(x).editingItem.value,
+				onSave: A(x).handleEditSave,
+				onClose: n[8] ||= (e) => A(x).editingItem.value = null
 			}, null, 8, [
 				"visible",
 				"item",
 				"onSave"
 			]),
-			p(Aa, {
-				visible: j(y).showReplaceWarning.value,
-				item: j(y).pendingReplaceItem.value,
-				"usage-info": j(y).replaceUsageInfo.value,
-				"is-replacing": j(y).isReplacing.value,
-				error: j(y).replaceError.value,
-				onReplace: j(b).handleReplaceFile,
-				onClose: j(y).cancelReplace
+			p(Ta, {
+				visible: A(b).showReplaceWarning.value,
+				item: A(b).pendingReplaceItem.value,
+				"usage-info": A(b).replaceUsageInfo.value,
+				"is-replacing": A(b).isReplacing.value,
+				error: A(b).replaceError.value,
+				onReplace: A(x).handleReplaceFile,
+				onClose: A(b).cancelReplace
 			}, null, 8, [
 				"visible",
 				"item",
@@ -6661,7 +6415,7 @@ var Wa = {
 				"leave-from-class": "tpl:opacity-100",
 				"leave-to-class": "tpl:opacity-0"
 			}, {
-				default: F(() => [j(y).showDeleteWarning.value ? (z(), t("div", {
+				default: P(() => [A(b).showDeleteWarning.value ? (z(), t("div", {
 					key: 0,
 					class: "tpl:absolute tpl:inset-0 tpl:z-10 tpl:flex tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-lg)]",
 					style: {
@@ -6669,85 +6423,85 @@ var Wa = {
 						"backdrop-filter": "blur(8px)",
 						"-webkit-backdrop-filter": "blur(8px)"
 					},
-					onClick: n[11] ||= r((...e) => j(y).cancelDelete && j(y).cancelDelete(...e), ["self"])
-				}, [i("div", bo, [
-					i("h3", xo, L(u.value.mediaLibrary.deleteWarningTitle), 1),
+					onClick: n[11] ||= r((...e) => A(b).cancelDelete && A(b).cancelDelete(...e), ["self"])
+				}, [i("div", ho, [
+					i("h3", go, I(u.value.mediaLibrary.deleteWarningTitle), 1),
 					i("p", {
-						class: k(["tpl:text-xs", j(b).hasUsedFiles.value ? "tpl:mb-2" : "tpl:mb-4"]),
+						class: k(["tpl:text-xs", A(x).hasUsedFiles.value ? "tpl:mb-2" : "tpl:mb-4"]),
 						style: { color: "var(--tpl-text-muted)" }
-					}, L(u.value.mediaLibrary.deleteWarningMessage), 3),
-					j(b).hasUsedFiles.value ? (z(), t("p", So, L(u.value.mediaLibrary.deleteWarningUsageNote), 1)) : N("", !0),
-					j(b).hasUsedFiles.value ? (z(), t("div", Co, [(z(!0), t(R, null, S(j(y).deleteUsageInfo.value, (e, n) => (z(), t("div", {
+					}, I(u.value.mediaLibrary.deleteWarningMessage), 3),
+					A(x).hasUsedFiles.value ? (z(), t("p", _o, I(u.value.mediaLibrary.deleteWarningUsageNote), 1)) : M("", !0),
+					A(x).hasUsedFiles.value ? (z(), t("div", vo, [(z(!0), t(R, null, S(A(b).deleteUsageInfo.value, (e, n) => (z(), t("div", {
 						key: n,
 						class: "tpl:text-xs",
 						style: { color: "var(--tpl-text)" }
-					}, [e.template_count > 0 ? (z(), t(R, { key: 0 }, [i("span", wo, L(j(b).displayItems.value.find((e) => e.id === n)?.filename || n), 1), i("span", To, " - " + L(u.value.mediaLibrary.usedInTemplates.replace("{count}", e.template_count.toString())), 1)], 64)) : N("", !0)]))), 128))])) : N("", !0),
-					i("div", Eo, [i("button", {
+					}, [e.template_count > 0 ? (z(), t(R, { key: 0 }, [i("span", yo, I(A(x).displayItems.value.find((e) => e.id === n)?.filename || n), 1), i("span", bo, " - " + I(u.value.mediaLibrary.usedInTemplates.replace("{count}", e.template_count.toString())), 1)], 64)) : M("", !0)]))), 128))])) : M("", !0),
+					i("div", xo, [i("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)",
 							color: "var(--tpl-text)",
 							"background-color": "var(--tpl-bg)"
 						},
-						onClick: n[9] ||= (...e) => j(y).cancelDelete && j(y).cancelDelete(...e)
-					}, L(u.value.mediaLibrary.cancel), 1), i("button", {
+						onClick: n[9] ||= (...e) => A(b).cancelDelete && A(b).cancelDelete(...e)
+					}, I(u.value.mediaLibrary.cancel), 1), i("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)",
 							color: "var(--tpl-danger)",
 							"background-color": "var(--tpl-danger-light)"
 						},
-						onClick: n[10] ||= (...e) => j(y).confirmDelete && j(y).confirmDelete(...e)
-					}, L(j(b).hasUsedFiles.value ? u.value.mediaLibrary.deleteAnyway : u.value.mediaLibrary.confirmDelete), 1)])
-				])])) : N("", !0)]),
+						onClick: n[10] ||= (...e) => A(b).confirmDelete && A(b).confirmDelete(...e)
+					}, I(A(x).hasUsedFiles.value ? u.value.mediaLibrary.deleteAnyway : u.value.mediaLibrary.confirmDelete), 1)])
+				])])) : M("", !0)]),
 				_: 1
 			}),
-			i("div", Do, [i("div", Oo, [j(y).previewItem.value ? (z(), h(ha, {
+			i("div", So, [i("div", Co, [A(b).previewItem.value ? (z(), h(ua, {
 				key: 0,
-				"selected-conversion": j(b).selectedConversion.value,
-				"onUpdate:selectedConversion": n[12] ||= (e) => j(b).selectedConversion.value = e,
-				item: j(y).previewItem.value,
-				folders: j(y).folders.value
+				"selected-conversion": A(x).selectedConversion.value,
+				"onUpdate:selectedConversion": n[12] ||= (e) => A(x).selectedConversion.value = e,
+				item: A(b).previewItem.value,
+				folders: A(b).folders.value
 			}, null, 8, [
 				"selected-conversion",
 				"item",
 				"folders"
-			])) : N("", !0)]), i("div", ko, [j(y).selectedItems.value.size > 0 ? (z(), t("div", Ao, [j(y).previewItem.value ? (z(), t("button", {
+			])) : M("", !0)]), i("div", wo, [A(b).selectedItems.value.size > 0 ? (z(), t("div", To, [A(b).previewItem.value ? (z(), t("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: P({
-					borderColor: j(b).copied.value ? "var(--tpl-success)" : "var(--tpl-border)",
-					color: j(b).copied.value ? "var(--tpl-success)" : "var(--tpl-text)",
+				style: N({
+					borderColor: A(x).copied.value ? "var(--tpl-success)" : "var(--tpl-border)",
+					color: A(x).copied.value ? "var(--tpl-success)" : "var(--tpl-text)",
 					backgroundColor: "var(--tpl-bg)"
 				}),
-				onClick: n[13] ||= (e) => j(b).copy(j(b).selectedUrl.value)
-			}, [j(b).copied.value ? (z(), h(j(D), {
+				onClick: n[13] ||= (e) => A(x).copy(A(x).selectedUrl.value)
+			}, [A(x).copied.value ? (z(), h(A(D), {
 				key: 1,
 				size: 12,
 				"stroke-width": 2
-			})) : (z(), h(j(ae), {
+			})) : (z(), h(A(oe), {
 				key: 0,
 				size: 12,
 				"stroke-width": 2
-			})), M(" " + L(j(b).copied.value ? u.value.mediaLibrary.copied : u.value.mediaLibrary.copyUrl), 1)], 4)) : N("", !0), d.value ? (z(), t("div", jo, [i("button", {
+			})), j(" " + I(A(x).copied.value ? u.value.mediaLibrary.copied : u.value.mediaLibrary.copyUrl), 1)], 4)) : M("", !0), f.value ? (z(), t("div", Eo, [i("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)",
 					color: "var(--tpl-text)",
 					"background-color": "var(--tpl-bg)"
 				},
-				onClick: n[14] ||= (e) => j(b).showMovePicker.value = !j(b).showMovePicker.value
-			}, L(u.value.mediaLibrary.moveSelected), 1), j(b).showMovePicker.value ? (z(), h(ia, {
+				onClick: n[14] ||= (e) => A(x).showMovePicker.value = !A(x).showMovePicker.value
+			}, I(u.value.mediaLibrary.moveSelected), 1), A(x).showMovePicker.value ? (z(), h($i, {
 				key: 0,
-				folders: j(y).folders.value,
-				"current-folder-id": j(y).currentFolderId.value,
-				onSelect: j(b).handleMoveToFolder,
-				onClose: n[15] ||= (e) => j(b).showMovePicker.value = !1
+				folders: A(b).folders.value,
+				"current-folder-id": A(b).currentFolderId.value,
+				onSelect: A(x).handleMoveToFolder,
+				onClose: n[15] ||= (e) => A(x).showMovePicker.value = !1
 			}, null, 8, [
 				"folders",
 				"current-folder-id",
 				"onSelect"
-			])) : N("", !0)])) : N("", !0)])) : N("", !0), i("div", Mo, [j(y).selectedItems.value.size > 0 ? (z(), t("button", {
+			])) : M("", !0)])) : M("", !0)])) : M("", !0), i("div", Do, [A(b).selectedItems.value.size > 0 ? (z(), t("button", {
 				key: 0,
 				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: {
@@ -6755,20 +6509,20 @@ var Wa = {
 					color: "var(--tpl-danger)",
 					"background-color": "var(--tpl-danger-light)"
 				},
-				onClick: n[16] ||= (...e) => j(b).handleDeleteClick && j(b).handleDeleteClick(...e)
-			}, L(u.value.mediaLibrary.deleteSelected), 1)) : N("", !0), o.onSelect ? (z(), t("button", {
+				onClick: n[16] ||= (...e) => A(x).handleDeleteClick && A(x).handleDeleteClick(...e)
+			}, I(u.value.mediaLibrary.deleteSelected), 1)) : M("", !0), o.onSelect ? (z(), t("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: {
 					"background-color": "var(--tpl-primary)",
 					color: "var(--tpl-bg)"
 				},
-				disabled: !j(y).previewItem.value,
-				onClick: x
-			}, L(u.value.mediaLibrary.selectFile), 9, No)) : N("", !0)])])])
+				disabled: !A(b).previewItem.value,
+				onClick: C
+			}, I(u.value.mediaLibrary.selectFile), 9, Oo)) : M("", !0)])])])
 		]));
 	}
-}), Fo = /* #__PURE__ */ Object.assign({
+}), Ao = /* #__PURE__ */ Object.assign({
 	"./locales/ca.ts": () => import("./chunks/ca-DnghH5Xn.js"),
 	"./locales/de.ts": () => import("./chunks/de-ByQyu2jv.js"),
 	"./locales/en.ts": () => import("./chunks/en-B-xajqfh.js"),
@@ -6777,73 +6531,73 @@ var Wa = {
 	"./locales/nl.ts": () => import("./chunks/nl-DGT1t3Be.js"),
 	"./locales/pt-BR.ts": () => import("./chunks/pt-BR-C0Hzc26R.js")
 });
-function Io(e) {
+function jo(e) {
 	return Object.keys(e).map((e) => e.match(/\/([^/]+)\.ts$/)?.[1]).filter((e) => !!e);
 }
-var Lo = Io(Fo);
-function Ro(e) {
+var Mo = jo(Ao);
+function No(e) {
 	return e.trim().replace(/_/g, "-").toLowerCase();
 }
-function zo(e) {
-	let t = Ro(e);
-	return Lo.find((e) => Ro(e) === t);
+function Po(e) {
+	let t = No(e);
+	return Mo.find((e) => No(e) === t);
 }
-function Bo(e) {
-	return Ro(e).split("-")[0];
+function Fo(e) {
+	return No(e).split("-")[0];
 }
-function Vo(e) {
-	return zo(e) ?? zo(Bo(e)) ?? "en";
+function Io(e) {
+	return Po(e) ?? Po(Fo(e)) ?? "en";
 }
-async function Ho(e) {
-	let t = Fo[`./locales/${Vo(e)}.ts`];
+async function Lo(e) {
+	let t = Ao[`./locales/${Io(e)}.ts`];
 	return (await t()).default;
 }
 //#endregion
 //#region src/standalone/visual.ts
-var Uo = null, Wo = e(null);
-async function Go(e) {
+var Ro = null, zo = e(null);
+async function Bo(e) {
 	let t = typeof e.container == "string" ? document.querySelector(e.container) : e.container;
 	if (!t) throw Error(`Container element not found: ${e.container}`);
 	let n = Ce(e.auth, e.onError);
 	await n.initialize();
-	let r = await new ke(n).fetchConfig(), i = await Ho(e.locale ?? "en");
-	return qo(t, e.theme), Uo && Ko(), new Promise((a, s) => {
+	let r = await new ke(n).fetchConfig(), i = await Lo(e.locale ?? "en");
+	return Ho(t, e.theme), Ro && Vo(), new Promise((a, s) => {
 		try {
-			Uo = be({ setup() {
+			Ro = be({ setup() {
 				let s = () => {
 					a({
-						setTheme: (e) => qo(t, e),
-						unmount: Ko
+						setTheme: (e) => Ho(t, e),
+						unmount: Vo
 					});
 				};
-				return () => o(Po, {
+				return () => o(ko, {
 					authManager: n,
 					projectId: n.projectId,
 					planConfig: r,
 					translations: i,
 					onSelect: e.onSelect,
 					onError: e.onError,
-					ref: Wo,
+					ref: zo,
 					onReady: s
 				});
-			} }), Uo.mount(t);
+			} }), Ro.mount(t);
 		} catch (e) {
 			s(e);
 		}
 	});
 }
-function Ko() {
-	Uo && (Uo.unmount(), Uo = null, Wo.value = null);
+function Vo() {
+	Ro && (Ro.unmount(), Ro = null, zo.value = null);
 }
-function qo(e, t) {
+function Ho(e, t) {
 	t && (t.primaryColor && e.style.setProperty("--tpl-primary", t.primaryColor), t.borderRadius !== void 0 && (e.style.setProperty("--tpl-radius", `${t.borderRadius}px`), e.style.setProperty("--tpl-radius-sm", `${Math.max(0, t.borderRadius - 3)}px`), e.style.setProperty("--tpl-radius-lg", `${t.borderRadius + 4}px`)));
 }
-var Jo = {
-	init: Go,
-	unmount: Ko
+var Uo = {
+	init: Bo,
+	unmount: Vo
 };
-typeof window < "u" && (window.TemplaticalMedia = Jo);
+typeof window < "u" && (window.TemplaticalMedia = Uo);
 //#endregion
-export { Jo as default, Go as init, Ko as unmount };
+export { Uo as default, Bo as init, Vo as unmount };
 
 //# sourceMappingURL=media-library.js.map