@templatical/editor 0.31.0 → 0.32.0

package/dist/cdn/chunks/{src-Bid3cmHa.js → src-Cxl-9O-L.js}

@@ -1,9 +1,9 @@
-import { B as e, E as t, F as n, H as r, I as i, L as a, N as o, O as s, P as c, Q as l, R as u, S as d, U as f, at as p, b as m, c as h, ct as g, d as _, f as v, g as y, h as b, j as x, l as S, lt as C, m as w, n as T, nt as E, o as D, p as O, q as k, r as A, s as j, u as M, ut as N, w as P, y as F } from "./draggable-D2vo-aQI.js";
-import { h as ee } from "./dist-CgR3inPR.js";
-import { a as te, n as ne, o as re, r as ie, s as I, t as ae } from "./dist-El3fQnfk.js";
-import { C as oe, Et as se, J as ce, K as le, Lt as ue, N as de, Pt as fe, U as pe, at as me, bt as he, ct as ge, d as _e, gt as ve, it as ye, n as be, s as xe, yt as Se, z as Ce } from "./icons-ciivb5BS.js";
+import { B as e, E as t, F as n, H as r, I as i, L as a, N as o, O as s, P as c, Q as l, R as u, S as d, U as f, at as p, b as m, c as h, ct as g, d as _, f as v, g as y, h as b, j as x, l as S, lt as C, m as w, n as T, nt as E, o as D, p as O, q as k, r as A, s as j, u as M, ut as N, w as P, y as F } from "./draggable-kbOhCgnk.js";
+import { h as ee } from "./dist-BW6Y49zE.js";
+import { a as te, n as ne, o as re, r as ie, s as I, t as ae } from "./dist-CAFTQ6Y2.js";
+import { C as oe, Et as se, Ft as ce, J as le, K as ue, Lt as de, N as fe, U as pe, at as me, bt as he, ct as ge, d as _e, gt as ve, it as ye, n as be, s as xe, yt as Se, z as Ce } from "./icons-SP5Itd-A.js";
 import { t as we } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { C as L, S as R, T as Te, x as Ee } from "./cloud-CITqEHEc.js";
+import { C as L, S as R, T as Te, x as Ee } from "./cloud-BP5-6__d.js";
 //#region ../media-library/src/i18n/locales/en.ts
 var De = { mediaLibrary: {
 	title: "Media Library",
@@ -542,7 +542,7 @@ function ke(e) {
 }
 //#endregion
 //#region ../media-library/src/keys.ts
-var Ae = Symbol("templaticalMediaPlanConfig"), je = Symbol("templaticalMediaPopoverTarget"), Me = Symbol("templaticalMediaTranslations"), Ne = Symbol("templaticalMediaUiTheme");
+var Ae = Symbol("templaticalMediaPlanConfig"), je = Symbol("templaticalMediaPopoverTarget"), Me = Symbol("templaticalMediaTranslations"), Ne = Symbol("templaticalMediaUiTheme"), Pe = Symbol("templaticalMediaUiLocale");
 //#endregion
 //#region ../media-library/src/composables/useI18n.ts
 function z(e) {
@@ -557,14 +557,14 @@ function z(e) {
 }
 //#endregion
 //#region ../media-library/src/components/media/MediaBreadcrumb.vue?vue&type=script&setup=true&lang.ts
-var Pe = {
+var Fe = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-1 tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, Fe = ["onClick"], Ie = {
+}, Ie = ["onClick"], Le = {
 	key: 1,
 	style: { color: "var(--tpl-text)" }
-}, Le = /* @__PURE__ */ d({
+}, Re = /* @__PURE__ */ d({
 	__name: "MediaBreadcrumb",
 	props: {
 		folders: {},
@@ -584,11 +584,11 @@ var Pe = {
 			}
 			return !1;
 		}
-		return (e, t) => s.value.length > 0 ? (o(), y("div", Pe, [O("button", {
+		return (e, t) => s.value.length > 0 ? (o(), y("div", Fe, [O("button", {
 			class: "tpl:transition-colors tpl:duration-150 tpl:hover:underline",
 			style: { color: "var(--tpl-primary)" },
 			onClick: t[0] ||= (e) => i("navigate", null)
-		}, N(p(a).mediaLibrary.allFiles), 1), (o(!0), y(M, null, n(s.value, (e, t) => (o(), y(M, { key: e.id }, [m(p(fe), {
+		}, N(p(a).mediaLibrary.allFiles), 1), (o(!0), y(M, null, n(s.value, (e, t) => (o(), y(M, { key: e.id }, [m(p(ce), {
 			size: 12,
 			"stroke-width": 2
 		}), t < s.value.length - 1 ? (o(), y("button", {
@@ -596,12 +596,12 @@ var Pe = {
 			class: "tpl:transition-colors tpl:duration-150 tpl:hover:underline",
 			style: { color: "var(--tpl-primary)" },
 			onClick: (t) => i("navigate", e.id)
-		}, N(e.name), 9, Fe)) : (o(), y("span", Ie, N(e.name), 1))], 64))), 128))])) : b("", !0);
+		}, N(e.name), 9, Ie)) : (o(), y("span", Le, N(e.name), 1))], 64))), 128))])) : b("", !0);
 	}
 });
 //#endregion
 //#region ../media-library/src/composables/useMediaCategories.ts
-function Re(e) {
+function ze(e) {
 	let n = e ?? t(Ae, null);
 	if (!n) throw Error("[Templatical] useMediaCategories() needs a plan config in scope. Render it under <MediaLibraryModal> (pass its `planConfig` prop) or provide PLAN_CONFIG_KEY yourself.");
 	let r = v(() => n.config.value?.media ?? null), i = v(() => r.value?.use_media_library ?? !0), a = v(() => r.value?.categories ?? null), o = v(() => a.value ? Object.values(a.value).flatMap((e) => e.mime_types) : []), s = v(() => o.value.join(",")), c = v(() => r.value?.max_file_size ?? 0);
@@ -629,14 +629,14 @@ function Re(e) {
 }
 //#endregion
 //#region ../media-library/src/composables/useImageCrop.ts
-var ze = {
+var Be = {
 	free: void 0,
 	square: 1,
 	landscape43: 4 / 3,
 	landscape169: 16 / 9,
 	original: void 0
 };
-function Be(e) {
+function Ve(e) {
 	return e === "image/png" || e === "image/gif" ? {
 		mimeType: "image/png",
 		quality: 1
@@ -648,7 +648,7 @@ function Be(e) {
 		quality: .92
 	};
 }
-function Ve(e, t, n) {
+function He(e, t, n) {
 	let r = e.width, i = e.height;
 	if (!t && !n) return e;
 	let a = r, o = i;
@@ -662,7 +662,7 @@ function Ve(e, t, n) {
 	let c = s.getContext("2d");
 	return c && (c.imageSmoothingEnabled = !0, c.imageSmoothingQuality = "high", c.drawImage(e, 0, 0, a, o)), s;
 }
-function He(e, t, n) {
+function Ue(e, t, n) {
 	return new Promise((r, i) => {
 		e.toBlob((e) => {
 			if (!e) {
@@ -674,7 +674,7 @@ function He(e, t, n) {
 		}, n.mimeType, n.quality);
 	});
 }
-function Ue(e, t, n, r) {
+function We(e, t, n, r) {
 	let i = e, a = t;
 	if (n && i > n) {
 		let e = n / i;
@@ -691,7 +691,7 @@ function Ue(e, t, n, r) {
 }
 //#endregion
 //#region ../../node_modules/.pnpm/vue-advanced-cropper@2.8.9_vue@3.5.42_typescript@6.0.3_/node_modules/vue-advanced-cropper/dist/index.esm-bundler.js
-function We(e, t) {
+function Ge(e, t) {
 	var n = Object.keys(e);
 	if (Object.getOwnPropertySymbols) {
 		var r = Object.getOwnPropertySymbols(e);
@@ -704,9 +704,9 @@ function We(e, t) {
 function B(e) {
 	for (var t = 1; t < arguments.length; t++) {
 		var n = arguments[t] == null ? {} : arguments[t];
-		t % 2 ? We(Object(n), !0).forEach((function(t) {
+		t % 2 ? Ge(Object(n), !0).forEach((function(t) {
 			V(e, t, n[t]);
-		})) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : We(Object(n)).forEach((function(t) {
+		})) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : Ge(Object(n)).forEach((function(t) {
 			Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
 		}));
 	}
@@ -720,7 +720,7 @@ function V(e, t, n) {
 		writable: !0
 	}) : e[t] = n, e;
 }
-function Ge(e, t) {
+function Ke(e, t) {
 	if (e == null) return {};
 	var n, r, i = function(e, t) {
 		if (e == null) return {};
@@ -734,28 +734,28 @@ function Ge(e, t) {
 	}
 	return i;
 }
-function Ke(e) {
+function qe(e) {
 	return function(e) {
-		if (Array.isArray(e)) return qe(e);
+		if (Array.isArray(e)) return Je(e);
 	}(e) || function(e) {
 		if (typeof Symbol < "u" && e[Symbol.iterator] != null || e["@@iterator"] != null) return Array.from(e);
 	}(e) || function(e, t) {
 		if (e) {
-			if (typeof e == "string") return qe(e, t);
+			if (typeof e == "string") return Je(e, t);
 			var n = Object.prototype.toString.call(e).slice(8, -1);
 			if (n === "Object" && e.constructor && (n = e.constructor.name), n === "Map" || n === "Set") return Array.from(e);
-			if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return qe(e, t);
+			if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return Je(e, t);
 		}
 	}(e) || function() {
 		throw TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 	}();
 }
-function qe(e, t) {
+function Je(e, t) {
 	(t == null || t > e.length) && (t = e.length);
 	for (var n = 0, r = Array(t); n < t; n++) r[n] = e[n];
 	return r;
 }
-var Je, Ye, Xe, H = (Je = function(e) {
+var Ye = function(e) {
 	(function() {
 		var t = {}.hasOwnProperty;
 		function n() {
@@ -779,15 +779,15 @@ var Je, Ye, Xe, H = (Je = function(e) {
 		}
 		e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
 	})();
-}, Je(Xe = {
-	path: Ye,
+}, Xe, Ze, H = (Ye(Ze = {
+	path: Xe,
 	exports: {},
 	require: function(e, t) {
 		return function() {
 			throw Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs");
-		}(t == null && Xe.path);
+		}(t == null && Ze.path);
 	}
-}, Xe.exports), Xe.exports), U = function(e) {
+}, Ze.exports), Ze.exports), U = function(e) {
 	return function(t, n) {
 		if (!t) return e;
 		var r;
@@ -799,7 +799,7 @@ var Je, Ye, Xe, H = (Je = function(e) {
 		}), "") : "");
 	};
 };
-function Ze(e, t, n) {
+function Qe(e, t, n) {
 	var r, i, a, o, s;
 	function c() {
 		var l = Date.now() - o;
@@ -817,65 +817,65 @@ function Ze(e, t, n) {
 		r &&= (s = e.apply(a, i), a = i = null, clearTimeout(r), null);
 	}, l;
 }
-Ze.debounce = Ze;
-var Qe = Ze, W = function() {
+Qe.debounce = Qe;
+var $e = Qe, W = function() {
 	return W = 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;
 	}, W.apply(this, arguments);
 };
-function $e(e, t) {
+function et(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 et(e) {
+function tt(e) {
 	return /^blob:/.test(e);
 }
-function tt(e) {
-	return et(e) || function(e) {
+function nt(e) {
+	return tt(e) || function(e) {
 		return /^data:/.test(e);
 	}(e);
 }
-function nt(e) {
+function rt(e) {
 	return !!(e && e.constructor && e.call && e.apply);
 }
 function G(e) {
 	return e === void 0;
 }
-function rt(e) {
+function it(e) {
 	return typeof e == "object" && !!e;
 }
-function it(e, t, n) {
+function at(e, t, n) {
 	var r = {};
-	return rt(e) ? (Object.keys(t).forEach((function(i) {
-		r[i] = G(e[i]) ? t[i] : rt(t[i]) ? rt(e[i]) ? it(e[i], t[i], n[i]) : e[i] ? t[i] : n[i] : !0 === t[i] || !1 === t[i] ? !!e[i] : e[i];
+	return it(e) ? (Object.keys(t).forEach((function(i) {
+		r[i] = G(e[i]) ? t[i] : it(t[i]) ? it(e[i]) ? at(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 at(e) {
+function ot(e) {
 	var t = Number(e);
 	return Number.isNaN(t) ? e : t;
 }
-function ot(e) {
+function st(e) {
 	return typeof (e == "number" || function(e) {
 		return typeof e == "object" && !!e;
-	}(e) && toString.call(e) == "[object Number]") && !st(e);
+	}(e) && toString.call(e) == "[object Number]") && !ct(e);
 }
-function st(e) {
+function ct(e) {
 	return e != e;
 }
-function ct(e, t) {
+function lt(e, t) {
 	return Math.sqrt((e.x - t.x) ** 2 + (e.y - t.y) ** 2);
 }
-var lt = function(e, t) {
+var ut = function(e, t) {
 	e === void 0 && (e = {}), t === void 0 && (t = {}), this.type = "manipulateImage", this.move = e, this.scale = t;
-}, ut = function(e, t) {
+}, dt = function(e, t) {
 	t === void 0 && (t = {}), this.type = "resize", this.directions = e, this.params = t;
-}, dt = function(e) {
+}, ft = function(e) {
 	this.type = "move", this.directions = e;
-}, ft = function() {
+}, pt = 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;
 	}
@@ -893,7 +893,7 @@ var lt = function(e, t) {
 			top: 0
 		};
 	}, e;
-}(), pt = {
+}(), mt = {
 	name: "DraggableElement",
 	props: { classname: { type: String } },
 	beforeMount: function() {
@@ -914,7 +914,7 @@ var lt = function(e, t) {
 			this.hovered && !this.touches.length && (this.hovered = !1, this.$emit("leave"));
 		},
 		onTouchStart: function(e) {
-			e.cancelable && !this.disabled && e.touches.length === 1 && (this.touches = Ke(e.touches), this.hovered ||= (this.$emit("enter"), !0), e.touches.length && this.initAnchor(this.touches.reduce((function(t, n) {
+			e.cancelable && !this.disabled && e.touches.length === 1 && (this.touches = qe(e.touches), this.hovered ||= (this.$emit("enter"), !0), e.touches.length && this.initAnchor(this.touches.reduce((function(t, n) {
 				return {
 					clientX: t.clientX + n.clientX / e.touches.length,
 					clientY: t.clientY + n.clientY / e.touches.length
@@ -960,11 +960,11 @@ var lt = function(e, t) {
 			};
 		},
 		processMove: function(e, t) {
-			var n = Ke(t);
+			var n = qe(t);
 			if (this.touches.length) {
 				if (this.touches.length === 1 && n.length === 1) {
 					var r = this.$refs.draggable;
-					this.$emit("drag", new ft(e, r, {
+					this.$emit("drag", new pt(e, r, {
 						left: n[0].clientX,
 						top: n[0].clientY
 					}, {
@@ -986,7 +986,7 @@ var lt = function(e, t) {
 		"enter"
 	]
 };
-pt.render = function(e, t, n, r, a, s) {
+mt.render = function(e, t, n, r, a, s) {
 	return o(), w("div", {
 		ref: "draggable",
 		class: n.classname,
@@ -1004,9 +1004,9 @@ pt.render = function(e, t, n, r, a, s) {
 		}
 	}, [i(e.$slots, "default")], 34);
 };
-var mt = U("vue-handler-wrapper"), ht = {
+var ht = U("vue-handler-wrapper"), gt = {
 	name: "HandlerWrapper",
-	components: { DraggableElement: pt },
+	components: { DraggableElement: mt },
 	props: {
 		horizontalPosition: { type: String },
 		verticalPosition: { type: String },
@@ -1018,12 +1018,12 @@ var mt = U("vue-handler-wrapper"), ht = {
 	computed: { classes: function() {
 		var e;
 		if (this.horizontalPosition || this.verticalPosition) {
-			var t, n = $e(this.horizontalPosition, this.verticalPosition);
-			e = mt((V(t = {}, n.classname, !0), V(t, "disabled", this.disabled), t));
-		} else e = mt({ disabled: this.disabled });
+			var t, n = et(this.horizontalPosition, this.verticalPosition);
+			e = ht((V(t = {}, n.classname, !0), V(t, "disabled", this.disabled), t));
+		} else e = ht({ disabled: this.disabled });
 		return {
 			root: e,
-			draggable: mt("draggable")
+			draggable: ht("draggable")
 		};
 	} },
 	emits: [
@@ -1033,7 +1033,7 @@ var mt = U("vue-handler-wrapper"), ht = {
 		"drag-end"
 	]
 };
-ht.render = function(e, t, n, s, c, l) {
+gt.render = function(e, t, n, s, c, l) {
 	var u = a("DraggableElement");
 	return o(), w("div", { class: l.classes.root }, [m(u, {
 		class: l.classes.draggable,
@@ -1056,9 +1056,9 @@ ht.render = function(e, t, n, s, c, l) {
 		_: 3
 	}, 8, ["class"])], 2);
 };
-var gt = U("vue-line-wrapper"), _t = {
+var _t = U("vue-line-wrapper"), vt = {
 	name: "LineWrapper",
-	components: { DraggableElement: pt },
+	components: { DraggableElement: mt },
 	props: {
 		position: {
 			type: String,
@@ -1071,7 +1071,7 @@ var gt = U("vue-line-wrapper"), _t = {
 	},
 	computed: { classname: function() {
 		var e;
-		return gt((V(e = {}, this.position, !0), V(e, "disabled", this.disabled), e));
+		return _t((V(e = {}, this.position, !0), V(e, "disabled", this.disabled), e));
 	} },
 	emits: [
 		"leave",
@@ -1080,7 +1080,7 @@ var gt = U("vue-line-wrapper"), _t = {
 		"drag-end"
 	]
 };
-_t.render = function(e, t, n, s, c, l) {
+vt.render = function(e, t, n, s, c, l) {
 	var u = a("DraggableElement");
 	return o(), w(u, {
 		class: l.classname,
@@ -1108,18 +1108,18 @@ var K = [
 	"right",
 	"top",
 	"bottom"
-], vt = ["left", "right"], yt = ["top", "bottom"], bt = ["left", "top"], xt = [
+], yt = ["left", "right"], bt = ["top", "bottom"], xt = ["left", "top"], St = [
 	"fill-area",
 	"fit-area",
 	"stencil",
 	"none"
-], St = {
+], Ct = {
 	left: 0,
 	top: 0,
 	width: 0,
 	height: 0
 };
-function Ct(e, t, n) {
+function wt(e, t, n) {
 	return !(n ||= [
 		"width",
 		"height",
@@ -1137,7 +1137,7 @@ function q(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
@@ -1149,7 +1149,7 @@ function J(e) {
 		top: e.top + e.height / 2
 	};
 }
-function Tt(e, t) {
+function Et(e, t) {
 	var n = {
 		left: 0,
 		top: 0,
@@ -1169,7 +1169,7 @@ function Y(e, t) {
 		height: e.height + t.top + t.bottom
 	};
 }
-function Et(e) {
+function Dt(e) {
 	return {
 		left: -e.left,
 		top: -e.top
@@ -1204,21 +1204,21 @@ function Z(e, t, n, r) {
 function Q(e) {
 	return e.width / e.height;
 }
-function Dt(e, t) {
+function Ot(e, t) {
 	return Math.min(t.right !== void 0 && t.left !== void 0 ? (t.right - t.left) / e.width : 1 / 0, t.bottom !== void 0 && t.top !== void 0 ? (t.bottom - t.top) / e.height : 1 / 0);
 }
-function Ot(e, t) {
+function kt(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 kt(e, t) {
+function At(e, t) {
 	var n;
 	return t.minimum && e < t.minimum ? n = t.minimum : t.maximum && e > t.maximum && (n = t.maximum), n;
 }
-function At(e, t) {
+function jt(e, t) {
 	var n = Q(e), r = Q(t);
 	return t.width < 1 / 0 && t.height < 1 / 0 ? n > r ? {
 		width: t.width,
@@ -1234,36 +1234,36 @@ function At(e, t) {
 		height: t.height
 	} : e;
 }
-function jt(e, t) {
+function Mt(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 Mt(e, t) {
+function Nt(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 Nt(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, Dt(e, t)) : Math.min((e.height + n.top + n.bottom) / e.height, Dt(e, t)) : 1;
+function Pt(e, t) {
+	var n = Et($(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 $(e, t, n) {
 	n === void 0 && (n = !1);
-	var r = Ot(e, t);
-	return X(e, n ? Et(r) : r);
+	var r = kt(e, t);
+	return X(e, n ? Dt(r) : r);
 }
-function Pt(e) {
+function Ft(e) {
 	return {
 		width: e.right !== void 0 && e.left !== void 0 ? e.right - e.left : 1 / 0,
 		height: e.bottom !== void 0 && e.top !== void 0 ? e.bottom - e.top : 1 / 0
 	};
 }
-function Ft(e, t) {
+function It(e, t) {
 	return W(W({}, e), {
 		minWidth: Math.min(t.width, e.minWidth),
 		minHeight: Math.min(t.height, e.minHeight),
@@ -1271,7 +1271,7 @@ function Ft(e, t) {
 		maxHeight: Math.min(t.height, e.maxHeight)
 	});
 }
-function It(e, t, n) {
+function Lt(e, t, n) {
 	n === void 0 && (n = !0);
 	var r = {};
 	return K.forEach((function(i) {
@@ -1279,17 +1279,17 @@ function It(e, t, n) {
 		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 Lt(e, t) {
-	return It(e, t, !0);
+function Rt(e, t) {
+	return Lt(e, t, !0);
 }
-function Rt(e) {
+function zt(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));
 }
-function zt(e, t) {
+function Bt(e, t) {
 	return (e.width - t.width) ** 2 + (e.height - t.height) ** 2;
 }
-function Bt(e) {
+function Vt(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 || 1 / 0
@@ -1299,15 +1299,15 @@ function Bt(e) {
 	};
 	function o(e, a) {
 		return a === void 0 && (a = !1), e.reduce((function(e, o) {
-			return Rt({
+			return zt({
 				size: o,
 				aspectRatio: i,
 				sizeRestrictions: r,
 				ignoreMinimum: a
-			}) && (!e || zt(o, {
+			}) && (!e || Bt(o, {
 				width: t,
 				height: n
-			}) < zt(e, {
+			}) < Bt(e, {
 				width: t,
 				height: n
 			})) ? o : e;
@@ -1324,7 +1324,7 @@ function Bt(e) {
 			height: a.height,
 			correctRatio: !0
 		});
-	})), Rt({
+	})), zt({
 		size: a,
 		aspectRatio: i,
 		sizeRestrictions: r
@@ -1335,16 +1335,16 @@ function Bt(e) {
 		height: c.height
 	};
 }
-function Vt(e) {
+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, Ot(a, i));
+	return X(a, kt(a, i));
 }
-function Ht(e) {
+function Ut(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 Vt({
+		return Ht({
 			coordinates: e,
 			positionRestrictions: a,
-			event: new dt({
+			event: new ft({
 				left: t.left - e.left,
 				top: t.top - e.top
 			})
@@ -1357,7 +1357,7 @@ function Ht(e) {
 			imageSize: r,
 			visibleArea: s
 		}) : e).width) && G(t.height) || (l = function(e, t) {
-			return c(W(W(W({}, e), Bt({
+			return c(W(W(W({}, e), Vt({
 				width: t.width,
 				height: t.height,
 				sizeRestrictions: i,
@@ -1372,9 +1372,9 @@ function Ht(e) {
 		}(l, W(W({}, l), t))), G(t.left) && G(t.top) || (l = c(l, W(W({}, l), t)));
 	})), l;
 }
-function Ut(e) {
+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 = W({}, r), f = W({}, i), p = W({}, 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 = W(W({}, d), Bt({
+	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 = W(W({}, d), Vt({
 		sizeRestrictions: o,
 		width: d.width,
 		height: d.height,
@@ -1383,19 +1383,19 @@ function Ut(e) {
 			maximum: Q(p)
 		}
 	})));
-	var m = Nt(f = Z(f, d.width * n.width / (f.width * p.width)), t({
+	var m = Pt(f = Z(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(J(d), J(f))), t({
+	return m !== 1 && (f = Z(f, m), d = Z(d, m)), f = $(f = X(f, Tt(J(d), J(f))), t({
 		visibleArea: f,
 		type: "move"
 	})), {
-		coordinates: d = $(d, Lt(q(f), s)),
+		coordinates: d = $(d, Rt(q(f), s)),
 		visibleArea: f
 	};
 }
-function Wt(e) {
+function Gt(e) {
 	var t = e.event, n = e.getAreaRestrictions, r = e.boundaries, i = e.coordinates, a = e.visibleArea, o = e.positionRestrictions, s = W({}, i), c = W({}, a);
 	if (i && a && t.type !== "manipulateImage") {
 		var l = {
@@ -1403,31 +1403,31 @@ function Wt(e) {
 			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 = Nt(c = Z(c, s.width * r.width / (c.width * l.width)), n({
+		var u = Pt(c = Z(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(J(s), J(c))), n({
+		c = Z(c, u), u !== 1 && (l.height /= u, l.width /= u), c = $(c = X(c, Tt(J(s), J(c))), n({
 			visibleArea: c,
 			type: "move"
-		})), s = $(s, Lt(q(c), o));
+		})), s = $(s, Rt(q(c), o));
 	}
 	return {
 		coordinates: s,
 		visibleArea: c
 	};
 }
-function Gt(e) {
+function Kt(e) {
 	var t = e.event, n = e.coordinates, r = e.visibleArea, i = e.getAreaRestrictions, a = W({}, r), o = W({}, 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, Dt(a, i({
+		s > c ? a = Z(a, Math.min(o.width / a.width, Ot(a, i({
 			visibleArea: a,
 			type: "resize"
-		})))) : c > s && (a = Z(a, Math.min(o.height / a.height, Dt(a, i({
+		})))) : c > s && (a = Z(a, Math.min(o.height / a.height, Ot(a, i({
 			visibleArea: a,
 			type: "resize"
-		}))))), a = $(a = X(a, Et(Ot(o, q(a)))), i({
+		}))))), a = $(a = X(a, Dt(kt(o, q(a)))), i({
 			visibleArea: a,
 			type: "move"
 		}));
@@ -1437,14 +1437,14 @@ function Gt(e) {
 		coordinates: o
 	};
 }
-function Kt(e) {
+function qt(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 qt(e) {
+function Jt(e) {
 	var t = e.imageSize, n = e.visibleArea, r = e.aspectRatio, i = e.sizeRestrictions, a = n || t, o = Math.min(r.maximum || 1 / 0, Math.max(r.minimum || 0, Q(a))), s = a.width < a.height ? {
 		width: .8 * a.width,
 		height: .8 * a.width / o
@@ -1452,35 +1452,35 @@ function qt(e) {
 		height: .8 * a.height,
 		width: .8 * a.height * o
 	};
-	return Bt(W(W({}, s), {
+	return Vt(W(W({}, s), {
 		aspectRatio: r,
 		sizeRestrictions: i
 	}));
 }
-function Jt(e) {
+function Yt(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), Bt({
+	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({
 		width: n,
 		height: t,
 		aspectRatio: o,
 		sizeRestrictions: s
 	});
 }
-function Yt(e) {
+function Xt(e) {
 	var t = e.getAreaRestrictions, n = e.coordinates, r = e.imageSize, i = Q(e.boundaries);
 	if (n) {
 		var a = {
 			height: Math.max(n.height, r.height),
 			width: Math.max(n.width, r.width)
-		}, o = At({
+		}, o = jt({
 			width: Q(a) > i ? a.width : a.height * i,
 			height: Q(a) > i ? a.width / i : a.height
-		}, Pt(t())), s = {
+		}, Ft(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, q(W({
+		}, c = Et(n, q(W({
 			left: 0,
 			top: 0
 		}, r))), l = {};
@@ -1497,10 +1497,10 @@ function Yt(e) {
 		height: o.height
 	};
 }
-function Xt(e, t) {
-	return It(e, q(t));
+function Zt(e, t) {
+	return Lt(e, q(t));
 }
-function Zt(e) {
+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 = W({}, r), d = W({}, n), f = 1, p = 1, m = c.factor && Math.abs(c.factor - 1) > .001;
 	u = X(u, {
 		left: l.left || 0,
@@ -1509,16 +1509,16 @@ function Zt(e) {
 	var h = {
 		stencil: {
 			minimum: Math.max(i.minWidth ? i.minWidth / d.width : 0, i.minHeight ? i.minHeight / d.height : 0),
-			maximum: Math.min(i.maxWidth ? i.maxWidth / d.width : 1 / 0, i.maxHeight ? i.maxHeight / d.height : 1 / 0, Dt(d, o))
+			maximum: Math.min(i.maxWidth ? i.maxWidth / d.width : 1 / 0, i.maxHeight ? i.maxHeight / d.height : 1 / 0, Ot(d, o))
 		},
-		area: { maximum: Dt(u, a({
+		area: { maximum: Ot(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));
 	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, Ot(u, {
+	return u = $(u = X(u, kt(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,
@@ -1526,46 +1526,46 @@ function Zt(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, Lt(q(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 : J(d)), a({
+	})), d.width *= p, d.height *= p, d.left = u.left + g * p, d.top = u.top + v * p, d = $(d, Rt(q(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 : J(d)), a({
 		visibleArea: u,
 		type: "move"
-	})), Et(Ot(d, q(u)))))), {
+	})), Dt(kt(d, q(u)))))), {
 		coordinates: d,
 		visibleArea: u
 	};
 }
-function Qt(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 = W({}, r), d = W({}, i), f = Mt(J(W({
+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 = W({}, r), d = W({}, i), f = Nt(J(W({
 		left: 0,
 		top: 0
 	}, c)), l);
-	return (u = W(W({}, Bt({
+	return (u = W(W({}, Vt({
 		sizeRestrictions: a,
 		aspectRatio: t,
 		width: u.width,
 		height: u.height
-	})), Mt(J(u), l))).left -= f.left - s.width / 2 + u.width / 2, u.top -= f.top - s.height / 2 + u.height / 2, d = Z(d, Nt(d, n({
+	})), Nt(J(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({
 		visibleArea: d,
 		type: "resize"
 	}))), {
 		coordinates: u = $(u, o),
-		visibleArea: d = $(d = X(d, wt(J(u), J(r))), n({
+		visibleArea: d = $(d = X(d, Tt(J(u), J(r))), n({
 			visibleArea: d,
 			type: "move"
 		}))
 	};
 }
-function $t(e) {
+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 = W({}, a), l = W({}, o), u = n.horizontal !== t.horizontal, d = n.vertical !== t.vertical;
 	if (u || d) {
-		var f = Mt({
+		var f = Nt({
 			left: s.width / 2,
 			top: s.height / 2
-		}, -r), p = Mt(J(c), -r), m = Mt({
+		}, -r), p = Nt(J(c), -r), m = Nt({
 			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, J(c))), p = Mt(J(l), -r), l = $(l = X(l, wt(m = Mt({
+		c = X(c, Tt(m, J(c))), p = Nt(J(l), -r), l = $(l = X(l, Tt(m = Nt({
 			left: u ? f.left - (p.left - f.left) : p.left,
 			top: d ? f.top - (p.top - f.top) : p.top
 		}, r), J(l))), i({
@@ -1578,11 +1578,11 @@ function $t(e) {
 		visibleArea: l
 	};
 }
-function en(e) {
+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 = W({}, t), l = Y(n, c).width, u = Y(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(Y(n, c), i);
-	s && (d.left && d.left > 0 && d.right === 0 ? (c.right += d.left, c.left -= d.left) : d.right && d.right > 0 && d.left === 0 && (c.left += d.right, c.right -= d.right), d.top && d.top > 0 && d.bottom === 0 ? (c.bottom += d.top, c.top -= d.top) : d.bottom && d.bottom > 0 && d.top === 0 && (c.top += d.bottom, c.bottom -= d.bottom), d = Tt(Y(n, c), i));
+	var d = Et(Y(n, c), i);
+	s && (d.left && d.left > 0 && d.right === 0 ? (c.right += d.left, c.left -= d.left) : d.right && d.right > 0 && d.left === 0 && (c.left += d.right, c.right -= d.right), d.top && d.top > 0 && d.bottom === 0 ? (c.bottom += d.top, c.top -= d.top) : d.bottom && d.bottom > 0 && d.top === 0 && (c.top += d.bottom, c.bottom -= d.bottom), d = Et(Y(n, c), i));
 	var f = {
 		width: 1 / 0,
 		height: 1 / 0,
@@ -1609,19 +1609,19 @@ function en(e) {
 		m !== 1 / 0 && K.forEach((function(e) {
 			c[e] *= m;
 		}));
-	} else f.width !== 1 / 0 && vt.forEach((function(e) {
+	} else f.width !== 1 / 0 && yt.forEach((function(e) {
 		c[e] *= f.width;
-	})), f.height !== 1 / 0 && yt.forEach((function(e) {
+	})), f.height !== 1 / 0 && bt.forEach((function(e) {
 		c[e] *= f.height;
 	}));
 	return c;
 }
-function tn(e, t, n) {
+function nn(e, t, n) {
 	return t == 0 && n == 0 ? e / 2 : t == 0 ? 0 : n == 0 ? e : e * Math.abs(t / (t + n));
 }
-var nn = U("vue-simple-handler"), rn = U("vue-simple-handler-wrapper"), an = {
+var rn = U("vue-simple-handler"), an = U("vue-simple-handler-wrapper"), on = {
 	name: "SimpleHandler",
-	components: { HandlerWrapper: ht },
+	components: { HandlerWrapper: gt },
 	props: {
 		defaultClass: { type: String },
 		hoverClass: { type: String },
@@ -1639,8 +1639,8 @@ var nn = U("vue-simple-handler"), rn = U("vue-simple-handler-wrapper"), an = {
 	computed: { classes: function() {
 		var e, t = (V(e = {}, this.horizontalPosition, !!this.horizontalPosition), V(e, this.verticalPosition, !!this.verticalPosition), V(e, `${this.horizontalPosition}-${this.verticalPosition}`, !!(this.verticalPosition && this.horizontalPosition)), V(e, "hover", this.hover), e);
 		return {
-			default: H(nn(t), this.defaultClass, this.hover && this.hoverClass),
-			wrapper: H(rn(t), this.wrapperClass)
+			default: H(rn(t), this.defaultClass, this.hover && this.hoverClass),
+			wrapper: H(an(t), this.wrapperClass)
 		};
 	} },
 	methods: {
@@ -1659,7 +1659,7 @@ var nn = U("vue-simple-handler"), rn = U("vue-simple-handler-wrapper"), an = {
 	},
 	emits: ["drag", "drag-end"]
 };
-an.render = function(e, t, n, i, s, c) {
+on.render = function(e, t, n, i, s, c) {
 	var l = a("HandlerWrapper");
 	return o(), w(l, {
 		class: c.classes.wrapper,
@@ -1686,9 +1686,9 @@ an.render = function(e, t, n, i, s, c) {
 		"onLeave"
 	]);
 };
-var on = U("vue-simple-line"), sn = U("vue-simple-line-wrapper"), cn = {
+var sn = U("vue-simple-line"), cn = U("vue-simple-line-wrapper"), ln = {
 	name: "SimpleLine",
-	components: { LineWrapper: _t },
+	components: { LineWrapper: vt },
 	props: {
 		defaultClass: { type: String },
 		hoverClass: { type: String },
@@ -1704,8 +1704,8 @@ var on = U("vue-simple-line"), sn = U("vue-simple-line-wrapper"), cn = {
 	},
 	computed: { classes: function() {
 		return {
-			root: H(on(V({}, this.position, !0)), this.defaultClass, this.hover && this.hoverClass),
-			wrapper: H(sn(V({}, this.position, !0)), this.wrapperClass)
+			root: H(sn(V({}, this.position, !0)), this.defaultClass, this.hover && this.hoverClass),
+			wrapper: H(cn(V({}, this.position, !0)), this.wrapperClass)
 		};
 	} },
 	methods: {
@@ -1724,7 +1724,7 @@ var on = U("vue-simple-line"), sn = U("vue-simple-line-wrapper"), cn = {
 	},
 	emits: ["drag", "drag-end"]
 };
-cn.render = function(e, t, n, i, s, c) {
+ln.render = function(e, t, n, i, s, c) {
 	var l = a("LineWrapper");
 	return o(), w(l, {
 		class: c.classes.wrapper,
@@ -1749,15 +1749,15 @@ cn.render = function(e, t, n, i, s, c) {
 		"onLeave"
 	]);
 };
-var ln = U("vue-bounding-box"), un = [
+var un = U("vue-bounding-box"), dn = [
 	"east",
 	"west",
 	null
-], dn = [
+], fn = [
 	"south",
 	"north",
 	null
-], fn = {
+], pn = {
 	name: "BoundingBox",
 	props: {
 		width: { type: Number },
@@ -1781,7 +1781,7 @@ var ln = U("vue-bounding-box"), un = [
 		handlersComponent: {
 			type: [Object, String],
 			default: function() {
-				return an;
+				return on;
 			}
 		},
 		handlersClasses: {
@@ -1810,7 +1810,7 @@ var ln = U("vue-bounding-box"), un = [
 		linesComponent: {
 			type: [Object, String],
 			default: function() {
-				return cn;
+				return ln;
 			}
 		},
 		linesClasses: {
@@ -1832,10 +1832,10 @@ var ln = U("vue-bounding-box"), un = [
 	},
 	data: function() {
 		var e = [];
-		return un.forEach((function(t) {
-			dn.forEach((function(n) {
+		return dn.forEach((function(t) {
+			fn.forEach((function(n) {
 				if (t !== n) {
-					var r = $e(t, n);
+					var r = et(t, n);
 					e.push({
 						name: r.name,
 						classname: r.classname,
@@ -1854,7 +1854,7 @@ var ln = U("vue-bounding-box"), un = [
 		classes: function() {
 			var e = this.handlersClasses, t = this.handlersWrappersClasses, n = this.linesClasses, r = this.linesWrappersClasses;
 			return {
-				root: ln(),
+				root: un(),
 				handlers: e,
 				handlersWrappers: t,
 				lines: n,
@@ -1892,8 +1892,8 @@ var ln = U("vue-bounding-box"), un = [
 					};
 					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 = ln("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 = ln("handler", V({}, i.classname, !0));
+						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", V({}, i.classname, !0));
 					t.push(a);
 				}
 			})), t;
@@ -1919,7 +1919,7 @@ var ln = U("vue-bounding-box"), un = [
 				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 ut(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 dt(s, {
 				allowedDirections: {
 					left: t === "west" || !t,
 					right: t === "east" || !t,
@@ -1933,7 +1933,7 @@ var ln = U("vue-bounding-box"), un = [
 	},
 	emits: ["resize", "resize-end"]
 };
-fn.render = function(e, t, r, a, s, c) {
+pn.render = function(e, t, r, a, s, c) {
 	return o(), w("div", {
 		ref: "box",
 		class: c.classes.root,
@@ -1993,7 +1993,7 @@ fn.render = function(e, t, r, a, s, c) {
 		})), 128))
 	], 6);
 };
-var pn = U("vue-draggable-area"), mn = {
+var mn = U("vue-draggable-area"), hn = {
 	name: "DraggableArea",
 	props: {
 		movable: {
@@ -2006,7 +2006,7 @@ var pn = U("vue-draggable-area"), mn = {
 		}
 	},
 	computed: { classnames: function() {
-		return { default: pn() };
+		return { default: mn() };
 	} },
 	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 });
@@ -2021,14 +2021,14 @@ var pn = U("vue-draggable-area"), mn = {
 		onTouchStart: function(e) {
 			if (e.cancelable) {
 				var t = this.movable && e.touches.length === 1;
-				t && (this.touches = Ke(e.touches)), (this.touchStarted || t) && (e.preventDefault(), e.stopPropagation());
+				t && (this.touches = qe(e.touches)), (this.touchStarted || t) && (e.preventDefault(), e.stopPropagation());
 			}
 		},
 		onTouchEnd: function() {
 			this.touchStarted = !1, this.processEnd();
 		},
 		onTouchMove: function(e) {
-			this.touches.length >= 1 && (this.touchStarted ? (this.processMove(e, e.touches), e.preventDefault(), e.stopPropagation()) : ct({
+			this.touches.length >= 1 && (this.touchStarted ? (this.processMove(e, e.touches), e.preventDefault(), e.stopPropagation()) : lt({
 				x: this.touches[0].clientX,
 				y: this.touches[0].clientY
 			}, {
@@ -2067,10 +2067,10 @@ var pn = U("vue-draggable-area"), mn = {
 			};
 		},
 		processMove: function(e, t) {
-			var n = Ke(t);
+			var n = qe(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 dt({
+				this.touches.length === 1 && n.length === 1 && this.$emit("move", new ft({
 					left: n[0].clientX - (i + this.anchor.x),
 					top: n[0].clientY - (a + this.anchor.y)
 				}));
@@ -2082,7 +2082,7 @@ var pn = U("vue-draggable-area"), mn = {
 	},
 	emits: ["move", "move-end"]
 };
-mn.render = function(e, t, n, r, a, s) {
+hn.render = function(e, t, n, r, a, s) {
 	return o(), w("div", {
 		ref: "container",
 		onTouchstart: t[1] ||= function() {
@@ -2093,7 +2093,7 @@ mn.render = function(e, t, n, r, a, s) {
 		}
 	}, [i(e.$slots, "default")], 544);
 };
-function hn(e) {
+function gn(e) {
 	return {
 		rotate: e.rotate || 0,
 		flip: {
@@ -2102,7 +2102,7 @@ function hn(e) {
 		}
 	};
 }
-function gn(e) {
+function _n(e) {
 	return new Promise((function(t, n) {
 		try {
 			if (e) {
@@ -2135,11 +2135,11 @@ function gn(e) {
 		var a, o, s;
 	}));
 }
-function _n(e) {
+function vn(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 vn(e) {
+function yn(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;) {
@@ -2171,7 +2171,7 @@ function vn(e) {
 		return null;
 	}
 }
-function yn(e, t) {
+function bn(e, t) {
 	var n = t.getBoundingClientRect(), r = n.left, i = n.top, a = {
 		left: 0,
 		top: 0
@@ -2179,7 +2179,7 @@ function yn(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 += ct({
+		o += lt({
 			x: a.left,
 			y: a.top
 		}, {
@@ -2192,7 +2192,7 @@ function yn(e, t) {
 		count: e.length
 	};
 }
-var bn = {
+var xn = {
 	props: {
 		touchMove: {
 			type: Boolean,
@@ -2222,18 +2222,18 @@ var bn = {
 		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 = Qe(this.processEnd), this.touches = [];
+		this.transforming = !1, this.debouncedProcessEnd = $e(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 lt({
+				if (this.touches.length === 1 && t.length === 1) this.$emit("move", new ut({
 					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 = yn(t, this.$refs.container), r = this.oldGeometricProperties;
-					r.count === n.count && r.count > 1 && this.$emit("resize", new lt({
+					var n = bn(t, this.$refs.container), r = this.oldGeometricProperties;
+					r.count === n.count && r.count > 1 && this.$emit("resize", new ut({
 						left: r.centerMass.left - n.centerMass.left,
 						top: r.centerMass.top - n.centerMass.top
 					}, {
@@ -2256,9 +2256,9 @@ var bn = {
 		onTouchStart: function(e) {
 			if (e.cancelable && (this.touchMove || this.touchResize && e.touches.length > 1) && this.processEvent(e)) {
 				var t = this.$refs.container, n = t.getBoundingClientRect(), r = n.left, i = n.top, a = n.bottom, o = n.right;
-				this.touches = Ke(e.touches).filter((function(e) {
+				this.touches = qe(e.touches).filter((function(e) {
 					return e.clientX > r && e.clientX < o && e.clientY > i && e.clientY < a;
-				})), this.oldGeometricProperties = yn(this.touches, t);
+				})), this.oldGeometricProperties = bn(this.touches, t);
 			}
 		},
 		onTouchEnd: function(e) {
@@ -2267,7 +2267,7 @@ var bn = {
 		onTouchMove: function(e) {
 			var t = this;
 			if (this.touches.length) {
-				var n = Ke(e.touches).filter((function(e) {
+				var n = qe(e.touches).filter((function(e) {
 					return !e.identifier || t.touches.find((function(t) {
 						return t.identifier === e.identifier;
 					}));
@@ -2296,11 +2296,11 @@ var bn = {
 		},
 		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 || st(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 || ct(s) ? s : s > 0 ? 1 : -1), a = {
 					left: e.clientX - n,
 					top: e.clientY - r
 				};
-				this.$emit("resize", new lt({}, {
+				this.$emit("resize", new ut({}, {
 					factor: i,
 					center: a
 				})), this.touches.length || this.debouncedProcessEnd();
@@ -2314,7 +2314,7 @@ var bn = {
 		"transform-end"
 	]
 };
-bn.render = function(e, t, n, r, a, s) {
+xn.render = function(e, t, n, r, a, s) {
 	return o(), w("div", {
 		ref: "container",
 		onTouchstart: t[1] ||= function() {
@@ -2328,8 +2328,8 @@ bn.render = function(e, t, n, r, a, s) {
 		}
 	}, [i(e.$slots, "default")], 544);
 };
-var xn = {
-	components: { TransformableImage: bn },
+var Sn = {
+	components: { TransformableImage: xn },
 	props: {
 		touchMove: {
 			type: Boolean,
@@ -2350,7 +2350,7 @@ var xn = {
 	},
 	emits: ["resize", "move"]
 };
-xn.render = function(e, t, n, s, c, l) {
+Sn.render = function(e, t, n, s, c, l) {
 	var u = a("transformable-image");
 	return o(), w(u, {
 		"touch-move": n.touchMove,
@@ -2375,7 +2375,7 @@ xn.render = function(e, t, n, s, c, l) {
 		"wheel-resize"
 	]);
 };
-var Sn = U("vue-preview"), Cn = {
+var Cn = U("vue-preview"), wn = {
 	props: {
 		coordinates: { type: Object },
 		transitions: { type: Object },
@@ -2405,10 +2405,10 @@ var Sn = U("vue-preview"), Cn = {
 	computed: {
 		classes: function() {
 			return {
-				root: Sn({ fill: this.fill }),
-				wrapper: Sn("wrapper"),
-				imageWrapper: Sn("image-wrapper"),
-				image: H(Sn("image"), this.imageClass)
+				root: Cn({ fill: this.fill }),
+				wrapper: Cn("wrapper"),
+				imageWrapper: Cn("image-wrapper"),
+				image: H(Cn("image"), this.imageClass)
 			};
 		},
 		style: function() {
@@ -2436,7 +2436,7 @@ var Sn = U("vue-preview"), Cn = {
 				}, this.image.transforms), {}, {
 					scaleX: 1 / e,
 					scaleY: 1 / e
-				}), n = this.imageSize.width, r = this.imageSize.height, i = jt({
+				}), n = this.imageSize.width, r = this.imageSize.height, i = Mt({
 					width: n,
 					height: r
 				}, t.rotate), a = {
@@ -2455,7 +2455,7 @@ var Sn = U("vue-preview"), Cn = {
 					}
 				};
 				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) ` + _n(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) ` + vn(t), this.transitions && this.transitions.enabled && (a.transition = `${this.transitions.time}ms ${this.transitions.timingFunction}`), a;
 			}
 			return {};
 		},
@@ -2499,7 +2499,7 @@ var Sn = U("vue-preview"), Cn = {
 		}
 	}
 };
-Cn.render = function(e, t, n, r, i, a) {
+wn.render = function(e, t, n, r, i, a) {
 	return o(), w("div", {
 		ref: "root",
 		class: a.classes.root,
@@ -2515,20 +2515,20 @@ Cn.render = function(e, t, n, r, i, a) {
 		style: a.imageStyle
 	}, null, 14, ["src"]), [[j, n.image && n.image.src]])], 6)], 6);
 };
-var wn = {
-	components: { Preview: Cn },
+var Tn = {
+	components: { Preview: wn },
 	inheritAttrs: !1
 };
-wn.render = function(e, t, n, r, i, c) {
+Tn.render = function(e, t, n, r, i, c) {
 	var l = a("preview");
 	return o(), w(l, s(e.$attrs, { fill: !0 }), null, 16);
 };
-var Tn = U("vue-rectangle-stencil"), En = {
+var En = U("vue-rectangle-stencil"), Dn = {
 	name: "RectangleStencil",
 	components: {
-		StencilPreview: wn,
-		BoundingBox: fn,
-		DraggableArea: mn
+		StencilPreview: Tn,
+		BoundingBox: pn,
+		DraggableArea: hn
 	},
 	props: {
 		image: { type: Object },
@@ -2538,14 +2538,14 @@ var Tn = U("vue-rectangle-stencil"), En = {
 		handlersComponent: {
 			type: [Object, String],
 			default: function() {
-				return an;
+				return on;
 			}
 		},
 		lines: { type: Object },
 		linesComponent: {
 			type: [Object, String],
 			default: function() {
-				return cn;
+				return ln;
 			}
 		},
 		aspectRatio: { type: [Number, String] },
@@ -2598,13 +2598,13 @@ var Tn = U("vue-rectangle-stencil"), En = {
 	computed: {
 		classes: function() {
 			return {
-				stencil: H(Tn({
+				stencil: H(En({
 					movable: this.movable,
 					moving: this.moving,
 					resizing: this.resizing
 				}), this.moving && this.movingClass, this.resizing && this.resizingClass),
-				preview: H(Tn("preview"), this.previewClass),
-				boundingBox: H(Tn("bounding-box"), this.boundingBoxClass)
+				preview: H(En("preview"), this.previewClass),
+				boundingBox: H(En("bounding-box"), this.boundingBoxClass)
 			};
 		},
 		style: function() {
@@ -2643,7 +2643,7 @@ var Tn = U("vue-rectangle-stencil"), En = {
 		"move-end"
 	]
 };
-En.render = function(e, t, n, i, s, c) {
+Dn.render = function(e, t, n, i, s, c) {
 	var l = a("stencil-preview"), u = a("draggable-area"), d = a("bounding-box");
 	return o(), w("div", {
 		class: c.classes.stencil,
@@ -2714,9 +2714,9 @@ En.render = function(e, t, n, i, s, c) {
 		"onResizeEnd"
 	])], 6);
 };
-var Dn = ["transitions"], On = U("vue-advanced-cropper"), kn = {
+var On = ["transitions"], kn = U("vue-advanced-cropper"), An = {
 	name: "Cropper",
-	components: { BackgroundWrapper: xn },
+	components: { BackgroundWrapper: Sn },
 	props: {
 		src: {
 			type: String,
@@ -2725,13 +2725,13 @@ var Dn = ["transitions"], On = U("vue-advanced-cropper"), kn = {
 		stencilComponent: {
 			type: [Object, String],
 			default: function() {
-				return En;
+				return Dn;
 			}
 		},
 		backgroundWrapperComponent: {
 			type: [Object, String],
 			default: function() {
-				return xn;
+				return Sn;
 			}
 		},
 		stencilProps: {
@@ -2780,7 +2780,7 @@ var Dn = ["transitions"], On = U("vue-advanced-cropper"), kn = {
 			type: String,
 			default: "fit-area",
 			validator: function(e) {
-				return xt.indexOf(e) !== -1;
+				return St.indexOf(e) !== -1;
 			}
 		},
 		roundResult: {
@@ -2826,28 +2826,28 @@ var Dn = ["transitions"], On = U("vue-advanced-cropper"), kn = {
 				a.widthFrozen && (c.left = 0, c.right = 0), a.heightFrozen && (c.top = 0, c.bottom = 0), K.forEach((function(e) {
 					l[e] || (c[e] = 0);
 				}));
-				var u = Y(o, c = en({
+				var u = Y(o, c = tn({
 					coordinates: o,
 					directions: c,
 					sizeRestrictions: a,
 					positionRestrictions: i
-				})).width, d = Y(o, c).height, f = s.preserveRatio ? Q(o) : kt(u / d, r);
+				})).width, d = Y(o, c).height, f = s.preserveRatio ? Q(o) : At(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 = tn(m, g, h), c.top = tn(m, h, g);
+							c.bottom = nn(m, g, h), c.top = nn(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 = -tn(_, v, y), c.right = -tn(_, y, v);
+							c.left = -nn(_, v, y), c.right = -nn(_, y, v);
 						} else l.left ? c.left = -_ : l.right ? c.right = -_ : l.top ? c.top = 0 : l.bottom && (c.bottom = 0);
 					}
-					c = en({
+					c = tn({
 						directions: c,
 						coordinates: o,
 						sizeRestrictions: a,
@@ -2856,10 +2856,10 @@ var Dn = ["transitions"], On = U("vue-advanced-cropper"), kn = {
 						compensate: s.compensate
 					});
 				}
-				return u = Y(o, c).width, d = Y(o, c).height, (f = s.preserveRatio ? Q(o) : kt(u / d, r)) && Math.abs(f - u / d) > .001 && K.forEach((function(e) {
+				return u = Y(o, c).width, d = Y(o, c).height, (f = s.preserveRatio ? Q(o) : At(u / d, r)) && Math.abs(f - u / d) > .001 && K.forEach((function(e) {
 					l[e] || (c[e] = 0);
-				})), Vt({
-					event: new dt({
+				})), Ht({
+					event: new ft({
 						left: -c.left,
 						top: -c.top
 					}),
@@ -2875,7 +2875,7 @@ var Dn = ["transitions"], On = U("vue-advanced-cropper"), kn = {
 		},
 		moveAlgorithm: {
 			type: Function,
-			default: Vt
+			default: Ht
 		},
 		initStretcher: {
 			type: Function,
@@ -2887,7 +2887,7 @@ var Dn = ["transitions"], On = U("vue-advanced-cropper"), kn = {
 		fitCoordinates: {
 			type: Function,
 			default: function(e) {
-				var t = e.visibleArea, n = e.coordinates, r = e.aspectRatio, i = e.sizeRestrictions, a = e.positionRestrictions, o = W(W({}, n), Bt({
+				var t = e.visibleArea, n = e.coordinates, r = e.aspectRatio, i = e.sizeRestrictions, a = e.positionRestrictions, o = W(W({}, n), Vt({
 					width: n.width,
 					height: n.height,
 					aspectRatio: r,
@@ -2898,7 +2898,7 @@ var Dn = ["transitions"], On = U("vue-advanced-cropper"), kn = {
 						minWidth: Math.min(t.width, i.minWidth)
 					}
 				}));
-				return o = $(o = X(o, wt(J(n), J(o))), Lt(q(t), a));
+				return o = $(o = X(o, Tt(J(n), J(o))), Rt(q(t), a));
 			}
 		},
 		fitVisibleArea: {
@@ -2906,7 +2906,7 @@ var Dn = ["transitions"], On = U("vue-advanced-cropper"), kn = {
 			default: function(e) {
 				var t = e.visibleArea, n = e.boundaries, r = e.getAreaRestrictions, i = e.coordinates, a = W({}, 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 = Et(Ot(i, q(a = Z(a, Nt(a, r({
+				var o = Dt(kt(i, q(a = Z(a, Pt(a, r({
 					visibleArea: a,
 					type: "resize"
 				}))))));
@@ -2987,7 +2987,7 @@ var Dn = ["transitions"], On = U("vue-advanced-cropper"), kn = {
 				height: 0
 			},
 			visibleArea: null,
-			coordinates: B({}, St)
+			coordinates: B({}, Ct)
 		};
 	},
 	computed: {
@@ -3025,7 +3025,7 @@ var Dn = ["transitions"], On = U("vue-advanced-cropper"), kn = {
 			return !!(this.visibleArea && this.imageLoaded);
 		},
 		settings: function() {
-			var e = it(this.resizeImage, {
+			var e = at(this.resizeImage, {
 				touch: !0,
 				wheel: { ratio: .1 },
 				adjustStencil: !0
@@ -3035,7 +3035,7 @@ var Dn = ["transitions"], On = U("vue-advanced-cropper"), kn = {
 				adjustStencil: !1
 			});
 			return {
-				moveImage: it(this.moveImage, {
+				moveImage: at(this.moveImage, {
 					touch: !0,
 					mouse: !0
 				}, {
@@ -3066,10 +3066,10 @@ var Dn = ["transitions"], On = U("vue-advanced-cropper"), kn = {
 			if (this.boundaries.width && this.boundaries.height && this.imageSize.width && this.imageSize.height) {
 				var e = this.sizeRestrictionsAlgorithm({
 					imageSize: this.imageSize,
-					minWidth: G(this.minWidth) ? 0 : at(this.minWidth),
-					minHeight: G(this.minHeight) ? 0 : at(this.minHeight),
-					maxWidth: G(this.maxWidth) ? 1 / 0 : at(this.maxWidth),
-					maxHeight: G(this.maxHeight) ? 1 / 0 : at(this.maxHeight)
+					minWidth: G(this.minWidth) ? 0 : ot(this.minWidth),
+					minHeight: G(this.minHeight) ? 0 : ot(this.minHeight),
+					maxWidth: G(this.maxWidth) ? 1 / 0 : ot(this.maxWidth),
+					maxHeight: G(this.maxHeight) ? 1 / 0 : ot(this.maxHeight)
 				});
 				if (e = function(e) {
 					var t = e.areaRestrictions, n = e.sizeRestrictions, r = e.boundaries, i = e.positionRestrictions, a = W(W({}, n), {
@@ -3079,7 +3079,7 @@ var Dn = ["transitions"], On = U("vue-advanced-cropper"), kn = {
 						maxHeight: n.maxHeight === void 0 ? 1 / 0 : n.maxHeight
 					});
 					i.left !== void 0 && i.right !== void 0 && (a.maxWidth = Math.min(a.maxWidth, i.right - i.left)), i.bottom !== void 0 && i.top !== void 0 && (a.maxHeight = Math.min(a.maxHeight, i.bottom - i.top));
-					var o = Pt(t), s = At(r, o);
+					var o = Ft(t), s = jt(r, o);
 					return o.width < 1 / 0 && (!a.maxWidth || a.maxWidth > s.width) && (a.maxWidth = Math.min(a.maxWidth, s.width)), o.height < 1 / 0 && (!a.maxHeight || a.maxHeight > s.height) && (a.maxHeight = Math.min(a.maxHeight, s.height)), a.minWidth > a.maxWidth && (a.minWidth = a.maxWidth, a.widthFrozen = !0), a.minHeight > a.maxHeight && (a.minHeight = a.maxHeight, a.heightFrozen = !0), a;
 				}({
 					sizeRestrictions: e,
@@ -3094,7 +3094,7 @@ var Dn = ["transitions"], On = U("vue-advanced-cropper"), kn = {
 					visibleArea: this.visibleArea,
 					stencilSize: this.getStencilSize()
 				}), this.visibleArea && this.stencilSize) {
-					var t = this.getStencilSize(), n = Pt(this.getAreaRestrictions({
+					var t = this.getStencilSize(), n = Ft(this.getAreaRestrictions({
 						visibleArea: this.visibleArea,
 						type: "resize"
 					}));
@@ -3117,15 +3117,15 @@ var Dn = ["transitions"], On = U("vue-advanced-cropper"), kn = {
 		},
 		classes: function() {
 			return {
-				cropper: On(),
-				image: H(On("image"), this.imageClass),
-				stencil: On("stencil"),
-				boundaries: H(On("boundaries"), this.boundariesClass),
-				stretcher: H(On("stretcher")),
-				background: H(On("background"), this.backgroundClass),
-				foreground: H(On("foreground"), this.foregroundClass),
-				imageWrapper: H(On("image-wrapper")),
-				cropperWrapper: H(On("cropper-wrapper"))
+				cropper: kn(),
+				image: H(kn("image"), this.imageClass),
+				stencil: kn("stencil"),
+				boundaries: H(kn("boundaries"), this.boundariesClass),
+				stretcher: H(kn("stretcher")),
+				background: H(kn("background"), this.backgroundClass),
+				foreground: H(kn("foreground"), this.foregroundClass),
+				imageWrapper: H(kn("image-wrapper")),
+				cropperWrapper: H(kn("cropper-wrapper"))
 			};
 		},
 		stencilCoordinates: function() {
@@ -3170,7 +3170,7 @@ var Dn = ["transitions"], On = U("vue-advanced-cropper"), kn = {
 				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)` + _n(r)
+				transform: `translate(${-t.left - n.left - this.imageTransforms.translateX}px, ${-t.top - n.top - this.imageTransforms.translateY}px)` + vn(r)
 			};
 			return this.transitionsOptions.enabled && (i.transition = `${this.transitionsOptions.time}ms ${this.transitionsOptions.timingFunction}`), i;
 		}
@@ -3211,7 +3211,7 @@ var Dn = ["transitions"], On = U("vue-advanced-cropper"), kn = {
 		}
 	},
 	created: function() {
-		this.debouncedUpdate = Qe(this.update, this.debounce), this.debouncedDisableTransitions = Qe(this.disableTransitions, this.transitionsOptions.time), this.awaiting = !1;
+		this.debouncedUpdate = $e(this.update, this.debounce), this.debouncedDisableTransitions = $e(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);
@@ -3247,7 +3247,7 @@ var Dn = ["transitions"], On = U("vue-advanced-cropper"), kn = {
 		},
 		zoom: function(e, t) {
 			var n = (arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}).transitions, r = n === void 0 || n;
-			this.onManipulateImage(new lt({}, {
+			this.onManipulateImage(new ut({}, {
 				factor: 1 / e,
 				center: t
 			}), {
@@ -3257,7 +3257,7 @@ var Dn = ["transitions"], On = U("vue-advanced-cropper"), kn = {
 		},
 		move: function(e, t) {
 			var n = (arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}).transitions, r = n === void 0 || n;
-			this.onManipulateImage(new lt({
+			this.onManipulateImage(new ut({
 				left: e || 0,
 				top: t || 0
 			}), {
@@ -3301,13 +3301,13 @@ var Dn = ["transitions"], On = U("vue-advanced-cropper"), kn = {
 				};
 				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);
 			}(B(B({}, this.getPublicProperties()), {}, {
-				positionRestrictions: Xt(this.positionRestrictions, this.visibleArea),
+				positionRestrictions: Zt(this.positionRestrictions, this.visibleArea),
 				coordinates: e
 			})) : e;
 		},
 		processAutoZoom: function(e, t, n, r) {
 			var i = this.autoZoomAlgorithm;
-			i ||= this.stencilSize ? Ut : this.autoZoom ? Wt : Gt;
+			i ||= this.stencilSize ? Wt : this.autoZoom ? Gt : Kt;
 			var a = i({
 				event: {
 					type: e,
@@ -3322,10 +3322,10 @@ var Dn = ["transitions"], On = U("vue-advanced-cropper"), kn = {
 				sizeRestrictions: this.sizeRestrictions,
 				stencilSize: this.getStencilSize()
 			});
-			return B(B({}, a), {}, { changed: !Ct(a.visibleArea, t) || !Ct(a.coordinates, n) });
+			return B(B({}, a), {}, { changed: !wt(a.visibleArea, t) || !wt(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 = Ge(t, Dn), 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 = Ke(t, On), 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) {
@@ -3352,7 +3352,7 @@ var Dn = ["transitions"], On = U("vue-advanced-cropper"), kn = {
 				}
 				if (t.type === "move") {
 					var a = W(W({}, t), { directions: W({}, t.directions) });
-					return bt.forEach((function(e) {
+					return xt.forEach((function(e) {
 						a.directions[e] *= r;
 					})), a;
 				}
@@ -3365,9 +3365,9 @@ var Dn = ["transitions"], On = U("vue-advanced-cropper"), kn = {
 					var r = n.rotate, i = n.flip, a = {
 						width: t.naturalWidth,
 						height: t.naturalHeight
-					}, o = jt(a, r), s = e.getContext("2d");
+					}, o = Mt(a, r), s = e.getContext("2d");
 					e.height = o.height, e.width = o.width, s.save();
-					var c = Mt(J(W({
+					var c = Nt(J(W({
 						left: 0,
 						top: 0
 					}, a)), r);
@@ -3386,7 +3386,7 @@ var Dn = ["transitions"], On = U("vue-advanced-cropper"), kn = {
 						return t = e, !Number.isNaN(parseFloat(t)) && isFinite(t);
 						var t;
 					}));
-				}, a = Bt({
+				}, a = Vt({
 					sizeRestrictions: {
 						minWidth: i([r.width, r.minWidth]) || 0,
 						minHeight: i([r.height, r.minHeight]) || 0,
@@ -3420,8 +3420,8 @@ var Dn = ["transitions"], On = U("vue-advanced-cropper"), kn = {
 			this.$emit("change", this.getResult());
 		},
 		applyTransform: function(e) {
-			var t = arguments.length > 1 && arguments[1] !== void 0 && arguments[1], n = this.visibleArea && t ? Ft(this.sizeRestrictions, this.visibleArea) : this.sizeRestrictions, r = this.visibleArea && t ? Xt(this.positionRestrictions, this.visibleArea) : this.positionRestrictions;
-			return Ht({
+			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({
 				transform: e,
 				coordinates: this.coordinates,
 				imageSize: this.imageSize,
@@ -3436,23 +3436,23 @@ var Dn = ["transitions"], On = U("vue-advanced-cropper"), kn = {
 			if (this.$refs.image) {
 				this.$refs.cropper, this.$refs.image;
 				var t = this.defaultSize;
-				t ||= this.stencilSize ? Jt : qt, this.sizeRestrictions;
-				var n = nt(t) ? t({
+				t ||= this.stencilSize ? Yt : Jt, this.sizeRestrictions;
+				var n = rt(t) ? t({
 					boundaries: this.boundaries,
 					imageSize: this.imageSize,
 					aspectRatio: this.getAspectRatio(),
 					sizeRestrictions: this.sizeRestrictions,
 					stencilSize: this.getStencilSize(),
 					visibleArea: this.visibleArea
-				}) : t, r = this.defaultPosition || Kt, i = [n, function(t) {
+				}) : t, r = this.defaultPosition || qt, i = [n, function(t) {
 					var n = t.coordinates;
-					return B({}, nt(r) ? r({
+					return B({}, rt(r) ? r({
 						coordinates: n,
 						imageSize: e.imageSize,
 						visibleArea: e.visibleArea
 					}) : e.defaultPosition);
 				}];
-				this.delayedTransforms && i.push.apply(i, Ke(Array.isArray(this.delayedTransforms) ? this.delayedTransforms : [this.delayedTransforms])), this.coordinates = this.applyTransform(i, !0), this.delayedTransforms = null;
+				this.delayedTransforms && i.push.apply(i, qe(Array.isArray(this.delayedTransforms) ? this.delayedTransforms : [this.delayedTransforms])), this.coordinates = this.applyTransform(i, !0), this.delayedTransforms = null;
 			}
 		},
 		clearImage: function() {
@@ -3482,7 +3482,7 @@ var Dn = ["transitions"], On = U("vue-advanced-cropper"), kn = {
 					cropper: n,
 					imageSize: e.imageSize
 				};
-				if (e.boundaries = nt(e.defaultBoundaries) ? e.defaultBoundaries(t) : e.defaultBoundaries === "fit" ? function(e) {
+				if (e.boundaries = rt(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,
@@ -3501,8 +3501,8 @@ var Dn = ["transitions"], On = U("vue-advanced-cropper"), kn = {
 			var e = this;
 			return this.appliedImageTransforms = B(B({}, this.defaultImageTransforms), {}, { flip: B({}, 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 || Yt;
-				e.visibleArea = nt(s) ? s({
+				var t, n, r, i, a, o, s = e.defaultVisibleArea || Xt;
+				e.visibleArea = rt(s) ? s({
 					imageSize: e.imageSize,
 					boundaries: e.boundaries,
 					coordinates: e.priority === "visible-area" ? null : e.coordinates,
@@ -3553,7 +3553,7 @@ var Dn = ["transitions"], On = U("vue-advanced-cropper"), kn = {
 			var e, t = this;
 			if (this.imageLoaded = !1, this.delayedTransforms = null, this.src) {
 				if (function(e) {
-					if (tt(e)) return !1;
+					if (nt(e)) return !1;
 					var t = window.location, n = /(\w+:)?(?:\/\/)([\w.-]+)?(?::(\d+))?\/?/.exec(e) || [], r = {
 						protocol: n[1] || "",
 						host: n[2] || "",
@@ -3568,8 +3568,8 @@ var Dn = ["transitions"], On = U("vue-advanced-cropper"), kn = {
 				}
 				if (this.checkOrientation) {
 					var r = (e = this.src, new Promise((function(t) {
-						gn(e).then((function(n) {
-							var r = vn(n);
+						_n(e).then((function(n) {
+							var r = yn(n);
 							t(n ? {
 								source: e,
 								arrayBuffer: n,
@@ -3606,14 +3606,14 @@ var Dn = ["transitions"], On = U("vue-advanced-cropper"), kn = {
 		},
 		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 ? et(n) || !tt(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 ? tt(n) || !nt(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, this.appliedImageTransforms = nt(this.defaultTransforms) ? hn(this.defaultTransforms()) : rt(this.defaultTransforms) ? hn(this.defaultTransforms) : function(e) {
-				var t = hn({});
+			}(r) : this.imageAttributes.src = n, this.appliedImageTransforms = rt(this.defaultTransforms) ? gn(this.defaultTransforms()) : it(this.defaultTransforms) ? gn(this.defaultTransforms) : function(e) {
+				var t = gn({});
 				if (e) switch (e) {
 					case 2:
 						t.flip.horizontal = !0;
@@ -3653,7 +3653,7 @@ var Dn = ["transitions"], On = U("vue-advanced-cropper"), kn = {
 			var t = this;
 			this.transitionsOptions.enabled || this.awaitRender((function() {
 				t.coordinates = t.moveAlgorithm(B(B({}, t.getPublicProperties()), {}, {
-					positionRestrictions: Xt(t.positionRestrictions, t.visibleArea),
+					positionRestrictions: Zt(t.positionRestrictions, t.visibleArea),
 					coordinates: t.coordinates,
 					event: t.normalizeEvent(e)
 				})), t.onChange();
@@ -3664,7 +3664,7 @@ var Dn = ["transitions"], On = U("vue-advanced-cropper"), kn = {
 			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(B(B({}, t.getPublicProperties()), {}, {
-					positionRestrictions: Xt(t.positionRestrictions, t.visibleArea),
+					positionRestrictions: Zt(t.positionRestrictions, t.visibleArea),
 					sizeRestrictions: {
 						maxWidth: Math.min(n.maxWidth, t.visibleArea.width),
 						maxHeight: Math.min(n.maxHeight, t.visibleArea.height),
@@ -3680,7 +3680,7 @@ var Dn = ["transitions"], On = U("vue-advanced-cropper"), kn = {
 			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 = Zt(B(B({}, this.getPublicProperties()), {}, {
+				var o = Qt(B(B({}, this.getPublicProperties()), {}, {
 					event: a ? this.normalizeEvent(e) : e,
 					getAreaRestrictions: this.getAreaRestrictions,
 					imageRestriction: this.imageRestriction,
@@ -3710,7 +3710,7 @@ var Dn = ["transitions"], On = U("vue-advanced-cropper"), kn = {
 			}
 			if (G(t) && (t = G(i) ? a : i), G(n) && (n = G(i) ? o : i), !e && (G(t) || G(n))) {
 				var c = this.getStencilSize(), l = c ? Q(c) : null;
-				G(t) && (t = ot(l) ? l : void 0), G(n) && (n = ot(l) ? l : void 0);
+				G(t) && (t = st(l) ? l : void 0), G(n) && (n = st(l) ? l : void 0);
 			}
 			return {
 				minimum: t,
@@ -3728,10 +3728,10 @@ var Dn = ["transitions"], On = U("vue-advanced-cropper"), kn = {
 				coefficient: this.coefficient,
 				coordinates: this.coordinates,
 				aspectRatio: this.getAspectRatio(!0)
-			}, t = e.boundaries, n = e.stencilSize, r = e.aspectRatio, kt(Q(i = nt(n) ? n({
+			}, t = e.boundaries, n = e.stencilSize, r = e.aspectRatio, At(Q(i = rt(n) ? n({
 				boundaries: t,
 				aspectRatio: r
-			}) : n), r) && (i = Bt({
+			}) : n), r) && (i = Vt({
 				sizeRestrictions: {
 					maxWidth: t.width,
 					maxHeight: t.height,
@@ -3744,7 +3744,7 @@ var Dn = ["transitions"], On = U("vue-advanced-cropper"), kn = {
 					minimum: r.minimum,
 					maximum: r.maximum
 				}
-			})), (i.width > t.width || i.height > t.height) && (i = Bt({
+			})), (i.width > t.width || i.height > t.height) && (i = Vt({
 				sizeRestrictions: {
 					maxWidth: t.width,
 					maxHeight: t.height,
@@ -3773,13 +3773,13 @@ var Dn = ["transitions"], On = U("vue-advanced-cropper"), kn = {
 			};
 		},
 		defaultCoordinates: function() {
-			return B({}, St);
+			return B({}, Ct);
 		},
 		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 = B({}, this.imageTransforms.flip), a = $t({
+				var i = B({}, this.imageTransforms.flip), a = en({
 					flip: {
 						horizontal: e ? !i.horizontal : i.horizontal,
 						vertical: t ? !i.vertical : i.vertical
@@ -3803,7 +3803,7 @@ var Dn = ["transitions"], On = U("vue-advanced-cropper"), kn = {
 				n && this.enableTransitions();
 				var r = B({}, this.imageSize);
 				this.appliedImageTransforms.rotate += e;
-				var i = Qt({
+				var i = $t({
 					visibleArea: this.visibleArea,
 					coordinates: this.coordinates,
 					previousImageSize: r,
@@ -3823,16 +3823,16 @@ var Dn = ["transitions"], On = U("vue-advanced-cropper"), kn = {
 		"error",
 		"ready"
 	]
-}, An = {
+}, jn = {
 	key: 0,
 	ref: "canvas",
 	style: { display: "none" }
-}, jn = {
+}, Mn = {
 	key: 1,
 	ref: "sourceCanvas",
 	style: { display: "none" }
 };
-kn.render = function(e, t, n, i, a, c) {
+An.render = function(e, t, n, i, a, c) {
 	return o(), w("div", {
 		ref: "cropper",
 		class: c.classes.cropper
@@ -3890,8 +3890,8 @@ kn.render = function(e, t, n, i, a, c) {
 					"onMove",
 					"onMoveEnd"
 				])), [[j, a.imageLoaded]]),
-				n.canvas ? (o(), w("canvas", An, null, 512)) : b("", !0),
-				n.canvas ? (o(), w("canvas", jn, null, 512)) : b("", !0)
+				n.canvas ? (o(), w("canvas", jn, null, 512)) : b("", !0),
+				n.canvas ? (o(), w("canvas", Mn, null, 512)) : b("", !0)
 			];
 		})),
 		_: 1
@@ -3907,57 +3907,57 @@ kn.render = function(e, t, n, i, a, c) {
 };
 //#endregion
 //#region ../media-library/src/components/media/MediaEditModal.vue?vue&type=script&setup=true&lang.ts
-var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn = {
+var Nn = ["data-tpl-theme"], Pn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Fn = {
 	class: "tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, Fn = { class: "tpl:min-h-0 tpl:flex-1 tpl:overflow-y-auto tpl:px-5" }, In = {
+}, In = { class: "tpl:min-h-0 tpl:flex-1 tpl:overflow-y-auto tpl:px-5" }, Ln = {
 	key: 0,
 	class: "tpl:mb-4"
-}, Ln = {
+}, Rn = {
 	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)"
 	}
-}, Rn = { class: "tpl:space-y-3" }, zn = {
+}, zn = { class: "tpl:space-y-3" }, Bn = {
 	class: "tpl:mb-1.5 tpl:block tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text-muted)" }
-}, Bn = { class: "tpl:flex tpl:flex-wrap tpl:gap-1.5" }, Vn = ["onClick"], Hn = { class: "tpl:flex tpl:gap-3" }, Un = { class: "tpl:flex-1" }, Wn = {
+}, Vn = { class: "tpl:flex tpl:flex-wrap tpl:gap-1.5" }, Hn = ["onClick"], Un = { class: "tpl:flex tpl:gap-3" }, Wn = { class: "tpl:flex-1" }, Gn = {
 	class: "tpl:mb-1 tpl:block tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text-muted)" }
-}, Gn = {
+}, Kn = {
 	class: "tpl:font-normal",
 	style: { color: "var(--tpl-text-dim)" }
-}, Kn = { class: "tpl:relative" }, qn = ["value", "placeholder"], Jn = {
+}, qn = { class: "tpl:relative" }, Jn = ["value", "placeholder"], Yn = {
 	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)" }
-}, Yn = { class: "tpl:flex-1" }, Xn = {
+}, Xn = { class: "tpl:flex-1" }, Zn = {
 	class: "tpl:mb-1 tpl:block tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text-muted)" }
-}, Zn = {
+}, Qn = {
 	class: "tpl:font-normal",
 	style: { color: "var(--tpl-text-dim)" }
-}, Qn = { class: "tpl:relative" }, $n = ["value", "placeholder"], er = {
+}, $n = { class: "tpl:relative" }, er = ["value", "placeholder"], tr = {
 	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)" }
-}, tr = {
+}, nr = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-1 tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, nr = {
+}, rr = {
 	class: "tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, rr = { class: "tpl:mb-3" }, ir = {
+}, ir = { class: "tpl:mb-3" }, ar = {
 	class: "tpl:mb-1 tpl:block tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text-muted)" }
-}, ar = ["autofocus"], or = {
+}, or = ["autofocus"], sr = {
 	key: 1,
 	class: "tpl:mb-4"
-}, sr = {
+}, cr = {
 	class: "tpl:mb-1 tpl:block tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text-muted)" }
-}, cr = ["placeholder"], lr = { class: "tpl:flex tpl:shrink-0 tpl:justify-end tpl:gap-2 tpl:p-5 tpl:pt-4" }, ur = ["disabled"], dr = /*#__PURE__*/ we(/* @__PURE__ */ d({
+}, lr = ["placeholder"], ur = { class: "tpl:flex tpl:shrink-0 tpl:justify-end tpl:gap-2 tpl:p-5 tpl:pt-4" }, dr = ["disabled"], fr = /*#__PURE__*/ we(/* @__PURE__ */ d({
 	__name: "MediaEditModal",
 	props: {
 		visible: { type: Boolean },
@@ -3965,12 +3965,12 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 	},
 	emits: ["save", "close"],
 	setup(i, { emit: a }) {
-		let s = i, c = a, { t: u } = z(), d = t(Ne, null), h = t(je, l(null)), x = u.mediaLibrary, { isImageMimeType: E } = Re(), k = l(""), A = l(""), j = l(null), P = l("free"), ee = l(void 0), te = l(void 0), ne = l(""), re = l(""), ie = l(void 0), I = l(null), ae = l(!1), oe = l(!1), se = l(!1), ce = v(() => s.item ? [
+		let s = i, c = a, { t: u } = z(), d = t(Ne, null), h = t(je, l(null)), x = u.mediaLibrary, { isImageMimeType: E } = ze(), k = l(""), A = l(""), j = l(null), P = l("free"), ee = l(void 0), te = l(void 0), ne = l(""), re = l(""), ie = l(void 0), I = l(null), ae = l(!1), oe = l(!1), se = l(!1), ce = v(() => s.item ? [
 			"image/jpeg",
 			"image/png",
 			"image/webp",
 			"image/gif"
-		].includes(s.item.mime_type) : !1), le = v(() => P.value === "original" ? ie.value : ze[P.value]), ue = v(() => I.value ? Ue(I.value.width, I.value.height, ee.value, te.value) : null);
+		].includes(s.item.mime_type) : !1), le = v(() => P.value === "original" ? ie.value : Be[P.value]), ue = v(() => I.value ? We(I.value.width, I.value.height, ee.value, te.value) : null);
 		e(() => s.visible, (e) => {
 			e && s.item && (k.value = s.item.filename, A.value = s.item.alt_text || "", P.value = "free", ee.value = void 0, te.value = void 0, ne.value = "", re.value = "", ie.value = void 0, I.value = null, ae.value = !1, se.value = !1, s.item.width && s.item.height && (ie.value = s.item.width / s.item.height));
 		});
@@ -4000,8 +4000,8 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 				try {
 					let { canvas: e } = j.value.getResult();
 					if (e) {
-						let t = Ve(e, ee.value, te.value), r = Be(s.item.mime_type);
-						n = { file: await He(t, s.item.filename, r) };
+						let t = He(e, ee.value, te.value), r = Ve(s.item.mime_type);
+						n = { file: await Ue(t, s.item.filename, r) };
 					}
 				} catch {
 					oe.value = !1;
@@ -4033,9 +4033,9 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 				class: g(["tpl:flex tpl:max-h-[90%] tpl:w-full tpl:flex-col tpl:overflow-hidden tpl:rounded-lg tpl:shadow-xl", ce.value ? "tpl:max-w-2xl" : "tpl:max-w-sm"]),
 				style: { "background-color": "var(--tpl-bg-elevated)" }
 			}, [
-				O("div", Nn, [O("h3", Pn, N(p(u).mediaLibrary.editFile), 1)]),
-				O("div", Fn, [
-					ce.value ? (o(), y("div", In, [O("div", Ln, [m(p(kn), {
+				O("div", Pn, [O("h3", Fn, N(p(u).mediaLibrary.editFile), 1)]),
+				O("div", In, [
+					ce.value ? (o(), y("div", Ln, [O("div", Rn, [m(p(An), {
 						ref_key: "cropperRef",
 						ref: j,
 						src: i.item.url,
@@ -4044,8 +4044,8 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 						"background-class": "tpl-cropper-background",
 						onChange: de,
 						onReady: fe
-					}, null, 8, ["src", "stencil-props"])]), O("div", Rn, [
-						O("div", null, [O("label", zn, N(p(u).mediaLibrary.cropAspectRatio), 1), O("div", Bn, [(o(), y(M, null, n([
+					}, null, 8, ["src", "stencil-props"])]), O("div", zn, [
+						O("div", null, [O("label", Bn, N(p(u).mediaLibrary.cropAspectRatio), 1), O("div", Vn, [(o(), y(M, null, n([
 							"free",
 							"square",
 							"landscape43",
@@ -4061,8 +4061,8 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 								color: P.value === e ? "var(--tpl-primary)" : "var(--tpl-text)"
 							}),
 							onClick: (t) => P.value = e
-						}, N(p(x)[`crop${e.charAt(0).toUpperCase()}${e.slice(1)}`]), 13, Vn)), 64))])]),
-						O("div", Hn, [O("div", Un, [O("label", Wn, [F(N(p(u).mediaLibrary.cropMaxWidth) + " ", 1), O("span", Gn, N(p(u).mediaLibrary.cropOptional), 1)]), O("div", Kn, [O("input", {
+						}, N(p(x)[`crop${e.charAt(0).toUpperCase()}${e.slice(1)}`]), 13, Hn)), 64))])]),
+						O("div", Un, [O("div", Wn, [O("label", Gn, [F(N(p(u).mediaLibrary.cropMaxWidth) + " ", 1), O("span", Kn, N(p(u).mediaLibrary.cropOptional), 1)]), O("div", qn, [O("input", {
 							value: ne.value,
 							type: "number",
 							min: "1",
@@ -4074,7 +4074,7 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 							},
 							placeholder: I.value?.width?.toString() || "",
 							onInput: pe
-						}, null, 40, qn), O("span", Jn, N(p(u).mediaLibrary.cropPixels), 1)])]), O("div", Yn, [O("label", Xn, [F(N(p(u).mediaLibrary.cropMaxHeight) + " ", 1), O("span", Zn, N(p(u).mediaLibrary.cropOptional), 1)]), O("div", Qn, [O("input", {
+						}, null, 40, Jn), O("span", Yn, N(p(u).mediaLibrary.cropPixels), 1)])]), O("div", Xn, [O("label", Zn, [F(N(p(u).mediaLibrary.cropMaxHeight) + " ", 1), O("span", Qn, N(p(u).mediaLibrary.cropOptional), 1)]), O("div", $n, [O("input", {
 							value: re.value,
 							type: "number",
 							min: "1",
@@ -4086,10 +4086,10 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 							},
 							placeholder: I.value?.height?.toString() || "",
 							onInput: me
-						}, null, 40, $n), O("span", er, N(p(u).mediaLibrary.cropPixels), 1)])])]),
-						ue.value ? (o(), y("div", tr, [O("span", null, N(p(u).mediaLibrary.cropOutputSize) + ": ", 1), O("span", nr, N(ue.value.width) + " x " + N(ue.value.height) + " " + N(p(u).mediaLibrary.cropPixels), 1)])) : b("", !0)
+						}, null, 40, er), O("span", tr, N(p(u).mediaLibrary.cropPixels), 1)])])]),
+						ue.value ? (o(), y("div", nr, [O("span", null, N(p(u).mediaLibrary.cropOutputSize) + ": ", 1), O("span", rr, N(ue.value.width) + " x " + N(ue.value.height) + " " + N(p(u).mediaLibrary.cropPixels), 1)])) : b("", !0)
 					])])) : b("", !0),
-					O("div", rr, [O("label", ir, N(p(u).mediaLibrary.fileName), 1), f(O("input", {
+					O("div", ir, [O("label", ar, N(p(u).mediaLibrary.fileName), 1), f(O("input", {
 						"onUpdate:modelValue": t[0] ||= (e) => k.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",
@@ -4099,8 +4099,8 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 							color: "var(--tpl-text)"
 						},
 						autofocus: !ce.value
-					}, null, 8, ar), [[D, k.value]])]),
-					p(E)(i.item.mime_type) ? (o(), y("div", or, [O("label", sr, N(p(u).mediaLibrary.altText), 1), f(O("input", {
+					}, null, 8, or), [[D, k.value]])]),
+					p(E)(i.item.mime_type) ? (o(), y("div", sr, [O("label", cr, N(p(u).mediaLibrary.altText), 1), f(O("input", {
 						"onUpdate:modelValue": t[1] ||= (e) => A.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",
@@ -4110,9 +4110,9 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 							color: "var(--tpl-text)"
 						},
 						placeholder: p(u).mediaLibrary.altTextPlaceholder
-					}, null, 8, cr), [[D, A.value]])])) : b("", !0)
+					}, null, 8, lr), [[D, A.value]])])) : b("", !0)
 				]),
-				O("div", lr, [O("button", {
+				O("div", ur, [O("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)",
@@ -4125,21 +4125,21 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 					style: { background: "linear-gradient(\n                  135deg,\n                  var(--tpl-primary),\n                  var(--tpl-primary-hover)\n                )" },
 					disabled: oe.value,
 					onClick: he
-				}, N(oe.value ? p(u).mediaLibrary.saving : p(u).mediaLibrary.saveChanges), 9, ur)])
-			], 2)], 40, Mn)) : b("", !0)]),
+				}, N(oe.value ? p(u).mediaLibrary.saving : p(u).mediaLibrary.saveChanges), 9, dr)])
+			], 2)], 40, Nn)) : b("", !0)]),
 			_: 1
 		})], 8, ["to"]));
 	}
-}), [["__scopeId", "data-v-2013fa0f"]]), fr = {
+}), [["__scopeId", "data-v-2013fa0f"]]), pr = {
 	key: 1,
 	class: "tpl:size-4 tpl:shrink-0"
-}, pr = {
+}, mr = {
 	key: 0,
 	class: "tpl:truncate"
-}, mr = {
+}, hr = {
 	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"
-}, hr = ["title"], gr = ["title"], _r = { key: 0 }, vr = ["placeholder"], yr = /* @__PURE__ */ d({
+}, gr = ["title"], _r = ["title"], vr = { key: 0 }, yr = ["placeholder"], br = /* @__PURE__ */ d({
 	__name: "MediaFolderTreeNode",
 	props: {
 		folder: {},
@@ -4194,11 +4194,11 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 					key: 0,
 					class: "tpl:flex tpl:size-4 tpl:shrink-0 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
 					onClick: S(F, ["stop"])
-				}, [m(p(fe), {
+				}, [m(p(ce), {
 					class: g(["tpl:transition-transform tpl:duration-150", { "tpl:rotate-90": j.value }]),
 					size: 10,
 					"stroke-width": 2
-				}, null, 8, ["class"])])) : (o(), y("span", fr)),
+				}, null, 8, ["class"])])) : (o(), y("span", pr)),
 				O("button", {
 					class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:items-center tpl:gap-1.5",
 					onClick: r[0] ||= (t) => i("navigate", e.folder.id)
@@ -4206,7 +4206,7 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 					class: "tpl:shrink-0",
 					size: 14,
 					"stroke-width": 1.5
-				}), u.value ? b("", !0) : (o(), y("span", pr, N(e.folder.name), 1))]),
+				}), u.value ? b("", !0) : (o(), y("span", mr, N(e.folder.name), 1))]),
 				u.value ? f((o(), y("input", {
 					key: 2,
 					"onUpdate:modelValue": r[1] ||= (e) => d.value = e,
@@ -4222,7 +4222,7 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 					onBlur: te,
 					onClick: r[2] ||= S(() => {}, ["stop"])
 				}, null, 544)), [[D, d.value]]) : b("", !0),
-				u.value ? b("", !0) : (o(), y("span", mr, [
+				u.value ? b("", !0) : (o(), y("span", hr, [
 					E.value ? (o(), y("button", {
 						key: 0,
 						class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
@@ -4231,15 +4231,15 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 					}, [m(p(pe), {
 						size: 12,
 						"stroke-width": 2
-					})], 8, hr)) : b("", !0),
+					})], 8, gr)) : b("", !0),
 					O("button", {
 						class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
 						title: p(s).mediaLibrary.renameFolder,
 						onClick: S(ee, ["stop"])
-					}, [m(p(le), {
+					}, [m(p(ue), {
 						size: 12,
 						"stroke-width": 2
-					})], 8, gr),
+					})], 8, _r),
 					O("button", {
 						class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
 						onClick: r[3] ||= S((t) => i("deleteFolder", e.folder.id), ["stop"])
@@ -4249,7 +4249,7 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 						style: { color: "var(--tpl-danger)" }
 					})])
 				]))
-			], 4), j.value ? (o(), y("div", _r, [(o(!0), y(M, null, n(e.folder.children, (t) => (o(), w(c, {
+			], 4), j.value ? (o(), y("div", vr, [(o(!0), y(M, null, n(e.folder.children, (t) => (o(), w(c, {
 				key: t.id,
 				folder: t,
 				"current-folder-id": e.currentFolderId,
@@ -4279,13 +4279,13 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 				autofocus: "",
 				onKeydown: [h(ie, ["enter"]), h(I, ["escape"])],
 				onBlur: ie
-			}, null, 40, vr), [[D, x.value]])], 4)) : b("", !0)])) : b("", !0)]);
+			}, null, 40, yr), [[D, x.value]])], 4)) : b("", !0)])) : b("", !0)]);
 		};
 	}
-}), br = { class: "tpl:flex tpl:h-full tpl:flex-col tpl:overflow-y-auto" }, xr = {
+}), xr = { class: "tpl:flex tpl:h-full tpl:flex-col tpl:overflow-y-auto" }, Sr = {
 	key: 0,
 	class: "tpl:px-3 tpl:py-2"
-}, Sr = ["placeholder"], Cr = /* @__PURE__ */ d({
+}, Cr = ["placeholder"], wr = /* @__PURE__ */ d({
 	__name: "MediaFolderTree",
 	props: {
 		folders: {},
@@ -4311,7 +4311,7 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 		function d() {
 			a.value = !1, s.value = "";
 		}
-		return (t, l) => (o(), y("div", br, [
+		return (t, l) => (o(), y("div", xr, [
 			O("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: C({
@@ -4323,7 +4323,7 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 				size: 14,
 				"stroke-width": 1.5
 			}), F(" " + N(p(i).mediaLibrary.allFiles), 1)], 4),
-			(o(!0), y(M, null, n(e.folders, (t) => (o(), w(yr, {
+			(o(!0), y(M, null, n(e.folders, (t) => (o(), w(br, {
 				key: t.id,
 				folder: t,
 				"current-folder-id": e.currentFolderId,
@@ -4333,7 +4333,7 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 				onRenameFolder: l[3] ||= (e, t) => r("renameFolder", e, t),
 				onDeleteFolder: l[4] ||= (e) => r("deleteFolder", e)
 			}, null, 8, ["folder", "current-folder-id"]))), 128)),
-			a.value ? (o(), y("div", xr, [f(O("input", {
+			a.value ? (o(), y("div", Sr, [f(O("input", {
 				"onUpdate:modelValue": l[5] ||= (e) => s.value = e,
 				type: "text",
 				class: "tpl:w-full tpl:rounded tpl:border tpl:px-2 tpl:py-1 tpl:text-xs tpl:outline-none",
@@ -4346,7 +4346,7 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 				autofocus: "",
 				onKeydown: [h(u, ["enter"]), h(d, ["escape"])],
 				onBlur: u
-			}, null, 40, Sr), [[D, s.value]])])) : b("", !0),
+			}, null, 40, Cr), [[D, s.value]])])) : b("", !0),
 			a.value ? b("", !0) : (o(), y("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",
@@ -4372,7 +4372,7 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 			}), F(" " + N(p(i).mediaLibrary.frequentlyUsed), 1)], 4)) : b("", !0)
 		]));
 	}
-}), wr = { class: "tpl:flex tpl:aspect-square tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2" }, Tr = /* @__PURE__ */ d({
+}), Tr = { class: "tpl:flex tpl:aspect-square tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2" }, Er = /* @__PURE__ */ d({
 	__name: "MediaFileIcon",
 	props: { mimeType: {} },
 	setup(e) {
@@ -4473,7 +4473,7 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 			bgColor: "#f9fafb",
 			icon: "document"
 		}, i = v(() => n[t.mimeType] ?? r);
-		return (e, t) => (o(), y("div", wr, [i.value.icon === "document" ? (o(), y("svg", {
+		return (e, t) => (o(), y("div", Tr, [i.value.icon === "document" ? (o(), y("svg", {
 			key: 0,
 			width: "60",
 			height: "60",
@@ -4542,48 +4542,63 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 			style: C({ color: i.value.color })
 		}, N(i.value.label), 5)]));
 	}
-}), Er = { class: "tpl:p-4" }, Dr = {
+});
+//#endregion
+//#region ../media-library/src/utils/formatAbsoluteDate.ts
+function Dr(e, t, n) {
+	let r = new Date(e);
+	if (Number.isNaN(r.getTime())) return "";
+	let i = t?.trim().replace(/_/g, "-") || void 0;
+	try {
+		return r.toLocaleDateString(i, n);
+	} catch {
+		return r.toLocaleDateString(void 0, n);
+	}
+}
+//#endregion
+//#region ../media-library/src/components/media/MediaGrid.vue?vue&type=script&setup=true&lang.ts
+var Or = { class: "tpl:p-4" }, kr = {
 	key: 1,
 	class: "tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:py-16"
-}, Or = {
+}, Ar = {
 	class: "tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, kr = {
+}, jr = {
 	key: 2,
 	class: "tpl:grid tpl:grid-cols-4 tpl:gap-3"
-}, Ar = ["onClick"], jr = { class: "tpl:aspect-square" }, Mr = ["src", "alt"], Nr = { class: "tpl:px-2 tpl:py-1.5" }, Pr = {
+}, Mr = ["onClick"], Nr = { class: "tpl:aspect-square" }, Pr = ["src", "alt"], Fr = { class: "tpl:px-2 tpl:py-1.5" }, Ir = {
 	class: "tpl:truncate tpl:text-[10px] tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, Fr = {
+}, Lr = {
 	class: "tpl:flex tpl:justify-between tpl:text-[9px]",
 	style: { color: "var(--tpl-text-muted)" }
-}, Ir = { key: 0 }, Lr = { 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" }, Rr = ["title", "onClick"], zr = ["title", "onClick"], Br = {
+}, Rr = { key: 0 }, zr = { 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" }, Br = ["title", "onClick"], Vr = ["title", "onClick"], Hr = {
 	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)" }
-}, Vr = {
+}, Ur = {
 	key: 3,
 	class: "tpl:flex tpl:flex-col tpl:gap-1"
-}, Hr = ["onClick"], Ur = {
+}, Wr = ["onClick"], Gr = {
 	class: "tpl:size-10 tpl:shrink-0 tpl:overflow-hidden tpl:rounded",
 	style: { "background-color": "var(--tpl-bg-hover)" }
-}, Wr = ["src", "alt"], Gr = {
+}, Kr = ["src", "alt"], qr = {
 	key: 1,
 	class: "tpl-list-icon tpl:size-full"
-}, Kr = { class: "tpl:min-w-0 tpl:flex-1" }, qr = {
+}, Jr = { class: "tpl:min-w-0 tpl:flex-1" }, Yr = {
 	class: "tpl:truncate tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, Jr = {
+}, Xr = {
 	class: "tpl:text-[10px]",
 	style: { color: "var(--tpl-text-muted)" }
-}, Yr = { class: "tpl:flex tpl:gap-1 tpl:opacity-0 tpl:transition-opacity tpl:duration-150 tpl:group-hover:opacity-100" }, Xr = ["title", "onClick"], Zr = ["title", "onClick"], Qr = {
+}, Zr = { class: "tpl:flex tpl:gap-1 tpl:opacity-0 tpl:transition-opacity tpl:duration-150 tpl:group-hover:opacity-100" }, Qr = ["title", "onClick"], $r = ["title", "onClick"], ei = {
 	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)" }
-}, $r = {
+}, ti = {
 	key: 4,
 	class: "tpl:flex tpl:justify-center tpl:py-4"
-}, ei = /*#__PURE__*/ we(/* @__PURE__ */ d({
+}, ni = /*#__PURE__*/ we(/* @__PURE__ */ d({
 	__name: "MediaGrid",
 	props: {
 		items: {},
@@ -4600,29 +4615,29 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 		"edit",
 		"replace"
 	],
-	setup(e, { emit: t }) {
-		let r = e, i = t, { isAcceptedMimeType: a, isImageMimeType: s } = Re();
-		function c(e) {
-			return !r.accept || r.accept.length === 0 || a(e.mime_type, r.accept);
-		}
+	setup(e, { emit: r }) {
+		let i = e, a = r, { isAcceptedMimeType: s, isImageMimeType: c } = ze();
 		function u(e) {
-			i("select", e);
+			return !i.accept || i.accept.length === 0 || s(e.mime_type, i.accept);
 		}
-		let { t: d } = z(), f = l(null);
-		I(f, ([{ isIntersecting: e }]) => {
-			e && r.hasMore && !r.isLoading && i("loadMore");
+		function d(e) {
+			a("select", e);
+		}
+		let { t: f } = z(), h = t(Pe, null), _ = l(null);
+		I(_, ([{ isIntersecting: e }]) => {
+			e && i.hasMore && !i.isLoading && a("loadMore");
 		}, { threshold: .1 });
-		function h(e) {
+		function v(e) {
 			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, {
+		function x(e) {
+			return Dr(e, h?.value, {
 				year: "numeric",
 				month: "short",
 				day: "numeric"
 			});
 		}
-		return (t, r) => (o(), y("div", Er, [
+		return (t, r) => (o(), y("div", Or, [
 			e.isLoading && e.items.length === 0 ? (o(), y("div", {
 				key: 0,
 				class: g(e.layout === "list" ? "tpl:flex tpl:flex-col tpl:gap-1" : "tpl:grid tpl:grid-cols-4 tpl:gap-3")
@@ -4630,98 +4645,98 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 				key: t,
 				class: g(["tpl-pulse tpl:rounded-lg", e.layout === "list" ? "tpl:h-12" : "tpl:aspect-square"]),
 				style: { "background-color": "var(--tpl-bg-hover)" }
-			}, null, 2)), 64))], 2)) : e.items.length === 0 ? (o(), y("div", Dr, [m(p(he), {
+			}, null, 2)), 64))], 2)) : e.items.length === 0 ? (o(), y("div", kr, [m(p(he), {
 				class: "tpl:mb-3",
 				size: 40,
 				"stroke-width": 1,
 				style: { color: "var(--tpl-text-dim)" }
-			}), O("p", Or, N(p(d).mediaLibrary.noFiles), 1)])) : e.layout === "list" ? (o(), y("div", Vr, [(o(!0), y(M, null, n(e.items, (t) => (o(), y("div", {
+			}), O("p", Ar, N(p(f).mediaLibrary.noFiles), 1)])) : e.layout === "list" ? (o(), y("div", Ur, [(o(!0), y(M, null, n(e.items, (t) => (o(), y("div", {
 				key: t.id,
-				class: g(["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", [!c(t) && !e.selectedIds.has(t.id) ? "tpl:opacity-60" : ""]]),
+				class: g(["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(t) && !e.selectedIds.has(t.id) ? "tpl:opacity-60" : ""]]),
 				style: C({ backgroundColor: e.selectedIds.has(t.id) ? "var(--tpl-bg-hover)" : "transparent" }),
-				onClick: (e) => u(t)
+				onClick: (e) => d(t)
 			}, [
-				O("div", Ur, [p(s)(t.mime_type) ? (o(), y("img", {
+				O("div", Gr, [p(c)(t.mime_type) ? (o(), y("img", {
 					key: 0,
 					src: t.small_url || t.url,
 					alt: t.filename,
 					class: "tpl:size-full tpl:object-cover",
 					loading: "lazy"
-				}, null, 8, Wr)) : (o(), y("div", Gr, [m(Tr, { "mime-type": t.mime_type }, null, 8, ["mime-type"])]))]),
-				O("div", Kr, [O("p", qr, N(t.filename), 1), O("p", Jr, [F(N(h(t.size)) + " · " + N(_(t.created_at)) + " ", 1), p(s)(t.mime_type) && t.width && t.height ? (o(), y(M, { key: 0 }, [F(" · " + N(t.width) + "×" + N(t.height), 1)], 64)) : b("", !0)])]),
-				O("div", Yr, [O("button", {
+				}, null, 8, Kr)) : (o(), y("div", qr, [m(Er, { "mime-type": t.mime_type }, null, 8, ["mime-type"])]))]),
+				O("div", Jr, [O("p", Yr, N(t.filename), 1), O("p", Xr, [F(N(v(t.size)) + " · " + N(x(t.created_at)) + " ", 1), p(c)(t.mime_type) && t.width && t.height ? (o(), y(M, { key: 0 }, [F(" · " + N(t.width) + "×" + N(t.height), 1)], 64)) : b("", !0)])]),
+				O("div", Zr, [O("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: p(d).mediaLibrary.editFile,
-					onClick: S((e) => i("edit", t), ["stop"])
-				}, [m(p(le), {
+					title: p(f).mediaLibrary.editFile,
+					onClick: S((e) => a("edit", t), ["stop"])
+				}, [m(p(ue), {
 					size: 12,
 					"stroke-width": 2
-				})], 8, Xr), O("button", {
+				})], 8, Qr), O("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: p(d).mediaLibrary.replaceFile,
-					onClick: S((e) => i("replace", t), ["stop"])
+					title: p(f).mediaLibrary.replaceFile,
+					onClick: S((e) => a("replace", t), ["stop"])
 				}, [m(p(Ce), {
 					size: 12,
 					"stroke-width": 2
-				})], 8, Zr)]),
-				e.selectedIds.has(t.id) ? (o(), y("div", Qr, [m(p(ue), {
+				})], 8, $r)]),
+				e.selectedIds.has(t.id) ? (o(), y("div", ei, [m(p(de), {
 					size: 12,
 					"stroke-width": 3
 				})])) : b("", !0)
-			], 14, Hr))), 128))])) : (o(), y("div", kr, [(o(!0), y(M, null, n(e.items, (t) => (o(), y("div", {
+			], 14, Wr))), 128))])) : (o(), y("div", jr, [(o(!0), y(M, null, n(e.items, (t) => (o(), y("div", {
 				key: t.id,
 				class: g(["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",
-					!c(t) && !e.selectedIds.has(t.id) ? "tpl:opacity-60" : "",
+					!u(t) && !e.selectedIds.has(t.id) ? "tpl:opacity-60" : "",
 					e.selectedIds.has(t.id) ? "tpl-media-item--selected" : ""
 				]]),
 				style: C({
 					borderColor: e.selectedIds.has(t.id) ? "var(--tpl-primary)" : "transparent",
-					backgroundColor: !c(t) && !e.selectedIds.has(t.id) ? "var(--tpl-bg)" : "var(--tpl-bg-hover)"
+					backgroundColor: !u(t) && !e.selectedIds.has(t.id) ? "var(--tpl-bg)" : "var(--tpl-bg-hover)"
 				}),
-				onClick: (e) => u(t)
+				onClick: (e) => d(t)
 			}, [
-				O("div", jr, [p(s)(t.mime_type) ? (o(), y("img", {
+				O("div", Nr, [p(c)(t.mime_type) ? (o(), y("img", {
 					key: 0,
 					src: t.small_url || t.url,
 					alt: t.filename,
 					class: "tpl:size-full tpl:object-cover",
 					loading: "lazy"
-				}, null, 8, Mr)) : (o(), w(Tr, {
+				}, null, 8, Pr)) : (o(), w(Er, {
 					key: 1,
 					"mime-type": t.mime_type
 				}, null, 8, ["mime-type"]))]),
-				O("div", Nr, [O("p", Pr, N(t.filename), 1), O("p", Fr, [O("span", null, N(h(t.size)), 1), p(s)(t.mime_type) && t.width && t.height ? (o(), y("span", Ir, N(t.width) + "×" + N(t.height), 1)) : b("", !0)])]),
-				O("div", Lr, [O("button", {
+				O("div", Fr, [O("p", Ir, N(t.filename), 1), O("p", Lr, [O("span", null, N(v(t.size)), 1), p(c)(t.mime_type) && t.width && t.height ? (o(), y("span", Rr, N(t.width) + "×" + N(t.height), 1)) : b("", !0)])]),
+				O("div", zr, [O("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: p(d).mediaLibrary.editFile,
-					onClick: S((e) => i("edit", t), ["stop"])
-				}, [m(p(le), {
+					title: p(f).mediaLibrary.editFile,
+					onClick: S((e) => a("edit", t), ["stop"])
+				}, [m(p(ue), {
 					size: 11,
 					"stroke-width": 2
-				})], 8, Rr), O("button", {
+				})], 8, Br), O("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: p(d).mediaLibrary.replaceFile,
-					onClick: S((e) => i("replace", t), ["stop"])
+					title: p(f).mediaLibrary.replaceFile,
+					onClick: S((e) => a("replace", t), ["stop"])
 				}, [m(p(Ce), {
 					size: 11,
 					"stroke-width": 2
-				})], 8, zr)]),
-				e.selectedIds.has(t.id) ? (o(), y("div", Br, [m(p(ue), {
+				})], 8, Vr)]),
+				e.selectedIds.has(t.id) ? (o(), y("div", Hr, [m(p(de), {
 					size: 12,
 					"stroke-width": 3
 				})])) : b("", !0)
-			], 14, Ar))), 128))])),
+			], 14, Mr))), 128))])),
 			O("div", {
 				ref_key: "sentinelRef",
-				ref: f,
+				ref: _,
 				class: "tpl:h-4"
 			}, null, 512),
-			e.isLoading && e.items.length > 0 ? (o(), y("div", $r, [m(p(ye), {
+			e.isLoading && e.items.length > 0 ? (o(), y("div", ti, [m(p(ye), {
 				class: "tpl-spinner",
 				size: 20,
 				"stroke-width": 2,
@@ -4729,20 +4744,20 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 			})])) : b("", !0)
 		]));
 	}
-}), [["__scopeId", "data-v-78d7ed75"]]), ti = ["data-tpl-theme"], ni = {
+}), [["__scopeId", "data-v-ce5c5192"]]), ri = ["data-tpl-theme"], ii = {
 	class: "tpl:max-h-[90%] tpl:w-full tpl:max-w-sm tpl:overflow-y-auto tpl:rounded-lg tpl:p-5 tpl:shadow-xl",
 	style: { "background-color": "var(--tpl-bg-elevated)" }
-}, ri = {
+}, ai = {
 	class: "tpl:mb-4 tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, ii = { class: "tpl:mb-3" }, ai = ["placeholder", "disabled"], oi = {
+}, oi = { class: "tpl:mb-3" }, si = ["placeholder", "disabled"], ci = {
 	key: 0,
 	class: "tpl:mb-3 tpl:text-xs",
 	style: { color: "var(--tpl-danger)" }
-}, si = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, ci = ["disabled"], li = ["disabled"], ui = {
+}, li = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, ui = ["disabled"], di = ["disabled"], fi = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-1.5"
-}, di = { key: 1 }, fi = /* @__PURE__ */ d({
+}, pi = { key: 1 }, mi = /* @__PURE__ */ d({
 	__name: "MediaImportUrlModal",
 	props: {
 		visible: { type: Boolean },
@@ -4757,7 +4772,7 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 		});
 		function v() {
 			let e = h.value.trim();
-			!e || a.isImporting || s("import", e);
+			e && !a.isImporting && s("import", e);
 		}
 		function x() {
 			a.isImporting || s("close");
@@ -4780,9 +4795,9 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 				style: { "background-color": "var(--tpl-overlay)" },
 				onClick: S(x, ["self"]),
 				onKeydown: C
-			}, [O("div", ni, [
-				O("h3", ri, N(p(c).mediaLibrary.importFromUrl), 1),
-				O("div", ii, [f(O("input", {
+			}, [O("div", ii, [
+				O("h3", ai, N(p(c).mediaLibrary.importFromUrl), 1),
+				O("div", oi, [f(O("input", {
 					"onUpdate:modelValue": t[0] ||= (e) => h.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",
@@ -4794,9 +4809,9 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 					placeholder: p(c).mediaLibrary.importUrlPlaceholder,
 					disabled: n.isImporting,
 					autofocus: ""
-				}, null, 8, ai), [[D, h.value]])]),
-				n.error ? (o(), y("p", oi, N(n.error), 1)) : b("", !0),
-				O("div", si, [O("button", {
+				}, null, 8, si), [[D, h.value]])]),
+				n.error ? (o(), y("p", ci, N(n.error), 1)) : b("", !0),
+				O("div", li, [O("button", {
 					class: g(["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)",
@@ -4805,25 +4820,25 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 					},
 					disabled: n.isImporting,
 					onClick: x
-				}, N(p(c).mediaLibrary.cancel), 11, ci), O("button", {
+				}, N(p(c).mediaLibrary.cancel), 11, ui), O("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: !h.value.trim() || n.isImporting,
 					onClick: v
-				}, [n.isImporting ? (o(), y("span", ui, [m(p(ye), {
+				}, [n.isImporting ? (o(), y("span", fi, [m(p(ye), {
 					class: "tpl:animate-spin",
 					size: 12,
 					"stroke-width": 2
-				}), F(" " + N(p(c).mediaLibrary.importing), 1)])) : (o(), y("span", di, N(p(c).mediaLibrary.import), 1))], 8, li)])
-			])], 40, ti)) : b("", !0)]),
+				}), F(" " + N(p(c).mediaLibrary.importing), 1)])) : (o(), y("span", pi, N(p(c).mediaLibrary.import), 1))], 8, di)])
+			])], 40, ri)) : b("", !0)]),
 			_: 1
 		})], 8, ["to"]));
 	}
-}), pi = { class: "tpl:max-h-56 tpl:overflow-y-auto tpl:py-1" }, mi = ["disabled", "onClick"], hi = { class: "tpl:truncate" }, gi = {
+}), hi = { class: "tpl:max-h-56 tpl:overflow-y-auto tpl:py-1" }, gi = ["disabled", "onClick"], _i = { class: "tpl:truncate" }, vi = {
 	key: 0,
 	class: "tpl:shrink-0",
 	style: { color: "var(--tpl-text-dim)" }
-}, _i = /* @__PURE__ */ d({
+}, yi = /* @__PURE__ */ d({
 	__name: "MediaMovePicker",
 	props: {
 		folders: {},
@@ -4851,7 +4866,7 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 				"border-color": "var(--tpl-border)",
 				"background-color": "var(--tpl-bg-elevated)"
 			}
-		}, [O("div", pi, [e.currentFolderId === null ? b("", !0) : (o(), y("button", {
+		}, [O("div", hi, [e.currentFolderId === null ? b("", !0) : (o(), y("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)" },
@@ -4876,27 +4891,27 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 				size: 14,
 				"stroke-width": 1.5
 			}),
-			O("span", hi, N(t.name), 1),
-			t.id === e.currentFolderId ? (o(), y("span", gi, N(p(i).mediaLibrary.currentFolder), 1)) : b("", !0)
-		], 12, mi))), 128))])], 512));
+			O("span", _i, N(t.name), 1),
+			t.id === e.currentFolderId ? (o(), y("span", vi, N(p(i).mediaLibrary.currentFolder), 1)) : b("", !0)
+		], 12, gi))), 128))])], 512));
 	}
-}), vi = { class: "tpl:flex tpl:items-center tpl:gap-3" }, yi = ["src", "alt"], bi = {
+}), bi = { class: "tpl:flex tpl:items-center tpl:gap-3" }, xi = ["src", "alt"], Si = {
 	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)" }
-}, xi = { class: "tpl:min-w-0 tpl:flex-1" }, Si = {
+}, Ci = { class: "tpl:min-w-0 tpl:flex-1" }, wi = {
 	class: "tpl:truncate tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, Ci = {
+}, Ti = {
 	class: "tpl:mt-0.5 tpl:text-[10px]",
 	style: { color: "var(--tpl-text-muted)" }
-}, wi = {
+}, Ei = {
 	key: 2,
 	class: "tpl:shrink-0"
-}, Ti = {
+}, Di = {
 	class: "tpl:block tpl:text-[10px]",
 	style: { color: "var(--tpl-text-muted)" }
-}, Ei = ["value"], Di = ["value"], Oi = /*#__PURE__*/ we(/* @__PURE__ */ d({
+}, Oi = ["value"], ki = ["value"], Ai = /*#__PURE__*/ we(/* @__PURE__ */ d({
 	__name: "MediaPreviewPanel",
 	props: {
 		item: {},
@@ -4904,99 +4919,99 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 		selectedConversion: {}
 	},
 	emits: ["update:selectedConversion"],
-	setup(e, { emit: t }) {
-		let r = e, i = t, { t: a } = z(), { isImageMimeType: s } = Re(), c = v(() => {
-			if (!_.value || !r.item.conversions_generated) return [];
+	setup(e, { emit: r }) {
+		let i = e, a = r, { t: s } = z(), c = t(Pe, null), { isImageMimeType: l } = ze(), u = v(() => {
+			if (!S.value || !i.item.conversions_generated) return [];
 			let e = [];
-			return r.item.small_url && e.push({
+			return i.item.small_url && e.push({
 				value: "small",
-				label: a.mediaLibrary.conversionSmall,
-				url: r.item.small_url
-			}), r.item.medium_url && e.push({
+				label: s.mediaLibrary.conversionSmall,
+				url: i.item.small_url
+			}), i.item.medium_url && e.push({
 				value: "medium",
-				label: a.mediaLibrary.conversionMedium,
-				url: r.item.medium_url
-			}), r.item.large_url && e.push({
+				label: s.mediaLibrary.conversionMedium,
+				url: i.item.medium_url
+			}), i.item.large_url && e.push({
 				value: "large",
-				label: a.mediaLibrary.conversionLarge,
-				url: r.item.large_url
+				label: s.mediaLibrary.conversionLarge,
+				url: i.item.large_url
 			}), e.push({
 				value: "original",
-				label: a.mediaLibrary.conversionOriginal,
-				url: r.item.url
+				label: s.mediaLibrary.conversionOriginal,
+				url: i.item.url
 			}), e;
-		}), l = v(() => _.value && c.value.length > 1), u = v(() => {
-			if (!_.value) return null;
-			switch (r.selectedConversion) {
-				case "small": return r.item.small_url || r.item.url;
-				case "medium": return r.item.medium_url || r.item.url;
-				case "large": return r.item.large_url || r.item.url;
-				default: return r.item.url;
+		}), d = v(() => S.value && u.value.length > 1), f = v(() => {
+			if (!S.value) return null;
+			switch (i.selectedConversion) {
+				case "small": return i.item.small_url || i.item.url;
+				case "medium": return i.item.medium_url || i.item.url;
+				case "large": return i.item.large_url || i.item.url;
+				default: return i.item.url;
 			}
 		});
-		function d(e) {
+		function h(e) {
 			let t = e.target;
-			i("update:selectedConversion", t.value);
+			a("update:selectedConversion", t.value);
 		}
-		function f(e, t, n = []) {
+		function _(e, t, n = []) {
 			for (let r of e) {
 				let e = [...n, r.name];
 				if (r.id === t) return e;
 				if (r.children) {
-					let n = f(r.children, t, e);
+					let n = _(r.children, t, e);
 					if (n) return n;
 				}
 			}
 			return null;
 		}
-		let h = v(() => {
-			if (!r.item.folder_id || !r.folders) return null;
-			let e = f(r.folders, r.item.folder_id);
+		let x = v(() => {
+			if (!i.item.folder_id || !i.folders) return null;
+			let e = _(i.folders, i.item.folder_id);
 			return e ? e.join("/") : null;
-		}), _ = v(() => s(r.item.mime_type));
-		function x(e) {
+		}), S = v(() => l(i.item.mime_type));
+		function C(e) {
 			return e < 1024 ? `${e} B` : e < 1048576 ? `${(e / 1024).toFixed(1)} KB` : `${(e / 1048576).toFixed(1)} MB`;
 		}
-		function S(e) {
-			return new Date(e).toLocaleDateString(void 0, {
+		function w(e) {
+			return Dr(e, c?.value, {
 				year: "numeric",
 				month: "short",
 				day: "numeric"
 			});
 		}
-		return (t, r) => (o(), y("div", vi, [
-			_.value ? (o(), y("img", {
+		return (t, r) => (o(), y("div", bi, [
+			S.value ? (o(), y("img", {
 				key: 0,
-				src: u.value ?? void 0,
+				src: f.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, yi)) : (o(), y("div", bi, [m(Tr, {
+			}, null, 8, xi)) : (o(), y("div", Si, [m(Er, {
 				"mime-type": e.item.mime_type,
 				class: "tpl-preview-icon"
 			}, null, 8, ["mime-type"])])),
-			O("div", xi, [
-				O("p", Si, N(e.item.filename), 1),
-				O("p", Ci, [
-					F(N(x(e.item.size)) + " · " + N(S(e.item.created_at)) + " ", 1),
-					_.value && e.item.width && e.item.height ? (o(), y(M, { key: 0 }, [F(" · " + N(e.item.width) + "×" + N(e.item.height) + "px ", 1)], 64)) : b("", !0),
-					h.value ? (o(), y(M, { key: 1 }, [
+			O("div", Ci, [
+				O("p", wi, N(e.item.filename), 1),
+				O("p", Ti, [
+					F(N(C(e.item.size)) + " · " + N(w(e.item.created_at)) + " ", 1),
+					S.value && e.item.width && e.item.height ? (o(), y(M, { key: 0 }, [F(" · " + N(e.item.width) + "×" + N(e.item.height) + "px ", 1)], 64)) : b("", !0),
+					x.value ? (o(), y(M, { key: 1 }, [
 						r[0] ||= F(" · ", -1),
 						m(p(Se), {
 							class: "tpl:mb-px tpl:inline",
 							size: 9,
 							"stroke-width": 2
 						}),
-						F(" " + N(h.value), 1)
+						F(" " + N(x.value), 1)
 					], 64)) : b("", !0)
 				]),
-				_.value ? (o(), y("p", {
+				S.value ? (o(), y("p", {
 					key: 0,
 					class: g(["tpl:mt-0.5 tpl:truncate tpl:text-[10px] tpl:italic", { "tpl:invisible": !e.item.alt_text }]),
 					style: { color: "var(--tpl-text-dim)" }
 				}, N(e.item.alt_text || "\xA0"), 3)) : b("", !0)
 			]),
-			l.value ? (o(), y("div", wi, [O("label", Ti, N(p(a).mediaLibrary.conversionLabel), 1), O("select", {
+			d.value ? (o(), y("div", Ei, [O("label", Di, N(p(s).mediaLibrary.conversionLabel), 1), O("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)",
@@ -5004,40 +5019,40 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 					color: "var(--tpl-text)"
 				},
 				value: e.selectedConversion,
-				onChange: d
-			}, [(o(!0), y(M, null, n(c.value, (e) => (o(), y("option", {
+				onChange: h
+			}, [(o(!0), y(M, null, n(u.value, (e) => (o(), y("option", {
 				key: e.value,
 				value: e.value
-			}, N(e.label), 9, Di))), 128))], 40, Ei)])) : b("", !0)
+			}, N(e.label), 9, ki))), 128))], 40, Oi)])) : b("", !0)
 		]));
 	}
-}), [["__scopeId", "data-v-56be5670"]]), ki = ["data-tpl-theme"], Ai = {
+}), [["__scopeId", "data-v-ebdc36ef"]]), ji = ["data-tpl-theme"], Mi = {
 	class: "tpl:max-h-[90%] tpl:w-full tpl:max-w-sm tpl:overflow-y-auto tpl:rounded-lg tpl:p-5 tpl:shadow-xl",
 	style: { "background-color": "var(--tpl-bg-elevated)" }
-}, ji = {
+}, Ni = {
 	class: "tpl:mb-2 tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, Mi = {
+}, Pi = {
 	class: "tpl:mb-2 tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, Ni = {
+}, Fi = {
 	key: 0,
 	class: "tpl:mb-3 tpl:text-xs",
 	style: { color: "var(--tpl-warning)" }
-}, Pi = {
+}, Ii = {
 	class: "tpl:mb-3 tpl:rounded tpl:border tpl:p-2",
 	style: { "border-color": "var(--tpl-border)" }
-}, Fi = {
+}, Li = {
 	class: "tpl:truncate tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, Ii = { class: "tpl:mb-4" }, Li = {
+}, Ri = { class: "tpl:mb-4" }, zi = {
 	class: "tpl:mb-1 tpl:block tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text-muted)" }
-}, Ri = ["accept"], zi = {
+}, Bi = ["accept"], Vi = {
 	key: 1,
 	class: "tpl:mb-3 tpl:text-xs",
 	style: { color: "var(--tpl-danger)" }
-}, Bi = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Vi = ["disabled"], Hi = ["disabled"], Ui = /* @__PURE__ */ d({
+}, Hi = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Ui = ["disabled"], Wi = ["disabled"], Gi = /* @__PURE__ */ d({
 	__name: "MediaReplaceModal",
 	props: {
 		visible: { type: Boolean },
@@ -5081,12 +5096,12 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 				style: { "background-color": "var(--tpl-overlay)" },
 				onClick: t[1] ||= S((e) => s("close"), ["self"]),
 				onKeydown: k
-			}, [O("div", Ai, [
-				O("h3", ji, N(p(c).mediaLibrary.replaceWarningTitle), 1),
-				O("p", Mi, N(p(c).mediaLibrary.replaceWarningMessage.replace("{extension}", `.${g.value}`)), 1),
-				C.value ? (o(), y("p", Ni, N(p(c).mediaLibrary.replaceWarningUsageNote.replace("{count}", n.usageInfo.template_count.toString())), 1)) : b("", !0),
-				O("div", Pi, [O("p", Fi, N(n.item.filename), 1)]),
-				O("div", Ii, [O("label", Li, N(p(c).mediaLibrary.replaceSelectFile), 1), O("input", {
+			}, [O("div", Mi, [
+				O("h3", Ni, N(p(c).mediaLibrary.replaceWarningTitle), 1),
+				O("p", Pi, N(p(c).mediaLibrary.replaceWarningMessage.replace("{extension}", `.${g.value}`)), 1),
+				C.value ? (o(), y("p", Fi, N(p(c).mediaLibrary.replaceWarningUsageNote.replace("{count}", n.usageInfo.template_count.toString())), 1)) : b("", !0),
+				O("div", Ii, [O("p", Li, N(n.item.filename), 1)]),
+				O("div", Ri, [O("label", zi, N(p(c).mediaLibrary.replaceSelectFile), 1), O("input", {
 					ref_key: "fileInputRef",
 					ref: f,
 					type: "file",
@@ -5098,9 +5113,9 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 						color: "var(--tpl-text)"
 					},
 					onChange: E
-				}, null, 40, Ri)]),
-				n.error ? (o(), y("p", zi, N(n.error), 1)) : b("", !0),
-				O("div", Bi, [O("button", {
+				}, null, 40, Bi)]),
+				n.error ? (o(), y("p", Vi, N(n.error), 1)) : b("", !0),
+				O("div", Hi, [O("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)",
@@ -5109,29 +5124,29 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 					},
 					disabled: n.isReplacing,
 					onClick: t[0] ||= (e) => s("close")
-				}, N(p(c).mediaLibrary.cancel), 9, Vi), O("button", {
+				}, N(p(c).mediaLibrary.cancel), 9, Ui), O("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: !h.value || n.isReplacing,
 					onClick: D
-				}, N(n.isReplacing ? p(c).mediaLibrary.replacing : p(c).mediaLibrary.replace), 9, Hi)])
-			])], 40, ki)) : b("", !0)]),
+				}, N(n.isReplacing ? p(c).mediaLibrary.replacing : p(c).mediaLibrary.replace), 9, Wi)])
+			])], 40, ji)) : b("", !0)]),
 			_: 1
 		})], 8, ["to"]));
 	}
-}), Wi = {
+}), Ki = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-2"
-}, Gi = {
+}, qi = {
 	class: "tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, Ki = {
+}, Ji = {
 	class: "tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, qi = {
+}, Yi = {
 	class: "tpl:mt-1 tpl:text-[10px]",
 	style: { color: "var(--tpl-text-dim)" }
-}, Ji = /* @__PURE__ */ d({
+}, Xi = /* @__PURE__ */ d({
 	__name: "MediaUploadZone",
 	props: {
 		isUploading: { type: Boolean },
@@ -5139,7 +5154,7 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 	},
 	emits: ["upload"],
 	setup(e, { emit: t }) {
-		let n = t, { t: r, format: i } = z(), { allAcceptedMimeTypes: a, allAcceptedInputString: s, maxFileSize: c } = Re(), u = l();
+		let n = t, { t: r, format: i } = z(), { allAcceptedMimeTypes: a, allAcceptedInputString: s, maxFileSize: c } = ze(), u = l();
 		function d(e) {
 			let t = [];
 			for (let n of Array.from(e)) a.value.includes(n.type) && n.size <= c.value && t.push(n);
@@ -5166,12 +5181,12 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 				"background-color": "var(--tpl-bg)"
 			},
 			onClick: n[0] ||= (e) => p(_)()
-		}, [e.isUploading ? (o(), y("div", Wi, [m(p(ye), {
+		}, [e.isUploading ? (o(), y("div", Ki, [m(p(ye), {
 			class: "tpl-spinner",
 			size: 20,
 			"stroke-width": 2,
 			style: { color: "var(--tpl-primary)" }
-		}), O("span", Gi, N(e.uploadProgress && e.uploadProgress.total > 1 ? p(i)(p(r).mediaLibrary.uploadingProgress, {
+		}), O("span", qi, N(e.uploadProgress && e.uploadProgress.total > 1 ? p(i)(p(r).mediaLibrary.uploadingProgress, {
 			current: e.uploadProgress.current,
 			total: e.uploadProgress.total
 		}) : p(r).mediaLibrary.uploading), 1)])) : (o(), y(M, { key: 1 }, [
@@ -5181,20 +5196,20 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 				"stroke-width": 1.5,
 				style: { color: "var(--tpl-text-dim)" }
 			}),
-			O("p", Ki, N(p(r).mediaLibrary.dropOrClick), 1),
-			O("p", qi, N(p(r).mediaLibrary.acceptedFormats), 1)
+			O("p", Ji, N(p(r).mediaLibrary.dropOrClick), 1),
+			O("p", Yi, N(p(r).mediaLibrary.acceptedFormats), 1)
 		], 64))], 2));
 	}
-}), Yi = [
+}), Zi = [
 	"width",
 	"height",
 	"viewBox"
-], Xi = [
+], Qi = [
 	"cx",
 	"cy",
 	"r",
 	"stroke-width"
-], Zi = [
+], $i = [
 	"cx",
 	"cy",
 	"r",
@@ -5202,14 +5217,14 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 	"stroke",
 	"stroke-dasharray",
 	"stroke-dashoffset"
-], Qi = {
+], ea = {
 	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)"
 	}
-}, $i = /* @__PURE__ */ d({
+}, ta = /* @__PURE__ */ d({
 	__name: "StorageProgressRing",
 	props: {
 		usedBytes: {},
@@ -5249,7 +5264,7 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 			fill: "none",
 			"stroke-width": c.value,
 			style: { stroke: "var(--tpl-border)" }
-		}, null, 8, Xi), O("circle", {
+		}, null, 8, Qi), O("circle", {
 			cx: s.value / 2,
 			cy: s.value / 2,
 			r: u.value,
@@ -5260,7 +5275,7 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 			"stroke-dasharray": d.value,
 			"stroke-dashoffset": p.value,
 			class: "tpl:transition-all tpl:duration-300 tpl:ease-out"
-		}, null, 8, Zi)], 8, Yi)), m(T, {
+		}, null, 8, $i)], 8, Zi)), m(T, {
 			"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",
@@ -5268,7 +5283,7 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 			"leave-from-class": "tpl:opacity-100 tpl:translate-y-0",
 			"leave-to-class": "tpl:opacity-0 tpl:translate-y-1"
 		}, {
-			default: r(() => [a.value ? (o(), y("div", Qi, [F(N(w.value) + " ", 1), t[2] ||= O("div", {
+			default: r(() => [a.value ? (o(), y("div", ea, [F(N(w.value) + " ", 1), t[2] ||= O("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)])) : b("", !0)]),
@@ -5278,7 +5293,7 @@ var Mn = ["data-tpl-theme"], Nn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Pn
 });
 //#endregion
 //#region ../media-library/src/composables/useMediaLibraryUI.ts
-function ea(t) {
+function na(t) {
 	let { library: n, translations: r } = t;
 	function i() {
 		return "value" in r && typeof r.value == "object" ? r.value : r;
@@ -5388,39 +5403,39 @@ function ea(t) {
 }
 //#endregion
 //#region ../media-library/src/i18n/index.ts
-var ta = /* #__PURE__ */ Object.assign({
+var ra = /* #__PURE__ */ Object.assign({
 	"./locales/ca.ts": () => import("./ca-CNRWAMHI.js"),
 	"./locales/de.ts": () => import("./de-DFYCT4QU.js"),
-	"./locales/en.ts": () => import("./en-BzFt4b80.js"),
+	"./locales/en.ts": () => import("./en-mEKGL1PX.js"),
 	"./locales/es.ts": () => import("./es-OgkdMZGX.js"),
 	"./locales/fr.ts": () => import("./fr-Dswns199.js"),
 	"./locales/nl.ts": () => import("./nl-CbcPJlrL.js"),
 	"./locales/pt-BR.ts": () => import("./pt-BR-BibOQm-o.js")
 });
-function na(e) {
+function ia(e) {
 	return Object.keys(e).map((e) => e.match(/\/([^/]+)\.ts$/)?.[1]).filter((e) => !!e);
 }
-var ra = na(ta);
-function ia(e) {
+var aa = ia(ra);
+function oa(e) {
 	return e.trim().replace(/_/g, "-").toLowerCase();
 }
-function aa(e) {
-	let t = ia(e);
-	return ra.find((e) => ia(e) === t);
+function sa(e) {
+	let t = oa(e);
+	return aa.find((e) => oa(e) === t);
 }
-function oa(e) {
-	return ia(e).split("-")[0];
+function ca(e) {
+	return oa(e).split("-")[0];
 }
-function sa(e) {
-	return aa(e) ?? aa(oa(e)) ?? "en";
+function la(e) {
+	return sa(e) ?? sa(ca(e)) ?? "en";
 }
-async function ca(e) {
-	let t = ta[`./locales/${sa(e)}.ts`];
+async function ua(e) {
+	let t = ra[`./locales/${la(e)}.ts`];
 	return (await t()).default;
 }
 //#endregion
 //#region ../media-library/src/components/MediaLibraryModal.vue?vue&type=script&setup=true&lang.ts
-var la = ["data-tpl-theme"], ua = {
+var da = ["data-tpl-theme"], fa = {
 	class: "tpl-media-modal tpl-scale-in tpl:flex tpl:flex-col tpl:overflow-hidden tpl:rounded-[var(--tpl-radius-lg)]",
 	style: {
 		width: "900px",
@@ -5431,59 +5446,59 @@ var la = ["data-tpl-theme"], ua = {
 		border: "1px solid var(--tpl-border)",
 		"box-shadow": "var(--tpl-shadow-xl)"
 	}
-}, da = {
+}, pa = {
 	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)" }
-}, fa = {
+}, ma = {
 	class: "tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, pa = { class: "tpl:flex tpl:items-center tpl:gap-3" }, ma = { class: "tpl:relative" }, ha = ["value", "placeholder"], ga = { class: "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:overflow-hidden" }, _a = {
+}, ha = { class: "tpl:flex tpl:items-center tpl:gap-3" }, ga = { class: "tpl:relative" }, _a = ["value", "placeholder"], va = { class: "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:overflow-hidden" }, ya = {
 	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)"
 	}
-}, va = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:flex-col" }, ya = {
+}, ba = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:flex-col" }, xa = {
 	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)" }
-}, ba = { class: "tpl:flex tpl:items-center tpl:gap-2" }, xa = ["title"], Sa = {
+}, Sa = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Ca = ["title"], wa = {
 	key: 0,
 	class: "tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, Ca = {
+}, Ta = {
 	class: "tpl:flex tpl:rounded-md tpl:p-0.5",
 	style: {
 		border: "1px solid var(--tpl-border)",
 		"background-color": "var(--tpl-bg)"
 	}
-}, wa = ["title"], Ta = ["title"], Ea = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Da = ["value"], Oa = { value: "" }, ka = ["value"], Aa = ["value"], ja = { value: "newest" }, Ma = { value: "oldest" }, Na = { value: "name_asc" }, Pa = { value: "name_desc" }, Fa = { value: "size_asc" }, Ia = { value: "size_desc" }, La = { class: "tpl:min-h-0 tpl:flex-1 tpl:overflow-y-auto" }, Ra = {
+}, Ea = ["title"], Da = ["title"], Oa = { class: "tpl:flex tpl:items-center tpl:gap-2" }, ka = ["value"], Aa = { value: "" }, ja = ["value"], Ma = ["value"], Na = { value: "newest" }, Pa = { value: "oldest" }, Fa = { value: "name_asc" }, Ia = { value: "name_desc" }, La = { value: "size_asc" }, Ra = { value: "size_desc" }, za = { class: "tpl:min-h-0 tpl:flex-1 tpl:overflow-y-auto" }, Ba = {
 	key: 0,
 	class: "tpl:px-4 tpl:pt-3"
-}, za = {
+}, Va = {
 	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)"
 	}
-}, Ba = {
+}, Ha = {
 	class: "tpl:mb-2 tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, Va = {
+}, Ua = {
 	key: 0,
 	class: "tpl:mb-4 tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, Ha = {
+}, Wa = {
 	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)" }
-}, Ua = { class: "tpl:font-medium" }, Wa = { style: { color: "var(--tpl-text-muted)" } }, Ga = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Ka = {
+}, Ga = { class: "tpl:font-medium" }, Ka = { style: { color: "var(--tpl-text-muted)" } }, qa = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Ja = {
 	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)" }
-}, qa = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:items-center tpl:gap-3" }, Ja = { class: "tpl:flex tpl:items-center tpl:gap-5" }, Ya = {
+}, Ya = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:items-center tpl:gap-3" }, Xa = { class: "tpl:flex tpl:items-center tpl:gap-5" }, Za = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-2"
-}, Xa = { class: "tpl:relative" }, Za = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Qa = ["disabled"], $a = /* @__PURE__ */ d({
+}, Qa = { class: "tpl:relative" }, $a = { class: "tpl:flex tpl:items-center tpl:gap-2" }, eo = ["disabled"], to = /* @__PURE__ */ d({
 	__name: "MediaLibraryModal",
 	props: {
 		visible: { type: Boolean },
@@ -5499,16 +5514,16 @@ var la = ["data-tpl-theme"], ua = {
 	setup(t, { emit: i }) {
 		let a = t, s = i, u = l(null);
 		e(() => a.locale, async (e) => {
-			u.value = await ca(e ?? "en");
+			u.value = await ua(e ?? "en");
 		}, { immediate: !0 }), c(Me, u);
 		let d = v(() => u.value), f = v(() => a.uiTheme);
 		c(Ne, f);
 		let h = E(() => a.popoverTarget ?? null);
-		c(je, h), c(Ae, a.planConfig);
-		let x = v(() => a.planConfig.config.value?.storage.used_bytes ?? 0), D = v(() => a.planConfig.config.value?.storage.limit_bytes ?? 0), { isAcceptedMimeType: k, availableCategories: A } = Re(a.planConfig), j = ke({
+		c(je, h), c(Pe, E(() => a.locale)), c(Ae, a.planConfig);
+		let x = v(() => a.planConfig.config.value?.storage.used_bytes ?? 0), D = v(() => a.planConfig.config.value?.storage.limit_bytes ?? 0), { isAcceptedMimeType: k, availableCategories: A } = ze(a.planConfig), j = ke({
 			projectId: a.projectId,
 			authManager: a.authManager
-		}), P = ea({
+		}), P = na({
 			library: j,
 			translations: d
 		});
@@ -5544,14 +5559,14 @@ var la = ["data-tpl-theme"], ua = {
 				"data-tpl-theme": f.value,
 				class: "tpl tpl-media-overlay tpl:fixed tpl:inset-0 tpl:z-[9999] tpl:flex tpl:items-center tpl:justify-center tpl:p-4",
 				onClick: i[18] ||= S((e) => s("close"), ["self"])
-			}, [O("div", ua, [
-				O("div", da, [O("h2", fa, N(d.value.mediaLibrary.title), 1), O("div", pa, [
-					m($i, {
+			}, [O("div", fa, [
+				O("div", pa, [O("h2", ma, N(d.value.mediaLibrary.title), 1), O("div", ha, [
+					m(ta, {
 						"used-bytes": x.value,
 						"limit-bytes": D.value,
 						size: 22
 					}, null, 8, ["used-bytes", "limit-bytes"]),
-					O("div", ma, [O("input", {
+					O("div", ga, [O("input", {
 						value: p(P).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)]",
@@ -5562,7 +5577,7 @@ var la = ["data-tpl-theme"], ua = {
 						},
 						placeholder: d.value.mediaLibrary.searchPlaceholder,
 						onInput: i[0] ||= (e) => p(P).handleSearchInput(e.target.value)
-					}, null, 40, ha), m(p(de), {
+					}, null, 40, _a), m(p(fe), {
 						class: "tpl:absolute tpl:top-1/2 tpl:left-2.5 tpl:-translate-y-1/2",
 						size: 13,
 						"stroke-width": 2,
@@ -5577,7 +5592,7 @@ var la = ["data-tpl-theme"], ua = {
 						"stroke-width": 2
 					})])
 				])]),
-				O("div", ga, [m(T, {
+				O("div", va, [m(T, {
 					"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",
@@ -5585,7 +5600,7 @@ var la = ["data-tpl-theme"], ua = {
 					"leave-from-class": "tpl:ml-0 tpl:opacity-100",
 					"leave-to-class": "tpl:-ml-48 tpl:opacity-0"
 				}, {
-					default: r(() => [p(P).showSidebar.value ? (o(), y("div", _a, [m(Cr, {
+					default: r(() => [p(P).showSidebar.value ? (o(), y("div", ya, [m(wr, {
 						folders: p(j).folders.value,
 						"current-folder-id": p(j).currentFolderId.value,
 						"view-mode": p(j).viewMode.value,
@@ -5607,7 +5622,7 @@ var la = ["data-tpl-theme"], ua = {
 						"onShowFrequentlyUsed"
 					])])) : b("", !0)]),
 					_: 1
-				}), O("div", va, [O("div", ya, [O("div", ba, [
+				}), O("div", ba, [O("div", xa, [O("div", Sa, [
 					O("button", {
 						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: C({
@@ -5617,11 +5632,11 @@ var la = ["data-tpl-theme"], ua = {
 						}),
 						title: p(P).showSidebar.value ? d.value.mediaLibrary.hideFolders : d.value.mediaLibrary.showFolders,
 						onClick: i[2] ||= (e) => p(P).showSidebar.value = !p(P).showSidebar.value
-					}, [m(p(ce), {
+					}, [m(p(le), {
 						size: 16,
 						"stroke-width": 2
-					})], 12, xa),
-					p(j).viewMode.value === "frequently-used" ? (o(), y("span", Sa, N(d.value.mediaLibrary.frequentlyUsed), 1)) : (o(), w(Le, {
+					})], 12, Ca),
+					p(j).viewMode.value === "frequently-used" ? (o(), y("span", wa, N(d.value.mediaLibrary.frequentlyUsed), 1)) : (o(), w(Re, {
 						key: 1,
 						folders: p(j).folders.value,
 						"current-folder-id": p(j).currentFolderId.value,
@@ -5631,7 +5646,7 @@ var la = ["data-tpl-theme"], ua = {
 						"current-folder-id",
 						"onNavigate"
 					])),
-					O("div", Ca, [O("button", {
+					O("div", Ta, [O("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: C({
 							color: p(P).layoutMode.value === "grid" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
@@ -5642,7 +5657,7 @@ var la = ["data-tpl-theme"], ua = {
 					}, [m(p(ve), {
 						size: 14,
 						"stroke-width": 2
-					})], 12, wa), O("button", {
+					})], 12, Ea), O("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: C({
 							color: p(P).layoutMode.value === "list" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
@@ -5653,8 +5668,8 @@ var la = ["data-tpl-theme"], ua = {
 					}, [m(p(me), {
 						size: 14,
 						"stroke-width": 2
-					})], 12, Ta)])
-				]), O("div", Ea, [p(A).length > 1 ? (o(), y("select", {
+					})], 12, Da)])
+				]), O("div", Oa, [p(A).length > 1 ? (o(), y("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: {
@@ -5664,10 +5679,10 @@ var la = ["data-tpl-theme"], ua = {
 					},
 					value: p(j).categoryFilter.value ?? "",
 					onChange: i[5] ||= (e) => p(j).filterByCategory(e.target.value || null)
-				}, [O("option", Oa, N(d.value.mediaLibrary.filterAll), 1), (o(!0), y(M, null, n(p(A), (e) => (o(), y("option", {
+				}, [O("option", Aa, N(d.value.mediaLibrary.filterAll), 1), (o(!0), y(M, null, n(p(A), (e) => (o(), y("option", {
 					key: e,
 					value: e
-				}, N(p(P).getCategoryLabel(e)), 9, ka))), 128))], 40, Da)) : b("", !0), O("select", {
+				}, N(p(P).getCategoryLabel(e)), 9, ja))), 128))], 40, ka)) : b("", !0), O("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)",
@@ -5677,13 +5692,13 @@ var la = ["data-tpl-theme"], ua = {
 					value: p(j).sortOption.value,
 					onChange: i[6] ||= (e) => p(j).sortBy(e.target.value)
 				}, [
-					O("option", ja, N(d.value.mediaLibrary.sortNewest), 1),
-					O("option", Ma, N(d.value.mediaLibrary.sortOldest), 1),
-					O("option", Na, N(d.value.mediaLibrary.sortNameAsc), 1),
-					O("option", Pa, N(d.value.mediaLibrary.sortNameDesc), 1),
-					O("option", Fa, N(d.value.mediaLibrary.sortSizeAsc), 1),
-					O("option", Ia, N(d.value.mediaLibrary.sortSizeDesc), 1)
-				], 40, Aa)])]), O("div", La, [p(j).viewMode.value === "files" ? (o(), y("div", Ra, [m(Ji, {
+					O("option", Na, N(d.value.mediaLibrary.sortNewest), 1),
+					O("option", Pa, N(d.value.mediaLibrary.sortOldest), 1),
+					O("option", Fa, N(d.value.mediaLibrary.sortNameAsc), 1),
+					O("option", Ia, N(d.value.mediaLibrary.sortNameDesc), 1),
+					O("option", La, N(d.value.mediaLibrary.sortSizeAsc), 1),
+					O("option", Ra, N(d.value.mediaLibrary.sortSizeDesc), 1)
+				], 40, Ma)])]), O("div", za, [p(j).viewMode.value === "files" ? (o(), y("div", Ba, [m(Xi, {
 					"is-uploading": p(j).isUploading.value,
 					"upload-progress": p(j).uploadProgress.value,
 					onUpload: p(P).handleUpload
@@ -5702,7 +5717,7 @@ var la = ["data-tpl-theme"], ua = {
 				}, [m(p(ge), {
 					size: 14,
 					"stroke-width": 2
-				}), F(" " + N(d.value.mediaLibrary.importFromUrl), 1)])])) : b("", !0), m(ei, {
+				}), F(" " + N(d.value.mediaLibrary.importFromUrl), 1)])])) : b("", !0), m(ni, {
 					items: p(P).displayItems.value,
 					"selected-ids": p(j).selectedItems.value,
 					"is-loading": p(j).isLoading.value,
@@ -5727,7 +5742,7 @@ var la = ["data-tpl-theme"], ua = {
 					"onEdit",
 					"onReplace"
 				])])])]),
-				m(fi, {
+				m(mi, {
 					visible: p(P).showImportUrlModal.value,
 					"is-importing": p(j).isImportingFromUrl.value,
 					error: p(j).importFromUrlError.value,
@@ -5739,7 +5754,7 @@ var la = ["data-tpl-theme"], ua = {
 					"error",
 					"onImport"
 				]),
-				m(dr, {
+				m(fr, {
 					visible: !!p(P).editingItem.value,
 					item: p(P).editingItem.value,
 					onSave: p(P).handleEditSave,
@@ -5749,7 +5764,7 @@ var la = ["data-tpl-theme"], ua = {
 					"item",
 					"onSave"
 				]),
-				m(Ui, {
+				m(Gi, {
 					visible: p(j).showReplaceWarning.value,
 					item: p(j).pendingReplaceItem.value,
 					"usage-info": p(j).replaceUsageInfo.value,
@@ -5783,19 +5798,19 @@ var la = ["data-tpl-theme"], ua = {
 							"-webkit-backdrop-filter": "blur(8px)"
 						},
 						onClick: i[12] ||= S((...e) => p(j).cancelDelete && p(j).cancelDelete(...e), ["self"])
-					}, [O("div", za, [
-						O("h3", Ba, N(d.value.mediaLibrary.deleteWarningTitle), 1),
+					}, [O("div", Va, [
+						O("h3", Ha, N(d.value.mediaLibrary.deleteWarningTitle), 1),
 						O("p", {
 							class: g(["tpl:text-xs", p(P).hasUsedFiles.value ? "tpl:mb-2" : "tpl:mb-4"]),
 							style: { color: "var(--tpl-text-muted)" }
 						}, N(d.value.mediaLibrary.deleteWarningMessage), 3),
-						p(P).hasUsedFiles.value ? (o(), y("p", Va, N(d.value.mediaLibrary.deleteWarningUsageNote), 1)) : b("", !0),
-						p(P).hasUsedFiles.value ? (o(), y("div", Ha, [(o(!0), y(M, null, n(p(j).deleteUsageInfo.value, (e, t) => (o(), y("div", {
+						p(P).hasUsedFiles.value ? (o(), y("p", Ua, N(d.value.mediaLibrary.deleteWarningUsageNote), 1)) : b("", !0),
+						p(P).hasUsedFiles.value ? (o(), y("div", Wa, [(o(!0), y(M, null, n(p(j).deleteUsageInfo.value, (e, t) => (o(), y("div", {
 							key: t,
 							class: "tpl:text-xs",
 							style: { color: "var(--tpl-text)" }
-						}, [e.template_count > 0 ? (o(), y(M, { key: 0 }, [O("span", Ua, N(p(P).displayItems.value.find((e) => e.id === t)?.filename || t), 1), O("span", Wa, " - " + N(d.value.mediaLibrary.usedInTemplates.replace("{count}", e.template_count.toString())), 1)], 64)) : b("", !0)]))), 128))])) : b("", !0),
-						O("div", Ga, [O("button", {
+						}, [e.template_count > 0 ? (o(), y(M, { key: 0 }, [O("span", Ga, N(p(P).displayItems.value.find((e) => e.id === t)?.filename || t), 1), O("span", Ka, " - " + N(d.value.mediaLibrary.usedInTemplates.replace("{count}", e.template_count.toString())), 1)], 64)) : b("", !0)]))), 128))])) : b("", !0),
+						O("div", qa, [O("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)",
@@ -5815,7 +5830,7 @@ var la = ["data-tpl-theme"], ua = {
 					])])) : b("", !0)]),
 					_: 1
 				}),
-				O("div", Ka, [O("div", qa, [p(j).previewItem.value ? (o(), w(Oi, {
+				O("div", Ja, [O("div", Ya, [p(j).previewItem.value ? (o(), w(Ai, {
 					key: 0,
 					"selected-conversion": p(P).selectedConversion.value,
 					"onUpdate:selectedConversion": i[13] ||= (e) => p(P).selectedConversion.value = e,
@@ -5825,7 +5840,7 @@ var la = ["data-tpl-theme"], ua = {
 					"selected-conversion",
 					"item",
 					"folders"
-				])) : b("", !0)]), O("div", Ja, [p(j).selectedItems.value.size > 0 ? (o(), y("div", Ya, [p(j).previewItem.value ? (o(), y("button", {
+				])) : b("", !0)]), O("div", Xa, [p(j).selectedItems.value.size > 0 ? (o(), y("div", Za, [p(j).previewItem.value ? (o(), y("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: C({
@@ -5834,7 +5849,7 @@ var la = ["data-tpl-theme"], ua = {
 						backgroundColor: "var(--tpl-bg)"
 					}),
 					onClick: i[14] ||= (e) => p(P).copy(p(P).selectedUrl.value)
-				}, [p(P).copied.value ? (o(), w(p(ue), {
+				}, [p(P).copied.value ? (o(), w(p(de), {
 					key: 1,
 					size: 12,
 					"stroke-width": 2
@@ -5842,7 +5857,7 @@ var la = ["data-tpl-theme"], ua = {
 					key: 0,
 					size: 12,
 					"stroke-width": 2
-				})), F(" " + N(p(P).copied.value ? d.value.mediaLibrary.copied : d.value.mediaLibrary.copyUrl), 1)], 4)) : b("", !0), O("div", Xa, [O("button", {
+				})), F(" " + N(p(P).copied.value ? d.value.mediaLibrary.copied : d.value.mediaLibrary.copyUrl), 1)], 4)) : b("", !0), O("div", Qa, [O("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)",
@@ -5850,7 +5865,7 @@ var la = ["data-tpl-theme"], ua = {
 						"background-color": "var(--tpl-bg)"
 					},
 					onClick: i[15] ||= (e) => p(P).showMovePicker.value = !p(P).showMovePicker.value
-				}, N(d.value.mediaLibrary.moveSelected), 1), p(P).showMovePicker.value ? (o(), w(_i, {
+				}, N(d.value.mediaLibrary.moveSelected), 1), p(P).showMovePicker.value ? (o(), w(yi, {
 					key: 0,
 					folders: p(j).folders.value,
 					"current-folder-id": p(j).currentFolderId.value,
@@ -5860,7 +5875,7 @@ var la = ["data-tpl-theme"], ua = {
 					"folders",
 					"current-folder-id",
 					"onSelect"
-				])) : b("", !0)])])) : b("", !0), O("div", Za, [p(j).selectedItems.value.size > 0 ? (o(), y("button", {
+				])) : b("", !0)])])) : b("", !0), O("div", $a, [p(j).selectedItems.value.size > 0 ? (o(), y("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: {
@@ -5877,12 +5892,12 @@ var la = ["data-tpl-theme"], ua = {
 					},
 					disabled: !ne(),
 					onClick: re
-				}, N(t.accept?.length ? d.value.mediaLibrary.selectImage : d.value.mediaLibrary.selectFile), 9, Qa)])])])
-			])], 8, la)) : b("", !0)]),
+				}, N(t.accept?.length ? d.value.mediaLibrary.selectImage : d.value.mediaLibrary.selectFile), 9, eo)])])])
+			])], 8, da)) : b("", !0)]),
 			_: 1
 		})], 8, ["to"]));
 	}
-}), eo = {
+}), no = {
 	class: "tpl tpl:flex tpl:flex-col tpl:overflow-hidden tpl:rounded-[var(--tpl-radius-lg)]",
 	style: {
 		width: "100%",
@@ -5890,59 +5905,59 @@ var la = ["data-tpl-theme"], ua = {
 		"background-color": "var(--tpl-bg-elevated)",
 		border: "1px solid var(--tpl-border)"
 	}
-}, to = {
+}, ro = {
 	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)" }
-}, no = {
+}, io = {
 	class: "tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, ro = { class: "tpl:flex tpl:items-center tpl:gap-3" }, io = { class: "tpl:relative" }, ao = ["value", "placeholder"], oo = { class: "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:overflow-hidden" }, so = {
+}, ao = { class: "tpl:flex tpl:items-center tpl:gap-3" }, oo = { class: "tpl:relative" }, so = ["value", "placeholder"], co = { class: "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:overflow-hidden" }, lo = {
 	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)"
 	}
-}, co = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:flex-col" }, lo = {
+}, uo = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:flex-col" }, fo = {
 	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)" }
-}, uo = { class: "tpl:flex tpl:items-center tpl:gap-2" }, fo = ["title"], po = {
+}, po = { class: "tpl:flex tpl:items-center tpl:gap-2" }, mo = ["title"], ho = {
 	key: 0,
 	class: "tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, mo = {
+}, go = {
 	class: "tpl:flex tpl:rounded-md tpl:p-0.5",
 	style: {
 		border: "1px solid var(--tpl-border)",
 		"background-color": "var(--tpl-bg)"
 	}
-}, ho = ["title"], go = ["title"], _o = { class: "tpl:flex tpl:items-center tpl:gap-2" }, vo = ["value"], yo = { value: "" }, bo = ["value"], xo = ["value"], So = { value: "newest" }, Co = { value: "oldest" }, wo = { value: "name_asc" }, To = { value: "name_desc" }, Eo = { value: "size_asc" }, Do = { value: "size_desc" }, Oo = { class: "tpl:min-h-0 tpl:flex-1 tpl:overflow-y-auto" }, ko = {
+}, _o = ["title"], vo = ["title"], yo = { class: "tpl:flex tpl:items-center tpl:gap-2" }, bo = ["value"], xo = { value: "" }, So = ["value"], Co = ["value"], wo = { value: "newest" }, To = { value: "oldest" }, Eo = { value: "name_asc" }, Do = { value: "name_desc" }, Oo = { value: "size_asc" }, ko = { value: "size_desc" }, Ao = { class: "tpl:min-h-0 tpl:flex-1 tpl:overflow-y-auto" }, jo = {
 	key: 0,
 	class: "tpl:px-4 tpl:pt-3"
-}, Ao = {
+}, Mo = {
 	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)"
 	}
-}, jo = {
+}, No = {
 	class: "tpl:mb-2 tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, Mo = {
+}, Po = {
 	key: 0,
 	class: "tpl:mb-4 tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, No = {
+}, Fo = {
 	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)" }
-}, Po = { class: "tpl:font-medium" }, Fo = { style: { color: "var(--tpl-text-muted)" } }, Io = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Lo = {
+}, Io = { class: "tpl:font-medium" }, Lo = { style: { color: "var(--tpl-text-muted)" } }, Ro = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, zo = {
 	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)" }
-}, Ro = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:items-center tpl:gap-3" }, zo = { class: "tpl:flex tpl:items-center tpl:gap-5" }, Bo = {
+}, Bo = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:items-center tpl:gap-3" }, Vo = { class: "tpl:flex tpl:items-center tpl:gap-5" }, Ho = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-2"
-}, Vo = { class: "tpl:relative" }, Ho = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Uo = ["disabled"], Wo = /* @__PURE__ */ d({
+}, Uo = { class: "tpl:relative" }, Wo = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Go = ["disabled"], Ko = /* @__PURE__ */ d({
 	__name: "MediaLibrary",
 	props: {
 		authManager: {},
@@ -5964,11 +5979,11 @@ var la = ["data-tpl-theme"], ua = {
 			fetchConfig: async () => {}
 		};
 		c(Ae, u);
-		let d = v(() => i.planConfig.storage.used_bytes ?? 0), f = v(() => i.planConfig.storage.limit_bytes ?? 0), { availableCategories: h } = Re(u), _ = ke({
+		let d = v(() => i.planConfig.storage.used_bytes ?? 0), f = v(() => i.planConfig.storage.limit_bytes ?? 0), { availableCategories: h } = ze(u), _ = ke({
 			projectId: i.projectId,
 			authManager: i.authManager,
 			onError: i.onError
-		}), E = ea({
+		}), E = na({
 			library: _,
 			translations: s
 		});
@@ -5982,12 +5997,12 @@ var la = ["data-tpl-theme"], ua = {
 		}
 		return x(() => {
 			_.loadItems(), _.loadFrequentlyUsed(), a("ready");
-		}), (t, i) => (o(), y("div", eo, [
-			O("div", to, [O("h2", no, N(s.value.mediaLibrary.title), 1), O("div", ro, [m($i, {
+		}), (t, i) => (o(), y("div", no, [
+			O("div", ro, [O("h2", io, N(s.value.mediaLibrary.title), 1), O("div", ao, [m(ta, {
 				"used-bytes": d.value,
 				"limit-bytes": f.value,
 				size: 22
-			}, null, 8, ["used-bytes", "limit-bytes"]), O("div", io, [O("input", {
+			}, null, 8, ["used-bytes", "limit-bytes"]), O("div", oo, [O("input", {
 				value: p(E).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)]",
@@ -5998,13 +6013,13 @@ var la = ["data-tpl-theme"], ua = {
 				},
 				placeholder: s.value.mediaLibrary.searchPlaceholder,
 				onInput: i[0] ||= (e) => p(E).handleSearchInput(e.target.value)
-			}, null, 40, ao), m(p(de), {
+			}, null, 40, so), m(p(fe), {
 				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)" }
 			})])])]),
-			O("div", oo, [m(T, {
+			O("div", co, [m(T, {
 				"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",
@@ -6012,7 +6027,7 @@ var la = ["data-tpl-theme"], ua = {
 				"leave-from-class": "tpl:ml-0 tpl:opacity-100",
 				"leave-to-class": "tpl:-ml-48 tpl:opacity-0"
 			}, {
-				default: r(() => [p(E).showSidebar.value ? (o(), y("div", so, [m(Cr, {
+				default: r(() => [p(E).showSidebar.value ? (o(), y("div", lo, [m(wr, {
 					folders: p(_).folders.value,
 					"current-folder-id": p(_).currentFolderId.value,
 					"view-mode": p(_).viewMode.value,
@@ -6034,7 +6049,7 @@ var la = ["data-tpl-theme"], ua = {
 					"onShowFrequentlyUsed"
 				])])) : b("", !0)]),
 				_: 1
-			}), O("div", co, [O("div", lo, [O("div", uo, [
+			}), O("div", uo, [O("div", fo, [O("div", po, [
 				O("button", {
 					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: C({
@@ -6044,11 +6059,11 @@ var la = ["data-tpl-theme"], ua = {
 					}),
 					title: p(E).showSidebar.value ? s.value.mediaLibrary.hideFolders : s.value.mediaLibrary.showFolders,
 					onClick: i[1] ||= (e) => p(E).showSidebar.value = !p(E).showSidebar.value
-				}, [m(p(ce), {
+				}, [m(p(le), {
 					size: 16,
 					"stroke-width": 2
-				})], 12, fo),
-				p(_).viewMode.value === "frequently-used" ? (o(), y("span", po, N(s.value.mediaLibrary.frequentlyUsed), 1)) : (o(), w(Le, {
+				})], 12, mo),
+				p(_).viewMode.value === "frequently-used" ? (o(), y("span", ho, N(s.value.mediaLibrary.frequentlyUsed), 1)) : (o(), w(Re, {
 					key: 1,
 					folders: p(_).folders.value,
 					"current-folder-id": p(_).currentFolderId.value,
@@ -6058,7 +6073,7 @@ var la = ["data-tpl-theme"], ua = {
 					"current-folder-id",
 					"onNavigate"
 				])),
-				O("div", mo, [O("button", {
+				O("div", go, [O("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: C({
 						color: p(E).layoutMode.value === "grid" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
@@ -6069,7 +6084,7 @@ var la = ["data-tpl-theme"], ua = {
 				}, [m(p(ve), {
 					size: 14,
 					"stroke-width": 2
-				})], 12, ho), O("button", {
+				})], 12, _o), O("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: C({
 						color: p(E).layoutMode.value === "list" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
@@ -6080,8 +6095,8 @@ var la = ["data-tpl-theme"], ua = {
 				}, [m(p(me), {
 					size: 14,
 					"stroke-width": 2
-				})], 12, go)])
-			]), O("div", _o, [p(h).length > 1 ? (o(), y("select", {
+				})], 12, vo)])
+			]), O("div", yo, [p(h).length > 1 ? (o(), y("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: {
@@ -6091,10 +6106,10 @@ var la = ["data-tpl-theme"], ua = {
 				},
 				value: p(_).categoryFilter.value ?? "",
 				onChange: i[4] ||= (e) => p(_).filterByCategory(e.target.value || null)
-			}, [O("option", yo, N(s.value.mediaLibrary.filterAll), 1), (o(!0), y(M, null, n(p(h), (e) => (o(), y("option", {
+			}, [O("option", xo, N(s.value.mediaLibrary.filterAll), 1), (o(!0), y(M, null, n(p(h), (e) => (o(), y("option", {
 				key: e,
 				value: e
-			}, N(p(E).getCategoryLabel(e)), 9, bo))), 128))], 40, vo)) : b("", !0), O("select", {
+			}, N(p(E).getCategoryLabel(e)), 9, So))), 128))], 40, bo)) : b("", !0), O("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)",
@@ -6104,13 +6119,13 @@ var la = ["data-tpl-theme"], ua = {
 				value: p(_).sortOption.value,
 				onChange: i[5] ||= (e) => p(_).sortBy(e.target.value)
 			}, [
-				O("option", So, N(s.value.mediaLibrary.sortNewest), 1),
-				O("option", Co, N(s.value.mediaLibrary.sortOldest), 1),
-				O("option", wo, N(s.value.mediaLibrary.sortNameAsc), 1),
-				O("option", To, N(s.value.mediaLibrary.sortNameDesc), 1),
-				O("option", Eo, N(s.value.mediaLibrary.sortSizeAsc), 1),
-				O("option", Do, N(s.value.mediaLibrary.sortSizeDesc), 1)
-			], 40, xo)])]), O("div", Oo, [p(_).viewMode.value === "files" ? (o(), y("div", ko, [m(Ji, {
+				O("option", wo, N(s.value.mediaLibrary.sortNewest), 1),
+				O("option", To, N(s.value.mediaLibrary.sortOldest), 1),
+				O("option", Eo, N(s.value.mediaLibrary.sortNameAsc), 1),
+				O("option", Do, N(s.value.mediaLibrary.sortNameDesc), 1),
+				O("option", Oo, N(s.value.mediaLibrary.sortSizeAsc), 1),
+				O("option", ko, N(s.value.mediaLibrary.sortSizeDesc), 1)
+			], 40, Co)])]), O("div", Ao, [p(_).viewMode.value === "files" ? (o(), y("div", jo, [m(Xi, {
 				"is-uploading": p(_).isUploading.value,
 				"upload-progress": p(_).uploadProgress.value,
 				onUpload: p(E).handleUpload
@@ -6129,7 +6144,7 @@ var la = ["data-tpl-theme"], ua = {
 			}, [m(p(ge), {
 				size: 14,
 				"stroke-width": 2
-			}), F(" " + N(s.value.mediaLibrary.importFromUrl), 1)])])) : b("", !0), m(ei, {
+			}), F(" " + N(s.value.mediaLibrary.importFromUrl), 1)])])) : b("", !0), m(ni, {
 				items: p(E).displayItems.value,
 				"selected-ids": p(_).selectedItems.value,
 				"is-loading": p(_).isLoading.value,
@@ -6152,7 +6167,7 @@ var la = ["data-tpl-theme"], ua = {
 				"onEdit",
 				"onReplace"
 			])])])]),
-			m(fi, {
+			m(mi, {
 				visible: p(E).showImportUrlModal.value,
 				"is-importing": p(_).isImportingFromUrl.value,
 				error: p(_).importFromUrlError.value,
@@ -6164,7 +6179,7 @@ var la = ["data-tpl-theme"], ua = {
 				"error",
 				"onImport"
 			]),
-			m(dr, {
+			m(fr, {
 				visible: !!p(E).editingItem.value,
 				item: p(E).editingItem.value,
 				onSave: p(E).handleEditSave,
@@ -6174,7 +6189,7 @@ var la = ["data-tpl-theme"], ua = {
 				"item",
 				"onSave"
 			]),
-			m(Ui, {
+			m(Gi, {
 				visible: p(_).showReplaceWarning.value,
 				item: p(_).pendingReplaceItem.value,
 				"usage-info": p(_).replaceUsageInfo.value,
@@ -6208,19 +6223,19 @@ var la = ["data-tpl-theme"], ua = {
 						"-webkit-backdrop-filter": "blur(8px)"
 					},
 					onClick: i[11] ||= S((...e) => p(_).cancelDelete && p(_).cancelDelete(...e), ["self"])
-				}, [O("div", Ao, [
-					O("h3", jo, N(s.value.mediaLibrary.deleteWarningTitle), 1),
+				}, [O("div", Mo, [
+					O("h3", No, N(s.value.mediaLibrary.deleteWarningTitle), 1),
 					O("p", {
 						class: g(["tpl:text-xs", p(E).hasUsedFiles.value ? "tpl:mb-2" : "tpl:mb-4"]),
 						style: { color: "var(--tpl-text-muted)" }
 					}, N(s.value.mediaLibrary.deleteWarningMessage), 3),
-					p(E).hasUsedFiles.value ? (o(), y("p", Mo, N(s.value.mediaLibrary.deleteWarningUsageNote), 1)) : b("", !0),
-					p(E).hasUsedFiles.value ? (o(), y("div", No, [(o(!0), y(M, null, n(p(_).deleteUsageInfo.value, (e, t) => (o(), y("div", {
+					p(E).hasUsedFiles.value ? (o(), y("p", Po, N(s.value.mediaLibrary.deleteWarningUsageNote), 1)) : b("", !0),
+					p(E).hasUsedFiles.value ? (o(), y("div", Fo, [(o(!0), y(M, null, n(p(_).deleteUsageInfo.value, (e, t) => (o(), y("div", {
 						key: t,
 						class: "tpl:text-xs",
 						style: { color: "var(--tpl-text)" }
-					}, [e.template_count > 0 ? (o(), y(M, { key: 0 }, [O("span", Po, N(p(E).displayItems.value.find((e) => e.id === t)?.filename || t), 1), O("span", Fo, " - " + N(s.value.mediaLibrary.usedInTemplates.replace("{count}", e.template_count.toString())), 1)], 64)) : b("", !0)]))), 128))])) : b("", !0),
-					O("div", Io, [O("button", {
+					}, [e.template_count > 0 ? (o(), y(M, { key: 0 }, [O("span", Io, N(p(E).displayItems.value.find((e) => e.id === t)?.filename || t), 1), O("span", Lo, " - " + N(s.value.mediaLibrary.usedInTemplates.replace("{count}", e.template_count.toString())), 1)], 64)) : b("", !0)]))), 128))])) : b("", !0),
+					O("div", Ro, [O("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)",
@@ -6240,7 +6255,7 @@ var la = ["data-tpl-theme"], ua = {
 				])])) : b("", !0)]),
 				_: 1
 			}),
-			O("div", Lo, [O("div", Ro, [p(_).previewItem.value ? (o(), w(Oi, {
+			O("div", zo, [O("div", Bo, [p(_).previewItem.value ? (o(), w(Ai, {
 				key: 0,
 				"selected-conversion": p(E).selectedConversion.value,
 				"onUpdate:selectedConversion": i[12] ||= (e) => p(E).selectedConversion.value = e,
@@ -6250,7 +6265,7 @@ var la = ["data-tpl-theme"], ua = {
 				"selected-conversion",
 				"item",
 				"folders"
-			])) : b("", !0)]), O("div", zo, [p(_).selectedItems.value.size > 0 ? (o(), y("div", Bo, [p(_).previewItem.value ? (o(), y("button", {
+			])) : b("", !0)]), O("div", Vo, [p(_).selectedItems.value.size > 0 ? (o(), y("div", Ho, [p(_).previewItem.value ? (o(), y("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: C({
@@ -6259,7 +6274,7 @@ var la = ["data-tpl-theme"], ua = {
 					backgroundColor: "var(--tpl-bg)"
 				}),
 				onClick: i[13] ||= (e) => p(E).copy(p(E).selectedUrl.value)
-			}, [p(E).copied.value ? (o(), w(p(ue), {
+			}, [p(E).copied.value ? (o(), w(p(de), {
 				key: 1,
 				size: 12,
 				"stroke-width": 2
@@ -6267,7 +6282,7 @@ var la = ["data-tpl-theme"], ua = {
 				key: 0,
 				size: 12,
 				"stroke-width": 2
-			})), F(" " + N(p(E).copied.value ? s.value.mediaLibrary.copied : s.value.mediaLibrary.copyUrl), 1)], 4)) : b("", !0), O("div", Vo, [O("button", {
+			})), F(" " + N(p(E).copied.value ? s.value.mediaLibrary.copied : s.value.mediaLibrary.copyUrl), 1)], 4)) : b("", !0), O("div", Uo, [O("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)",
@@ -6275,7 +6290,7 @@ var la = ["data-tpl-theme"], ua = {
 					"background-color": "var(--tpl-bg)"
 				},
 				onClick: i[14] ||= (e) => p(E).showMovePicker.value = !p(E).showMovePicker.value
-			}, N(s.value.mediaLibrary.moveSelected), 1), p(E).showMovePicker.value ? (o(), w(_i, {
+			}, N(s.value.mediaLibrary.moveSelected), 1), p(E).showMovePicker.value ? (o(), w(yi, {
 				key: 0,
 				folders: p(_).folders.value,
 				"current-folder-id": p(_).currentFolderId.value,
@@ -6285,7 +6300,7 @@ var la = ["data-tpl-theme"], ua = {
 				"folders",
 				"current-folder-id",
 				"onSelect"
-			])) : b("", !0)])])) : b("", !0), O("div", Ho, [p(_).selectedItems.value.size > 0 ? (o(), y("button", {
+			])) : b("", !0)])])) : b("", !0), O("div", Wo, [p(_).selectedItems.value.size > 0 ? (o(), y("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: {
@@ -6303,52 +6318,52 @@ var la = ["data-tpl-theme"], ua = {
 				},
 				disabled: !p(_).previewItem.value,
 				onClick: D
-			}, N(s.value.mediaLibrary.selectFile), 9, Uo)) : b("", !0)])])])
+			}, N(s.value.mediaLibrary.selectFile), 9, Go)) : b("", !0)])])])
 		]));
 	}
-}), Go = null, Ko = l(null);
-async function qo(e) {
+}), qo = null, Jo = l(null);
+async function Yo(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 = Te(e.auth, e.onError);
 	await n.initialize();
-	let r = await new Ee(n).fetchConfig(), i = await ca(e.locale ?? "en");
-	return Yo(t, e.theme), Go && Jo(), new Promise((a, o) => {
+	let r = await new Ee(n).fetchConfig(), i = await ua(e.locale ?? "en");
+	return Zo(t, e.theme), qo && Xo(), new Promise((a, o) => {
 		try {
-			Go = A({ setup() {
+			qo = A({ setup() {
 				let o = () => {
 					a({
-						setTheme: (e) => Yo(t, e),
-						unmount: Jo
+						setTheme: (e) => Zo(t, e),
+						unmount: Xo
 					});
 				};
-				return () => P(Wo, {
+				return () => P(Ko, {
 					authManager: n,
 					projectId: n.projectId,
 					planConfig: r,
 					translations: i,
 					onSelect: e.onSelect,
 					onError: e.onError,
-					ref: Ko,
+					ref: Jo,
 					onReady: o
 				});
-			} }), Go.mount(t);
+			} }), qo.mount(t);
 		} catch (e) {
 			o(e);
 		}
 	});
 }
-function Jo() {
-	Go && (Go.unmount(), Go = null, Ko.value = null);
+function Xo() {
+	qo && (qo.unmount(), qo = null, Jo.value = null);
 }
-function Yo(e, t) {
+function Zo(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`)));
 }
 typeof window < "u" && (window.TemplaticalMedia = {
-	init: qo,
-	unmount: Jo
+	init: Yo,
+	unmount: Xo
 });
 //#endregion
-export { Oe as MediaApiClient, $a as MediaLibraryModal, De as t };
+export { Oe as MediaApiClient, to as MediaLibraryModal, De as t };
 
-//# sourceMappingURL=src-Bid3cmHa.js.map
+//# sourceMappingURL=src-Cxl-9O-L.js.map